/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 17 2026 | 14:17:30 */
.page-template-page-our-work .header-content .cta-btn,
.page-id-250 .header-content .cta-btn,
#contact-form  input[type="submit"],
#lp1-cta input[type="submit"] {
  background: #918671 !important;
  font-family: "Raleway", Sans-serif !important;
  font-weight: 900 !important;
  width: fit-content !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;	
  font-size: 15px !important;
  padding: 13px 20px !important;
  border-radius: 20px !important;	
  float: left !important;
  border: 0px !important;
  white-space: nowrap !important;
}

.tg-copyright-bar p {
	color: #F0EDE2 !important;
	font-family: Lato, sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
}


.project-intro-row {
	background: #e6e3d7;
}

.project-intro-row > .container {
	display: flex;
	max-width: 1320px;
}

@media only screen and (max-width: 600px) {
	.project-intro-row > .container {
		flex-direction: column;
	}
}

.project-intro-row div[class^=col-] {
    background: #e6e3d7 !important;
}

.project-intro-row .ai-text {
    display: flex;
    align-items: center;
	padding-right: 60px;
}

#main-nav ul.navbar-nav>li.menu-item a.nav-link {
    padding: 8px 20px !important;
}

#main-nav ul.navbar-nav {
	column-gap: 0;
}

ul.sub-menu,
ul.dropdown-menu {
	padding: 16px !important;
}

.menu-separator {
	font-family: "Raleway", sans-serif !important;
    font-weight: 800 !important;
}

.menu-separator, .menu-separator:hover {
	background: transparent !important;
}

.menu-separator a {
    color: rgba(240,237,226, 0.6) !important;
	font-family: "Raleway", sans-serif !important;
    font-weight: 800 !important;
	text-transform: uppercase;
	font-size: 15px !important;
	background: transparent !important;
}

.menu-separator a:hover {
    color: rgba(240,237,226,0.6) !important;
	background: transparent !important;
}

.service-item a {
	margin-left: 10px !important
}

/* START: Elementor Project */

.about-services span.elementor-button-content-wrapper:after {
    content: '\2192';
    position: absolute !important;
    right: 2px;
	font-size: 24px;
    font-weight: 500;	
}

/* Trend Group office-marker hover state: fill + scale + radar ping.
   Paste this into the <style> block of the HTML page that the
   trend-group-offices-map-with-icons-v2-external.svg markup is
   inlined into (the <svg>...</svg> must be inline HTML, not
   referenced via <img src="...">, or the browser won't let this
   page-level CSS reach into it). */

.trend-office-group {
  cursor: pointer;
}

.trend-office-marker {
  transition: fill .2s ease-out, transform .2s ease-out;
}

.trend-office-ping {
  pointer-events: none;
}

.trend-office-group:hover .trend-office-marker {
  fill: #88a6c3;
  transform: scale(1.32);
}

.trend-office-group:hover .trend-office-ping {
  animation: trend-office-radar-ping 1.1s ease-out infinite;
}

@keyframes trend-office-radar-ping {
  0%   { transform: scale(1);   opacity: .55; }
  100% { transform: scale(2.6); opacity: 0; }
}

.elementor-home #testimonials .testimonials-slider .testimonial-slide,
.elementor-home #testimonials .testimonials-slider .testimonial-slide .testimonial-image {
	border-radius: 10px 10px 0 0;
}

.elementor-home #testimonials .testimonials-slider .testimonial-slide .testimonial-wrap {
	box-shadow: none;
    height: 100%;
    border-radius: 10px;
    background: #D9D5C8;
}

.elementor-home #testimonials .slick-slider .slick-arrow.slick-prev {
    background-image: url(/wp-content/uploads/2026/07/arrow-left.svg) !important;
    transform: translateX(-2px);
	border: none;
}

.elementor-home #testimonials .slick-slider .slick-arrow.slick-next {
    background-image: url(/wp-content/uploads/2026/07/arrow-right.svg) !important;
    transform: translateX(2px);
	border: none;
}

.elementor-home #testimonials .testimonial-content h3 {
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.1;
    color: var(--e-global-color-text);
}

