/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

@font-face {
    font-family: 'Questrial'; /* A name you choose to refer to the font */
    src: url('font/questrial-v19-latin-regular.woff2') format('woff2'), /* Modern browsers */
         url('font/Questrial-Regular.ttf') format('truetype'); /* Safari, Android, iOS fallback */
    font-weight: normal; /* Define the weight of this specific file */
    font-style: normal;  /* Define the style of this specific file */
    font-display: swap;  /* Controls how the font loads (prevents invisible text) */
}
body {
    font-family: 'Questrial', sans-serif; /* Add a generic fallback font */
}

/* Navbar */
.custom-navbar {
	padding: 18px 0;
	background: #fff;
}

/* Nav Links */
.nav-ul .sub-menu {
  left: 0;
  right:auto;
}
.custom-navbar .nav-link {
	color: #002469;
	font-size: 18px;
	font-weight: 500;
	line-height: 32px;
	letter-spacing: -0.36px;
	text-transform: uppercase;
	padding: 0 18px;
}

.custom-navbar .nav-link:hover {
	color: #00246a;
}

/* Button */
.consult-btn {
	background: #00246a;
	border-radius: 11px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	color: #fff !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: -0.36px;
	padding: 14px 22px;
	text-transform: uppercase;
}

.consult-btn:hover {
	background: #001d55;
	color: #fff;
}

/* Mobile */
@media (max-width: 991px) {
	.custom-navbar .nav-link {
		padding: 10px 0;
		text-align: center;
	}

	.consult-btn {
		display: block;
		margin: 15px auto 0;
	}
}

/* Footer Style  */

.footer {
	background: linear-gradient(180deg, #00246a 0%, #001b4f 100%);
	color: #fff;
	padding: 60px 0;
}

.footer h5 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 18px;
	text-transform: uppercase;
    font-family: 'Questrial';
}

.footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer ul li {
	font-size: 16px;
	line-height: 32px;
}

.footer a {
	color: #fff;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}

.contact-info p {
	font-size: 16px;
	margin-bottom: 10px;
    font-family: 'Questrial';
}

.map-box iframe {
	width: 100%;
	height: 180px;
	border-radius: 8px;
	border: none;
}

.social-icons a {
	display: inline-flex;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #fff;
	color: #00246a;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	margin-right: 10px;
	transition: 0.3s ease;
}

.social-icons a:hover {
	background: #dfe6ff;
	color: #00246a;
}
.social-icons {
	text-align: center;
}

@media (max-width: 767px) {
	.map-box {
		margin-top: 30px;
	}
}

/* Home Banner section */

@media (max-width: 767px) {
	section.banner-area {
		height: 50vh;
	}
}
/* banner bottom section home */
section.banner-bottom {
	background: #002469;
	padding: 40px 0;
	text-align: center;
	color: #fff;
}
section.banner-bottom h2 {
	color: #fff;
	font-size: 56px;
	font-style: normal;
	font-weight: 500;
	line-height: 56px; /* 100% */
}

@media (max-width: 767px) {
	section.banner-bottom h2 {
		color: #fff;
		font-size: 30px;
		font-style: normal;
		font-weight: 500;
		line-height: 56px; /* 100% */
	}
}

/* nav mobile  */
@media screen and (min-width:1px) and (max-width:960px) {
	.primary-menu-ul li {
		margin-top: 0px !important;
	}
	.primary-menu-ul li ul.sub-menu li {
		margin-top: 0px !important;
	}
	.primary-menu-ul .btn.consult-btn {
		margin-left: 15px !important;
	}
}

.primary-menu-ul li {
	margin-top: 10px;
}
.primary-menu-ul li ul.sub-menu li {
	margin-top: 0px;
}
.primary-menu-ul .btn.consult-btn {
	margin-left: 25px;
}
/*Home Page Css start*/
section.instagram {
    padding: 30px;
}
h3.item-title {
    font-size: 20px;
}
#wpcpro-wrapper-63205 #sp-wp-carousel-pro-id-63205.sp-wpcp-63205:not(.wpcp-product-carousel):not(.wpcp-content-carousel) .wpcp-single-item {
  background: #ffffff;
}
section.store-info-section {
	padding: 70px 0px;
}
section.store-info-section h3.item-title {
	margin-top: 25px;
}

