/*
Theme Name: Grostrade Ltd
Theme URI:  https://www.wpserveur.net
Author:     WPServeur
Author URI: https://www.wpserveur.net
Template:   twentytwenty
Version:    1.0
License:    GNU General Public License v2 or later
*/
body{
	font-family: "Poppins", sans-serif; font-size:14px; background:#fff; color:#2d2d2d;
}
p{
	font-size:14px; line-height: 30px;
}
a{
	text-decoration:none; transition:0.3s ease-in-out;
}
a:hover{
	text-decoration:none !important;
}
.container{
	width:100%; max-width:1170px; padding-left:15px; padding-right:15px; margin:auto;
}
.container-fluid{
	width:100% !important; max-width:1170px !important; padding-left:15px !important; padding-right:15px !important; margin:auto !important;
}
.header-toggles{
	display:none !important;
}
.quote-but a{
	background: #A6884D; background: linear-gradient(270deg, rgba(166, 136, 77, 1) 0%, rgba(231, 208, 131, 1) 50%, rgba(166, 136, 77, 1) 100%);
	padding:15px 70px 15px 45px; border-radius:50px; position:relative; color:#081f3f !important; text-decoration:none; display:inline-block; font-size:14px;
}
.quote-but a:before{
	background:url('/projects/grostradeltd-new/wp-content/uploads/2026/09/right-arrow.png') no-repeat; width:20px; height:11px; content:''; position:absolute; right:40px; transition:0.3s ease-in-out; top:50%; transform: translateY(-50%);
}
.quote-but a:hover{
	background: #A6884D; background: linear-gradient(270deg, rgba(166, 136, 77, 1) 0%, rgba(231, 208, 131, 1) 31%, rgba(231, 208, 131, 1) 77%, rgba(166, 136, 77, 1) 100%);
}
.quote-but a:hover:before{
	right:30px;
}
.header-inner{
	padding-top:15px; padding-bottom:15px;
}
ul.primary-menu{
	margin:0;
}
.primary-menu > li{
	margin: 0 0 0 40px;
}
.primary-menu a{
	color:#fff !important; font-size:15px; letter-spacing:1px;
}
.primary-menu a:hover{
	color:#e7d083 !important;
}
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a{
	text-decoration:none;
}
.primary-menu .icon::before, .primary-menu .icon::after{
	background-color:#a4874b;
}
.primary-menu .current_page_ancestor{
	text-decoration:none;
}
.primary-menu ul{
	background:#081f3f !important;
}
.primary-menu > li > ul:after, .primary-menu > li > ul:before{
	display:none;
}
.primary-menu ul{
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.54);
-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.54); top:30px;
}
.primary-menu ul{
	width:250px;
}
#site-header{
	background:transparent;
}
.home-banner{
	width:100%; position:relative; margin-top:-120px; height:900px;
}
.banner-slider, .banner-slide{
	height:100%;
}
.banner-image{
	 height:100%; width:100%; object-fit:cover;
}
.banner-slider .slick-list{
	height:100%;
}
.banner-slider .slick-track{
	height:100%;
}
.banner-wrap{
	position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);
}
.banner-slide{
	position:relative;
}
h1{
	margin:0 0 50px; color:#fff; text-transform:capitalize; font-weight:600; text-align:center; font-size:80px; position:relative;
}
h1 em{
	font-weight:400; font-family: "Merriweather", serif;
}
h1:after{
	background:url('/projects/grostradeltd-new/wp-content/uploads/2026/09/underline.jpg') no-repeat; width:120px; height:3px; position:absolute; left:50%; transform:translatex(-50%); content:''; bottom:-18px;
}
.banner-slide p{
	color:#fff; padding:0 10%; text-align:center; font-size:16px;
}
.banner-highlights{
	display:flex; justify-content:space-between; margin:50px 0;
}
.highlight-item{
	display:flex; gap:15px; color:#fff; text-transform:capitalize; align-items:center;
}
.banner-buttons{
	display:flex; gap:50px; justify-content:center;
}
.button-transparent a{
	background:transparent; border:1px solid #fff; color:#fff !important;
}
.button-transparent a:hover{
	background:transparent;
}
.button-transparent a:before{
	background:url('/projects/grostradeltd-new/wp-content/uploads/2026/09/right-arrow-white.png') no-repeat;
}
.banner-slider ul.slick-dots{
	position:absolute; bottom:0px; left:50%; transform:translatex(-50%); list-style:none; display:flex; gap:10px;
}
.banner-slider ul.slick-dots li{
	list-style:none; width:10px; height:10px; border-radius:50%; background:#ccc; margin:0; padding:0;
}
.banner-slider ul.slick-dots li button{
	display:none;
}
.banner-slider ul.slick-dots li.slick-active{
	background:#fff;
}
.subhead1{
	font-size:16px; color:#081f3f; font-weight:600; text-transform:capitalize; margin:-10px 0 5px !important;
}
.highlight{
	font-size:14px; color:#5a5a5a; text-transform:capitalize;
}
.highlight p, .product-block p{
	line-height:normal;
}
.ptb-60{
	padding-top:60px !important; padding-bottom:60px !important;
}
.ptb-40{
	padding-top:40px !important; padding-bottom:40px !important;
}
.ptb-100{
	padding-top:100px !important; padding-bottom:100px !important;
}
.pt-100{
	padding-top:100px !important;
}
.pb-100{
	padding-bottom:100px !important;
}
.product-wrap{
	display:grid; grid-template-columns: repeat(2, 1fr); gap:100px;
}
h2{
	font-size:48px; font-weight:600; color:#092241; margin:0 0 20px !important; text-transform:capitalize;
}
h2 span{
	font-weight:400; font-family: "Merriweather", serif; font-style:italic;
}
.mb-0 h2{
	margin-bottom:0px !important;
}
.sub-title{
	font-size:20px; color:#272727; font-weight:600;margin:0 0 20px !important;
}
.und-line{
	position:relative;
}
.und-line:after{
	background:url('/projects/grostradeltd-new/wp-content/uploads/2026/09/underline.jpg') no-repeat; width:120px; height:3px; position:absolute; left:50%; transform:translatex(-50%); content:''; bottom:-18px;
}
.und-line2{
	position:relative;
}
.und-line2:after{
	background:url('/projects/grostradeltd-new/wp-content/uploads/2026/09/underline.jpg') no-repeat; width:120px; height:3px; position:absolute; left:0; content:''; bottom:0;
}
.mt-100{
	margin-top:100px;
}
.mb-100{
	margin-bottom:100px;	
}
.mb-50{
	margin-bottom:50px;
}
.product-image{
	width:100%; height:350px; border-radius:50px 50px 0 0; overflow:hidden;
}
.product-image img{
	height:100% !important; width:100%; object-fit:cover; transition:0.5s ease-in-out;
}
.product-block:hover .product-image img{
	scale:1.3;
}
.product-block h3{
	font-size:30px; font-weight:600; color:#092241; margin:20px 0 10px;
}
.product-subhead{
	font-size:18px; color:#272727; font-weight:600;
}
.view-more a{
	position:relative; font-size:16px; color:#081f3f; font-weight:600;
}
.view-more a:after{
	background:url('/projects/grostradeltd-new/wp-content/uploads/2026/09/right-arrow.png') no-repeat; width:20px; height:11px; content:''; position:absolute; left:110%; transition:0.3s ease-in-out; top:6px;
}
.view-more a:hover:after{
	left:120%;
}
.white-watermark{
	background:url('https://www.webappdesigns.com/projects/grostradeltd-new/wp-content/uploads/2026/09/golden-watermark.jpg') no-repeat center; background-size:content;
}
.two-column-list ul{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 30px;
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
}
.two-column-list ul li{
	margin:0; position:relative; padding: 0 0 0 25px;
}
.two-column-list ul li:before{
	background:url('/projects/grostradeltd-new/wp-content/uploads/2026/09/bullet.png') no-repeat; width:15px; height:15px; content:''; position:absolute; left:0; top:4px;
}
.line-height30 p{
	line-height:30px;	
}
.footer-top-wrap{
	background:url('/projects/grostradeltd-new/wp-content/uploads/2026/09/footer-top-bg.png') no-repeat top left; background-size:cover;
}
#site-footer{
	padding:0px;
}
.req-quote-bg{
	background:#fff; border-radius:50px;
}
.p-60{
	padding:60px;
}
.text-center{
	text-align:center;
}
.footer-bottom-wrap{
	background:url('/projects/grostradeltd-new/wp-content/uploads/2026/09/footer-bg.png') no-repeat bottom left; background-size:cover;
}
.flexbox{
	display:flex; justify-content:space-between;
}
.footer-logo img{
	max-height:150px; width:auto;
}
.footer-details{
	padding-bottom:30px;
}
.footer-details h2{
	font-size:14px; color:#fff; margin:0 0 6px;
}
.footer-details ul{
	list-style:none; margin:0; padding:0;
}
.footer-details ul li{
	list-style:none; margin:0 0 6px; padding:0; color:#fff; font-size:13px;
}
.footer-details ul li a{
	color:#fff; font-size:13px;
}
.footer-details ul li a:hover{
	color:#d3c4a4;
}
.footer-contact ul li{
	display:flex; gap:10px; margin-bottom:10px; /*align-items:center;*/
}
.footer-contact ul li i{
	font-size:16px;
}
.footer-copyright{
	color:#fff; font-weight:500; text-align:center; font-size:12px;
}
.copyright{
	padding:20px 0; border-top:1px solid #fff;
}
.pt-60{
	padding-top:60px;
}

