/*----------------new-style-----------------(Write by Karan)*/
.flex-col-hero-blog-bg {
background: url(https://yourhomify.com/wp-content/uploads/2025/11/hero-bg-img.webp) no-repeat center/cover;
padding: 60px 50px 50px;
gap: 20px
}
.home-hero-bg {
background: url(https://yourhomify.batterseaconsultant.com/wp-content/uploads/2026/03/hero-bg.webp) no-repeat center center / cover;
height: 100%;
width: 100%;
padding-block: 70px;
}
.home-hero-bg .hero-drag-txt {
width: fit-content;
margin: auto;
padding: 5px 15px;
}
.flex-col-keyword-card {
padding: 20px;
gap: 15px;
}
.flex-col-keyword-card .flex-key-hd-between .flex-key-hd {
gap: 20px;
}
.flex-col-keyword-card .flex-key-hd .flex-hd-icon {
height: 60px;
width: 60px;
justify-content: center;
flex-shrink: 0;
}
.flex-col-keyword-card .flex-key-link {
height: 35px;
width: 35px;
justify-content: center;
flex-shrink: 0;
}
.flex-col-keyword-card .flex-keyword {
flex-wrap: wrap;
gap: 10px 15px;
}
.flex-col-keyword-card .flex-keyword .flex-more-key {
justify-content: center;
padding: 7px 20px;
gap: 5px;
}
.flex-sub-ttl {
padding: 7px 15px;
gap: 7px;
}
.flex-col-step-card {
align-items: center !important;
gap: 20px;
padding-inline: 30px;
position: relative;
text-align: center;
}
.flex-col-step-card span {
height: 135px;
width: 135px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.flex-col-step-card img {
height: 64px;
width: 64px;
object-fit: cover;
}
.flex-col-step-card .step-no {
position: absolute;
bottom: -10px;
height: 30px;
width: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.cta-wrapper {
padding: 40px;
border-radius: 16px;
}
.cta-wrapper [class*="btn-"] {
width: 100%
}
.overlay-prod-card img {
height: 320px;
width: 100%;
object-fit: cover;
}
.overlay-prod-card .flex-col-overlay-content {
position: absolute;
bottom: 0;
width: 100%;
z-index: 99;
padding: 15px;
}
.cat-link {
color: rgb(237 234 234);
font-weight: 500;
gap: 7px;
margin-bottom: 10px;
}
.overlay-prod-card .flex-ttl-between {
gap: 10px 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
margin-bottom: 10px;
padding-bottom: 10px;
}
.overlay-prod-card .flex-overlay-link {
height: 35px;
width: 35px;
flex-shrink: 0;
justify-content: center;
}
.flex-col-blog-card .price:not(.prod-card .price) {
position: absolute;
color: var(--white);
background: rgb(0 0 0 / 60%);
right: 20px;
width: fit-content;
bottom: 20px;
backdrop-filter: blur(2px);
padding: 5px 20px;
border-radius: 4px;
}
.content-gap {
gap: 25px;
}
.sec-srch {
width: 100%;
position: relative;
}
.sec-srch input {
padding-inline: 50px 15px;
}
.sec-srch button {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
}
.crop-container .btn-secondary {
position: absolute;
top: 50%;
left: 50%;
border: unset;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
transition: all .3s;
}
.flex-col-blog-card:hover .crop-container .btn-secondary {
opacity: 1;
visibility: visible;
transition: all .3s;
}
.crop-container:not(:has(img)) .resizer{
display:none;
}
/* ------------ garden details pg. start ------------ */
.share-garden-pic {
border-radius: 12px
}
.flex-share-img-tab {
gap: 3px;
overflow: hidden;
cursor: pointer;
border-radius: 5px
}
.flex-share-img-tab img {
height: 100px;
width: 50%;
object-fit: cover;
}
.share-accordian details {
background: transparent !important;
margin: 0;
}
.share-accordian details .flex-prod-item {
gap: 10px;
}
.share-accordian details .flex-prod-icn {
flex-shrink: 0;
background: #FFF1EB;
height: 35px;
width: 35px;
justify-content: center;
border-radius: 50%;
}
.flex-share-by-garden img {
border-radius: 50%;
height: 35px;
width: 35px;
}
.share-garden-info [class*="flex-col-sec-hd"] p,
.share-accordian :is(h4, .h4) {
margin-bottom: 10px;
}
.flex-garden-info {
gap: 10px 20px;
flex-wrap: wrap;
}
.flex-share-by-garden {
gap: 10px;
line-height: 2;
}
/* ------------ garden details pg. end ------------ */
/* ------------ share garden pg. end ------------ */
.flex-step-process-wrap {
justify-content: space-around;
}
.flex-col-step span {
background: #F3F3F3;
height: 40px;
width: 40px;
border-radius: 50%;
justify-content: center;
display: flex;
align-items: center;
}
.flex-col-step {
position: relative;
gap: 5px;
}
.flex-col-step:not(:first-child):after {
content: '';
position: absolute;
left: -225px;
top: 50%;
height: 0.3px;
width: 180px;
background: #ccc;
transition: all .3s ease;
transform: translateY(-50%);
}
.process--fill span {
background: #16a345;
color: var(--white);
}
.process--fill:after {
transition: all .3s ease !important;
background: #16a345 !important;
}
.flex-step-process-wrap .process--active:not(:first-of-type) span {
animation: coinToss 1.2s ease-in-out forwards;
transform-style: preserve-3d;
}
@keyframes coinToss {
0% {
transform: scale(0.6) rotateY(0deg);
opacity: 0;
}
30% {
transform: scale(1.2) rotateY(180deg);
opacity: 1;
}
60% {
transform: scale(1) rotateY(360deg);
}
100% {
transform: scale(0.9) rotateY(360deg);
}
}
.process-form-wrap form {
all: unset !important;
}
.process-form-wrap {
border: 1px solid var(--border-color);
padding: 30px;
border-radius: 5px;
}
.process-form-wrap form .prev-btn {
border: 1px solid #717171b8;
color: #717171b8;
}
.process-form-wrap form .prev-btn:hover {
background: var(--sc);
}
/*// custom imgUpload */
.grid-upload-container {
grid-template-columns: repeat(3, 1fr);
gap: 0 20px;
}
.flex-upload-img-wrap {
justify-content: space-between;
border: 1px solid var(--border-color);
padding: 20px;
width: 100%;
border-radius: 5px;
position: relative;
text-align: center;
margin-top: 20px;
}
.flex-upload-img-wrap .moveUploadImg {
position: absolute;
right: -10px;
top: -10px;
}
.circle {
width: 60px;
height: 60px;
border: 1px dashed #ccc;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
position: relative;
overflow: hidden;
padding: 10px;
background: #ebebeb75;
}
.circle:hover {
border-color: #333;
}
.preview-img {
width: 100%;
height: 100%;
object-fit: cover;
display: none;
}
.remove-btn {
position: absolute;
top: 5px;
right: 8px;
background: red;
color: white;
border-radius: 50%;
width: 22px;
height: 22px;
font-size: 14px;
display: none;
align-items: center;
justify-content: center;
cursor: pointer;
}
.upload-box input {
display: none;
}
button.add-moreBtn {
background: #353535;
padding: 10px 20px;
color: var(--white);
font-size: 16px;
border-radius: 5px;
}
button.add-moreBtn:hover {
background: #1e1d1d;
}
/*// custom imgUpload - end */
.process-form-wrap input[type="checkbox"] {
margin-right: 10px;
width: fit-content;
}
.garden-prev-card {
position: sticky !important;
top: 100px;
height: fit-content !important;
}
.garden-prev-card .price {
position: unset !important;
padding-block: 8px;
}
.flex-col-proTips-card {
padding: 15px;
border-radius: 10px;
background: #f0fdf4;
border: 1px solid #ccffdc;
}
.flex-col-proTips-card ul {
gap: 8px;
margin-top: 15px;
}
.flex-col-proTips-card ul li {
margin-bottom: 0px !important;
font-size: 14px;
}
.process-form-wrap textarea {
position: relative;
resize: vertical;
}
.process-form-wrap .wordCount {
position: absolute;
right: 20px;
bottom: 0;
margin: 0;
font-size: 14px;
}
/* ------------ share garden pg. end ------------ */
/* ---------------filter-css--------------- */
.filter-form {
border-bottom: 1px solid var(--border-color);
padding-bottom: 30px;
}
[class*="flex-filter"] .select-wrapper select {
padding: 10px 40px 10px 15px;
border-radius: 5px;
}
[class*="flex-filter"] {
gap: 20px;
}
.select-wrapper select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
line-height: 1.5;
}
.filter-form .removeFilter {
background: #dc3545;
color: var(--white);
border: 0;
padding: 10px 20px;
border-radius: 5px;
font-size: 16px;
}
.filter-form .removeFilter:hover{
background:#b72a37
}
.adv-filter-dropdown {
padding: 10px 40px 10px 15px;
border-radius: 5px;
cursor: pointer;
background: transparent;
border: 1px solid var(--muted) !important;
font-size: 16px;
}
.filter-form .adv-filter--wrap {
border-top: 1px solid var(--border-color);
height: 0;
visibility: hidden;
opacity: 0;
transition: all .4s ease-in-out 0s;
}
.filter-form .filter-data-active {
margin-top: 30px;
padding-top: 30px;
height: 100%;
transition: all .4s ease-in-out 0s;
visibility: visible;
opacity: 1;
}
.filter-form .adv-filter--wrap .filter-hd {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
.flex-check-label {
margin-bottom: 10px;
gap: 10px;
font-size: 15px;
cursor: pointer;
width: fit-content;
color: #5a5a5a;
}
input[type="checkbox"] {
width:fit-content;
}
.select-wrapper {
position: relative;
}
.select-wrapper::after {
position: absolute;
content: '';
background: url('data:image/svg+xml,') no-repeat;
width: 16px;
height: 16px;
right: 10px;
top: 14px;
pointer-events: none;
}
/*-----------karan-css----------start----*/
* {
padding: 0;
margin: 0;
scroll-behavior: smooth;
/*font-family: "DM Sans", sans-serif;*/
box-sizing: border-box;
}
ul,
ol {
list-style: none;
}
p {
margin-bottom: 10px;
}
:root {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
}
.container,
.container-fluid {
width: 100%;
padding-right: var(--bs-gutter-x, .75rem);
padding-left: var(--bs-gutter-x, .75rem);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1320px;
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row>* {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
/* ------------ Layout media query starts ------------ */
@media (min-width: 768px) {
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
}
@media (min-width: 992px) {
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
line-height: 1.4;
/*color: #212121;*/
font-family: var(--heading-font) !important;
}
.h1,
h1 {
font-size: clamp(1.5625rem, 0.6696rem + 2.381vw, 3rem);
}
@media (min-width:1200px) {
.h1,
h1 {
font-size: 50px !important;
}
}
.h2,
h2 {
font-size: calc(1.325rem + .9vw)
}
@media (min-width:1200px) {
.h2,
h2 {
font-size: clamp(1.325rem, calc(1.325rem + 0.9vw), 2rem) !important;
}
}
.h3,
h3 {
font-size: calc(1.3rem + .6vw)
}
@media (min-width:1200px) {
.h3,
h3 {
font-size: clamp(1.3rem, calc(1.3rem + 0.6vw), 1.75rem) !important;
}
}
.h4,
h4 {
font-size: calc(1.275rem + .3vw)
}
@media (min-width:1200px) {
.h4,
h4 {
font-size: clamp(1.275rem, calc(1.275rem + 0.3vw), 1.5rem) !important;
}
}
.h5,
h5 {
font-size: 1.25rem !important;
}
.h6,
h6 {
font-size: 1rem !important;
}
[class*="row-gap"] {
row-gap: 20px;
}
.row-gap-3 {
row-gap: 30px;
}
img,
svg {
vertical-align: middle;
}
.img-fluid {
max-width: 100%;
height: auto;
}
:where(.section, section, .sec-space, .mt-auto, footer, body.page main > .container:first-child) {
margin-top: 60px !important;
}
.mt-5 {
margin-top: 45px !important;
}
.mt-3 {
margin-top: 30px !important;
}
.mx-auto {
margin-inline: auto;
}
.mb-0,
.flower-vrty p {
margin-bottom: 0 !important;
}
.pt-10 {
padding: 10px !important;
}
.relative {
position: relative !important;
}
.static {
position: static !important;
}
[class*="flex-"] {
display: flex;
align-items: center;
}
[class*="flex-col"] {
flex-flow: column;
align-items: unset;
}
[class*="-between"] {
justify-content: space-between;
}
[class*="grid"] {
display: grid;
}
.justify-content-center {
justify-content: center;
}
.align-items-center {
align-items: center;
}
.text-center {
text-align: center;
}
form :is(input, textarea, select) {
padding: 10px 20px;
width: 100%;
}
/*-------------------------Topbar-Start------------------------*/
.header-grid {
display: grid;
grid-template-columns: 20% auto 15%;
align-items: center;
gap: 20px;
}
[class*="flex-top"] {
gap: 40px;
}
header .flex-top-rb {
justify-content: flex-end;
gap: 20px !important;
}
header .flex-top-rb .flex-col-top-link {
gap: 5px;
align-items: center;
}
.widget_bwe-service-logo-widget img {
height: 50px !important;
width: auto;
object-fit: contain;
}
header nav {
display: flex;
justify-content: center;
}
.menuToggle {
display: none;
cursor: pointer;
}
.closeToggle {
display: none;
}
@media (max-width: 768px) {
.menuToggle {
display: block;
}
header nav {
position: fixed;
left: -100%;
top: 0;
width: 100%;
height: 100vh;
background: #fff;
flex-direction: column;
align-items: flex-start;
justify-content: start;
padding: 60px 20px;
overflow-y: auto;
transition: 0.4s ease;
z-index: 9999;
}
header nav.active {
left: 0;
}
header nav ul {
flex-direction: column;
width: 100%;
gap: 15px;
}
header nav ul li {
width: 100%;
}
.closeToggle {
display: block;
right: 20px;
top: 20px;
z-index: 99999;
position: absolute;
}
}
/* overlay */
.menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
visibility: hidden;
transition: 0.3s;
z-index: 9998;
}
.menu-overlay.active {
opacity: 1;
visibility: visible;
}
header nav ul li .flex-col-menu li {
position: relative;
}
header nav ul li .flex-col-menu li .flex-col-menu {
left: 100%;
top: 0;
}
@media (max-width:768px) {
.flex-col-lg-card img {
height: 250px !important;
}
.blog-hero .flex-col-hero-blog-bg{
padding:30px !important
}
header nav ul li .flex-col-menu {
display: none;
position: relative;
padding-left: 15px;
}
header nav ul li.active>.flex-col-menu {
position: relative;
display: flex;
top: 0;
margin-top: 12px;
transform: scale(1);
opacity: 1;
visibility: visible;
}
header nav ul li .flex-col-menu li .flex-col-menu {
left: 0;
}
header nav ul {
order: 3;
}
.dropdown:after {
order: 2;
}
}
.flex-col-menu {
display: none;
}
.dropdown.active>.flex-col-menu {
display: block;
}
@media (width <=1023px) {
.srchBar-wrapper {
width: 90% !important;
}
.srchBar-wrapper form input {
font-size: 20px !important;
}
.srchBar-wrapper form button {
padding-block: 0 !important;
}
}
.srch-overlay.active {
display: block;
}
.srch-overlay {
position: fixed;
height: 200vh;
width: 100%;
background: rgb(0 0 0 / 93%);
z-index: 9999;
inset: 0;
display: none;
}
.srchBar-wrapper {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -15px);
opacity: 0;
visibility: hidden;
transition: all .4s ease;
z-index: 99999;
width: 100%;
max-width: 800px;
}
.srchBar-wrapper.show {
transform: translate(-50%, -50%);
opacity: 1;
visibility: visible;
transition: all .4s ease;
}
.srchBar-wrapper form {
position: relative;
}
.srchBar-wrapper form input {
background: transparent;
color: var(--white);
border: 0 !important;
border-bottom: 1px solid var(--white) !important;
outline: 0;
border-radius: 0;
font-size: 30px;
padding: 0 40px 10px 0;
width: 100%;
}
.srchBar-wrapper form button {
position: absolute;
right: 0;
bottom: 17px;
background: transparent;
border: 0;
outline: 0;
margin-top: unset !important;
}
.closeSrchBar {
position: fixed;
right: 30px;
top: 30px;
z-index: 999999;
display: none;
}
.cart-icon {
position: relative;
display: inline-block;
}
.cart-count {
position: absolute;
top: -8px;
right: -8px;
background: #e53935;
color: #fff;
font-size: 12px;
border-radius: 999px;
padding: 2px 6px;
min-width: 18px;
text-align: center;
}
/*-------------main-head-Category------------- */
.grid-cat-item {
display: flex;
justify-content: center;
/* grid-template-columns: repeat(7, 1fr); */
gap: 50px;
overflow-x: auto;
padding-block: 20px;
flex-wrap: nowrap;
}
.grid-cat-item .flex-cat {
gap: 15px;
white-space: nowrap;
}
[class*="flex-item-icn-"] {
height: 60px;
width: 60px;
border-radius: 50%;
justify-content: center;
}
[class*="btn-"] {
padding: 10px 30px;
text-align: center;
width: fit-content;
overflow: hidden;
position: relative;
display: flex;
gap: 8px;
align-items: center;
justify-content: center;
}
.flex-col-blog-card:not(.gallery-card) .btn-primary {
padding: 7px 25px;
}
/*------------hero-blog------------*/
.grid-50 {
grid-template-columns: 50% 50%;
}
.grid-2 {
grid-template-columns: 40% 60%;
}
.flex-hero-blog-bg {
background: url(https://yourhomify.com/wp-content/uploads/2025/11/hero-bg-img.webp) no-repeat center/cover;
padding: 30px 50px;
}
.flex-col-blogTitle-wrap {
justify-content: center;
align-items: center;
height: 400px;
width: 400px;
text-align: center;
gap: 25px;
}
.flex-slideTitle {
width: 100%;
height: fit-content;
}
.flex-slideTitle .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
}
.blog-title {
max-width: 80%;
margin-inline: auto;
}
.blog-hero .img-placeholder {
height: 100%;
}
@media (width <=1400px) {
.flex-hero-blog-bg {
padding-block: 10px !important;
}
}
/*----------blog-card----------*/
.flex-col-blog-card {
overflow: hidden;
height: 100%;
position: relative;
}
.img-placeholder,
.img-placeholder img {
width: 100%;
transition: all .4s ease;
}
.img-placeholder img {
height: 100%;
object-fit: cover;
}
.img-placeholder {
background-color: #c7c7c7;
aspect-ratio: 16 / 9;
overflow: hidden;
}
.flex-col-blog-card .flex-col-crd-content {
gap: 12px;
padding: 20px;
flex-grow: 1;
background-color: var(--white)
}
.flex-col-blog-card .flex-col-crd-content p {
margin-bottom: 0;
}
.varity-card .flex-col-blog-card .flex-col-crd-content {
padding: 20px !important;
}
[class*="-title"] {
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box !important;
margin-bottom: 0 !important;
overflow: hidden;
text-overflow: ellipsis;
/* font-family: var(--heading-font) !important; */
}
.flex-ath-icn {
height: 25px;
width: 25px;
justify-content: center;
}
.category-tag {
width: fit-content;
padding: 7px 25px;
position: absolute;
top: 20px;
left: 20px
}
.flex-col-sec-hd-center {
align-items: center;
text-align: center;
}
[class*="flex-col-sec-hd"] {
gap: 10px;
margin-bottom: 40px;
}
[class*="flex-col-sec-hd"] p {
margin-bottom: 0
}
.flex-col-blog-card .blog-flex-between {
margin-top: auto;
border-top: 1px solid #D2D2D2;
padding-top: 15px;
}
/*------------prod-card----------*/
.prod-card {
overflow: unset !important;
}
.prod-card .onsale {
top: 10px !important;
left: 10px !important;
position: absolute;
width: 50px;
height: 50px;
justify-content: center;
display: flex;
align-items: center;
}
.flex-col-prod-cta {
padding: 28px;
gap: 15px;
height: 100%;
}
.flex-col-prod-cta .flex-prod-cta-between {
margin-top: auto;
}
.flex-col-prod-cta .flex-icon-btn {
height: 45px;
justify-content: center;
width: 45px;
}
ul.flex-rating-star {
gap: 5px;
margin-bottom: 0 !important
}
.prod-card .card-gap {
gap: 10px;
flex-wrap: wrap;
}
.prod-card [class*="btn-"] {
margin-top: 20px;
width: 100% !important;
}
.flower-cat {
background: #f2f3f0;
position: relative;
z-index: 0;
height: 100%;
width: 100%;
padding-block: 50px 80px;
}
.category-bg {
background: url(https://yourhomify.com/wp-content/uploads/2025/11/type-vactor.png)no-repeat center/contain;
height: 700px;
width: 100%;
padding: 200px 0px 0px 0px;
position: relative;
}
.grid-5 {
grid-template-columns: repeat(6, 1fr);
gap: 40px 0px;
align-items: center;
justify-content: center;
margin: auto;
max-width: 1000px;
}
.flex-col-flow-cat {
align-items: center;
gap: 10px;
}
/* .flex-col-flow-cat span {
height: 100px;
width: 100px;
justify-content: center;
border-radius: 50%;
} */
.category-bg .btn-primary {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -15px;
}
/*-------------for-video-------------*/
.video-wrapper {
z-index: 9999999;
position: relative;
}
.play-button {
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 99;
height: 60px;
width: 60px;
background: url(https://yourhomify.com/wp-content/uploads/2025/11/vid-play-btn.svg) no-repeat center/contain;
}
.video-wrapper img {
height: 550px;
width: 100%;
object-fit: cover;
border-radius: 20px
}
.video-wrapper video {
width: 100%;
height: 100%;
display: none;
position: relative;
z-index: 999999;
}
/*-------------mission-or-team-card-------------*/
.mission-wrap {
overflow: hidden;
height: 100%;
position: relative;
z-index: 0;
}
.flex-col-team-wrapper {
padding: 30px 40px;
height: 100%;
align-items: center;
gap: 30px;
}
.flex-col-team-wrapper .btn-primary {
display: flex;
padding-block: 15px;
align-items: center;
justify-content: center;
}
.flex-col-team-card {
text-align: center;
align-items: center;
gap: 10px;
}
.flex-col-team-wrapper :is(.flex-col-team-card .ath-img) {
width: 100%;
height: 100%;
}
.flex-col-team-wrapper .flex-col-team-card img {
border-radius: 10px;
}
.flex-col-team-card .ath-img img {
height: 200px;
width: 200px;
border-radius: 50%;
object-fit: cover;
border: 5px solid #eee;
}
/*------common-pg-stts--------*/
.flex-col-page-stts {
align-items: center;
text-align: center;
gap: 12px;
}
.flex-col-page-stts img {
height: 350px;
width: 100%;
object-fit: contain;
}
/*------single-pg-hero--------*/
.single-pg-hero {
height: 100%;
width: 100%;
background: var(--pc) url(https://landing.engotheme.com/html/jenstore/demo/css/img/BG-slide2-v2.png) no-repeat top center / cover;
padding-block: 40px;
}
.flex-col-hero-content .flex-breadcrumbs {
gap: 10px;
margin-bottom: 0
}
.flex-col-hero-content .flex-hero-smry {
gap: 15px 30px;
flex-wrap: wrap;
justify-content: center;
}
.single-pg-hero .flex-col-hero-content h1 {
margin-bottom: 20px;
}
/*-------backToTop--------*/
.back-to-top {
position: fixed;
right: 0;
bottom: 40px;
z-index: 996;
width: 35px;
height: 100px;
border: none;
cursor: pointer;
opacity: 0;
visibility: hidden;
display: flex;
flex-direction: column;
align-items: center;
gap: 7px;
padding: 0 10px;
}
.back-to-top.active {
opacity: 1;
visibility: visible;
}
.back-to-top svg {
overflow: visible;
position: relative;
}
.back-to-top span {
writing-mode: vertical-lr;
transform: rotate(180deg);
}
/*----------for-contact-pg-----------*/
.contact-wrap :is(.flex-con-info, ul.flex-social-media) {
gap: 10px;
flex-wrap: wrap;
}
.contact-wrap .form-control {
position: relative;
}
.contact-wrap .form-control span {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
padding-inline: 10px;
}
.contact-wrap .form-control.clickField span {
transform: translateY(-30px);
transition: all 0.3s ease;
font-size: 14px
}
.contact-wrap .form-control.clickField textarea~span {
transform: translateY(-50px);
}
.contact-wrap .form-control.msg-box span {
top: 30%
}
.contact-wrap .form-control.clickField.msg-box span {
top: 50% !important;
}
/*textarea {
height: 80px
}*/
/*---------Single-ath-pg----------*/
.single-ath-pg .auth-social-follow {
margin-bottom: 20px
}
.single-ath-pg .auth-social-follow ul {
display: flex;
align-items: center;
gap: 7px;
}
.flex-col-single-page :is(ul, ol):not(.auth-social-follow ul) {
display: flex;
padding-left: 25px;
align-items: flex-start;
flex-direction: column;
gap: 10px;
}
.flex-col-single-page :is(ul, ol):not(:is(.auth-social-follow ul, .blog-content table ul)) {
margin-bottom: 20px;
}
.flex-col-single-page ol {
list-style-type: decimal;
}
.flex-col-sin-ath-card {
padding: 20px;
align-items: center;
gap: 12px;
}
.flex-col-sin-ath-card img {
height: 80px;
width: 80px;
border-radius: 50%;
object-fit: cover;
}
/*--------------------single-blog-start---------------*/
.sticky-col {
position: sticky;
top: 200px;
}
#tableofcontent {
padding: 20px 10px 20px 20px;
position: sticky;
top: 100px;
}
#tableofcontent .head-th {
margin-bottom: 15px;
padding-bottom: 15px;
}
#tableofcontent ul {
gap: 0px;
padding: 0;
overflow-y: auto;
max-height: 450px;
margin: 0;
padding-right: 25px;
}
.blog-content :is(h2, h3, h4, h5, h6) {
margin-block: 25px;
}
.single-archive-page .blog-header h1 {
margin-block: 10px 20px;
}
.blog-content table {
width: 100%;
border-collapse: collapse;
table-layout: auto;
display: block;
overflow-x: auto;
border: 1px solid #000;
margin-top: 30px;
}
.blog-content table th {
background: #ffe9df;
text-align: left;
padding: 10px 12px;
}
.blog-content table th:not(:last-child) {
border-right: 1px solid #000
}
.blog-content table tbody td {
padding: 10px 12px;
vertical-align: top;
min-width: 120px;
word-break: break-word;
}
.flex-col-social-media {
padding-left: unset !important;
margin-bottom: unset !important;
}
.flex-col-blog-share,
.flex-col-blog-card .flex-user-view {
gap: 20px;
}
.flex-col-blog-share strong {
writing-mode: sideways-rl;
}
.flex-m-auto {
margin: 40px auto 0;
}
.hero-img {
background: linear-gradient(rgb(0 0 0 / 37%), rgb(0 0 0 / 64%)), url(https://yourhomify.com/wp-content/uploads/2025/11/category-hero-img.webp) no-repeat top center / cover;
height: 100%;
width: 100%;
min-height: 600px;
z-index: 0;
position: relative;
}
.flex-col-hero-content {
max-width: 700px;
justify-content: center;
margin: auto;
top: 50%;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
align-items: center;
text-align: center;
gap: 15px;
}
.flex-pair-btn {
gap: 20px;
flex-wrap: wrap;
}
.flex-pair-btn [class*="btn"] {
width: fit-content;
}
.flex-tabs {
gap: 20px;
flex-wrap: wrap;
justify-content: center;
width: 90%;
margin: auto;
}
.tabsCon .tabcontent {
display: none;
margin-top: 40px
}
.play-btn-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0 !important;
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.video-modal {
display: none;
position: fixed;
inset: 0;
z-index: 999999;
background: rgba(0, 0, 0, 0.8);
justify-content: center;
align-items: center;
}
.video-modal-content {
position: relative;
width: 80%;
max-width: 800px;
}
.video-modal-content iframe {
width: 100%;
height: 450px;
border-radius: 12px;
}
.close-modal {
position: absolute;
top: -40px;
right: 0;
cursor: pointer;
}
.gall-img {
overflow: hidden;
position: relative;
}
.gall-img img {
height: 250px;
border-radius: 16px;
width: 100%;
object-fit: cover;
transition: all .4s;
transform: rotate(0deg) scale(1);
}
.gall-img .flex-col-gal-content {
position: absolute;
bottom: 0;
width: 90%;
left: 20px;
transition: all .4s;
z-index: 9999;
transform: translateY(100%);
}
.gall-img:hover .flex-col-gal-content {
transition: all .4s;
transform: translateY(-15%);
}
.modal {
display: none;
position: fixed;
z-index: 99999999;
transform: translateY(-50%);
left: 0;
top: 50%;
width: 100%;
height: 100%;
overflow: auto;
background: rgba(0, 0, 0, 0.9);
text-align: center;
}
.modal-content {
margin: auto;
display: block;
max-width: 90%;
max-height: 80vh;
}
.close {
position: absolute;
top: 15px;
right: 25px;
cursor: pointer;
}
.flex-col-hero-content h1 {
color: var(--white);
font-size: 60px !important
}
/*-----footer--start--------*/
footer .menu-ttl {
margin-bottom: 20px;
}
.flex-col-footer-menus ul {
gap: 15px;
}
footer .flex-col-logo-wrap {
text-align: center;
gap: 20px;
}
footer .flex-social {
padding-top: 25px;
border-top: 1px solid #bdbdbd;
gap: 15px !important;
flex-wrap: wrap;
justify-content: start;
}
footer .flex-col-info {
margin-bottom: 30px;
gap: 5px;
}
footer .contact-detl {
text-align: right;
}
.copyright {
padding-top: 30px;
margin-top: 50px;
text-align: center;
}
.flex-rev-card .flex-col-rev-detl {
padding: 20px 10px;
}
.flex-rev-card :is(.flex-col-rev-detl, .flex-rev-info) {
gap: 10px;
}
.flex-rev-card .vrfd {
padding: 7px 15px;
width: fit-content;
margin-block: 5px 10px;
}
.flex-rev-card :is(.rev-img, .rev-img img) {
height: 100%;
width: 100%;
}
.woocommerce nav.woocommerce-pagination ul {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 12px !important;
justify-content: center !important;
height: unset !important;
width: unset !important;
}
.woocommerce-pagination ul.page-numbers li {
height: 38px;
width: 38px;
display: flex !important;
align-items: center;
justify-content: center;
border-radius: 50%
}
.single-prod-info {
gap: 20px;
}
.single-prod-img-con img {
width: 100%;
height: 400px;
border-radius: 10px;
object-fit: cover;
}
.single-prod-img-coll img {
border-radius: 10px;
height: 110px;
width: 100%;
cursor: pointer;
object-fit: cover;
}
.single-prod-img-coll.active img {
opacity: .3;
}
.single-prod-info .flex-rating {
padding-left: unset !important;
gap: 5px;
}
.single-prod-info .flex-rating li,
.flex-paymentBy .flex-pay-icon li {
margin-bottom: unset !important;
}
.single-prod-info .flex-rating li:before,
.flex-paymentBy ul li:before,
.flex-col-advntg ul li:before {
content: unset !important;
}
.single-prod-info .flex-rating-wrap,
.single-prod-info .flex-prod-price,
.flex-qty-wrap,
.flex-paymentBy .flex-pay-icon {
gap: 15px;
}
.single-prod-info .flex-prod-price .price {
font-size: 22px;
font-weight: 600;
}
.single-prod-info .flex-prod-price .mrp {
font-size: 16px;
font-weight: 500;
text-decoration: line-through;
color: rgba(0, 0, 0, 60%);
}
.single-prod-info .flex-prod-price .off-tag {
background: var(--pc);
color: var(--white);
padding: 5px 15px;
border-radius: 90px;
}
.single-prod-info .prod-qty {
display: flex;
align-items: center;
text-align: center;
position: relative;
width: fit-content;
overflow: hidden;
}
.single-prod-info .prod-qty :is(.increQty, .dereQty) {
position: absolute;
cursor: pointer;
background: var(--white);
padding: 10px 14px;
}
.single-prod-info .prod-qty .dereQty {
left: 1px;
border-radius: 90px 0 0 90px;
}
.single-prod-info .prod-qty .increQty {
right: 1px;
border-radius: 0 90px 90px 0;
}
.single-prod-info .prod-qty :is(.increQty, .dereQty):hover {
background: #EBEBEB;
}
.single-prod-info .prod-qty input {
max-width: 135px;
text-align: center;
width: 100%;
padding-inline: 0;
}
.single-prod-info .flex-qty-wrap {
font-weight: 600;
}
.flex-pairBtn-con {
gap: 15px 30px;
flex-wrap: wrap;
}
.single-prod-info .flex-paymentBy {
background: #F5F5F5;
padding: 14px 20px;
border-radius: 10px;
margin-top: 15px;
font-weight: 600;
flex-wrap: wrap;
}
.single-prod-info .flex-paymentBy img {
height: 45px;
width: 45px;
}
.flex-col-trust-card {
background: #FFF1EB;
padding: 12px;
border-radius: 10px;
border: 1px solid #DBDBDB;
font-weight: 600;
font-size: 15px;
gap: 10px;
text-align: center;
align-items: center;
}
.flex-col-trust-card .flex-trust-icon {
height: 55px;
width: 55px;
justify-content: center;
background: var(--white);
border-radius: 50%;
}
.prod-content-wrap {
background: #FFF1EB;
padding: 20px;
border-radius: 10px;
}
.prod-accordian details {
border: transparent;
background: transparent;
margin: 0;
}
.prod-accordian details summary {
display: flex;
align-items: center;
gap: 15px !important;
font-size: 20px;
position: relative;
}
.prod-accordian details summary:after {
content: '';
position: absolute;
right: 0;
top: 6px;
height: 25px;
width: 25px;
transition: all .3s;
border-radius: 50%;
background: #fff url('data:image/svg+xml,') no-repeat;
}
.prod-accordian details[open] summary:after {
transition: all .3s;
transform: rotate(135deg);
}
.prod-accordian details .content {
padding: 25px;
border-radius: 10px;
border: 1px solid #E6E6E6;
margin-top: 20px;
background: var(--white)
}
.prod-accordian details .content :is(.h2, h2),
.flex-col-content-wrap {
margin-bottom: 20px
}
.prod-accordian details:not(:first-child) {
border-top: 1px solid #DBDBDB;
padding-top: 20px;
margin-top: 20px;
border-radius: 0;
}
.prod-accordian details[open] summary svg path {
fill: var(--pc)
}
.flex-col-advntg {
border-radius: 10px;
padding: 25px;
margin-top: 15px;
}
.flex-col-advntg .card-head {
font-size: 20px;
font-weight: 600;
}
.flex-col-advntg ul {
padding-left: 25px !important;
margin-top: 10px;
display: flex;
flex-direction: column;
gap: 15px;
}
.flex-col-advntg ul li {
margin-bottom: 0px !important;
color: rgba(0, 0, 0, 70%);
}
.adv-column {
background: #E6F8DD;
}
.dis-adv-column {
background: #FFF0E9;
}
.adv-column .adv-list li:after,
.dis-adv-column .adv-list li:after {
content: '';
position: absolute;
left: -24px;
top: 5px;
height: 16px;
width: 16px;
}
.adv-column .adv-list li:after {
background: url('data:image/svg+xml,') no-repeat;
}
.dis-adv-column .adv-list li:after {
background: url('data:image/svg+xml,') no-repeat;
}
.plant-overview {
border: 1px solid #e5e7eb;
border-radius: 6px;
width: 100%;
}
.plant-overview table {
background: unset;
}
.plant-overview h3 {
font-size: 18px;
margin-bottom: 12px;
font-weight: 600;
}
.overview-table {
width: 100%;
border-collapse: collapse;
}
.overview-table tr:not(:first-child) {
border-top: 1px solid #e5e7eb;
}
.overview-table th {
text-align: left;
padding: 15px 10px;
}
.table-container {
padding-inline: 20px;
}
.table-title {
font-size: 18px;
font-weight: 600;
background: #F5F5F5;
padding: 10px 30px;
}
.flex-col-blog-card .flex-col-crd-content .excerpt {
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box !important;
margin-bottom: 0 !important;
overflow: hidden;
text-overflow: ellipsis;
}
.gallery-card .flex-col-crd-content .excerpt{
-webkit-line-clamp: 2 !important;
}
.grid-prod-card {
grid-template-columns: 20% 58% 17% !important;
gap: 15px;
padding: 8px;
border: 1px solid var(--border-color);
border-radius: 10px;
align-items: center;
}
.grid-prod-card .flex-col-crd-content{
padding: 0;
}
@media (width <=1400px) {
.grid-prod-card {
grid-template-columns: 20% 54% 20% !important;
}
}
.search-form form input[type="search"]{
padding-inline: 45px 15px;
}
.search-form {
display: flex;
justify-content: center;
align-items: center;
}
.search-form form {
position: relative;
width: 350px;
}
.search-form form button {
position: absolute;
left: 15px;
top: 12px;
}
/* ----------gallery-tags-filter---------- */
.filter-tags {
border: 1px solid var(--border-color);
width: fit-content;
margin: auto;
background: #bfbcbc17;
}
.filter-tags span{
padding:10px 15px;
border-left: 1px solid var(--border-color);
cursor:pointer;
font-weight:500;
transition:all .3s;
}
.filter-tags span.active{
background:var(--pc);
color:var(--white);
transition:all .3s;
border-left: 1px solid var(--pc);
}
.filter-tags span.unavailable{
opacity:0.35;
cursor:default;
}
.flex-col-blog-card .gallery-img-holder img{
height: 350px;
width: 100%;
object-fit: cover;
}
.flex-col-blog-card .view-glry{
margin-top: 10px;
}
.flex-col-blog-card .flex-card-letter{
background: #f5f5f5;
justify-content: center;
height: 30px;
width: 30px;
border-radius: 4px;
}
.filter-tag--data [class*="col-"].hide-col {
display: none;
}
.gallery-hero {
position: relative;
background: #eeeeee29;
padding-block: 60px;
overflow: hidden;
}
.gallery-hero .mt-2,
.large-glry-card .btn-primary{
margin-top:15px;
}
.glry-hero-img-container img,
.large-glry-card img{
border-radius:5px;
}
.large-glry-card .flex-between{
gap:30px
}
.large-glry-card .flex-col-content{
gap:10px
}
.flex-col-lg-card{
gap:20px
}
.flex-col-lg-card img{
height:500px;
width:100%;
object-fit:cover
}
.large-glry-card .flex-iconBtn{
height: 35px;
width: 35px;
justify-content: center;
flex-shrink: 0;
background: rgba(39, 104, 74, 0.1);
border-radius: 50%;
transition: all .4s ease;
}
.large-glry-card .flex-iconBtn:hover {
background: var(--pc);
transition: all .4s ease;
}
.large-glry-card .flex-iconBtn:hover svg path {
fill: var(--white);
}
.nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 40px;
color: white;
cursor: pointer;
padding: 10px;
user-select: none;
}
.prev-btn {
left: 20px;
}
.next-btn {
right: 20px;
}
.nav-btn:hover {
color: #ccc;
}
#modalImg {
opacity: 1;
transition: opacity 0.1s ease-in-out 0s;
}
#modalImg.fade-out {
opacity: 0;
}
.glry-hero-img-container {
height: 100%;
position: absolute;
max-width: 800px !important;
right: 0;
top: 0;
}
.flex-col-garden-scroller{
gap: 20px;
}
.col-lg-3:has(.flex-col-garden-scroller) {
transform: rotate(25deg);
}
.marqueeBtT {
animation: marqueeBtT 15s linear infinite;
}
@keyframes marqueeBtT {
from {
transform: translateY(-50%);
}
to {
transform: translateY(0%);
}
}
.marqueeTtB {
animation: marqueeTtB 15s linear infinite;
}
@keyframes marqueeTtB {
from {
transform: translateY(0);
}
to {
transform: translateY(-50%);
}
}
.gap-1 {
gap: 10px;
}
/*-------------Only-for-mediaQuery---Start*----------*/
@media (width <=1024px) {
.glry-hero-img-container img.sm-img {
left: 50%;
transform: translateX(-50%);
}
.filter-tags {
overflow-x: auto;
flex-wrap: nowrap;
width: 100%;
justify-content: start !important;
}
.filter-tags span{
padding:7px 14px
}
.grid-prod-card{
grid-template-columns: auto !important;
}
.header-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
.filter-form .flex-container,
.flex-addMore-Wrap {
flex-wrap: wrap;
gap: 20px;
}
.grid-upload-container {
grid-template-columns: repeat(2, 1fr) !important;
}
.grid-upload-container .flex-upload-img-wrap {
padding: 10px !important;
}
[class*="flex-filter"] {
flex-wrap: wrap;
gap: 10px;
}
[class*="flex-filter"] .select-wrapper select {
padding-right: 35px;
}
[class*="flex-filter"] p {
width: 100%;
}
.table-container {
width: 100%;
overflow-x: auto;
padding-inline: 10px;
white-space: nowrap;
}
.prod-accordian details .content,
.flex-col-advntg {
padding: 15px !important;
}
.over-scroller {
overflow-x: auto;
flex-wrap: nowrap !important;
width: 100%;
padding-bottom: 15px;
}
.over-scroller :is(.col-md-3, .col-md-4) {
width: fit-content;
}
.home-hero-bg{
padding-block:30px !important
}
.blog-hero {
grid-template-columns:auto !important
}
.blog-hero .img-placeholder{
display:none !important
}
.blog-hero .flex-col-hero-blog-bg{
gap:10px !important
}
.glry-hero-img-container{
display:none
}
/* ------------ garden details pg. start ------------ */
.flex-share-img-tab img {
height: 60px;
width: 60px;
}
/* ------------ garden details pg. start ------------ */
.single-prod-img-coll img {
height: 60px;
}
.single-prod-img-con img {
height: auto;
}
.customPagination :is(.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal) {
bottom: 80px !important
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
float: left;
}
:is(.contact-details, .contact-form, .contact-form form) {
border: unset !important;
padding: unset !important
}
.flower-cat:after,
.flower-cat:before,
header .cancel-btn,
.work-prcs .row .col-lg-3:not(:last-child) .flex-col-step-card:after {
display: none;
}
[class*="flex-top"] {
gap: 20px;
}
header .srchBtn {
display: block;
}
header .widget_bwe-service-logo-widget img {
height: 40px !important;
}
header form input {
border: 1px solid var(--white) !important;
color: var(--white) !important;
}
header form svg {
fill: var(--white);
}
header .showForm {
display: block;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
z-index: 999;
}
header .showCloseIcon {
display: block;
position: fixed;
right: 20px;
top: 20px;
z-index: 99999;
}
[class*="btn-"] {
padding: 10px 20px;
font-size: 14px !important;
}
.flex-col-team-wrapper,
.contact-wrap .con-form-wrap,
.contact-wrap {
padding: 20px !important;
}
.single-pg-hero {
padding-block: 20px !important;
}
.flex-col-hero-content .flex-hero-smry {
gap: 12px !important;
}
footer .contact-detl {
text-align: left !important;
}
.order-md-1 {
order: 1
}
.order-md-2 {
order: 2
}
.order-md-3 {
order: 3
}
.flower-cat {
padding-block: 30px 100px !important;
}
.category-bg {
background: unset !important;
height: unset !important;
padding: unset !important;
}
.grid-cat-item {
padding-block: 10px !important;
justify-content: start;
gap: 25px;
}
.grid-cat-item .flex-cat {
gap: 10px !important;
font-size: 14px !important;
font-weight: 500 !important;
}
.category-bg .btn-primary {
bottom: -70px !important;
white-space: nowrap !important;
}
.grid-cat-item [class*="flex-item-icn-"] {
height: 45px;
width: 45px;
}
footer .flex-col-logo-wrap {
align-items: flex-start;
text-align: left;
}
footer .flex-social {
justify-content: flex-start !important;
}
/* .swiper-button-next,
.swiper-button-prev,*/
.inner-img {
display: none !important;
}
.flex-hero-blog-bg {
padding: 10px 10px 50px !important;
}
.flex-col-blogTitle-wrap {
height: 150px;
width: 300px;
background: unset !important;
}
.blog-title {
font-weight: 700 !important;
font-size: 25px !important;
line-height: 1.3 !important;
max-width: 85% !important;
}
.pt-10,
.flex-col-step-card {
padding: unset !important;
}
.swiper {
padding-bottom: 40px !important;
}
.swiper .swiper-pagination {
display: flex !important;
justify-content: center;
}
.blog-hero .swiper {
padding-bottom: unset !important;
}
.blog-hero .swiper .swiper-pagination {
bottom: -20px !important;
}
.flower-vrty .flex-col-crd-content {
padding: 10px !important;
}
.flex-col-page-stts img {
height: 100% !important;
}
.blog-content table thead th,
.blog-content table tbody td {
padding: 8px 10px !important;
font-size: 15px !important;
}
.flex-col-blog-share strong {
writing-mode: unset !important;
}
:is(.flex-col-blog-share ul.flex-col-social-media, .flex-col-blog-share) {
flex-direction: unset !important;
}
.tabsCon .tabcontent {
margin-top: 30px !important
}
.flex-tabs {
gap: 15px !important;
overflow-x: auto;
padding-bottom: 10px;
flex-wrap: unset !important;
white-space: nowrap;
justify-content: flex-start !important;
}
.tabsCon .flex-tabs {
width: 100% !important;
}
.tabsCon button {
padding: 10px !important;
font-size: 14px !important;
}
.hero-img {
min-height: 300px !important;
background: linear-gradient(rgb(0 0 0 / 37%), rgb(0 0 0 / 86%)), url(https://yourhomify.com/wp-content/uploads/2025/11/category-hero-img.webp) no-repeat top center / cover !important;
}
.hero-img .flex-col-hero-content {
max-width: unset !important;
left: 0 !important;
padding-inline: 15px !important;
transform: translate(0%, -50%) !important;
}
.flex-col-hero-content p {
font-size: 16px !important
}
.flex-col-hero-content h1 {
font-size: 40px !important
}
.grid-2 {
grid-template-columns: auto !important;
}
:where(.section, section, .sec-space, .mt-5, .mt-auto, footer) {
margin-top: 35px !important
}
.flex-col-blog-card .flex-col-crd-content,
.cta-wrapper {
padding: 20px !important;
}
.flex-rev-card :is(.rev-img, .rev-img img) {
height: 200px;
width: 100%;
object-fit: cover;
}
.text-md-center {
text-align: center;
}
[class*="flex-col-sec-hd"] {
margin-bottom: 20px !important
}
:is(.bg-light, footer) {
padding-block: 30px !important;
}
.gall-img img {
height: 100px !important
}
.single-archive-page #breadcrumbs {
margin-top: 10px !important
}
.toc-body {
height: auto !important;
}
.blog-header:after {
right: unset !important;
}
.home-hero-bg .crop-container {
height: 300px !important
}
.flex-end {
justify-content: flex-start !important;
}
}
@media (600px <=width <=1023px) {
.grid-5 {
grid-template-columns: repeat(4, 1fr) !important;
}
.mission-wrap {
padding: 250px 20px 0 !important;
}
/* ------------ share garden pg. start ------------ */
.flex-col-step:not(:first-child):after {
left: -110px;
top: 30%;
width: 100px;
}
/* ------------ share garden pg. end ------------ */
}
@media (width <=600px) {
.gallery-hero {
padding-block: 30px !important
}
.flex-col-lg-card img{
height:auto !important
}
.blog-hero .flex-col-hero-blog-bg{
padding:20px !important
}
[class*="btn-"]{
padding: 8px 15px;
}
.flex-pair-btn{
gap:10px !important;
}
.flex-pair-btn [class*="btn-"] svg{
display:none !important
}
/* ------------ share garden pg. start ------------ */
.flex-col-step:not(:first-child):after {
left: -20px;
top: 30%;
width: 20px;
}
.share-accordian details .flex-prod-item:nth-child(n+2):nth-last-child(n+1) {
border-top: 1px solid var(--border-color);
padding-top: 10px;
margin-top: 10px;
}
/* ------------ share garden pg. end ------------ */
header svg:not(.closeSrch svg) {
height: 18px;
width: 18px
}
.flower-vrty [class*="btn-"] {
padding: 7px 15px;
font-size: 14px !important;
}
.mission-wrap {
padding: 200px 20px 0 !important;
}
.flower-cat-list {
grid-template-columns: repeat(3, 1fr) !important;
margin-top: 25px !important;
}
.flower-cat-list .flex-col-flow-cat {
font-size: 16px;
font-weight: 500;
}
.grid-50 {
grid-template-columns: auto !important;
}
.blog-hero .img-placeholder img {
height: 100%;
}
.flex-col-single-page figure img {
width: 100%;
}
.gd-block-faq details {
padding: 10px 20px 10px 10px !important;
}
}
/*/*Old-site-css-----start*/
:root {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
}
.container {
margin-left: auto;
margin-right: auto;
padding-left: calc(var(--bs-gutter-x) * 0.5);
padding-right: calc(var(--bs-gutter-x) * 0.5);
width: 100%;
}
.row {
display: flex;
flex-wrap: wrap;
margin-left: calc(var(--bs-gutter-x) * -0.5);
margin-right: calc(var(--bs-gutter-x) * -0.5);
margin-top: calc(var(--bs-gutter-y) * -1);
}
.row>* {
box-sizing: border-box;
flex-shrink: 0;
margin-top: var(--bs-gutter-y);
max-width: 100%;
padding-left: calc(var(--bs-gutter-x) * 0.5);
padding-right: calc(var(--bs-gutter-x) * 0.5);
width: 100%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
body {
word-wrap: break-word;
}
img,
svg {
vertical-align: middle;
}
input {
width: 100%;
}
button,
input,
input:focus {
border: none;
outline: none;
}
input:focus,
textarea:focus {
outline: none;
}
button {
background: unset;
}
[class*="btn"],
[role="button"],
button {
cursor: pointer;
}
figure {
max-width: 100%;
}
/*.all-page {
padding: 40px 0;
}*/
.all-page ul {
list-style-type: none;
}
.all-page :is(ul, ol):not([class*="social-links"] ul, .toc-body > ul, .prod-card ul, .flex-rating-star) {
padding-left: 1.25rem;
}
/*.all-page :is(ul, ol, p, .wp-block-image):not([class*="social-links"] ul, .prod-card ul) {
margin-bottom: 20px;
}*/
.all-page :is(ul, ol):not([class*="social-links"] ul, .prod-card ul, .flex-rating-star, .flex-col-social-media) li {
line-height: 1.7;
margin-bottom: 15px;
position: relative;
}
.wp-block-image img {
box-sizing: border-box;
height: auto;
max-width: 100%;
vertical-align: bottom;
}
.all-page ul li:not(.gd-toc-wrap ul li, [class*="social-links"] ul li, .prod-card ul li, .flex-rating-star li, #tableofcontent ul li, .flex-col-social-media li):before {
background-size: cover;
content: "";
height: 10px;
left: -25px;
position: absolute;
top: 9px;
width: 10px;
}
/*.all-page :is(h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6) {
margin-bottom: 15px !important;
}*/
/*:is(.gd-card-content, .page-status-content, .gd-pros-cons-body, blockquote, [class*="block-content"], .toc-body, ul, ol) > :last-child {
margin-bottom: 0 !important;
}*/
:is(blockquote, [class*="gd-block"]) {
margin-block: 10px 20px;
}
.all-page,
.number-remove {
counter-reset: term definition;
}
.all-page .number> :not(a):before {
content: counter(term) ". ";
counter-increment: term;
}
.img-fluid {
height: auto;
/*width: 100%;*/
}
.border-bottom {
padding: 25px 0;
}
.border-bottom:first-child,
.category-archive-page .border-bottom:nth-child(-n + 2) {
padding-top: 0 !important;
}
.border-bottom:last-child,
.category-archive-page .border-bottom:nth-last-child(-n + 2) {
padding-bottom: 0 !important;
}
/*:is([class*="flex"], .gd-timeline, .gd-category) {
align-items: center;
display: flex;
}*/
[class*="vcenter"] {
align-items: center;
}
[class*="center"] {
justify-content: center;
}
[class*="between"] {
justify-content: space-between;
}
.flex-end {
justify-content: flex-end;
}
.align-end {
align-items: flex-end;
}
/*[class*="wrap"] {
flex-wrap: wrap;
}*/
/*[class*="gap"]:not(.row-gap) {
gap: 20px;
}*/
/*[class*="grid"] {
align-items: center;
display: grid !important;
gap: 20px;
}*/
/*[class*="grid"] > * {
margin-bottom: 0 !important;
}*/
[class*="grid"]:has(.border-bottom) {
gap: 0 20px !important;
}
.grid-25 {
grid-template-columns: repeat(4, 1fr);
}
.gd-block-pros-cons,
.grid-50 {
grid-template-columns: repeat(2, 1fr);
}
.grid-3 {
grid-template-columns: repeat(3, 1fr);
}
.grid-reverse-40 {
grid-template-columns: auto 40%;
}
.grid-20 {
grid-template-columns: 20% auto;
}
#breadcrumbs,
.blog-header,
.page-header {
margin-bottom: 40px;
}
[class*="gd-con"]:not(:last-child) {
margin-bottom: 65px;
}
.page-header {
gap: 5px !important;
}
:is(.page-header, .blog-header) #breadcrumbs {
margin-bottom: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
/*.row-gap {
row-gap: 30px;
}*/
.gd-bg-cont {
padding: 40px;
}
.gd-shadow-cont {
padding: 20px;
}
.bg-img {
position: relative;
width: 100%;
}
.bg-img:before {
content: "";
height: 271px;
position: absolute;
width: 262px;
z-index: -1;
}
.img-placeholder {
aspect-ratio: 16/9;
overflow: hidden;
position: relative;
}
#breadcrumbs span span:not(:last-child):after {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M1 8.75 4.75 5 1 1.25'/%3E%3C/svg%3E") no-repeat;
content: "";
display: inline-block;
height: 10px;
margin: 0 5px;
width: 6px;
}
[class*="gd-btn"] {
display: inline-block;
padding: 10px 15px;
width: fit-content;
}
[class*="gd-btn"]:has(svg) {
align-items: center;
display: flex;
gap: 7px;
justify-content: center;
padding: 8px 15px;
}
/*[class*="card"] {
display: flex;
flex-direction: column;
}*/
:is(.gd-card, .gd-midcat-card) .img-placeholder:before {
background: hsl(0 0% 100% / 0.1);
border-radius: 100%;
content: "";
display: block;
height: 0;
left: 50%;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: var(--transition);
width: 0;
z-index: 2;
}
:is(.gd-card, .gd-midcat-card):hover .img-placeholder:before {
-webkit-animation: circle 0.75s;
animation: circle 0.75s;
transition: var(--transition);
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
to {
height: 200%;
opacity: 0;
width: 200%;
}
}
[class*="card"]:not(.gd-card-content) {
/*gap: 20px;*/
/*height: 100%;*/
position: relative;
}
:is(.gd-card, .gd-midcat-card, .gd-auth-card, .gd-overlay-card, .gd-flip-card) .gd-timeline {
justify-content: space-between;
margin-top: auto;
}
.gd-card-content {
gap: 10px;
display: flex;
flex-direction: column;
}
.gd-card-content>* {
margin-bottom: 0 !important;
}
.gd-midcat-card {
gap: 40px;
}
.gd-midcat-card .gd-card-content {
position: relative;
}
.gd-midcat-card .gd-category-btn {
margin: -38px auto 0;
}
.gd-overlay-card {
overflow: hidden;
position: relative;
width: 100%;
}
.gd-overlay-card .img-placeholder:after {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: all 0.5s;
width: 100%;
}
.gd-overlay-card:hover .img-placeholder {
transform: scale(1.5);
transition: all 0.5s;
}
.gd-overlay-card .gd-card-content {
bottom: 0;
left: 0;
padding: 20px;
position: absolute;
}
[class*="title"] {
-webkit-box-orient: vertical;
display: -webkit-box !important;
overflow: hidden;
text-overflow: ellipsis;
}
a[class*="title"]:hover {
text-decoration: underline;
}
.gd-sub-title,
.gd-title {
-webkit-line-clamp: 2;
}
.gd-big-title {
-webkit-line-clamp: 3;
}
[class*="gd-category"] {
gap: 5px !important;
align-items: center;
display: flex;
}
.gd-category-btn {
--btn-raise: 1rem;
clip-path: polygon(var(--btn-raise) 0, calc(100% - var(--btn-raise)) 0, 100% 50%, calc(100% - var(--btn-raise)) 100%, var(--btn-raise) 100%, 0 50%);
padding: 0.475rem 2rem;
text-transform: uppercase;
width: fit-content;
}
.gd-timeline {
gap: 5px;
}
.gd-sep {
align-items: center;
display: flex;
gap: 10px 20px;
flex-wrap:wrap;
justify-content: center;
margin-bottom: 25px;
text-transform: uppercase;
}
.gd-sep:after,
.gd-sep:before {
content: "";
height: 1px;
width: 10%;
}
.heading {
border-bottom: 1px solid rgb(0 0 0 / 0.1);
font-size: 22px;
font-weight: 700;
margin-bottom: 25px;
padding-bottom: 5px;
position: relative;
}
.heading:before {
background: var(--pc);
bottom: -2px;
content: "";
height: 4px;
left: 0;
position: absolute;
width: 30%;
}
[class*="social-links"] ul,
[class*="social-links"] ul li a {
align-items: center;
display: flex;
}
[class*="social-links"] ul {
flex-wrap: wrap;
gap: 10px;
list-style-type: none;
}
.gd-social-links ul li a {
height: 25px;
justify-content: center;
overflow: hidden;
position: relative;
width: 25px;
z-index: 1;
}
.gd-social-links ul li a:before {
content: "";
height: 100%;
left: -1px;
position: absolute;
top: 100%;
width: 100%;
z-index: 2;
}
.gd-social-links ul li a:hover:before {
top: 0;
}
.gd-social-links ul li a svg {
position: relative;
z-index: 3;
}
.pagination {
margin-top: 50px;
}
.nav-links,
.pagination {
gap: 20px;
}
.nav-links,
.page-numbers,
.pagination {
align-items: center;
display: flex;
justify-content: center;
}
.page-numbers {
height: 38px;
position: relative;
transition: all 0.3s ease 0s;
width: 38px;
z-index: 1;
margin-bottom: 0;
display: inline-flex !important;
padding-left: 0 !important;
margin-bottom: 0px !important;
gap: 6px;
}
.page-numbers:before {
border-radius: 50%;
content: "";
height: 100%;
left: 0;
position: absolute;
top: -2px;
transition: all 0.3s ease 0s;
width: 100%;
z-index: -1;
}
.woocommerce nav.woocommerce-pagination .page-numbers li {
/* overflow: unset !important; */
margin-bottom: 0;
}
.page-numbers::before,
.page-numbers li::before,
.page-numbers:after {
display: none !important;
}
.woocommerce nav.woocommerce-pagination .page-numbers li a,
.woocommerce nav.woocommerce-pagination .page-numbers li span {
padding: 0;
}
.page-numbers:focus:before,
.page-numbers:hover:before {
transform: rotate(-90deg);
}
header {
position: relative;
z-index: 999;
}
.sticky-header {
left: 0;
position: sticky;
top: 0;
z-index: 999;
}
.gd-logo img {
width: 75%;
}
.top-bar {
display: none;
}
.navigation,
.top-bar {
padding: 8px 0;
}
.top-gap {
gap: 10px !important;
}
.navigation>.container {
position: relative;
user-select: none;
}
:is(header, footer) ul {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
list-style-type: none;
}
:is(header, footer) ul li a {
text-transform: capitalize;
}
.gd-menu ul {
gap: 30px;
}
.gd-menu-search-form {
/*header .container */
align-items: center;
display: flex;
justify-content: space-between;
}
.gd-menu-search-form {
padding: 8px 15px;
width: 26%;
}
.dropdown {
align-items: center;
display: flex;
gap: 5px;
position: relative;
white-space: nowrap;
}
.dropdown .dropdown:after,
.dropdown:after {
content: "";
cursor: pointer;
display: flex;
height: 16px;
margin-top: 5px;
width: 16px;
}
.dropdown ul {
display: block;
left: 0;
min-width: 100%;
padding: 10px;
position: absolute;
top: 35px;
transform: scale(0);
transform-origin: top;
visibility: hidden;
z-index: 99;
}
.dropdown ul li {
padding: 10px 15px;
}
.gd-home-page .all-page {
padding-top: 0 !important;
}
.gd-con-hero [class*="card"]:not(.gd-card-content) {
gap: 0 !important;
}
.gd-con-hero {
padding: 65px 0;
}
.gd-flip-card {
align-items: center;
display: grid;
position: relative;
}
.gd-con-nurseryplant .gd-btn {
padding: 5px 10px !important;
}
.gd-con-service .grid {
gap: 10px !important;
padding: 15px !important;
text-align: center;
}
.gd-con-service .grid img {
margin: 0 auto;
width: 30%;
}
.gd-con-categories .gd-overlay-card .gd-card-content {
align-items: center;
inset: 0;
justify-content: center;
z-index: 1;
}
.gd-con-categories .gd-card-content:before {
content: "";
height: 100%;
left: 0;
position: absolute;
rotate: 35deg;
width: 100%;
z-index: -1;
}
.gd-con-categories .gd-category {
padding: 10px;
text-align: center;
}
.category-post .gd-bg-cont {
padding: 40px 40px 80px;
z-index: -1;
}
.category-post .gd-shadow-cont {
margin: -40px auto 0;
padding: 30px 20px;
width: 90%;
}
.single-archive-page .all-page {
padding-top: 0;
}
.single-archive-page .all-page p {
margin-bottom: 20px
}
.single-archive-page .gd-auth-card {
align-items: center;
border-top: 2px solid var(--border-color);
gap: 10px;
justify-content: center;
}
.single-archive-page .gd-auth-card .auth-img {
margin-top: -40px;
text-align: center;
}
.single-archive-page .gd-auth-card .auth-img img {
width: 75%;
}
.blog-header {
padding: 30px 0;
position: relative;
}
.blog-detail {
flex-wrap:wrap;
gap: 10px 20px !important;
}
.sidebar {
display: flex;
flex-direction: column;
gap: 30px;
position: sticky;
top: 100px;
}
.sidebar .gd-social-links {
align-items: center;
display: flex;
flex-direction: column;
gap: 20px;
}
.sidebar .gd-social-links span {
font-weight: 600;
writing-mode: vertical-lr;
}
.toc-header {
align-items: center;
cursor: pointer;
display: flex;
justify-content: space-between;
margin: 10px 20px;
}
.toc-header.head-border {
padding-bottom: 10px;
}
.toc-body {
height: 500px;
opacity: 1;
overflow-y: auto;
padding: 10px 20px 20px;
visibility: visible;
}
.toc-body::-webkit-scrollbar {
width: 2px;
}
.gd-toc-wrap .toc-body.hidden {
height: 0;
margin: 0;
opacity: 0;
padding: 0;
visibility: hidden;
}
.toc-body .active>a {
color: var(--pc);
font-weight: 700;
text-decoration: underline;
}
.toc-body .drop-down {
position: relative;
}
.toc-body .drop-down:after {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 5.588 4 4 4-4'/%3E%3C/svg%3E") no-repeat;
content: "";
cursor: pointer;
height: 16px;
position: absolute;
right: -10px;
top: 6px;
width: 16px;
}
.toc-body .drop-down ul {
height: 0;
opacity: 0;
transition: var(--transition);
visibility: hidden;
}
.toc-body .showtocdrop>ul {
height: auto;
list-style-type: disc;
margin-bottom: 0 !important;
margin-top: 15px;
opacity: 1;
transition: var(--transition);
visibility: visible;
}
blockquote {
--l: 15px;
border-style: double;
border-width: 8px;
left: var(--l);
padding: 25px;
position: relative;
top: var(--l);
width: calc(100% - var(--l));
}
blockquote:before {
content: "";
height: 68px;
left: calc(0px - var(--l) * 2);
position: absolute;
top: calc(0px - var(--l) * 2);
width: 66px;
}
table {
/*padding: 10px 10px 0;*/
width: 100%;
}
table thead {
height: 45px;
padding: 15px;
text-align: left;
}
table tr td,
table tr th {
padding: 10px;
}
.gd-block-pros-cons {
align-items: stretch;
}
.gd-block-pros-cons [class*="wrap"] {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
.gd-pros-cons-head {
margin: 0 auto;
padding: 10px 40px;
text-align: center;
text-transform: uppercase;
width: 85%;
}
.gd-pros-cons-body {
height: 100%;
padding: 20px;
}
.gd-block-faq details {
padding: 15px 20px 15px 20px;
}
.gd-block-faq summary {
cursor: pointer;
display: flex;
font-weight: 600;
gap: 10px;
position: relative;
align-items: center;
}
.gd-block-faq summary:after {
content: "";
flex: none;
height: 14px;
margin-left: auto;
margin-top: 8px;
width: 14px;
}
.gd-block-faq details[open]>summary {
margin-bottom: 20px;
padding-bottom: 20px;
}
.gd-block-faq details[open]>summary:after {
transform: rotate(-180deg);
margin-top: 0;
}
.gd-block-faq details:not(:last-child) {
margin-bottom: 10px;
}
.gd-block-faq summary a {
display: contents;
}
.block-heading {
align-items: center;
display: flex;
gap: 10px;
position: relative;
}
.block-heading:before {
content: "";
height: 45px;
width: 46px;
}
:is(.gd-block-note, .gd-block-source, .gd-block-also-read) .block-heading:after {
bottom: -8px;
content: "";
height: 9px;
position: absolute;
right: 100px;
width: 13px;
}
.block-content {
padding: 25px;
position: relative;
}
.author-acrhive-page .sidebar .gd-auth-card {
padding: 20px;
text-align: center;
gap: 20px;
display: flex;
flex-direction: column;
}
.single-archive-page .gd-auth-card {
display: flex;
flex-direction: column;
margin-top: 40px
}
.author-acrhive-page .gd-auth-card .auth-img img {
width: 100px !important;
}
.authors-page .gd-auth-card {
gap: 25px;
grid-template-columns: 25% auto;
}
.authors-page .auth-img {
align-items: center;
display: flex;
justify-content: center;
position: relative;
}
.authors-page .auth-img:before {
content: "";
height: 2px;
position: absolute;
right: -20px;
width: 22px;
}
.authors-page .auth-img:after {
content: "";
height: 10px;
position: absolute;
right: -25px;
rotate: 45deg;
width: 10px;
}
.authors-page .gd-card-content {
gap: 15px;
padding: 20px;
}
.arcive-content .flex-center:has(.gd-btn) {
margin-top: 40px;
}
.page-status-content {
align-items: center;
display: flex;
flex-direction: column;
gap: 15px;
justify-content: center;
text-align: center;
}
.page-status-content>* {
margin-bottom: 0 !important;
}
.contact-form {
align-items: center;
}
.contact-details,
.contact-form form {
padding: 20px;
}
.contact-details img {
margin-block: 30px
}
.contact-details .gd-colored-social-links {
margin-top: 20px
}
.contact-details .h6 {
margin-bottom: 15px
}
.contact-form .row-gap {
row-gap: 30px;
}
.contact-form .input-group {
position: relative;
}
.contact-form .input-group :is(input, textarea) {
display: block;
padding: 10px 15px;
transition: all 0.3s ease;
width: 100%;
}
.contact-form .input-group label {
cursor: pointer;
/* left: 10px; */
/* padding: 0 10px; */
/* position: absolute; */
margin-bottom: 8px;
display: flex;
font-weight: 600;
}
.contact-form .input-group input:focus~label,
.contact-form .input-group textarea:focus~label {
top: -10px;
}
.contact-form .gd-btn {
padding: 10px 30px !important;
font-size: 16px;
}
footer .row-gap {
row-gap: 15px !important;
}
.lower-part,
.upper-part {
padding: 15px 0;
}
.upper-part .gd-shadow-cont {
padding: 20px;
}
.upper-part .grid-3 {
gap: 10px !important;
}
.trending-topics {
display: flex;
flex-direction: column;
gap: 5px;
text-align: center;
}
.trending-topics span {
padding: 10px 20px;
width: fit-content;
}
.trending-topics:after,
.trending-topics:before {
content: "";
height: 52px;
margin-left: 80px;
width: 179px;
}
footer .gd-logo {
text-align: center;
}
footer .gd-logo img {
filter: brightness(0) invert(1);
}
footer .gd-timeline {
align-items: unset;
}
footer hr {
opacity: 0.08;
}
.link-logo {
align-items: center;
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}
#scroll_to_top {
border: unset;
border-radius: 50%;
bottom: 48px;
cursor: pointer;
height: 45px;
position: fixed;
right: 21px;
width: 45px;
z-index: 12;
}
#scroll_to_top.active {
display: block;
}
@media screen and (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media screen and (min-width: 768px) {
.container {
max-width: 720px;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.gd-flip-card .img-placeholder {
height: 380px;
margin-left: auto;
width: 65%;
}
.gd-flip-card .img-placeholder img {
height: 100%;
object-fit: cover;
width: 100%;
}
.gd-flip-card .gd-card-content {
background: #fff;
gap: 15px !important;
left: 0;
padding: 40px;
position: absolute;
width: 60%;
}
.blog-header {
padding: 35px 0;
position: relative;
text-align: center;
}
.blog-header .grid {
gap: 15px !important;
}
.blog-header:after,
.blog-header:before {
background-size: contain;
content: "";
position: absolute;
top: 0;
}
.blog-header:before {
height: 205px;
left: 0;
width: 234px;
}
.blog-header:after {
height: 100%;
right: 0;
width: 144px;
}
.blog-detail {
justify-content: center;
row-gap: 20px !important;
}
.blog-detail> :not(:last-child):after {
content: "";
height: 21px;
margin: 0 15px;
width: 2px;
}
.gd-block-pros-cons {
gap: 0 !important;
}
}
@media screen and (min-width: 992px) {
.container {
max-width: 960px;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.gd-flip-card .img-placeholder {
height: 400px;
margin-left: auto;
width: 65%;
}
.gd-con-service .gd-sep {
font-size: 30px;
width: 25%;
}
.gd-con-service .container {
position: relative;
}
.gd-con-service .row [class*="col"]:first-child {
margin-bottom: -40px;
}
.gd-con-service .row [class*="col"]:nth-child(2) {
margin-top: -40px;
}
.gd-con-service .row [class*="col"]:nth-child(3) {
margin-top: -95px;
}
.gd-con-service .gd-btn-bg {
bottom: -25px;
position: absolute;
right: 1.5rem;
}
.single-archive-page .sidebar [class*="social-links"] ul {
flex-direction: column;
}
}
@media screen and (min-width: 1200px) {
.container {
max-width: 1140px;
}
.gd-con-2.bg-img:before {
right: 0;
top: -80px;
}
.gd-con-4.bg-img:before {
left: 0;
top: -74px;
width: 203px;
}
}
@media screen and (min-width: 1400px) {
.container {
max-width: 1320px;
}
.gd-con-hero .gd-big-title {
-webkit-line-clamp: unset;
font-size: 40px;
}
}
@media screen and (min-width: 1024px) {
.hero-liftup,
.sticky-header {
transform: translateY(-40px);
}
.cancel-btn,
.gd-menu-toggle-btn,
.mob-search-btn {
display: none;
}
.top-bar {
display: block;
}
.dropdown ul .dropdown ul {
left: calc(100% + 20px);
position: absolute;
top: 10px;
}
header .dropdown:hover>ul {
opacity: 1;
transform: scale(1);
visibility: visible;
}
}
@media screen and (max-width: 1024px) {
.cancel-btn,
.gd-menu-toggle-btn,
.mob-search-btn {
display: block;
}
.gd-menu {
position: absolute;
}
header .gd-menu>ul {
display: block;
height: 100vh;
left: 0;
padding: 30px;
position: fixed;
top: 0;
transform: translateX(-100%);
transition: all 0.2s;
width: 100%;
width: 300px;
z-index: 10;
}
.show-ul {
overflow-y: auto;
transform: translate(0) !important;
}
.back-drop {
bottom: 0;
height: 100vh;
opacity: 0.5;
position: fixed;
top: 0;
width: 100vw;
z-index: 2;
}
.dropdown .dropdown:after, .dropdown:after {
position: absolute;
right: 0;
top: 4px;
}
.cancel-btn {
position: fixed;
right: 8%;
top: 10px;
}
.dropdown {
display: block;
position: relative;
}
header .gd-menu>ul>li {
padding-top: 20px;
}
header ul li.showMenu>ul {
display: block !important;
margin-top: 15px;
opacity: 1;
transform: translateX(0);
visibility: visible;
}
.gd-menu-search-form {
background: var(--white);
height: 100%;
position: absolute;
right: 50px;
transform: translateY(-130px);
transition: var(--transition);
width: 85%;
}
.search-bar-show {
transform: translateY(0);
transition: var(--transition);
}
}
@media screen and (max-width: 768px) {
.grid-md-30 {
grid-template-columns: 30% auto;
}
.gd-con-service .gd-btn-bg {
display: flex;
margin-top: 20px;
}
.gd-con-hero,
.gd-con-service {
padding-bottom: 20px !important;
}
.gd-con-hero {
padding-bottom: 65px;
padding-top: 20px;
}
.gd-big-title {
-webkit-line-clamp: 2 !important;
}
.scroll-cont {
flex-wrap: nowrap;
overflow-x: auto;
padding-bottom: 20px;
}
.col {
width: 50% !important;
}
/* .col-6 {
width: 60% !important;
}*/
.blog-header:before {
display: none;
}
.blog-header:after {
right: -65px !important;
}
.sidebar .gd-social-links {
flex-direction: row !important;
}
.sidebar .gd-social-links span {
writing-mode: unset !important;
}
.single-archive-page .gd-auth-card .auth-img {
margin-top: 20px !important;
}
.gd-con-hero .gd-big-title {
-webkit-line-clamp: unset !important;
font-size: 28px !important;
}
.gd-logo {
text-align: center;
}
.gd-logo img {
width: 60%;
}
.trending-topics span {
width: 100%;
}
.trending-topics:after,
.trending-topics:before {
display: none;
}
}
@media screen and (max-width: 767px) {
.gd-con-hero .gd-flip-card {
background-color: #fff;
}
.gd-con-hero .gd-big-title {
-webkit-line-clamp: unset !important;
font-size: 40px !important;
}
.gd-con-hero .gd-flip-card .img-placeholder {
display: none !important;
}
.gd-flip-card .gd-card-content {
align-items: center;
display: flex;
gap: 20px;
justify-content: center;
padding: 40px;
text-align: center;
}
}
@media screen and (max-width: 600px) {
/*[class*="grid"] {
grid-template-columns: auto;
gap: 10px;
}*/
[class*="gd-con"]:not(:last-child) {
margin-bottom: 40px !important;
}
.gd-con-service .gd-sep {
width: 100%;
}
.gd-sep:after,
.gd-sep:before {
display: none;
}
/* .all-page {
padding: 20px 0 40px !important;
}*/
.gd-con-categories .gd-category {
font-size: var(--fs-3) !important;
}
.col {
width: 80% !important;
}
.category-post .gd-bg-cont {
padding: 20px 20px 60px !important;
}
.category-post .gd-shadow-cont {
padding: 20px 10px !important;
}
.gd-con-hero .gd-big-title {
-webkit-line-clamp: unset !important;
font-size: 30px !important;
}
.gd-block-table {
overflow-x: auto;
}
.blog-header {
text-align: left;
padding: 0 0 30px;
margin-bottom: 25px;
}
.blog-detail {
justify-content: start;
}
.blog-detail> :not(:last-child):after {
display: none;
}
.upper-part .grid-3 {
grid-template-columns: repeat(2, 1fr) !important;
}
.lower-part .gd-timeline {
align-items: center;
justify-content: center;
}
.lower-part .menu {
gap: 10px !important;
}
.border-bottom {
padding: 15px 0;
}
}
.gd-con-nurseryplant .gd-bg-cont .gd-sep {
font-size: 27px;
}
.gd-con-nurseryplant .img-placeholder {
aspect-ratio: 2/1 !important;
}
.input-group :is(input, textarea):not(:placeholder-shown)~label {
top: -10px;
}
.auth-social-follow ul {
display: flex;
padding-left: 0px !important;
gap: 5px;
margin-bottom: 20px;
}
.auth-social-follow ul li {
list-style: none !important;
margin-bottom: 0;
}
.auth-social-follow ul li::before {
display: none;
}
.auth-social-follow ul li a {
border-bottom: unset !important;
}
.wp-block-table {
margin: 0 0 2em;
}
:is(blockquote, [class*="gd-block"]) {
margin-block: 10px 20px;
}
ul li .wp-block-image {
margin: 10px 0;
}
:is(body.woocommerce-shop, body.archive) .content-area main>.row {
clear: both;
}
:is(body.woocommerce-shop, body.archive) .content-area main form.woocommerce-ordering select {
margin: 0 0 1em
}
.woocommerce nav.woocommerce-pagination ul li {
border: 1px solid var(--pc);
}
.woocommerce nav.woocommerce-pagination ul li a {
border-bottom: unset !important
}
.woocommerce nav.woocommerce-pagination ul li a {
/* border: 1px solid var(--pc); */
border-radius: 50%;
background: #eeeeee47
}
.woocommerce nav.woocommerce-pagination ul li span {
border-radius: 50%;
background: var(--pc) !important;
color: var(--white) !important
}
.woocommerce nav.woocommerce-pagination ul {
border: unset !important
}
.woocommerce-pagination {
margin-top: 50px
}
nav.woocommerce-MyAccount-navigation ul {
background: #f3f3f36b !important;
padding: 30px !important;
border-radius: 20px !important;
border: 1px solid #eeeeee !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 20%;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 78%;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset {
border: unset !important;
}
.woocommerce-Address {
background: #cccccc1a;
padding: 20px;
border-radius: 16px;
display: flex;
flex-direction: column;
gap: 15px;
}
.woocommerce-Address .woocommerce-Address-title {
display: flex !important;
align-items: center;
justify-content: space-between;
background: transparent;
box-shadow: unset;
}
.woocommerce-Address .woocommerce-Address-title h2 {
font-size: 20px !important;
color: #333333;
}
.addresses .title::before,
.addresses .title::after {
content: unset !important
}
.woocommerce .woocommerce-MyAccount-navigation ul li:before {
content: unset !important;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a {
color: #000 !important;
border-bottom: unset !important;
font-weight: unset !important;
}
.woocommerce-Address .woocommerce-Address-title a {
text-decoration: underline;
color: #e43226;
}
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel :is(h2, .h2):not(:last-child) {
margin-bottom: 20px;
}
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel :is(h2, .h2):not(:first-child) {
margin-top: 20px;
}
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel :is(ul, ol) {
list-style: revert;
padding-left: 20px
}
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel table:not(:has(ul)) {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel table:not(:has(ul)) tr {
background-color: #f2f2f2;
}
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel table:not(:has(ul)) th {
padding: 10px;
border: 1px solid #ddd;
text-align: left;
font-weight: 700;
}
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel table:not(:has(ul)) td {
padding: 10px 20px;
border: 1px solid #ddd;
vertical-align: top;
}
.moreContent {
display: none;
}
#moreContentBtn {
cursor: pointer;
}
.woocommerce-account .gd-timeline {
display: none
}
.share-accordian{
margin-block: 10px 0 !important
}
.share-garden-info .h4{
margin-block: 20px 8px;
}
.garden-prev-card .crop-flex-between{
flex-wrap: wrap;
gap: 15px;
}
.garden-prev-card .flex-col-crd-content .crd-title{
margin-block: 5px 0 !important;
}