.services-section {
	width: 100%;
}

/* Left Image */
.services-image {
	height: 100%;
}

.services-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Right Content */
.services-content {
	background: #d9dde3;
	padding: 70px 50px;
	text-align: center;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Title */
.services-content h2 {
	color: #000;
	text-align: center;
	font-family: Questrial;
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	line-height: 31.032px;
	margin-bottom: 20px;
}

/* Paragraph */
.services-content p {
	color: #000;
	text-align: center;
	font-family: Questrial;
	font-size: 25px;
	font-style: normal;
	font-weight: 500;
	line-height: 33px;
	margin-bottom: 30px;
}

/* Button */
.service-btn {
	display: inline-block;
	padding: 12px 24px;
	border-radius: 11px;
	background: #00246a;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	color: #fff;
	font-family: Questrial;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: -0.36px;
	text-decoration: none;
}

.service-btn:hover {
	color: #fff;
}

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

.hero-section {
	padding: 80px 20px;
	background: #f7f7f7;
	color: #333;
}

.subtitle {
	color: #002469;
	font-size: 20px;
	margin-bottom: 10px;
	font-style: italic;
}

.main-title {
	font-size: 64px;
	font-weight: 500;
	color: #002469;
	margin-bottom: 20px;
}

.description {
	max-width: 900px;
	margin: auto;
	font-size: 18px;
	color: #666;
	margin-bottom: 30px;
}

.phone {
	color: #002469;
	font-size: 42px;
	margin-bottom: 25px;
}

.directions-btn {
	background: #4f87c6;
	color: white;
	padding: 12px 30px;
	border-radius: 8px;
	font-size: 18px;
}

.directions-btn:hover {
	background: #002469;
	color: white;
}

.hours-row {
	margin-top: 70px;
}

.hours-box {
	border: 2px solid #002469;
	padding: 40px;
	text-align: center;
}

.hours-box h4 {
	color: #002469;
	margin-bottom: 15px;
	letter-spacing: 1px;
}

.bold {
	font-weight: 600;
}
.hours-row .col-md-6 {
	display: flex;
}

.hours-box {
	border: 2px solid #002469;
	padding: 40px;
	text-align: center;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.banner-img {
	height: 80vh;
	object-fit: cover;
}

.custom-navbar {
	position: relative;
	z-index: 9999;
}

@media (max-width: 767px) {
	.banner-img {
		height: 50vh;
		object-fit: cover;
	}
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin: 0 auto;
	max-width: 1460px;
}
.nav-ul li a{
	color: #00246a;
	font-size: 14px;
	font-weight: 500;
	/*line-height: 32px;
	letter-spacing: -0.36px;
	padding: 10px 5px;*/
	text-transform: uppercase;
}

button.carousel-control-prev:hover,
button.carousel-control-next:hover{
	background:none !important;
}
.info-item {
    padding: 0px 50px;
}
.info-item h3 {
    font-size: 20px;
}
/*Home Page Css end*/

/*Blog css start*/

.blog-section{
	padding:80px 40px;
	background:#fff;
}

/* sidebar */

.sidebar{
	border-right:1px solid #ddd;
	padding-right:40px;
}

.search-box label{
	display:block;
	margin-bottom:8px;
	font-weight:500;
}

.search-box button{
	margin-left:10px;
}

.category-title{
	margin-top:30px;
	margin-bottom:15px;
	font-size:18px;
}

.category-list{
	list-style:none;
	padding:0;
	margin:0;
}

.category-list li{
	margin-bottom:10px;
}

.category-list li a{
	text-decoration:none;
	color:#777;
	font-size:14px;
}

/* blog card */

.blog-card{
	text-align:center;
}

.blog-img{
	position:relative;
	margin-bottom:20px;
}

.blog-img img{
	width:100%;
	height:260px;
	object-fit:cover;
}

/* date label */

.date-label{
	position:absolute;
	top:12px;
	left:12px;
	background:#fff;
	padding:6px 10px;
	color:#000;
	font-family: Montserrat;
	font-size:10px;
	font-style:normal;
	font-weight:500;
	line-height:10px;
	letter-spacing:1.5px;
	text-transform:uppercase;
}

/* title */

.blog-title{
	color:#2B2B2B;
	text-align:center;
	font-family: Questrial;
	font-size:22px;
	font-style:normal;
	font-weight:400;
	line-height:28px;
	margin-bottom:12px;
}

/* description */

.blog-desc{
	color:#6D6A6A;
	text-align:center;
	font-family: Questrial;
	font-size:16px;
	font-style:normal;
	font-weight:400;
	line-height:25.6px;
}

.prev.page-numbers,.page-numbers,.next.page-numbers{
	border:1px solid #00246a;
	padding:10px;
	margin:0px;
	color:#00246a;
}
.btn.btn-secondary-search{
	background:#00246a;
}
.page-numbers.current{
	font-weight: 700;
}
/*Blog css end*/

/*Standard Template and plants css start*/

@media (max-width: 767px) {
	section.banner-area {
		height: 50vh;
	}
}

.plants-title {
	color: #000;
	text-align: center;
	font-size: 35px;
	font-weight: 600;
	line-height: 31.032px;
	text-transform: uppercase;
}

.gallery-heading {
	color: #000;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.gallery-item img {
	width: 100%;
	height: 260px;
	object-fit: cover;
	border-radius: 4px;
}

/* Button Style */
.custom-btn {
	border-radius: 11px;
	background: #00246A;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	color: #FFF;
	font-size: 18px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: -0.36px;
	padding: 12px 28px;
	text-transform: uppercase;
}

.custom-btn:hover {
	background: #001b4d;
	color: #fff;
}

/*Standard Template and plants css end*/

/*Perennials Template css start*/

.plants-gallery .gallery-item {
	display: block;
}

.perennials-description{
    width:100%;
    padding:50px 20px;
    background:#f5f5f5;
    text-align:center;
}

.perennials-text{
    max-width:1100px;
    margin:0 auto 25px auto;
    font-size:22px;
    line-height:1.7;
    color:#000;
}

/* buttons */

.perennials-buttons{
    display:flex;
    justify-content:center;
    gap:15px;
}

.btn-primary,
.btn-secondary{
    background:#0d2e6d;
    color:#fff;
    padding:10px 22px;
    font-size:13px;
    font-weight:600;
    border-radius:6px;
    text-decoration:none;
}

.btn-primary:hover,
.btn-secondary:hover{
    background:#081f49;
}

.perennials-types{
	max-width:1200px;
	margin:auto;
	padding:40px 20px;
	line-height: 30px;
}

.perennials-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:40px;
	text-align:center;
}

.perennials-item h3{
	color:#1f3f75;
	font-weight:700;
	letter-spacing:1px;
	margin-bottom:15px;
}

.perennials-item img{
	width:100%;
	height:auto;
	display:block;
}
.perennials-types{
	padding:60px 40px;
}

.perennials-grid{
	display:flex;
	justify-content:center;
	gap:60px;
}

.perennials-item{
	width:320px;
	text-align:center;
}

.perennials-item h3{
	color:#12306b;
	font-size:22px;
	margin-bottom:20px;
	font-weight:700;
}

.perennials-item img{
	width:100%;
	height:220px;
	object-fit:cover;
	margin-bottom:15px;
}

section.perennials-types p {
    font-size: 16px;
    line-height: 25px;
    color: #6d6a6a;
}

.recommend-title {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 25px;
}

.recommend-list{
	list-style:none;
	padding:0;
	margin:0;
}

.recommend-list li{
	font-size:14px;
	color:#333;
	margin:2px 0;
}
.recommend-list li a {
    color: #333;
	text-decoration: underline;
}

.roses-section{
    width:100%;
    background:#f5f5f5;
    padding:60px 40px;
    text-align:center;
}

.roses-title{
    color:#12306b;
    font-size: 30px;
    font-weight:700;
    margin-bottom:25px;
}

.roses-image img{
    width:100%;
    max-width:1000px;
    height:auto;
}
.perennials-item h6{
	color: #6d6a6a;
	font-size: 20px;
}
.roses-text {
    margin-top: 25px;
    font-size: 15px;
    color: #6d6a6a;
    line-height: 1.6;
    max-width: 1000px;
    margin: auto;
    padding: 25px;
}

.roses-link {
    padding-top: 60px;
    font-size: 38px;
    color: #12306b;
    font-weight: 600;
    max-width: 1000px;
    margin: auto;
}
.roses-text strong {
    font-size: 22px;
}

.roses-link a{
    color:#12306b;
    text-decoration:underline;
}
.perennials-types .perennials-grid h5{
	color: #6d6a6a;
}
.perennials-types .perennials-grid ul li,
.perennials-types .perennials-grid ul li a{
	text-decoration:underline;
	color: #333;
}
/*--------------responsive--------------*/
@media (max-width:768px){
    .perennials-grid{
		grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width:480px){
	.perennials-grid{
		grid-template-columns:1fr;
	}
}

/*Perennials Template css end*/

/*Indoor Template css start*/

@media (max-width: 767px) {
	section.indoor-banner-area {
		height: 50vh;
	}
}


section.indoor-content-section  p,
section.plants-gallery p{
	color: #000;
	text-align: center;
	font-family: Questrial;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 34px; /* 141.667% */
}

section.indoor-content-section {
    padding: 50px 0px;
    width: 65%;
    margin: 0 auto;
}

section.banner-bottom h2 {
    padding-bottom: 0 !important;
    margin-bottom: 0;
}

/* Title */
.section-title{
    color:#000;
    text-align:center;
    font-family:Questrial, sans-serif;
    font-size:35px;
    font-style:normal;
    font-weight:600;
    line-height:31.032px;
    text-transform:uppercase;
    margin-bottom:20px;
}

/* Image */
.plant-img{
    width:100%;
    height:250px;
    object-fit:cover;
    margin-bottom:25px;
}

/* Description */
.section-desc , section.plant-section.py-5 ul li{
    color:#6D6A6A;
    text-align:center;
    font-family:Questrial, sans-serif;
    font-size:24px;
    font-style:normal;
    font-weight:400;
    line-height:37.977px;
}

/* Note */
.note{
    color:#6D6A6A;
    font-size:20px;
    margin-top:10px;
}

/* Recommend text */
.recommend{
    margin-top:15px;
    font-size:20px;
    color:#6D6A6A;
}

/* List */
.plant-list{
    list-style: disc;
    text-align:center;
    padding-left:0;
}

.plant-list li{
    list-style-position:inside;
    color:#6D6A6A;
    font-size:20px;
}

.cta0wrapper p {
	color: #000;
	text-align: center;
	font-family: Questrial;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 34px; /* 141.667% */
}

.cta0wrapper p a{
    color: #0866FF;
	font-family: Questrial;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 34px;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}

.cta0wrapper {
    padding: 50px 0px;
    border-top: 1px solid #ddd;
}

/*Indoor Template css end*/

/*Pottery Template css start*/

.pottery-description{
    width:100%;
    padding:50px 20px;
    background:#f5f5f5;
    text-align:center;
}

.pottery-text{
    max-width:960px;
    margin:0 auto 25px auto;
    font-size:16px;
    line-height:1.7;
    color:#333;
}

/* buttons */

.pottery-buttons{
    display:flex;
    justify-content:center;
    gap:15px;
}

.btn-primary,
.btn-secondary{
    background:#0d2e6d;
    color:#fff;
    padding:10px 22px;
    font-size:13px;
    font-weight:600;
    border-radius:6px;
    text-decoration:none;
}

.btn-primary:hover,
.btn-secondary:hover{
    background:#081f49cf;
	color:#fff;
}

.pottery-types{
	max-width:1200px;
	margin:auto;
	padding:40px 20px;
}

.pottery-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:40px;
	text-align:center;
}

.pottery-item h3{
	color:#1f3f75;
	font-weight:700;
	letter-spacing:1px;
	margin-bottom:15px;
}

.pottery-item img{
	width:100%;
	height:auto;
	display:block;
}
.planter-section{
	padding:60px 20px;
	background:#f5f5f5;
}
/*
.planter-container{
	max-width:1200px;
	margin:auto;
	display:flex;
	align-items:center;
	gap:50px;
}

.planter-image img{
	width:100%;
	max-width:450px;
	display:block;
}

.planter-content h2{
	color:#153c7a;
	font-size:36px;
	font-weight:700;
	margin-bottom:20px;
	line-height:1.3;
}

.planter-btn{
	display:inline-block;
	background:#153c7a;
	color:#fff;
	padding:12px 24px;
	border-radius:8px;
	text-decoration:none;
	font-weight:600;
	margin-bottom:20px;
}

.planter-btn:hover{
	background:#0f2e5f;
}

.planter-content p{
	color:#333;
	line-height:1.6;
	max-width:500px;
}*/

.plant-guide{
	background:#f5f5f5;
	padding:60px 20px;
}

.plant-container{
	max-width:1200px;
	margin:auto;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:40px;
	text-align:center;
}

.plant-item h2{
	color:#153c7a;
	font-size:32px;
	margin-bottom:10px;
}

.plant-desc{
	color:#153c7a;
	font-size:18px;
	margin-bottom:20px;
}

.plant-item img{
	width:100%;
	height:auto;
	margin-bottom:20px;
}

.recommend{
	/*color:#153c7a;*/
	color:#6D6A6A;
	font-size:18px;
	line-height:1.6;
}
.perennials-grid.rose-sec-grid {
    gap: 150px;
}
@media (max-width:768px){
	.pottery-grid{
		grid-template-columns:repeat(2,1fr);
	}
}

@media (max-width:480px){
	.pottery-grid{
		grid-template-columns:1fr;
	}
	.planter-container, .plant-container, .perennials-grid {
		display: block;
	}
	.planter-content h2 {
		font-size: 23px;
	}
	h1#n2-ss-7item2, h1#n2-ss-6item1, h1#n2-ss-3item1, h1#n2-ss-12item1{
		font-size: 50px !important;
	}
	section.indoor-content-section {
		width: 100%;
	}
	a.btn.custom-btn.me-3 {
		margin-bottom: 20px;
	}
	.perennials-grid.rose-sec-grid .pottery-item:nth-child(2) {
		margin: 50px 0px!important;
	}
	.perennials-item:nth-child(2) {
	  margin: 40px 0px;
	}
}
/*Pottery Template css end*/