.inner-banner{
	position:relative; margin-top:-120px; height:500px;
}
.inner-banner img{
	height:100%; width:100%; object-fit:cover;
}
.inner-banner-heading{
	position:absolute; width:100%; max-width:1170px; text-align:center; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1;
}
.list-darkbg{
	color:#fff;
}
.list-darkbg .subhead1{
	color:#fff;
}
.contact-form .form-row{
    margin-bottom:20px;
}

.contact-form .form-row{
    display:flex;
    gap:20px;
    margin-bottom:20px;
}

.contact-form .form-col{
    flex:1;
}
.contact-form .form-col p{
    margin:0;
}
.contact-form .full-width{
    display:block;
}

.contact-form label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
}

.contact-form input,
.contact-form select,
.contact-form textarea{
    width:100%;
    padding:12px 15px;
    border:1px solid #ddd;
    border-radius:5px;
    box-sizing:border-box;
}

.contact-form textarea{
    min-height:150px;
}

.contact-form .submit-btn{
    display:block;
}

.contact-form .submit-btn input[type="submit"]{
    background: #A6884D; background: linear-gradient(270deg, rgba(166, 136, 77, 1) 0%, rgba(231, 208, 131, 1) 50%, rgba(166, 136, 77, 1) 100%);
	padding:15px; border-radius:50px; position:relative; color:#081f3f !important; text-decoration:none; display:inline-block; font-size:14px;
}

