/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root {
   color-scheme: light !important;
}

.in-image{
	transition: transform 0.3s ease;
}

.hov-div:hover .in-image{
	transform: scale(1.1);
}



/*Header CSS*/

.clearHeader {
    transition: all 0.3s;
}

.clearHeader.darkHeader {
    background: #112332;
    transition: all 0.3s;
}

.clearHeader.darkHeader .ctm-menu .sub-menu{
	padding-top: 20px;
}



/* Sub Menu */
#menu-main-menu ul ul.gb-sub-menu {
width: max-content;
}

@media (min-width: 1330px){
	#menu-main-menu ul ul.gb-sub-menu {
width: 223px;
}
}

.ctm-ph-but, .ctm-apnt-but {
	margin: 0px !important;
}

@media(min-width: 1025px) and (max-width: 1199px){
	.ctm-ph-but, .ctm-apnt-but {
		padding-inline: 10px !important;
		font-size: 0.75em !important;
		letter-spacing: 3% !important;
	}
	.ctm-menu a.gb-menu-link {
    	font-size: 0.8em !important;
		padding-inline: 5px !important;
	}
	.ctm-menu-wrapper{
		width: 95% !Important;
	}
}

@media(min-width: 1200px) and (max-width: 1330px){
	.ctm-ph-but, .ctm-apnt-but {
		padding-inline: 15px !important;
		font-size: 0.8em !important;
	}
	.ctm-menu a.gb-menu-link {
    	font-size: 0.85em !important;
	}
  #menu-main-menu ul ul.gb-sub-menu {
   width: 197px;
   right: -197px;
}
	.ctm-logo{
		max-width: 230px !important;
	}
}

@media(min-width: 1316px) and (max-width: 1420px){
	.ctm-ph-but, .ctm-apnt-but {
		padding-inline: 20px !important;
		font-size: 0.9em !important;
	}
}

@media(min-width: 1024px) and (max-width: 1199px){
	.ctm-logo{
		max-width: 215px !important;
	}
}
@media(max-width: 1024px){
	.ctm-menu .menu-item a:hover{
		background: var(--btn-primary);
	}
}


@media(min-width: 980px) and (max-width: 1024.99px){
	.gb-media-492467cc, .gb-text-c4788e4b, .gb-text-01c6361d, .gb-text-25cfce39, .gb-element-e55069e2, .gb-element-c022f6c7{
		display: none !important;
	}
	.gb-sub-menu-sm126f5f{
		background: #fff !important;
		width: 245px !important;
	}
	.gb-sub-menu-sm126f5f .gb-sub-menu{
		right: 0 !important;
    	left: -100% !important;
	}
	.gb-menu-container-fb7567e9{
		flex-direction: row !important;
	}
	
	.ctm-menu li{
		margin: 0px !important;
	}
	
	.ctm-menu li a{
		font-size: 17px !important;
	}
}



/*Header CSS END*/

.text-pretty{
	text-wrap: pretty;
}
/*Sitemap css*/

.mySitemap ul {
    list-style: none;
    margin: 0;
    position: relative;
    border-left: 1px solid #3d3d3d;
    padding: 0 0;
}
.mySitemap ul li {
    margin: 0;
    padding: 2px 10px 2px 30px;
    position: relative;
    font-size: 16px;
}
.mySitemap  li:before {
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    background: #3d3d3d;
    position: absolute;
    left: 0;
    top: .7em;
    transform: translateY(-50%);
}
.mySitemap li:after {
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #3d3d3d;
    top: .7em;
    left: 0px;
    transform: translate(-50%, -50%);
    background: #fff;
}

.mySitemap ul li a{
	text-decoration:none;
}

.rank-math-html-sitemap__title{
	margin-bottom:20px;
}

/*Sitemap css*/

.ctm-link a{
  text-decoration:underline;
}

.ctm-link a:hover{
  text-decoration:none;
}
/*Sitemap css*/


/*pretty text css*/