/*--- our-story template css start here----*/

/* ===== OUR JOURNEY TIMELINE ===== */

.timeline-section{
padding:100px 20px;
background:#f6f6f6;
}

.timeline{
position:relative;
max-width:1300px;
margin:auto;
}

/* Center vertical line */

.timeline:before{
content:"";
position:absolute;
left:50%;
top:0;
bottom:0;
width:2px;
background:#46484C;
transform:translateX(-50%);
}

/* Row */

.timeline-row{
position:relative;
display:flex;
align-items:center;
margin:40px 0;
}

/* Dot */

.timeline-dot{
width:16px;
height:16px;
background:#333;
border-radius:50%;
position:absolute;
left:50%;
transform:translateX(-50%);
z-index:2;
}

/* Year */

.timeline-year{
position:absolute;
font-weight:600;
color:#1e4ea1;
font-size:16px;
}

/* Year position */

.timeline-row.right .timeline-year{
left:calc(50% - 80px);
text-align:right;
}

.timeline-row.left .timeline-year{
left:calc(50% + 25px);
}

/* Content box */

.timeline-content{
width:42%;
background:#f8f8f8;
padding:24px 28px;
border-radius:12px;
border:1px solid #d2d2d2;
display:flex;
align-items:center;
gap:20px;
}