.elementor-nav-menu--dropdown a:hover, 
.elementor-nav-menu--dropdown a.elementor-item-active {
    background-color: transparent !important;
}

@media only screen and (min-width: 1320px) {
  .swiper-slide-inner {
    max-width: var(--content-width);
    margin: 0px auto;
  }
}

.banner-slider .elementor-slide-heading {
    max-width: 640px;
}


.contact-form-wrapper form input[type="submit"],
.footer-newsletter-form form input[type="submit"],
#footer-outer .footer-wrapper .newsletter-form form input[type="submit"] {
    float: left !important;
    background: #303538 !important;
	
	font-family: "Raleway", sans-serif;
    font-weight: 900;
    color: #F0EEE3;
    padding: 0.6rem 1rem;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 0.75rem;
    border-radius: 7px;
    border: none;
    width: auto;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}	

.footer-links a {
	text-decoration: none !important;
}

/* END: Elementor Project */

.text-sand p {
	color: #f0eee3;
}

.text-cursive {
    font-family: "Beyond Infinity", cursive !important;
}

@media only screen and (max-width: 1200px) {
	#global-footprint .content-wrap {
		padding-bottom: 2rem;
	}
}

.block-centred {
  display: flex;
  justify-content: center;
}

#LP2 .header-content .container {
    display: flex;
    justify-content: flex-end;
}

#LP2 .page-header .page-header-wrap .header-content .content-wrap {
	max-width: 700px;
}


#LP2 .content-inner-wrap {
    background: #f0eee3bf !important;
    padding: 60px !important;
}

#LP2 .content-inner-wrap .cta-btn {
	color: #f0eee3 !important;
	background: #FCAD51 !important;
	border-radius: 20px !important;
	padding: 0.7rem 2rem !important;
}

#LP2 .page-header .page-header-wrap .header-content .content-wrap * {
    color: #303538;
}

#LP2 .LP2-sand-icon img {
	width: 62px;
	height: 62px;
}

#LP2 .services-icon img {
	width: 110px;
	height: 110px;
}

#LP2 .LP2-btn a {
	border-radius: 20px !important;
	padding: 0.7rem 2rem !important;
}

#LP2 .bg-process {
  background-image: 
    linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), 
    url('https://trendgroup.co.za/wp-content/uploads/2026/04/cta-banner-process.jpg');
  background-size: cover;
  background-position: center;
}

#LP2 .bg-why {
  background-image: 
    linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), 
    url('https://trendgroup.co.za/wp-content/uploads/2026/04/cta-banner-why-trend-group.jpg');
  background-size: cover;
  background-position: center;
}

#LP2 .social-icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
    margin-top: 1.5rem;
}

#LP2 .social-icons a {
    font-size: 20px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

h4.publication-name {
	font-size: 1.3rem;
}

#copyright-wrapper a {
	text-decoration: underline;
}

#copyright-wrapper .align-right {
	text-align: right;	
}

#main-nav ul.navbar-nav > li.menu-item a.nav-link {
	padding: 8px 12px;
}


#main-nav ul.navbar-nav > li.menu-item.menu-button-blue a.nav-link,
.menu-button-blue.btn-get-quote a {
    color: #F0EEE3 !important;
    font-family: "Raleway", sans-serif;
    font-weight: 900;
    font-size: 15px !important;
    padding: 8px 20px;
	border-radius: 20px !important;
    text-transform: uppercase;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
	background: #918671 !important;
}

.wpb-btn a {
	background-image: none !important;
    font-family: "Raleway", sans-serif;
    font-weight: 900;
	font-size: 16px !important;
	line-height: 24px !important;
    color: #F0EEE3 !important;
    padding: 0.6rem 1rem !important;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 0.75rem;
    border-radius: 7px !important;
    border: none;
    width: auto;
    transition: all 0.5s ease !important;
    -webkit-transition: all 0.5s ease !important;
    -ms-transition: all 0.5s ease !important;
}

.wpb-btn {
	transform: translateY(-2px) !important;
}

.footer-logo img {
	max-width: 200px !important;
}