body :where(h1, h2, h3, h4, h5, h6, p, li, blockquote, figcaption) {
    text-wrap: pretty;
}

/*pretty text css*/

/*Page css*/

.end-dot{
	position:relative;
}
.end-dot:after{
	position: absolute;
    display: block;
    content: '';
    top: -3px;
    right: -5px;
    width: 7px;
    height: 7px;
    background-color: #193956;
    border-radius: 50px;
		animation: animate-pulse-dark 2s linear infinite;
}

@keyframes animate-pulse-dark {
    0% {
        box-shadow: 0 0 0 0 rgb(25 57 86), 
                    0 0 0 0 rgb(25 57 86 / 0.7);
    }

    40% {
        box-shadow: 0 0 0 10px rgb(25 57 86 / 0), 
                    0 0 0 0 rgb(25 57 86 / 0.7);
    }

    80% {
        box-shadow: 0 0 0 10px rgb(25 57 86 / 0), 
                    0 0 0 10px rgb(25 57 86 / 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgb(25 57 86 / 0), 
                    0 0 0 10px rgb(25 57 86 / 0);
    }
}


/*Career page*/

#grnhse_app{
	width:100%;
}

.list-style{
	margin-left: 20px;
	margin-bottom: 0px;
}

.cl-count{
	column-count:2;
	max-width:700px;
}

@media (max-width:767px) {
    .cl-count{
      column-count:1;
	}
}


/*Home page CSS*/
.ctm-offer-text{
	animation: rotation 10s infinite linear;
}
@keyframes rotation{
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}



/*Slider CSS*/
.step-line {
  position: absolute;
  top: 10%;
  left: 5%;
  width: 2px;
  height: calc(100% - 20%);
  background: #9ed9e8;
  transform: translateX(-50%);
  transform-origin: top;
  transform: scaleY(0);
  z-index: 1;
}

@media (max-width:767px) {
	.step-line{
		left: 7.5%;
	}
}


.offer-shape{
	--r: .8em;
    padding-inline: calc(var(--r) + .8em);
    line-height: 1.8;
    clip-path: polygon(0 0, 100% 0, calc(100% - var(--r)) 50%, 100% 100%, 0 100%, var(--r) 50%);
    background: var(--primary);
    width: fit-content;
}

.cs-line:after {
    content: "";
    background: #222222;
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 2px;
    left: 0px;
    transition: all 0.3s;
}

.hov-div:hover .cs-line:after{
	width: 50%;
}


/* --- 1. PREVENT PAGE HORIZONTAL SCROLLBAR & LOCK CAROUSEL WIDTH --- 
html, body {
  overflow-x: hidden !important;
}*/

.testimonial-carousel {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  position: relative !important;
  overflow: hidden !important; /* Prevents browser horizontal scrollbar */
  padding: 20px 0 !important;
}

/* Allow slide track to overflow inside the carousel bounds */
.testimonial-carousel .gb-carousel-items {
  overflow: visible !important;
}

/* --- 2. INACTIVE SIDE CARDS: FADE & SCALE DOWN --- */
.testimonial-carousel .gb-carousel-item {
  opacity: 1 !important;
  transform: scale(1) !important;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease !important;
	height: auto !important;
}

/* --- 3. ACTIVE CENTER CARD: FULL SCALE & SHARP --- */
.testimonial-carousel .gb-carousel-item.is-active {
  opacity: 1 !important;
  transform: scale(1) !important;
  z-index: 10 !important;
}