/* Title */

.timeline-content h3{
margin:0;
font-size:16px;
color:#1e4ea1;
position:relative;
    padding-right: 10px;
    min-width: 120px;
	font-weight: normal;
}
.timeline-row.left p, .timeline-row.left h3 {
    text-align: left !important;
	padding-right:10px;
}

/* Divider RIGHT */

.timeline-row.right .timeline-content h3:after{
content:"";
position:absolute;
right:10px;
top:0;
height:100%;
width:3px;
background:#6D6A6A;;
}

/* Divider LEFT */

.timeline-row.left .timeline-content h3:after{
content:"";
position:absolute;
left:-25px;
top:0;
height:100%;
width:2px;
background:#6D6A6A;
}

/* Description */

.timeline-content p{
margin:0;
font-size:14px;
line-height:1.6;
color:#555;
}

/* Right card */

.timeline-row.right .timeline-content{
margin-left:auto;
position:relative;
}

/* connector right */

.timeline-row.right .timeline-content:before{
content:"";
position:absolute;
left:-110px;
top:50%;
width:110px;
height:2px;
background:#46484C;
}

/* Left card */

.timeline-row.left .timeline-content{
margin-right:auto;
flex-direction:row-reverse;
text-align:right;
position:relative;
}

/* connector left */

.timeline-row.left .timeline-content:before{
content:"";
position:absolute;
right:-111px;
top:50%;
width:111px;
height:2px;
background:#46484C;
}
h2.timeline-title {
    text-align: center;
    font-weight: normal;
    font-size: 40px;
    text-transform: uppercase;
    color: #002469;
}
/* SECTION */