.contact-form .submit-btn input[type="submit"]:hover{
    background: #A6884D; background: linear-gradient(270deg, rgba(166, 136, 77, 1) 0%, rgba(231, 208, 131, 1) 31%, rgba(231, 208, 131, 1) 77%, rgba(166, 136, 77, 1) 100%);
}

.contact-form{
	box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.07); padding:30px;
}
.single-our_products #site-header{
	background:url('/projects/grostradeltd-new/wp-content/uploads/2026/09/footer-top-bg.png') no-repeat center center; background-size:cover;
}
.single-our_products .footer-top-wrap{
	display:none;
}

.cf7-row{
    display:flex;
    flex-wrap:wrap;
    margin:0 -10px;
}

.cf7-col{
    width:50%;
    padding:0 10px;
    margin-bottom:20px;
    box-sizing:border-box;
}

.cf7-col input,
.cf7-col select{
    width:100%;
}

textarea{
    width:100%;
    min-height:150px;
}

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select{
    width:100%;
    padding:12px 15px;
    border:1px solid #ddd;
    border-radius:4px;
    box-sizing:border-box;
	color: #808080; font-size:14px; font-family: "Poppins", sans-serif;
}
.contact-form label{
	color: #808080; font-weight:500;
}
.wpcf7-submit{
    padding:12px 30px;
    cursor:pointer;
}
.product-list .product-wrap{
	margin-top:0px !important; margin-bottom:0px !important; grid-template-columns: repeat(4, 1fr); gap: 20px;
}
.product-list .product-wrap .product-image{
	height:200px; border-radius:10px;
}
.product-list .product-wrap .product-block h3{
	font-size:20px; padding:0 10px;
}
.product-list .product-subhead{
	font-size:15px;
}
.product-list p{
	padding:0 10px;
}
.product-list .view-more{
	padding:0 10px;
}
/*.product-list .product-wrap .product-block{
	box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.36);
-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.36); border-radius:10px;
}*/
.checkbox input[type='checkbox']{
	width:10px; height:15px; border-radius:0px; padding:0px; 
}
.checkbox{
	color: #808080;
}
.sm-text p{
	font-size:18px;
}
.product-gallery .gallery-icon{
	width:100%; height:100%;
}
.product-gallery .gallery-item img{
	width:100%; height:100%; object-fit:cover;
}
.fullwidth-sec{
	width:100%;
}
.other-products-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.other-products-grid .product-item{
    /*border:1px solid #e5e5e5;*/
    padding:0 0 20px;
    text-align:center;
    transition:0.3s;
}