/* --- 4. CARD CONTENT & LAYOUT --- */
.testimonial-carousel .gb-carousel-item > div {
  background-color: #ffffff !important;
  border-radius: 28px !important;
  padding: 40px 80px !important;
  text-align: center !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Hide placeholder images and center all text elements 
.testimonial-carousel .gb-carousel-item img {
  display: none !important;
}*/

.testimonial-carousel .gb-carousel-item .gb-text,
.testimonial-carousel .gb-carousel-item p {
  text-align: center !important;
}

/* --- 5. FLOATING WHITE CHEVRON ARROWS --- 
.testimonial-carousel .gb-carousel-control {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  z-index: 30 !important;
  width: 50px !important;
  height: 50px !important;
  padding: 0 !important;
}

.testimonial-carousel .gb-carousel-control-icon svg {
  width: 44px !important;
  height: 44px !important;
  fill: #ffffff !important;
}

.testimonial-carousel .gb-carousel-control--previous {
  left: 10% !important;
}

.testimonial-carousel .gb-carousel-control--next {
  right: 10% !important;
}

@media (max-width: 768px) {
  .testimonial-carousel .gb-carousel-control--previous { left: 5px !important; }
  .testimonial-carousel .gb-carousel-control--next { right: 5px !important; }
}
*/

@media(min-width: 979px) and (max-width: 1100px){
	.ctm-arrow-wrapper{
		max-width: 650px !important;
	}
}

@media(min-width: 1700px){
	.ctm-arrow-wrapper{
		max-width: 950px !important;
	}
}

@media(min-width: 1900px){
	.ctm-arrow-wrapper{
		max-width: 1070px !important;
	}
}

@media(min-width: 2300px){
	.ctm-arrow-wrapper{
		max-width: 1320px !important;
	}
}

@media(max-width: 1024px){
	.testimonial-carousel .gb-carousel-item > div{
		    padding: 30px 30px !important;
	}
}

@media(max-width: 1000px){

/* --- 2. INACTIVE SIDE CARDS: FADE & SCALE DOWN --- */
.testimonial-carousel .gb-carousel-item {
  transform: scale(0.9) !important;
}

/* --- 3. ACTIVE CENTER CARD: FULL SCALE & SHARP --- */
.testimonial-carousel .gb-carousel-item.is-active {
  transform: scale(0.9) !important;
}
	.testimonial-carousel{
		padding-bottom: 0px !important;
	}
}

@media(max-width: 479px){
	.testimonial-carousel .gb-carousel-item > div{
		    padding: 25px 18px !important;
	}
	
	
}



/* Blog and 404 Banner CSS */
.wp-singular.single .grid-container,
.archive .grid-container,
.error404 .grid-container,
.blog .grid-container {
    max-width: 100%;
}

/* Start Blog Loop css */
.theme_blog_posts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 64px 24px;
}
.blog_title {
  margin: 0;
  width: 100%;
  padding-top: 20px;
}
.blog_title h4 {
  margin: 0;
  font-weight: normal;
  line-height: 1.1;
}
.blog_title h4 a {
  color: var(--heading-color);
  font-size: 30px;
  line-height: 1.1;
  font-weight: 400;
	text-decoration: none;
}

.blog_title h4 a:hover,
.blog_single:hover .blog_title h4 a {
  color: var(--button-primary);
}

.blog_single .blog_date {
  margin: 10px 0 0 0;
  font-size: 16px;
}

.blog_author {
  letter-spacing: 0.08em;
  padding-top: 15px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--body-color);
}

.blog_thumb a {
  display: block;
  position: relative;
  padding-bottom: 102%;
      border-radius: 20px;
    overflow: hidden;
}

.blog_thumb a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 978px) {
  .blog_title {
    max-width: 100%;
  }

  .blog_thumb a {
    padding-bottom: 65%;
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  .blog_title h4 a {
    font-size: 28px;
  }
  .theme_blog_posts {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 34px 24px;
  }
}

@media (max-width: 766px) {
  .blog_title {
    padding-top: 12px;
  }
  .blog_title h4 a {
    padding-top: 12px;
    font-size: 28px;
  }
  .theme_blog_posts {
    grid-template-columns: 1fr;
    grid-gap: 34px 24px;
  }
}

.blog_single .blog_thumb {
  overflow: hidden;
}
.blog_single .blog_thumb img {
  transform: scale(1);
  transition: 0.2s;
}
.blog_single:hover .blog_thumb img {
  transform: scale(1.1);
  transition: 0.2s;
}

/* End Blog Loop css */