.legacy-section{
padding:80px 20px;
}

.legacy-section .container{
max-width:1100px;
margin:auto;
}

/* TITLE */

.legacy-main-title{
text-align:center;
font-size:36px;
margin-bottom:60px;
}

/* ROW */

.legacy-row{
display:flex;
align-items:center;
gap:60px;
margin-bottom:80px;
}

/* ALTERNATE LAYOUT */

.legacy-row.reverse{
flex-direction:row-reverse;
}

/* COLUMNS */

.legacy-image,
.legacy-text{
flex:1;
}

/* TEXT */

.legacy-text{
font-size:16px;
line-height:1.7;
color:#555;
}

/* SMART SLIDER FIX */

.legacy-image .n2-ss-slider{
width:100% !important;
max-width:100%;
}

.legacy-image .n2-ss-slide{
height:auto !important;
}

.legacy-image img{
width:100%;
height:auto;
display:block;
}

/* PREVENT HUGE IMAGE */

.legacy-image{
max-width:520px;
}
.content {
    text-align: center;
}

/* MOBILE */

@media (max-width:768px){

.legacy-row{
flex-direction:column;
gap:30px;
}

.legacy-row.reverse{
flex-direction:column;
}

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

}
/* ===== MOBILE ===== */

@media (max-width:768px){

.timeline:before{
left:20px;
}

.timeline-dot{
left:20px;
}

.timeline-year{
left:50px !important;
}

.timeline-row{
flex-direction:column;
align-items:flex-start;
padding-left:60px;
margin:60px 0;
}

.timeline-content{
width:100%;
flex-direction:column;
text-align:left;
gap:10px;
}

.timeline-content h3:after{
display:none;
}

.timeline-content:before{
display:none;
}


}
@media (max-width:600px){
.timeline-row.left .timeline-content {
    margin-top: 45px;
    flex-direction: column;
}
.timeline-row.right .timeline-content {

    flex-direction: column;
	margin-top: 45px;
}
}


/*--------------pottery new section css------------*/
.planter-container{
max-width:1100px;
margin:auto;
}
a.planter-btn:hover {
    color: #fff;
}
.planter-img p {
margin: 0px;
}

/* EACH ROW */

.planter-row{
display:flex;
align-items:center;
gap:60px;
/*margin-bottom:80px;*/
width:100%;
}

/* ALTERNATE IMAGE POSITION */

.planter-row.reverse{
flex-direction:row-reverse;
}

/* COLUMNS */

.planter-col{
flex:0 0 50%;
max-width:50%;
}

/* IMAGE */

.image-col img{
width:100%;
height:auto;
display:block;
}

/* TEXT */

.text-col h2{
font-size:32px;
color:#2c5aa0;
margin-bottom:20px;
}

.planter-btn{
display:inline-block;
background:#2c5aa0;
color:#fff;
padding:12px 25px;
margin-bottom:15px;
text-decoration:none;
border-radius:4px;
}

/* MOBILE */

@media (max-width:768px){

.planter-row{
flex-direction:column;
}

.planter-row.reverse{
flex-direction:column;
}

.planter-col{
flex:0 0 100%;
max-width:100%;
}

}