.other-products-grid .product-item:hover{
    box-shadow:0 5px 20px rgba(0,0,0,0.1); border-radius:50px 50px 0 0;
}
.other-products-grid .product-image{
	height:250px;
}
.other-products-grid .product-image img{
    width:100%;
    height:100% !important;
    object-fit:cover;
    display:block;
}

.product-item h3{
    margin-top:15px;
    font-size:20px;
	color:#092241;
}
.footer-nav .sub-menu{
	display:none;
}
.whatsapp-float{
    position:fixed;
    right:20px;
    bottom:20px;
    width:60px;
    height:60px;
    background:#25D366;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    text-decoration:none;
    z-index:9999;
    box-shadow:0 4px 12px rgba(0,0,0,.2);
}


/************************* Responsive ************************/

@media (max-width: 1200px){
	.product-wrap{
		gap:50px;
	}
}
@media (max-width: 999px){
	.home-banner{
		margin-top:-170px;
	}
	#site-header{
		z-index:1;
	}
	.search-toggle, .toggle-text{
		display:none !important;
	}
	.nav-toggle{
		left:0px;
	}
	.header-inner .quote-but{
		position:absolute; right:15px; top:25px;
	}
	.toggle-icon svg{
		display:none !important;
	}
	.toggle-inner{
		background:url('/projects/grostradeltd-new/wp-content/uploads/2026/09/burger-menu.png') no-repeat; width:56px; height:30px;
	}
	.menu-modal-inner{
		background:#081f3f;
	}
	.header-inner .toggle{
		width:100%;
	}
	.modal-menu a{
		color:#fff !important; font-weight:600 !important; font-size:18px !important; text-transform:uppercase !important; /*text-align:center !important;*/
	}
	.sub-menu li a{
		font-size:14px !important;
	}
	.menu-modal nav *{
		border-color:#133564 !important;
	}
	.menu-bottom{
		display:none;
	}
	button.close-nav-toggle .toggle-text{
		display:none;
	}
	.fill-children-current-color, .fill-children-current-color *{
		fill:#fff;
	}
	h1{
		font-size:50px;
	}
	h2{
		font-size:40px;
	}
	.home-banner{
		height:750px;
	}
	.banner-wrap{
		top:60%; transform: translate(-50%, -60%);
	}
	.banner-slider ul.slick-dots{
		margin-left:0px;
	}
	.product-image{
		height:240px;
	}
	.product-wrap{
		gap:20px;
	}
	.inner-banner{
		height:300px;
	}
	.inner-banner-heading{
		top:70%; transform: translate(-50%, -70%);
	}
	.product-list .product-wrap{
		grid-template-columns: repeat(2, 1fr); gap: 20px;
	}

}
@media (max-width: 767px){
	.product-wrap{
		grid-template-columns: repeat(1, 1fr);
	}
	.two-column-list ul{
		grid-template-columns: repeat(1, 1fr);
	}
	.home-banner{
		margin-top:-91px;
	}
	.quote-but a{
		padding:10px 20px;
	}
	.quote-but a:before{
		display:none;
	}
	h1{
		font-size:30px;
	}
	h2{
		font-size:28px;
	}
	.banner-highlights{
		flex-direction:column; 
	}
	.highlight-item{
		justify-content:center;
	}
	.home-banner{
		height:900px;
	}
	.banner-buttons{
		flex-direction:column; gap:10px;
	}
	.banner-buttons .quote-but a{
		display:block; text-align:center;
	}
	.header-titles-wrapper{
		justify-content:flex-start; margin-left:30px;
	}
	.sub-title{
		font-size:18px;
	}
	.ptb-100{
		padding-top:60px !important; padding-bottom:60px !important
	}
	.pt-100{
		padding-top:60px !important;
	}
	.pb-100{
		padding-bottom:60px !important;
	}
	.mt-100{
		margin-top:60px;
	}
	.mb-100{
		margin-bottom:60px;
	}
	.product-block h3{
		font-size:18px;
	}
	.product-subhead{
		font-size:16px;
	}
	.p-60{
		padding:20px;
	}
	.flexbox{
		flex-direction:column; align-items:center; text-align:center; gap:20px;
	}
	.contact-form .form-row{
        flex-direction:column;
        gap:15px;
    }
	.cf7-col{
        width:100%;
    }
	.product-list .product-wrap{
		grid-template-columns: repeat(1, 1fr); gap: 20px;
	}
	.contact-form .submit-btn input[type="submit"]{
		text-wrap:auto; padding:15px;
	}
	.product-gallery .gallery-item {
		margin-bottom:15px !important;
	}
	.other-products-grid{
        grid-template-columns:1fr;
    }
}