body {
overflow-x: visible;
}
.page .entry-title {
  display: none;
}
h1,h2,h3,h4,h5,h6
{
  font-family: inherit;}
h3{font-size: 36px;}
p {
    margin-top: 0;
    margin-bottom: 0px;
}
a {
    color: #6f6f6f;
    text-decoration: none !important;
    background-color: transparent;
}
.footer-title1 {position: relative;
    overflow: hidden;
    display: block;}
.footer-title1 h2{    font-size: 16px;  font-weight: 700 !important;
    position: relative;    text-transform: uppercase;}
.footer-title1 h2::after {
    content: '';
      position: absolute;
      width: 100%;
      bottom: 10%;
      margin-left: 10px;
      border-top: 1px solid #ccc;
}
 #page { overflow: hidden; position: relative; width: 100%;}
#prefooterwrap{padding:2%}
#prefooterwrap {
    background: #202A44 !important;
}
#prefooterwrap h3{font-size:24px;color:#fff;font-weight:500; margin-bottom: 30px;}
#prefooterwrap a{font-size: 18px;
    color: var(--light-color) ;
    font-weight: 400;
    margin: 30px 0;}
#subfooterwrap{padding:1%}
#subfooterwrap{background: #202A44 !important;color:#fff;font-size:14px;}
.footer-social h3{font-size:24px;color:#fff;font-weight:500; margin-bottom: 30px;}
.footer-social a{font-size:40px !important;color:#fff;font-weight:700 !important; text-align:right;margin:30px 0;}
.footer-right-sec{text-align: left;}
.footer-right-sec a{font-size:40px;color:#fff;font-weight:700; text-align:right;margin:30px 0;}
#subfooterwrap {padding:30px 0 20px 0 }
#subfooterwrap p{color:#fff;}
#footer-divider {
    border-bottom: 0.5px solid #ffffff26;
    padding-top: 30px;
}
.footer-right-botom{    padding-top: 20px;}
.socialicons {display: flex;padding-left:10px;list-style:none;}
.socialicons a {padding-right: 10px;color: #fff;font-size: 14px;}
.socialiconsfooter {display: inline-block;}
ul.socialiconsfooter li {display: block;float: left;}
ul.socialiconsfooter li a {display: block;margin-right: 1px;padding-right: 10px; margin-top:10px !important; margin-bottom:10px !important;}
.footer-widget-menu{margin-left:0px;}
.socialiconsfooter a {padding-right:10px;color:#fff;}

a{text-decoration:none;}
.footer-right-botom{    padding-top: 20px;font-size: 14px;}
.footer-title {position: relative;
    overflow: hidden;
    display: block;}
.footer-title h4{font-size:16px; font-weight:600;position:relative}
.footer-title h4::after{position: absolute;
      width: 100%;
     bottom: 10%;
      margin-left: 10px;
      border-top: 1px solid #ccc;}
ul .menu-footer-menu{list-style:none;} 
.socialicons {display: flex;padding-left:10px;list-style:none;justify-content:flex-end;margin-bottom: 0rem;}
.socialicons a {padding-right: 10px;color: #fff !important;font-size: 14px;}
.socialiconsfooter {display: inline-block;padding: 10px 0 0;}
ul.socialiconsfooter {list-style:none;padding-top: 7px;}
ul.socialiconsfooter li {display: block;float: left;padding-bottom: 0px !important;}
ul.socialiconsfooter li a {display: block;}
.socialiconsfooter img{width:30px}
.socialiconsfooter a {padding-right:10px;color:#fff;}
.socialicons img{width:25px}
ul.socialicons{list-style:none;padding-top: 7px;} 

.top-link-mobile {
    display: flex;
    justify-content: center;
    align-items: center !important;
}
.text-highlight{background:transparent;position: relative;
    z-index: 1;}

.top-link{margin-top:0px}
.top-info {display: flex;padding-left:10px;list-style:none;padding-top: 5px;}
.top-info a {padding-right: 10px;color: #000 !important;font-size: 14px;vertical-align: middle;}
.top-info img{width:25px;padding-right:10px}
.home-banner h1{color:#fff;FONT-WEIGHT:500}
.home-banner h2{color:#B5AE8A;font-weight:800;font-size:50px}
.home-banner p{color:#fff;line-height: 24px !important;font-size:16px}
.primary-button{color: var(--primary-color) !important;
    font-weight: 700;
    text-transform: uppercase;
    width: 50% !important;
    min-width: 180px;
    padding: 15px 20px;
    text-align: center;
    font-size: 13px;
    background-color: #ffffff !important;
    margin: 7px 5px;}
.secondary-button{color: var(--primary-color) !important;
    font-weight: 700;
    text-transform: uppercase;
    width: 50% !important;
    min-width: 180px;
    padding: 15px 20px;
    text-align: center;
    font-size: 13px;
    background-color: #B5AE8A !important;
    margin: 7px 5px;}
.white-button{color: #110212;
    font-weight: 500;
    text-transform: uppercase;
    width: auto;
    min-width: 150px;
    padding: 15px 20px;
    text-align: center;
    font-size: 12px;
    background-color: #fff!important;
    margin: 7px 5px;}
.purple-button{color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    width: auto;
    min-width: 150px;
    padding: 15px 20px;
    text-align: center;
    font-size: 12px;
    background-color: var(--primary-color)!important;
    margin: 7px 5px;}
.purple-button-100{color: #ffffff !important;
    font-weight: 500;
	display: inline-block;
    text-transform: uppercase;
    width: 100%;
    min-width: 150px;
    padding: 15px 20px;
    text-align: center;
    font-size: 12px;
    background-color: var(--primary-color)!important;
    margin: 7px 5px;}
.gold-button-100{color: #ffffff !important;
    font-weight: 500;
	display: inline-block;
    text-transform: uppercase;
    width: 100%;
    min-width: 150px;
    padding: 15px 20px;
    text-align: center;
    font-size: 12px;
    background-color: #B5AE8A!important;
    margin: 7px 5px;}
.home-purple-section{position: relative;
    z-index: 1;}
.home-purple-section hr {
    margin: 10px 0;
    color: #B184B3;
    border: 0;
    border-top: 4px solid;
    opacity: 1;
    color: #b5ae8a !important;
    width: 30px;
}
.home-purple-section h2{font-size:40px;font-weight:700; color:#fff}
.home-purple-section h3{font-weight:500; color:#fff}
.home-purple-section h3 span{font-weight:700; color:#B5AE8A}
.home-purple-section h3 span{font-weight:700; color:#B5AE8A}
.home-grey-section hr {
    margin: 10px 0;
    color: #B184B3;
    border: 0;
    border-top: 4px solid;
    opacity: 1;
    color: #b5ae8a !important;
    width: 30px;
}
.home-grey-section h3{font-weight:500; color:#110212}
.home-grey-section h5{font-size:18px;font-weight:700; color:#110212}
.home-grey-section h3 span{font-weight:700; color:#B5AE8A}
.home-grey-section h4{font-weight:500; color:#110212}
.home-grey-section h4 span{font-weight:700; color:#B5AE8A}
.gold-section hr {
    margin: 10px 0;
    color: #B184B3;
    border: 0;
    border-top: 4px solid;
    opacity: 1;
    color: #b5ae8a !important;
    width: 30px;
}
.gold-section h3{font-weight:500; color:#fff}
.gold-section h5{font-size:18px;font-weight:700; color:#fff}
.gold-section h3 span{font-weight:700; color:#B5AE8A}
.gold-section h4{font-weight:500; color:#fff;}
.gold-section h4 span{font-weight:700; color:#fff;}
.gold-section p{color:#fff}
.gold-background hr {
    margin: 10px 0;
    border: 0;
    border-top: 4px solid;
    opacity: 1;
    color: var(--primary-color)!important;
    width: 30px;
}
.gold-background h3{font-weight:500; color:#110212}
.gold-backgroundn h5{font-size:18px;font-weight:700; color:#110212}
.gold-background h3 span{font-weight:700; color:var(--primary-color)}
.gold-background h4{font-weight:500; color:#110212;}
.gold-background h4 span{font-weight:700; color:#fff;}
.gold-background p{color:#110212}
.banner-links{display:flex}
.cta-job{padding:0px}
.cta-job-left{background-color:#B5AE8A; height: 100% !important;padding-right:5%;}
.cta-job-left h4{font-size:16px;color:#110212;position: relative;padding-left:40px}
.cta-job-left h3 {
    font-size: 36px;
    color: #110212;
   font-weight:700;
}
.cta-job-flex {
  display: flex;
  flex-wrap: wrap;
}
ul.dot-list{list-style: disc;padding-left: 20px;}
.cta-job-left h4::before {
    content: "";
    position: absolute;
    left: 0px;
    width: 35px;
    height: 30px;
      top: 0;
    background: url(https://hcr.myinternalworking.com/wp-content/themes/ignite-digital/img/cta-before.png);
   
    background-repeat: no-repeat;
    background-size: contain;
}
.cta-job-left a{color: #ffffff !important;
    font-weight: 500;
    text-transform: uppercase;
    width: 100%;
    min-width: 150px;
    padding: 15px 20px;
    text-align: center;
    font-size: 12px;
    background-color: var(--primary-color) !important;
    margin: 7px 5px;}
.cta-job-right{background-color:var(--primary-color); height: 100% !important;padding-right:5%;}
.cta-job-right h3{COLOR:#fff; font-weight:700;}
.cta-job-right h4{font-size:16px;color:#fff;position: relative;padding-left:40px}
.cta-job-right h4::before {
    content: "";
    position: absolute;
    left: 0px;
    width: 35px;
    height: 30px;
      top: 0;
    background: url(https://hcr.myinternalworking.com/wp-content/themes/ignite-digital/img/cta-before.png);
   
    background-repeat: no-repeat;
    background-size: contain;
}
.cta-job-right a{
    color: #fff !important;
    font-weight: 500;
    text-transform: uppercase;
    width: 100%;
    min-width: 150px;
    padding: 15px 20px;
    text-align: center;
    font-size: 12px;
    background-color: #B5AE8A !important;
    margin: 7px 5px;
}
.left-container {
    width: 50vw;
    color: rgba(0, 0, 0, .6);
    overflow: hidden;
    float: right;
}
.right-container {
    width: 50vw;
    right: calc(-1*(100vw - 100%) / 2);
    color: rgba(0, 0, 0, .6);
    overflow: hidden;
}
ul.purple-list {
  list-style-image: url(/wp-content/themes/ignite-digital/img/tick1.png);
	padding-left:20px;
}
.purple-list li {
  margin-bottom: 10px;
}
ul.white-list {
  list-style-image: url(https://hcr.myinternalworking.com/wp-content/uploads/2024/09/tick12.png);
	padding-left:20px;
}
.white-list li {
  margin-bottom: 10px; color:#fff;
}
.review-section {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  padding: 16px;
  border-top: 2px solid #B5AE8A;
	border-right: 2px solid #B5AE8A;
	border-bottom: 2px solid #B5AE8A;
  background-color: #ffffff;
  text-align: left;
  color: #000;
}

.review-section::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 85%;
  border-style: solid;
  border-width: 30px 0 0 30px;
  border-color: #c0b0b0 transparent transparent;
  translate: -50% 100%;
  transform: skew(24deg);
  transform-origin: top;
}

.review-section::after {
 content: "";
  position: absolute;
  bottom: 0;
  left: 85%;
  border-style: solid;
  border-width: 25.2px 0 0 25.2px;
  border-color: #ffffff transparent transparent;
  translate: calc(-50% + 0.4px) 100%;
  transform: skew(24deg);
  transform-origin: top;
}
.review-section hr {
    margin: 10px 0;
    color: #B184B3;
    border: 0;
    border-top: 4px solid;
    opacity: 1;
    color: #b5ae8a !important;
    width: 30px;
}
.review-section h3{font-weight:400; color:#110212}
.review-section h3 span{font-weight:700; color:#B5AE8A}
.faq-section hr {
        margin: 10px auto !important;
    color: #B184B3;
    border: 0;
    border-top: 4px solid;
    opacity: 1;
    color: #b5ae8a !important;
    width: 30px;text-align:center
}
.faq-section h3{font-weight:400; color:#110212}
.faq-section h3 span{font-weight:700; color:#B5AE8A}
.accordion-button:not(.collapsed) {
    color: #fff !important;
    background-color: var(--primary-color) !important;
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    transform: var(--bs-accordion-btn-icon-transform)
}
.accordion-button {background:#D9D2C0 !important;font-weight: 600;}
.accordion{border: 1px solid #ced2d9;} 
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        border-top: 1px solid grey;
    }
	.header-mobile{display:none}
}
@media (max-width: 991px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        border-top: 1px solid grey;
    }
	.header-desktop{display:none}
	
}
@media (max-width: 780px) {.text-highlight{background: #26052a87 !important;}}
@media (max-width: 768px) {
	.left-container {
    width: 100% !important;
    color: rgba(0, 0, 0, .6);
    overflow: hidden;
    float: right;
}
	.right-container {
    width: 100% !important;
    color: rgba(0, 0, 0, .6);
    overflow: hidden;
}
	.footer-info{justify-content:center}
	.socialicons{justify-content:center}
	.popup{display:none;}
}
@media (max-width: 576px) {.footer-info {
    display: block !important;
    padding-left: 10px;
    list-style: none;
    padding-top: 5px;
    text-align: center;
}}
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        border-top: 0px solid grey;
    }

.footer-link{margin-top:7px}
.footer-info {display: block;padding-left:0px;list-style:none;padding-top: 5px;}
.footer-info a {padding-right: 10px;color: #000 !important;font-size: 14px;vertical-align: middle;}
.footer-info img{width:25px;padding-right:10px}
.notice {
    padding: 20px 10% !important;
}
.notice h2{font-size:18px;color:#110212;position: relative;padding-left:40px}
.notice img{width:20px;height:20px}
	.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(92, 11, 102, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-toggler {
    border: none !important;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 2em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.shape-container{
  background-repeat: no-repeat;
  background-size: cover;
	min-height:500px;
	margin-left:5px !important
}
.shape-left{
  position:absolute;
  left:0;
  bottom:0;
  width: 100%;
	height: 100%;
	background:#fff;
  -webkit-clip-path: polygon0 0%, 0 100%, 10% 80%);
   clip-path: polygon(0 0%, 0 100%, 10% 80%)
		 ;}
.page-banner{position:relative;
    z-index: 1;}
.page-banner h1{font-weight:700;color:#B5AE8A;font-size:56px;}
.page-banner h5{font-weight:600;color:#fff;font-weight:700}
.page-banner p{font-weight:400;color:#ffffff;font-size:20px;}
.page-banner-gold{position:relative;
    z-index: 1;}
.page-banner-gold h1{font-weight:700;color:#fff;font-size:56px;}
.page-banner-gold h5{font-weight:600;color:#fff;font-weight:700}
.page-banner-gold p{font-weight:400;color:#ffffff;font-size:20px;}
.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
/*Top level list items*/
.horizontalcssmenu ul li{
margin: 15px 0px;
position: relative;
display: inline;
float: left;
	width: 16%;
    border-left: 3px solid #b6ae8a;
    padding-left: 5px !important;
}
.white-blocks{margin-top: -20px;
    background-color: white;
     padding: 20px;
    opacity: 0.99;
   }
.picture-cards {
  display: flex;
  padding: 1rem;
	MARGIN-BOTTOM:20PX;
  }

.destination-pictures {
  width: 100px;
  }
.picture-content {
  padding: 0 1rem;
}
.picture-content h2{
 	font-size:18px;font-weight:700;
}
.picture-content1 {
  padding: 0 1rem;
}
.picture-content1 h2{
 	font-size:18px;font-weight:700;color: #fff;
}
.advantage-cards {
  display: flex;
  padding: 1rem;
	MARGIN-BOTTOM:20PX;
  }

.advantage-pictures {
  width: 60px;
	height: 60px;
  }
.advantage-content {
  padding: 0 1rem;
}
.advantage-content h2{
 	font-size:18px;font-weight:700;color:var(--primary-color)
}
.footer-banner h4{text-align: center;
    font-size: 32px;
    font-weight: 700;}
.footer-banner h5{
    font-size: 24px;
}
.footer-banner p{color:var(--primary-color)}
.job_filters {
    zoom: 1;
    background: #fff !important;
    padding: 20px 0px;
}
.job_filters p{padding-left:1em}
.job_filters:after,.job_filters:before {
    content: "";
    display: table
}

.job_filters:after {
    clear: both
}

.job_filters .search_jobs {
    zoom:1;padding: 0px;
}

.job_filters .search_jobs:after,.job_filters .search_jobs:before {
    content: "";
    display: table
}

.job_filters .search_jobs:after {
    clear: both
}

.job_filters .search_jobs div {
    box-sizing: border-box
}

.job_filters .search_jobs div label {
    display: none
}

.job_filters .search_jobs div.filter_first,.job_filters .search_jobs div.search_keywords {
    float: left;
    padding-right: .5em;
    width: 50%
}

.job_filters .search_jobs div.filter_last,.job_filters .search_jobs div.search_location {
    float: right;
    padding-left: .5em;
    width: 50%
}

.job_filters .search_jobs div.search_remote_position {
    float: right;
    padding-left: .5em;
    padding-top: .5em;
    width: 50%
}

.job_filters .search_jobs div.search_remote_position input {
    width: auto
}

.job_filters .search_jobs div.search_remote_position label#remote_position_label {
    display: inline-block
}
.job_filters .search_jobs div {
    box-sizing: border-box;
    width: 25% !important;
    float: left !important;
}
.search-submit{background-color: var(--primary-color);
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 20px;}
.job_filters input{    width: 95%;
    height: 40px;
    background-color: #f8f9fb;border: 1px solid #dadada !important;
    padding: 0px 10px;}
.job_filters select{    width: 95%;
    height: 40px;
    padding-right: .5em;background-color: #f8f9fb;border: 1px solid #dadada !important;
    padding: 0px 10px;}
#sectiontohide{display:none}
.faq-section hr {
    margin: auto !important;
    color: #B184B3;
    border: 0;
    border-top: 4px solid;
    opacity: 1;
    color: #b5ae8a !important;
    width: 30px;
}
.faq-section h3{font-weight:500; color:#110212}
.faq-section h3 span{font-weight:700; color:#B5AE8A}
.positions-card-left {
    display: flex;
    padding: 1rem;
   }
.positions-card h2{color:var(--primary-color);margin-bottom:0px;    font-size: 22px;}
.positions-card {
    display: block;
    padding: 10px 0px;margin-bottom: 30px;
   }
.positions-card ul>li {
    display: inline;
}
.positions-card-right h2{margin-bottom:0px;}
.positions-card ul>li{color:#000;font-size:12px;    padding-right: 5px;}
.positions-card-left ul{list-style-type:none}
.positions-card-left ul>li{display:inline}
.positions-images {
    width: 50px;
}
.positions-card-right {
    display: flex;
    padding: 1rem;
   }
.positions-card-left h2{color:#fff;margin-bottom:0px}
.positions-card-right h2{margin-bottom:0px}
.positions-card-right ul{list-style-type:none}
.positions-card-left ul>li{color:#fff;font-size:12px;    padding-right: 5px;}

.positions-card-left li:not(:last-child)::after {
    content: "";
    position: relative;
    right: -5px;
    top: 2px;
	display: inline-flex;
    height: 12px;
    width: 1px;
    background-color: #ddd;
	
}

.positions-card-right ul>li{display:inline;font-size:12px;    padding-right: 5px;}
.positions-images {
    width: 50px;
}
.positions-card-right ul>li:not(:last-child)::after {
    content: "";
    position: relative;
    right: -5px;
    top: 2px;
	display: inline-flex;
    height: 12px;
    width: 1px;
    background-color: #110212;
}
.documents-list ul{
	list-style-type: none;
}
.documents-list ul{
	list-style-type: none;
}
.documents-list ul>li{width: 25%;
    float: left;}
.positions-card-left::after {
    content: "";
    position: relative !important;
    right: -10px !important;
    top: 15px;
    width: 30px !important;
    height: 20px !important;
    bottom: 0;
    color: #fff;
	background: url(https://hcr.myinternalworking.com/wp-content/uploads/2024/06/left-arrow.png) no-repeat center center;
}
.positions-card-right::after {
    content: "";
    position: relative !important;
    right: -10px !important;
    top: 15px;
    width: 30px !important;
    height: 20px !important;
    bottom: 0;
    color: #fff;
    background: url(https://hcr.myinternalworking.com/wp-content/uploads/2024/06/right-arrow.png) no-repeat center center;
}
.blog-entry-title a{font-size:20px; line-height:24px; font-weight:700;color:#110212}
.learnmore-button-blog {
    padding-left: 0px;
	width:100%;
}
.learnmore-button-blog a {
   
    text-transform: uppercase;
    
      font-weight: 700;
     
    position: absolute;
    bottom: 0px;
      
    color: #110212;
     font-size: 14px;
        margin: 0 0;
    margin-bottom: 0;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 15px;
	width:100%;
}

.blog-entry-title hr {
    margin: 10px 0;
    border: 0;
    border-top: 4px solid;
    opacity: 1;
    color: #b5ae8a !important;
    width: 30px;
}
.socialicons-blog {display: flex;padding-left:10px;list-style:none;justify-content:flex-start;margin-bottom: 0rem;}
.sidebar-layout h3{font-size:20PX;font-weight:700}
.widget_custom_html{background:#B5AE8A;
padding:20px}
.blog-loc-menu ul li {
    margin: 3px 0px !important;
    position: relative;
    display: inline;
    float: left;
    width: 50% !important;
    border-left: 3px solid #fff;
    padding-left: 5px !important;
	color:#fff;
}
.socialicons-blog img{width:35px}
ul.socialicons-blog{list-style:none;padding-top: 7px;} 
input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 41px;
    border-radius: 6px;
    border: none;
    width: 100%;
    max-width: 100%;
    padding: 0 20px;
    background: #fff
}
.search-form-container {
    -webkit-border-radius: 6px;
    background: #F1F4F6;
    padding: 10px 15px;
    margin: 25px 0px;
}
.search-submit {
    -webkit-appearance: button;
    cursor: pointer;
    position: relative;
    right: 5px;
    background-color: #1f5496;
    border: none;
    border-radius: 100px;
    width: 100%;
    max-width: 40px;
    text-align: center;
    line-height: 35px;
    height: 35px;
    color: #fff;
    top: -40px;
    background: url(https://hcr.myinternalworking.com/wp-content/themes/ignite-digital/img/search.png) no-repeat center;
    text-indent: -999px;
    float: right
}
#job-submit {
    -webkit-appearance: button;
    cursor: pointer;
    position: relative;
    right: 5px;
	border-radius:0px;
     border: none;
    width: 100%;
    max-width: 100%;
    text-align: center;
    line-height: 35px;
    height: 40px;
    color: #fff;


    background-color: var(--primary-color) !important;
      float: right;
			top:0px !important;
}
div.parent {
    display: table;
    width: 100%;
    margin: 5px 0
}

div.text {
    vertical-align: middle;
    display: table-cell;
    text-align: left
}

div.parent .img {
    vertical-align: middle;
    display: table-cell;
    padding-right: 5px;
    width: 100px
}

div.img img {
    width: 100%;
    vertical-align: middle
}
h2.widget-title {font-size: 20PX;text-transform:uppercase;font-weight:700;}
a.title {font-weight:700;color: #110212;}
a.read-more {font-weight:700;}
.wp-paginate {
    padding: 0;
    margin: 0;
    text-align: center;
}
.wp-paginate a {
    background: #ddd0;
    border: 0px solid #ccc;
    color: #000;
    margin-right: 4px;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
	font-size: 20px;
}
.wp-paginate .current {
    color: #3D383C;
    background: #fff;
    border: 1px solid #000;
    margin-right: 4px;
    padding: 4px 8px;
		font-size: 20px;
}
.why-hcr h4{font-weight:700;    color: var(--primary-color);}
.about-purple h4{color:#fff;
font-size:18px;}
.about-purple h4 span{color:#B5AE8A;
font-size:18px;}
.about-purple p{color:#fff;
}
.footer-black-right{text-align:right}
.footer-black-right a{color:#fff;}
.accordion-item {
   border: #B5AE8A solid 1px;
}
#grad1 {
   background-color: transparent; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, purple , transparent);
}
.shape-container1:focus {
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%) !important;
}
.shape-container1{
  position:relative;
  display:inline-block;
	min-height:600px;
	background-size: contain !important;
    background-repeat: no-repeat;
    background-position: right !important;
}
.shape-container1:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background: -moz-linear-gradient(top, rgba(0,47,75,0.5) 0%, rgba(220, 66, 37, 0.5) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220, 66, 37, 0.5)), color-stop(100%,rgba(0,47,75,0.5))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* IE10+ */
background: linear-gradient(to left, rgb(0 47 75 / 0%) 20%, #36073C 50%) !important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.shape-container1 img{
  display:block;
}
.shape-container2:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background: -moz-linear-gradient(top, rgba(0,47,75,0.5) 0%, rgba(220, 66, 37, 0.5) 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220, 66, 37, 0.5)), color-stop(100%,rgba(0,47,75,0.5))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* IE10+ */
background: linear-gradient(to left, rgb(0 47 75 / 0%) 0%, #807a59 60%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.shape-container2 img{
  display:block;
}
.shape-container2{
  position:relative;
  display:inline-block;
	min-height:600px;
	background-size: contain !important;
    background-repeat: no-repeat;
    background-position: right !important;
}
.service-areas h4{font-weight:700}
.gform-theme--framework .gfield--type-choice .gfield_radio {
    display: flex;
    flex-direction: row !important;
   }
.positions-card-left:hover{background-color:#56315b;}
   
.positions-card-right:hover{
    background-color: #7d7379;
}
.shape-container-mid{
  position:relative;
  display:inline-block;
	min-height:400px;
	background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
}
.shape-container-mid:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background: -moz-linear-gradient(top, rgba(0,47,75,0.5) 0%, rgba(220, 66, 37, 0.5) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220, 66, 37, 0.5)), color-stop(100%,rgba(0,47,75,0.5))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%); /* IE10+ */
background: linear-gradient(to left, rgb(0 47 75 / 0%) 30%, #36073C 60%) !important; /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.shape-container-mid img{
  display:block;
}
ul.socialiconsfooter li a{padding:0px;}


.wpt-ctaflyins-btn-primary,
.wpt-ctaflyins-btn-close {
  margin-bottom:5px
}

.ti-widget.ti-goog .ti-col-2 .ti-review-item {
    -ms-flex: 0 0 50%;
    flex: 0 0 48% !important;
    max-width: 48% !important;
    border: 1px solid #ddd9d9;
    margin: 7px;
    padding: 30px;
}
.home-gold-section{position: absolute;
    bottom: 20%;
    z-index: 1;
    padding-left: 15%;}
ul.home-list {
    list-style-image: url(/wp-content/themes/ignite-digital/img/tick1.png);
       padding-left: 0px !important;
    display: flex;
    background: #b5ae8a;
}
.home-list li {
    margin-bottom: 10px;
    margin: 15px 50px;
    color: var(--primary-color);
    font-weight: 700;
}
ul.home-purple-list {
    list-style-image: url(https://hcr.myinternalworking.com/wp-content/uploads/2024/09/tick12.png);
       padding-left: 0px !important;
    display: flex;
    background: var(--primary-color);
	justify-content: space-evenly;
}
.home-purple-list li {
    margin-bottom: 10px;
    margin: 15px 50px;
    color: #b5ae8a;
    font-weight: 700;
}
ul.job_listings li.job_listing a img.company_logo{display:none}
ul.job_listings li.job_listing a div.position{float: left !important;
    line-height: 1.5em;
    padding: 0 0 0 42px;
    width: 80% !important;}
ul.job_listings li.job_listing a div.location{
    color: #999;
    float: right !important;
    line-height: 1.5em;
    padding: 0 0 0 1em;
    text-align: left;
    width: 20%;
	color: var(--primary-color) !important;
}
.tab {
border: 1px solid green;
    word-wrap: normal;
    width: fit-content;
    padding: 10px
}
.tab:after {
  border: 1px solid green;
}
.left-job-container {
    width: 70vw;
    color: rgba(0, 0, 0, .6);
    overflow: hidden;
    float: right;
}
ul.purple-job-list {
    list-style-image: url(/wp-content/themes/ignite-digital/img/tick1.png);
    padding-left: 20px;
}
.purple-job-list li {
    margin-bottom: 30px;
}
.gform_required_legend{display:none}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #ced4da;
  border-radius: 0; }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
.positions-card ul>li{color:#000;font-size:14px;    padding-right: 5px;}

.positions-card li:not(:last-child)::after {
    content: "";
    position: relative;
    right: -5px;
    top: 2px;
	display: inline-flex;
    height: 12px;
    width: 1px;
    background-color: #000;
	
}

  #card-info{
	width:100%;
	height:fit-content!important;
	padding: 30px ;
  	overflow: hidden;display:block;
		background:#fff;
		color:#000;min-height: 350px;
}

#card-info:hover{
	    
	background:var(--primary-color);
	color:#fff;
}

#card-info h4{font-size: 20px;
    
}
#card-info h4:hover{font-size: 20px;
   
}
    #my-icon {
	color:#ff0754;
	font-size:14px;
	line-height:14px;
      width:45px !important;
			padding-bottom:15px;
			
}

#icon-2{
   
    display: none
}
#card-info:hover #icon-2{
    display: block;
  width:45px ;
	padding-bottom:15px;
}
 #card-info:hover #my-icon{
     display: none;
content: "\f117";
	
}
#card-info:hover #icon4{
    display: block;
  width:45px ;
	padding-bottom:15px;
}
 #card-info:hover #my-icon3{
     display: none;
content: "\f117";
	
}
#card-info:hover #main-title, #sub-title{
    color: red;
}
#card-info:hover #sub-title{
    color: white;
}
.hero-video .video-container {
    height: 100vh;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.hero-video video {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
}
.hero-video .callout {
    position: relative;
    display: flex
;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    height: 100%;
    text-align: left;
    position: relative;
    z-index: 10;
    width: 70%;
    margin: auto;
}
.hero-video .video-container:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
}
.hero-video .button {
    text-transform: uppercase;
    background-color: transparent;
    border-radius: 0px;
    margin-top: 20px;
    background-color: #82bb00;
    padding: 15px 30px;
    border-radius: 0px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
.hero-video h1 {
   width:60%;
    margin: 0 0 1rem;
    padding: 0;
    line-height: 1.2;
    color: white;
	font-size:80px;
	font-weight: 900;
	text-shadow: 2px 2px 0 black, 2px 2px 0 black, 2px 2px 0 black,
    2px 2px 0 black;
}
.hero-slider .bgHeroVideo {
    width: 140%;
    height: 140%;
    z-index: 0;
    position: absolute;
    top: 0;
    left: -20%;
			object-fit: cover;
    display: block !important;
}
.hero-slider .swiper-slide {
    height: auto;
    padding-bottom: 200px;
}
.site-container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 70px;
    box-sizing: border-box
}
.hero-slider {
    background-color: #a1a6a8;
    color: #fff;
    height: unset;
    overflow: hidden;
    position: relative;
    max-height: 100vh;
}
.hero-slider .bg-image {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.hero-slider .bg-image img {
    display: none
}
.logo-area{margin-top: 10px;}
.admin-bar .active {
    top: 32px !important;
}
.swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .autoplay-progress {
      position: absolute;
      right: 16px;
      bottom: 16px;
      z-index: 10;
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color: var(--swiper-theme-color);
    }

    .autoplay-progress svg {
      --progress: 0;
      position: absolute;
      left: 0;
      top: 0px;
      z-index: 10;
      width: 100%;
      height: 100%;
      stroke-width: 4px;
      stroke: var(--swiper-theme-color);
      fill: none;
      stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
      stroke-dasharray: 125.6;
      transform: rotate(-90deg);
    }
#menu-main-menu a{color:#ffffff !important;}
.top-link img{width:20px;}
.admin-bar .main-header1-menu-section.fixed {
    top: 32px;
}
.main-header1-menu-section.fixed {
    display: block;
    background-color: #848484;
    box-shadow: 1px 5px 5px #989ca32b;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 999;
    top: 00px;
}
@media only screen and (max-height: 800px) {
.bgHeroVideo {
        width:120%;
        height: 120%;
        left: -10%
    }
}

@media only screen and (max-height: 700px) {
.bgHeroVideo {
        width:110%;
        height: 110%;
        left: -5%
    }
}

@media only screen and (max-height: 600px) {
.bgHeroVideo {
        width:100%;
        height: 100%;
        left: 0
    }
}

@media(max-width: 768px) {
  .bgHeroVideo {
      
    }
}
.main-header1-menu-section{background: #005e5d;}
.menu-background{background: #066867;}
#owl-award{display:flex;}
#owl-award .list{align-items:center}

#owl-award .owl-item img {
    display: block;
   height: 100px;
	width:auto
}
.top-header{align-items: center;}
.top-link{display:flex; margin-top: 10px; margin-bottom: 0px;justify-content:end}
.footer-right-botom h2{color: var(--light-color);
    margin-top: 30px;
    font-size: 20px;
    font-weight: 600;}
.footer-right-botom h5{color: var(--light-color);
    margin-top: 30px;
    font-size: 18px;
    font-weight: 400;}
.socialicons i, .socialiconsfooter i {
    color: var(--light-color);
    font-size: 1.5rem;
    line-height: 1;
    display: inline-block;
}
ul.socialiconsfooter li {
    display: block;
    float: left;
    padding-bottom: 0px !important;
    margin-right: 40px;
}
:root {
  --dark-color-rgb: 32, 42, 68;
}
.row-header{align-items:center;}
p {margin-bottom:0px;}
.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: center 
}
#subfooterwrap{background:var(--dark-color) !important;}
ul.socialiconsfooter li:last-child {
  margin-right: 0; /* Removes the right margin from the last item */
}

.gray5-block h2 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 30px;
}
.gray5-block ul {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 20px !important;
}
.hero-video h1{width: 80% !important;}
#email-footer{    margin-bottom: 10px;}
.entry-footer{display:none;}
.mega-menu-wrap-primary {
  width: 100%;
  display: flex;
  justify-content: center;
}
.investor2-right-block h2{ color: var(--light-color);
      font-size: 80px;
	font-weight: 700;}
.investor2-right-block h3{ color: var(--light-color);
    font-size: 30px;
	font-weight: 400;}
.investor2-right-block h4{ color: var(--light-color);
        font-size: 32px;
    font-weight: 700;}
.investor2-right-block h5{ color: var(--light-color);
  font-size: clamp(80px, 100vw, 150px);
    font-weight: 700;}
.investor2-left-block h4{font-size:30px;margin-bottom:30px;font-weight:300;}
.investor2-left-block a {
   background: linear-gradient(to right, var(--secondary-color) 50%, var(--primary-color) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .3s ease-out;
   font-weight: 500;
   color: #fff !important;
   padding: 20px 30px;
   display: inline-flex;
   align-items: center;
   gap: 1rem; /* replaces margin-left in pseudo-element */
   text-decoration: none;
	font-size:20px;
	text-transform:uppercase;
}
.banner-left{padding:175px 0px;}
.investor2-left-block a::after {
   content: '';  
   display: inline-block; 
   width: 16px;    
   height: 16px; 
   background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRight.png');  
   background-size: contain;
   background-repeat: no-repeat;
   transition: all 0.3s ease; /* smooth transition for hover effect */
}

.investor2-left-block a:hover {
   background: var(--secondary-color);
	background-position: left bottom;
   color: #fff !important;
}

.investor2-left-block a:hover::after {
   width: 26px;    
   height: 16px; 
   background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');  
}
.mega-menu-wrap-primary .mega-menu {
  display: flex;
  justify-content: center;
  list-style: none;
  padding-left: 0;
}
.main-header1-menu-section {
    background: var(--primary-color);
    height: 190px;padding-top:30px;
}
.site-content{padding-top:30px;}
p{font-size:18px;font-weight:300;}
body p, body {
    font-family: Montserat;
    font-weight: 300 !important;
    font-style: normal;
	
}
.footer-right-botom h5 {
    color: var(--light-color);
    margin-top: 30px;
    font-size: 18px;
    font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
    font-family: inherit;color:var(--dark-color);
}
li{
	font-family: inherit;color:var(--dark-color);}
#prefooterwrap {
    background: var(--dark-color) !important;
}
#prefooterwrap a{
   font-weight: 300;
}
.hero-video h2 {
   width: 60%;
   margin: 0 0 1rem;
   padding: 0;
   line-height: 1.2;
   color: white;
  
}
.hero-video .callout {
   position: relative;
   display: flex
;
   justify-content: center;
   align-items: flex-start;
   flex-direction: column;
   height: 100%;
   text-align: left;
   position: relative;
   z-index: 10;
   width: 80% !important;
   margin: auto;
}
#owl-award .owl-item img {
   display: flex
;
   height: 60px !important;
   width: auto;
   align-items: center;
}
#owl-award {
   display: flex
;
   height: 100px;
}
.blocks{    border: 1px solid #ecf0f0;
   padding: 30px;    position: relative;min-height:600px;    background: var(--light-color)}
.blocks h2{ margin-top:30px;font-weight:700;}
.blocks p{ margin-top:30px;}
.main-header1-menu-section.fixed {
   display: block;
   background-color: var(--primary-color);
   box-shadow: 1px 5px 5px #989ca32b;
   position: fixed;
   left: 0;
   width: 100%;
   z-index: 999;
   top: 00px;
}
.blocks a{background: var(--secondary-color);
   color: #fff !important;
   padding: 20px 30px;    position: absolute !important;
   bottom: 30px !important;}
.blocks a:hover{background: var(--primary-color);
   color: #fff !important;
   padding: 20px 30px;}
.blocks a::after {
 content: '';  
 display: inline-block; 
 width: 16px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRight.png');  
 background-size: contain;
 background-repeat: no-repeat;
}
.blocks a:hover::after {
 transform: rotate(45deg) translate(7px, -7px);
 margin-left: 1rem;
}
.cta h2{font-size: 80px;
   font-weight: 700;margin-top: 100px;}
.cta h3{font-size: 30px;
   font-weight: 500;}
.cta a {
   background: linear-gradient(to right, var(--secondary-color) 50%, var(--primary-color) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .3s ease-out;
   font-weight: 500;
   color: #fff !important;
   padding: 20px 30px;
   display: inline-flex;
   align-items: center;
   gap: 1rem; /* replaces margin-left in pseudo-element */
   text-decoration: none;
	font-size:18px;
}

.cta a::after {
   content: '';  
   display: inline-block; 
   width: 16px;    
   height: 16px; 
   background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRight.png');  
   background-size: contain;
   background-repeat: no-repeat;
   transition: all 0.3s ease; /* smooth transition for hover effect */
}

.cta a:hover {
   background: var(--secondary-color);
	background-position: left bottom;
   color: #fff !important;
}

.cta a:hover::after {
   width: 26px;    
   height: 16px; 
   background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');  
}
.right-container {
   width: 60vw;
   right: calc(-1 * (100vw - 100%) / 2);
   color: rgba(0, 0, 0, .6);
   overflow: hidden;
}
.left-container {
   width: 50vw;
   color: rgba(0, 0, 0, .6);
   overflow: hidden;
   float: right;
}
.left-container-60 {
   width: 60vw;
   color: rgba(0, 0, 0, .6);
   overflow: hidden;
   float: right;
}
.video-block h2{color: var(--dark-color);
    font-size: 45px;
    font-weight: 700;}
.video-block h4{color: var(--primary-color);
    font-size: 20px;}
.video-block a {
    background: var(--primary-color);
    color: var(--light-color) !important;
    padding: 20px;
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    gap: 1rem;
	cursor:pointer;
}

.video-block a::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/logo-round.png');
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}
.img-block h2{color: var(--dark-color);
    font-size: 45px;
    font-weight: 700;}
.img-block h4{color: var(--primary-color); font-size: 20px;font-weight:700;}
.industry-img-block h2{color: var(--dark-color);
    font-size: 50px;
    font-weight: 700;    margin-bottom: 20px;}
.industry-img-block h4{color: var(--primary-color); font-size: 20px;font-weight:700; margin-bottom: 20px;}
.industry-img-block p{font-size:22px;}
	.left-border {
    border-left: 2px solid var(--secondary-color) !important;
    padding-left: 10px !important;margin:20px 0px;
}
.left-border h5{   color: var(--text-color);
    font-size: 20px;
	padding: 20px;}
.img-block a{
	display: inline-flex;
  align-items: center; background: var(--primary-color);
	text-transform: uppercase;
    font-weight: 700;
   color: #fff !important;
   padding: 20px 30px;  
  background: linear-gradient(to right, var(--secondary-color) 50%, var(--primary-color) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;}
.img-block a:hover{ background-position: left bottom;}
.img-block a::after {
 content: '';  
 display: inline-block; 
 width: 16px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRight.png');  
 background-size: contain;
 background-repeat: no-repeat;
}
.img-block a:hover::after {
content: '';  
 display: inline-block; 
 width: 26px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');  
 background-size: contain;
 background-repeat: no-repeat;vertical-align: middle;
}
.gradient-block{background: #ffffff;
background: linear-gradient(90deg, var(--secondary-color) 0%, var(--tertiary-color) 100%) }

.gradient-block h3 {color: var(--light-color);font-size: 24px;}
.gradient-block a{background: var(--light-color);color:var(--dark-color)
    !important;font-size:18px;text-transform:uppercase;font-weight:700;
   padding: 20px 0px;  
  background: linear-gradient(to right, var(--secondary-color) 50%, var(--light-color) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;width: 100%;
    display: block;text-align: center;}
.gradient-block a:hover{ background-position: left bottom;color:var(--light-color) !important;

}
.gradient-block a::after {
 content: '';  
 display: inline-block; 
 width: 24px;    
 height: 24px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightBlack.png');  
 background-size: contain;
 background-repeat: no-repeat;
}
.gradient-block a:hover::after {
width: 26px;    
   height: 16px; 
   background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');  

}
body .gform_wrapper .gform_body .gform_fields .gfield input,
body .gform_wrapper .gform_body .gform_fields .gfield textarea,
body .gform_wrapper .gform_body .gform_fields .gfield select {
 border: none !important;   
	box-shadow:none;
	border: 2px solid #ccc !important; 
outline: none; 
padding: 0px 10px; 
width: 100%;  
color: var(--gray7-color);
    font-weight: 300;
	font-size:16px;
}
 .gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    margin-left: 0px;
}
body .gform_wrapper .gform_body .gform_fields .gfield input:focus,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus,
body .gform_wrapper .gform_body .gform_fields .gfield select:focus {
    border-bottom-color: #0073e6; 
}

body .gform_wrapper .gform_body .gform_fields .gfield label {
    font-size: 14px; 
    color: var(--text-color);   
    margin-bottom: 5px;
    display: block;
}
.contact-form{background:var(--light-color);padding:30px;}

.bottom-form-left h2{    color: var(--light-color);
    font-size: 80px;
    font-weight: 700;}
.bottom-form-left h3{color: var(--light-color);
    font-size: 30px;
    font-weight: 400;}
.quote-link a{background: var(--primary-color);
   color: var(dark-color) !important;
   padding: 20px 30px;  
	font-weight:700;
  background: linear-gradient(to right, var(--secondary-color) 50%, var(--light-color) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;color:var(--text-color);font-size:20px}
.quote-link a:hover{
	color:var(--light-color) !important;
	background-position: left bottom;}
.quote-link a::after {
 content: '';  
 display: inline-block; 
 width: 26px;    
 height: 26px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightBlack.png');  
 background-size: contain;
 background-repeat: no-repeat;
}
.quote-link a:hover::after {
	 width: 26px;    
 height: 16px; 
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');  
 background-size: contain;
 background-repeat: no-repeat;
 margin-left: 1rem;
}
.green-background{background:#005e5d75;padding:50px 0px; }
.green-background h2{ color: var(--light-color);
      font-size: 80px;
	font-weight: 700;}
.green-background h3{ color: var(--light-color);
    font-size: 30px;
	font-weight: 400;}
.green-background h4{ color: var(--light-color);
        font-size: 32px;
    font-weight: 700;}
.green-background h5{ color: var(--light-color);
  font-size: 150px;
    font-weight: 700;}
.green-background a{background: var(--primary-color);
	color:var(--text-color);
	font-size:20px;
	text-transform:uppercase;
   color: var(dark-color) !important;
   padding: 20px 30px;  
	font-weight:700;
  background: linear-gradient(to right, var(--secondary-color) 50%, var(--light-color) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;}
.green-background a:hover{
	color:var(--light-color) !important;
	background-position: left bottom;}
.green-background a::after {
 content: '';  
 display: inline-block; 
 width: 26px;    
 height: 26px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightBlack.png');  
 background-size: contain;
 background-repeat: no-repeat;
}
.green-background a:hover::after {
	 width: 26px;    
 height: 16px; 
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');  
 background-size: contain;
 background-repeat: no-repeat;
 margin-left: 1rem;
}
#email-footer a{color: var(--light-color) !important;
    font-size: 18px;
    font-weight: 300;}
#phone-footer a{color: var(--light-color) !important;
    font-size: 30px !important;
    font-weight: 700 !important;
}
#email-footer a::before {
 content: '';  
 display: inline-block; 
 width: 18px;    
 height: 18px; 
 margin-right: 0.4rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/email-footer.png'); 
 background-size: contain;
 background-repeat: no-repeat;
}
#phone-footer a::before {
 content: '';  
 display: inline-block; 
 width: 26px;    
 height: 26px; 
 margin-right: 0.4rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/phone-footer.png'); 
 background-size: contain;
 background-repeat: no-repeat;
}
.contact-bottom{position:absolute; bottom:0;}
.svg-blocks {
    color: var(--tertiary-color) !important;
    width: 100%;
   margin-right: -10px !important;
}
.logo-strip{background:var(--gray1-color)}
.logo-strip h2{color:var(--dark-color);text-align: center;
	font-size: 28px;}

.white-block{
	padding:50px 0px;
}
.white-block h2{color: var(--dark-color);    font-weight: 700;font-size:60px}
.white-block h3{color: var(--primary-color);    font-weight: 800;font-size:58px}
.white-block h4{color: var(--primary-color);    font-weight: 700;}
.white-block h5{color: var(--text-color);    font-weight: 300;font-size:24px}

.blog-link a{background: var(--light-color);color:var(--dark-color)
    !important;font-size:18px;text-transform:uppercase;font-weight:700;
   padding: 20px 100px;  
  background: linear-gradient(to right, var(--secondary-color) 50%, var(--gray2-color) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;}
.blog-link a:hover{ background-position: left bottom;color:var(--light-color) !important;}
.blog-link a::after {
 content: '';  
 display: inline-block; 
 width: 24px;    
 height: 24px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightBlack.png');  
 background-size: contain;
 background-repeat: no-repeat;
}
.blog-link a:hover::after {
width: 26px;    
   height: 16px; 
   background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');  

}
.footer-widget-menu ul{padding-left: 0rem;}
.footer-widget-menu li{padding-bottom: 5px;}
.header-banner {
  background-size: cover;
  background-position: center;
  padding: 120px 20px;
  color: white;
  position: relative;
  text-align: left;
}

.banner-overlay {
  position: relative;
  background: rgba(var(--dark-color-rgb), 0.6);
  padding: 30px 30px;
  color: #fff;
  z-index: 1;
}


.banner-content h1 {
  font-size: 70px;
  margin-bottom: 20px;
	font-weight:700;
	color:var(--light-color);
}

.banner-content p {
  font-size: 24px;
  max-width: 700px;
  margin: 0 auto;
}
body .gform_wrapper .gform_body .gform_fields .gfield textarea {height:100px;}
body .gform_legacy_markup_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html
 {
    line-height: inherit;
    font-size: .813em;
}

.full-white-block h2{ 
    font-size: 80px;
    font-weight:900;margin-bottom:30px}
.full-white-block h4{    color: var(--primary-color);
    font-size: 20px;
    font-weight: 700;}
.full-white-block h3{ 
    font-size: 24px;
    font-weight:300;}
.gray1-block h2{font-size: 50px;
    font-weight: 700;
    margin-bottom: 30px;}
.gray1-block h3{color: var(--text-color);
    font-size: 30px;
    margin-bottom: 20px;}
.gray1-block h4{    color: var(--primary-color);
    font-size: 20px;
    font-weight: 700;}
.gray1-block h5{   
        font-weight: 700;
    font-size: 36px;
    margin: 30px 0;}
.gray1-block p {
    font-size: 22px !important;
    font-weight: 300;
}
.gray1-block ul{    display: flex
;
    list-style: none;
    padding-left: 0px;}
.gray1-block ul li{padding-right:30px}
.gradient-block5{    background: linear-gradient(90deg, var(--secondary-color) 0%, var(--tertiary-color) 100%);text-align:center;}
.gradient-block5 h5{font-size:24px;color:var(--light-color);    padding: 15px 30px;font-weight:300;}
.gray-top-link{background-color:var(--gray1-color);}
.gray-top-link h2{color:var(--primary-color);font-weight:700;font-size:54px;}
.gray-top-link h3{font-weight:300;font-size:22px;}
.gray-top-link a{color
:var(--dark-color);}
.industry-active{background-color:var(--tertiary-color);text-align:center;padding:30px;color:var(--light-color);    font-size: 20px;
    font-weight: 600;}
.industry-active img{margin-bottom:20px;}
.industry-inactive img{margin-bottom:20px;}
.industry-inactive{background-color:var(--gray1-color);text-align:center;padding:30px;color:(var)--light-color);    font-size: 20px;
    font-weight: 600;}
.industry-inactive:hover{background-color:var(--tertiary-color);color:var(--light-color);}
.industry-inactive:hover .icon-health-hover {
    content: url('https://template5.myinternalworking.com/wp-content/uploads/2025/07/health-white.png');
}
.industry-inactive:hover .icon-food-hover {
    content: url('https://template5.myinternalworking.com/wp-content/uploads/2025/07/food-white.png');
}
.industry-inactive:hover .icon-consumer-hover {
    content: url('https://template5.myinternalworking.com/wp-content/uploads/2025/07/consumer-white.png');
}
.industry-inactive a{color:var(--dark-color);font-weight:500;}
.industry-inactive:hover a{color:var(--light-color);}
.industry-inactive a:hover{}
.industry-blocks a:hover {
    background: var(--primary-color);
    color: #fff !important;
    padding: 10px 30px;
}
.industry-blocks{position:relative;min-height:600px;padding:0px 15px;}
.industry-blocks h2 {
    margin-top: 30px;
    font-weight: 800;
}
.industry-blocks p {font-size: 20px;
	color: var(--text-color);}
.industry-blocks img{  width: 100%;}
.industry-blocks a {
    background: var(--secondary-color);
    color: #fff !important;
    padding: 10px 30px;
    position: absolute !important;
    bottom: 30px !important;
}
.industry-blocks a::after {
 content: '';  
 display: inline-block; 
 width: 16px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRight.png');  
 background-size: contain;
 background-repeat: no-repeat;
}
.industry-blocks a:hover::after {
 transform: rotate(45deg) translate(7px, -7px);
 margin-left: 1rem;
}
.two-column-list {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2; 
  list-style: none; 
  gap: 2rem; 
	padding-left:0px;
	font-size:18px;
}

.two-column-list li {
  position: relative; 
  padding-left: 30px; 
  line-height: 1.8;/
}

.two-column-list li::before {
  content: ''; 
  position: absolute;
  left: 0; 
  top: 5px;
  width: 20px; 
  height: 20px; 
  background: url(https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/green-tick.png) no-repeat center center;
	background-size: contain; }
.one-column-list {
  columns: 1;
  -webkit-columns: 1; 
  -moz-columns: 1; 
  list-style: none;  
  gap: 2rem; padding-left:0px;
}

.one-column-list li {
  position: relative;
  padding-left: 30px; 
  line-height: 1.8; 
	font-size:18px;
}

.one-column-list li::before {
  content: '';
  position: absolute;
  left: 0; 
  top: 5px;
  width: 20px; 
  height: 20px;
  background: url(https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/green-tick.png) no-repeat center center;
  background-size: contain; 
}
ul.industry-list {
    list-style-image: url(/wp-content/themes/ignite-digital/img/tick1.png);
    padding-left: 30px;
}
.gray2-block{background:var(--gray2-color);padding:100px 0px;}
.gray2-block h2{    font-size: 56px;
    font-weight: 700;
    margin-bottom: 30px;
}
.gray2-block h3{font-size:30px;font-weight:700;}
.gray2-block p{font-size:22px;line-height: 1.3;}
.industry-blocks:hover img {
    width: 100%;
    opacity: 0.7;
}
.right-container-50 {
    width: 50vw !important;
    right: calc(-1 * (100vw - 100%) / 2);
    color: rgba(0, 0, 0, .6);
    overflow: hidden;
}
.right-container-30 {
    width: 40vw ;
    right: calc(-1 * (100vw - 100%) / 2);
    color: rgba(0, 0, 0, .6);
    overflow: hidden;
}
.left-container-50 {
    width: 50vw !important;
    left: calc(-1 * (100vw - 100%) / 2);
    color: rgba(0, 0, 0, .6);
    overflow: hidden;
}
.gform_wrapper .gform_footer .gform_button {
  position: relative;
  color: #fff;
  padding:15px 130px 15px 100px !important;
  background: linear-gradient(to right, var(--secondary-color) 50%, var(--primary-color) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.5s ease-out;
  border: none;
  text-transform: uppercase !important;
  font-weight: 600;
  font-size: 18px !important;
  cursor: pointer;
}

.gform_wrapper .gform_footer .gform_button:hover {
  background-position: left bottom;
}

.gform_wrapper .gform_footer .gform_button .arrow-icon {
  position: absolute;
  top: 50%;
 right: 95px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRight.png') no-repeat center;
  background-size: contain;
  pointer-events: none;
  transition: all 0.3s ease;
}

.gform_wrapper .gform_footer .gform_button:hover .arrow-icon {
  width: 30px;
  height: 30px;
  background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');
}

.right-container-45 {
    width: 45vw !important;
    right: calc(-1 * (100vw - 100%) / 2);
    color: rgba(0, 0, 0, .6);
    overflow: hidden;
}
.list-block h2{font-weight:700;font-size:28px;}
.list-block p{color:var(--dark-color);}
.gray-top-list-link{background-color: var(--gray1-color);text-align:center;}
.gray-top-list-link h2{    color: var(--dark-color);
    font-weight: 700;
    font-size: 54px;margin-bottom: 20px;}
.gray-top-list-link h3{    color: var(--text-color);
    font-weight: 300;
    font-size: 26px;padding:0 10%;}
.life-list-block h2{font-size:52px;font-weight:700;margin-bottom:50px;}
.life-list {
   list-style: none;  
 padding-left:0px;
}
.life-list li {
  position: relative;
    padding-left: 60px;
    line-height: 1.2;
    font-size: 28px;
    font-weight: 500;
    padding-bottom: 30px;
}

.life-list li::before {
  content: '';
  position: absolute;
  left: 0; 
  top: 0px;
  width: 48px; 
  height: 48px;
  background: url(https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/Life-Check.png) no-repeat center center;
  background-size: contain; 
}
.life-list p{padding-left: 50px;}
.life-list-gray-block{background-color: var(--gray1-color);}
.life-list-gray {
   list-style: none;  
 padding-left:0px;
}
.life-list-gray li {
  position: relative;
    padding-left: 60px;
    line-height: 1.2;
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 10px;
}

.life-list-gray li::before {
  content: '';
  position: absolute;
  left: 0; 
  top: 0px;
  width: 48px; 
  height: 48px;
  background: url(https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/Life-Check.png) no-repeat center center;
  background-size: contain; 
}
.life-list-gray p{padding-left:60px;}
.life-col-blocks h2 {
    font-size: 54px;
    font-weight: 700;
    margin-bottom: 50px;
	text-align:center;
:}
.life-col-blocks h3{font-size:30px;font-weight:700;margin-bottom:10px;}
.life-col-blocks img{margin-bottom: 40px;}
.bottom-form-section{background: url(https://template5.myinternalworking.com/wp-content/uploads/2025/05/image-36.png);
    background-size: cover;}
.gray-top-list-link h4{font-size:32px;}
.gray-top-list-link p{margin-bottom:0px;}
.gray-top-list-link hr {
    margin: auto !important;
    border: 0;
    border-top: 4px solid;
    opacity: 1;
    color: var(--dark-color) !important;
    width: 50px;
} 
.right-container a{cursor:pointer}
#breadcrumbs a{color:var(--light-color);}
.investor-active {
    background-color: var(--secondary-color);
    text-align: center;
    padding: 10px;
    color: var(--light-color);
    font-size: 20px;
    font-weight: 600;border-bottom: 5px solid var(--primary-color);
}
.investor-active p{font-weight: 500 !important;}
.investor-active img{margin-bottom:20px;}
.industry-inactive img{margin-bottom:20px;}
.investor-inactive{background-color:var(--light-color);text-align:center;padding:10px;color:(var)--light-color);    font-size: 20px;
    font-weight: 600;border-bottom: 5px solid var(--light-color);}
.investor-inactive:hover{color:var(--text-color);border-bottom: 5px solid var(--primary-color);}
.investor-inactive:hover .icon-health-hover {
    content: url('https://template5.myinternalworking.com/wp-content/uploads/2025/05/health-light.png');
}

.investor-inactive:hover .icon-food-hover {
    content: url('https://template5.myinternalworking.com/wp-content/uploads/2025/05/food-light.png');
}
.industry-inactive:hover .icon-consumer-hover {
    content: url('https://template5.myinternalworking.com/wp-content/uploads/2025/05/consumer-light.png');
}
.investor-inactive a{color:var(--dark-color);font-weight:500;}
.investor-inactive:hover a{color:var(--dark-color);}
.investor-inactive a:hover{color:var(--dark-color);}
.contact-title h2{font-size:34px;font-weight:700;text-align:center;}
.full-height-img {
  height: 100%;
  width: auto;
  object-fit: cover; 
}
.location-blocks h3{font-weight:700; font-size:24px;color:var(--secondary-color);text-align:center;}
.info-blocks{position:relative;border-right: 1px solid var(--dark-color);min-height: 200px;}
.info-blocks-last{position:relative;border-right: 1px solid var(--light-color);min-height: 200px;}
.info-bottom{background: var(--secondary-color);
    color: var(--light-color);
    position: absolute;    position: absolute;
    bottom: 0;width:100%;padding:20px 5px;}
.info-bottom h2{    color: var(--light-color);
    font-size: 20px;
    font-weight: 500;    text-align: center;
    margin-bottom: 0px;}
.info-number h1{font-size: 80px;
    font-weight: 800;
    text-align: center;}
.gradient-contact-block{padding:100px 0px;}
.gradient-contact-block h2{    font-size: 80px !important;
    color: var(--light-color);
    font-weight: 700 !important;}
.gradient-contact-block h3{font-size:30px;color:var(--light-color);    margin-bottom: 50px;}
.gradient-contact-block a{}
.contact-location-blocks p{ font-size: 18px; font-weight: 300;color:var(--dark-color) !important;}
.contact-location-blocks h2{ font-size: 34px; font-weight: 700 !important;margin-bottom:30px;}
.contact-location-blocks h3{    font-size: 26px;
    font-weight: 500 !important;}
.contact-location-blocks h4{    font-size:18px;
    font-weight: 500 !important;}
.contact-location-blocks h4::before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 1rem;
    background-image: url(https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/phone-contact.png);
    background-size: contain;
    background-repeat: no-repeat;  vertical-align: middle;
}
.gradient-contact-block a{
	display: inline-flex;
  align-items: center; background: var(--primary-color);
	text-transform: uppercase;
    font-weight: 500;
   color: #fff !important;
   padding: 20px 60px;  
	font-size: 16px !important;
  background: linear-gradient(to right, var(--secondary-color) 50%, var(--primary-color) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;}
.gradient-contact-block a:hover{ background-position: left bottom;}
.gradient-contact-block  a::after {
 content: '';  
 display: inline-block; 
 width: 16px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRight.png');  
 background-size: contain;
 background-repeat: no-repeat;
}
.gradient-contact-block a:hover::after {
content: '';  
 display: inline-block; 
 width: 26px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');  
 background-size: contain;
 background-repeat: no-repeat;vertical-align: middle;
}
.life-top-block h2{font-weight: 300 !important;
    font-size: 33px;margin-bottom:50px;}
.life-top-block a{
	display: inline-flex;
  align-items: center; background: var(--primary-color);
	text-transform: uppercase;
    font-weight: 500;
   color: #fff !important;
  padding: 30px 60px !important;
    font-size: 20px !important;
  background: linear-gradient(to right, var(--primary-color) 50%, var(--secondary-color) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;}
.life-top-block a:hover{ background-position: left bottom;}
.life-top-block a::after {
 content: '';  
 display: inline-block; 
 width: 16px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRight.png');  
 background-size: contain;
 background-repeat: no-repeat;
}
.life-top-block a:hover::after {
content: '';  
 display: inline-block; 
 width: 26px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');  
 background-size: contain;
 background-repeat: no-repeat;vertical-align: middle;
}
.life-services-block{ background: linear-gradient(180deg, rgb(255 255 255 / 10%) 0%, var(--primary-color) 100%);
    color: #fff !important;
    padding: 10px 30px;
    position: absolute !important;
    bottom: 0px !important;
    width: 100%; height: 200px;}
.life-services-block h3{position: absolute;
    bottom: 20px;
    color: var(--light-color);
    text-align: center !important;font-size:30px;}
.gradient-life-block {
    background: #ffffff;
    background: url(https://template5.myinternalworking.com/wp-content/uploads/2025/05/futuristic-technology-concept-2.png), linear-gradient(180deg, var(--secondary-color) 0%, var(--dark-color) 100%);background-size: cover;
    background-position: left bottom;
}
.gradient-life-block h2{width: 100%;
    text-align: center;
    margin: 0 auto;
    color: #e6ebeb54 !important;
	font-size: 8vw;    font-weight: 900;}
.gradient-life-block h3{font-size: 36px;
    color: var(--light-color);
    font-weight: 600; text-align:right;}
.gradient-life-block h4{    font-size: 60px;
    font-weight: 900;
    color: var(--light-color);text-align:right;}
.gradient-life-block p{color: var(--light-color);text-align:right;
    font-size: 20px;margin-bottom: 0px;margin-bottom:0px;
}
.life-block-right a {
  display: inline-flex;
  white-space: nowrap;
  align-items: center;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff !important;
  padding: 25px 60px 25px 30px ;
  font-size: 18px ;
  background: linear-gradient(to right, var(--primary-color) 50%, var(--secondary-color) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: background-position 0.5s ease-out;
  box-sizing: border-box; /* Prevent layout shift due to padding */
  position: relative;
}

.life-block-right a:hover {
  background-position: left bottom;
}

/* Default arrow icon size */
.life-block-right a::after {
  content: '';  
  display: inline-block;
  position: absolute; /* Take the arrow out of document flow */
  right: 30px; /* Position the arrow on the right */
  top: 50%;
  transform: translateY(-50%); /* Vertically center the arrow */
  width: 16px; /* Initial width of the arrow */
  height: 16px; /* Initial height of the arrow */
  background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRight.png');
  background-size: contain;
  background-repeat: no-repeat;
  transition: width 0.3s ease-out, height 0.3s ease-out, transform 0.3s ease-out; /* Smooth size and position transition */
}

/* On hover: change image and size of the arrow */
.life-block-right a:hover::after {
  background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');
  width: 26px; /* Grow width to 26px on hover */
  height: 16px; /* Keep height as 16px on hover */
  transform: translateY(-50%) translateX(5px); /* Optional: Slight shift to the right on hover */
}


.life-2-block{display:flex;align-items: flex-end;}
.life-block-right{padding-left: 30px;}
.life-block-left{padding-right: 30px;
    border-right: 1px solid var(--light-color);}
.life-4-block {
    
   background: linear-gradient(180deg, rgba(0, 150, 136, 0.75) 0%, var(--primary-color) 50%) ;padding:50px 20px 10px 20px

}

.life-4-block h3{font-size:36px;color: #ffffff; text-align:left;}
.life-4-block p{font-size:18px;color: #ffffff; text-align:left;margin-bottom:30px;}
.life-4-block a{
	display: inline-flex;
	    white-space: nowrap;
  align-items: center; background: var(--primary-color);
	text-transform: uppercase;
    font-weight: 500;
   color: #fff !important;
  padding: 10px 30px !important;
    font-size: 16px !important;
  background: linear-gradient(to right, var(--primary-color) 50%, var(--secondary-color) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;}
.life-4-block a:hover{ background-position: left bottom;}
.life-4-block a::after {
 content: '';  
 display: inline-block; 
 width: 16px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRight.png');  
 background-size: contain;
 background-repeat: no-repeat;
}
.life-4-block a:hover::after {
content: '';  
 display: inline-block; 
 width: 26px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');  
 background-size: contain;
 background-repeat: no-repeat;vertical-align: middle;
}
.gradient-life-title h3{font-size: 34px;
    font-weight: 700;
  color:var(--light-color);text-align:center;}
.life-gray-block{background:var(--gray1-color);border-radius:90px;padding:100px;}

.what-we-do-top-block{background: radial-gradient(circle,rgba(0, 94, 93, 0.61) 0%, rgba(0, 94, 93, 0.71) 50%), url(https://template5.myinternalworking.com/wp-content/uploads/2025/05/product-page-header-bg-1.png);
    background-size: cover;
    background-position: center;}
.what-we-do-top-block h2{color:var(--light-color); font-size:50px;font-weight: 700;
    margin-bottom: 30px;
}
.what-we-do-top-block p{color:var(--light-color);font-size:20px;margin-bottom: 50px;
	
}
.what-we-do-top-block a{
	display: inline-flex;
  align-items: center; background: var(--primary-color);
	text-transform: uppercase;
    font-weight: 700;
   color: #fff !important;
   padding: 20px 30px;  
  background: linear-gradient(to right, var(--secondary-color) 50%, var(--primary-color) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;}
.what-we-do-top-block a:hover{ background-position: left bottom;}
.what-we-do-top-block a::after {
 content: '';  
 display: inline-block; 
 width: 16px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRight.png');  
 background-size: contain;
 background-repeat: no-repeat;
}
.what-we-do-top-block a:hover::after {
content: '';  
 display: inline-block; 
 width: 26px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');  
 background-size: contain;
 background-repeat: no-repeat;vertical-align: middle;
}
.wedo-gray2-section{background: var(--gray2-color);}
.wedo-gray2-section h3{text-align: center;
    color: var(--primary-color);
    font-weight: 300;
    font-size: 30px;}
.wedo-white-block h2{color: var(--dark-color);    font-weight: 700;font-size:60px;margin-bottom:30px;}
.wedo-white-block a{
	display: inline-flex;
  align-items: center; background: var(--primary-color);
	text-transform: uppercase;
    font-weight: 700;
   color: #fff !important;
   padding: 20px 30px;  
  background: linear-gradient(to right, var(--secondary-color) 50%, var(--primary-color) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;margin-top:30px;}
.wedo-white-block a:hover{ background-position: left bottom;}
.wedo-white-block a::after {
 content: '';  
 display: inline-block; 
 width: 16px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRight.png');  
 background-size: contain;
 background-repeat: no-repeat;
}
.wedo-white-block a:hover::after {
content: '';  
 display: inline-block; 
 width: 26px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');  
 background-size: contain;
 background-repeat: no-repeat;vertical-align: middle;
}
.we-green-block{background:var(--primary-color);}
.we-green-block h2{color: var(--light-color);
    font-size: 42px !important;
    font-weight: 700;
    text-align: center;}
.we-green-block p{color:var(--light-color);font-size:20px;font-weight:300;}
.we-green-block  img{margin-bottom:50px;}
.howwe-gray2-block{background:var(--gray2-color);padding:50px;}
.howwe-gray2-block h2{color:var(--primary-color);    font-weight: 700;
    font-size: 50px;}
.howwe-gray2-block h5{text-transform:uppercase;font-size:20px;font-weight:600;}
.howwe-gray2-block a{
	display: inline-flex;
    align-items: center;
    justify-content: center;
	width:100%;
	background: var(--primary-color);
	text-transform: uppercase;
    font-weight: 500;
	font-size: 16px !important;
   color: #fff !important;
   padding: 20px 30px;  
  background: linear-gradient(to right, var(--secondary-color) 50%, var(--primary-color) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;}
.howwe-gray2-block a:hover{ background-position: left bottom;}
.howwe-gray2-block a::after {
 content: '';  
 display: inline-block; 
 width: 16px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRight.png');  
 background-size: contain;
 background-repeat: no-repeat;
}
.howwe-gray2-block a:hover::after {
content: '';  
 display: inline-block; 
 width: 26px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');  
 background-size: contain;
 background-repeat: no-repeat;vertical-align: middle;
}
.about-number-block{display:flex;align-items: flex-end;border-bottom:1px solid var(--dark-color);}
.about-number-block p{margin-bottom:0px;}
.right-number-block{padding:30px}
.right-number-block h3{font-weight: 700;
    font-size: 54px;}
.right-number-block p{font-size: 20px;margin-bottom:0px}
.left-number-block{padding: 30px 30px 30px 0px; }
.left-number-block h3{font-weight: 700;
    font-size: 54px;}
.left-number-block p{font-size: 20px;margin-bottom:0px}
.work-left-block{background:var(--primary-color);padding:70px;}
.work-right-block{background:var(--secondary-color);padding:70px;}
.work-left-block h5{color: var(--light-color);
    font-size: 22px;}
.work-left-block h2{color: var(--light-color);
        font-size: 54px;
    font-weight: 600;}
.work-right-block p{color: var(--light-color);font-size:20px;}
.work2-right-block{background-color: var(--primary-color);   /* or any color */
    background-image: url('https://template5.myinternalworking.com/wp-content/uploads/2025/06/Switchback.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto;
    padding: 80px;
		display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;            /* example text color */}
.work2-right-block h4{color: var(--light-color);
    font-size: 44px;
    font-weight: 400;  margin-bottom:30px; }
.work2-right-block a{
	display: inline-flex;
    align-items: center;
    justify-content: center;
	background: var(--secondary-color);
	text-transform: uppercase;
    font-weight: 500;
	font-size: 16px !important;
   color: #fff !important;
   padding: 20px 30px;  
  background: linear-gradient(to right, var(--primary-color) 50%, var(--secondary-color) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;}
.work2-right-block a:hover{ background-position: left bottom;}
.work2-right-block a::after {
 content: '';  
 display: inline-block; 
 width: 16px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRight.png');  
 background-size: contain;
 background-repeat: no-repeat;
}
.work2-right-block a:hover::after {
content: '';  
 display: inline-block; 
 width: 26px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');  
 background-size: contain;
 background-repeat: no-repeat;vertical-align: middle;
}
.split-bg-block {
  background: linear-gradient(to bottom, white 50%, var(--gray2-color) 50%);
  color: #000;
  padding: 60px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.work4-block{background:var(--primary-color);    padding-bottom: 70px !important;}
.work4-block h4{font-size: 36px;
    color: var(--light-color);margin-bottom:20px;}
.work4-block p{color: var(--light-color);}
.work4-block-title{background:var(--primary-color);padding:70px;}
 .work4-block-title h3{font-size: 50px;
    font-weight: 700;
    color: var(--light-color);
			text-align: center;}
.mpv-image img {
  max-width: 100%;
  height: auto;
  display: block;
}
.mpv-block{display: flex
;flex-wrap: nowrap; /* prevent wrapping */
  width: 100%;
    align-items: end;padding-top:0px;}
.mpv-block img{width: 100%;
    height: auto;}
.mpv-block h2{font-size:60px;font-weight:800;margin-top: 20px;}
.mpv-block p{margin-bottom:0px;    font-size: 30px;}
.mpv-left-block{padding-right: 30px;
   flex: 0 0 45%;  overflow: hidden; }
.mpv-right-block{padding-left: 30px;
    border-left: 1px solid;flex: 0 0 55%; overflow: hidden; }
.mpv-right-block2{padding-left: 30px;
   flex: 0 0 45%;  overflow: hidden; }
.mpv-left-block2{padding-right: 30px;
    border-right: 1px solid;flex: 0 0 55%; overflow: hidden; text-align: right;}
.mpv-left-block3{padding-right: 30px;
   flex: 0 0 45%;  overflow: hidden; }
.mpv-right-block3{padding-left: 30px;
    border-left: 1px solid var(--light-color);flex: 0 0 55%; overflow: hidden; }
.mpv-right-block3 h2{color:var(--light-color);}
.mvp-block5{  background: #005e5dc9;color:var(--light-color);    padding: 60px;}
.mvp-block5 h3{font-size:30px;font-weight:600;color:var(--light-color); display: flex;
  align-items: center;}
.mvp-block5 h3::before {
 content: '';  
 display: inline-block; 
 width: 26px;    
 height: 26px; 
 margin-right: 10px;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/mvp-check.png');  
 background-size: contain;
 background-repeat: no-repeat; flex-shrink: 0;
}
.global-top-block{background:var(--primary-color)}
.global-top-block h2{margin-bottom:30px;color:var(--light-color);    font-size: 60px}
.global-top-block p{margin-bottom:0px;color:var(--light-color);}
.gp-gray-title{background:var(--gray1-color);}
.gp-gray-title h2{color:var(--dark-color);font-weight:700;font-size:60px;text-align:center;}
.gp-gray{background:var(--gray1-color);}
.secondary-background{background:var(--secondary-color);padding:50px 0px 100px 0px;color:var(--light-color);text-align: center;}
.secondary-background h3{font-size: 36px;
    font-weight: 300 !important;
    color: var(--light-color);}
.secondary-background p{font-size: 22px;}
.industry-gray-section{background:var(--gray1-color);text-align:center;padding:100px 30px;}

.industry-gray-section h2{font-size: 60px;
    font-weight: 700;margin-bottom:20px;}
.industry-gray-section p{    font-size: 20px;
    color: var(--dark-color)
	;}	
.industry-gray-block3 {background:var(--gray1-color);}

.industry-gray-block3 h3{font-size: 40px;font-weight: 700;margin-bottom:20px;text-align:center;}
.industry3box{background:var(--light-color);text-align:center;padding:30px 50px;}
.industry3box img{width:80px;height:80px;margin-bottom:20px;}
.industry3box p{font-weight: 500 !important;
    font-size: 20px;
    color: var(--dark-color);}
.industry3box:hover .icon-health-hover {
    content: url('https://template5.myinternalworking.com/wp-content/uploads/2025/06/pharma-light.png');
}
.industry3box:hover .icon-food-hover {
    content: url('https://template5.myinternalworking.com/wp-content/uploads/2025/06/beverage-light.png');
}
.industry3box:hover .icon-consumer-hover {
    content: url('https://template5.myinternalworking.com/wp-content/uploads/2025/06/goods-light.png');
}
.industry3box:hover{background-color:var(--tertiary-color);color:var(--light-color);}
.industry3box:hover a{color:var(--light-color);}
.investor2-right-block{background-color: var(--primary-color);   /* or any color */
    background-image: url('https://template5.myinternalworking.com/wp-content/uploads/2025/06/Switchback-2.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto;
    padding: 80px;
		display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;            /* example text color */}

.investor-dark-background{background:var(--dark-color);}
.investor-dark-background h2 {
    color: var(--light-color);
    font-size: 45px;
	font-weight: 700;}
.invest-green-block{    background: var(--primary-color);
    padding: 20px !important;color:var(--light-color);display: flex; align-items: center;}
.invest-green-block {
    background-color: #006666; /* Deep teal/green */
    display: flex;
    align-items: center;
    padding: 20px;
    color: white;
    overflow: hidden;
}

.invest-green-block img {
    /* Existing image styles */
    width: 61px;
    height: 60px;
}
.green-flex{    display: flex
;gap:15px;}


.invest-green-block div span {
    /* Basic span styles */
    font-size: 1.2em; /* Default font size for "Over", "years experience" */
    margin: 0;
    line-height: 1;
    white-space: nowrap; /* Keep phrases like "years experience" together */
}

.invest-green-block .highlight-number {
    font-size: 36px* Larger size for "100" */
    font-weight: bold;
     margin-right: 0.1em; /* Small space before "years experience" */
    line-height: 1;
}


.invest-green-block .sub-text {
    font-size: 1.5em; /* Adjust for "years experience" */
    font-weight: normal;
    line-height: 1;
}
.team-members-grid {
            display: grid;
            grid-template-columns: 1fr; /* Default to single column on small screens */
            gap: 40px; /* Space between team member blocks */
            padding: 20px 0;
        }
@media (max-width:1724px) {.investor2-right-block {    padding: 20px;justify-content: start !important;}
	
	.investor2-right-block h5 {
    color: var(--light-color);
    font-size: 125px;
    font-weight: 700;
}}
@media (max-width:1600px) {.green-background h5 {  
    font-size: 100px;
    
}}
@media (max-width:1524px) {.investor2-right-block {    padding: 20px;justify-content: start !important;}
	.investor2-right-block h5 {
    color: var(--light-color);
    font-size: 100px;
    font-weight: 700;
}}
@media (max-width:1300px) {.investor2-right-block {padding: 20px;justify-content: start !important;}
	.investor2-right-block h5 {
    color: var(--light-color);
    font-size: 90px;
    font-weight: 700;
}
.investor2-right-block h4 {
    color: var(--light-color);
    font-size: 20px;
    font-weight: 700;
}}
@media (max-width:1050px) {.investor2-right-block {padding: 20px;justify-content: start !important;}
	.investor2-right-block h5 {
    color: var(--light-color);
    font-size: 80px;
    font-weight: 700;
}
.investor2-right-block h4 {
    color: var(--light-color);
    font-size: 20px;
    font-weight: 700;
}}
        @media (min-width: 768px) {
            .team-members-grid {
                grid-template-columns: 1fr 1fr; /* Two columns on larger screens */
            }
        }

        .team-member-block {
            display: flex;
            align-items: flex-start;
					
            gap: 20px; 
					
            padding: 15px;
        
					
					
            flex-wrap: wrap; /* Allow wrapping on very small screens */
        }

        .team-member-image-wrapper {
            flex: 0 0 auto; /* Don't grow or shrink, maintain size */
            width: 200px; /* Fixed width for the image container */
            height: 200px; /* Fixed height for the image container */
            /* border-radius: 50%; */ /* Make image circular */
            overflow: hidden;
            background-color: #f0f0f0; /* Placeholder background */
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .team-member-image-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Cover the area, cropping if necessary */
            display: block;
        }

        .team-member-content {
            flex: 1; /* Take up remaining space */
            min-width: 0; /* Allow content to shrink */
        }

        .team-member-name {
            font-size: 24px;
            font-weight: bold;
            color: #333;
            margin-bottom: 5px;
        }

        .team-member-job-title {
            font-size: 20px;
            color: var(--primary-color) !important;
    margin-bottom: 15px;
    font-weight: 600 !important;
        }

         .team-member-description {
            font-size: 16px;
            line-height: 1.6;
            color: #666;
            border-top: 1px solid var(--gray4-color);
            padding-top: 15px;
        }

        @media (max-width: 576px) {
            .team-member-block {
                flex-direction: column; /* Stack image and text vertically on very small screens */
                align-items: center; /* Center items when stacked */
                text-align: center;
            }
            .team-member-image-wrapper {
                margin-bottom: 15px;
            }
        }
 .tab-dropdown-container {
            margin-bottom: 20px;
        }

        #tabSelector {
            width: 200px;
            padding: 10px;
            font-size: 18px;
            border: 1px solid #ccc;
            border-radius: 4px;
            background-color: #f9f9f9;
            cursor: pointer;
            box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
        }

        #tabSelector:focus {
            outline: none;
            border-color: var(--secondary-color);
            box-shadow: 0 0 5px rgba(0, 122, 204, 0.5);
        }

        /* Existing styles for content display - slightly adjusted for independence */
        .tab-contents {
            flex: 1; /* This will not apply as effectively without flex parent */
            padding: 0; /* Remove padding if added by previous styles, content itself should have it */
        }

        .tab-content {
            display: none;
            padding: 20px; /* Add padding directly to the content block */
            border: 1px solid #ddd; /* Add border for content area */
            background-color: #fff;
        }

        /* Ensure the first tab is visible by default */
        .tab-content.active {
            display: block;
        }

        .document-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }

        .document-entry {
            display: flex;
            align-items: flex-start;
            width: calc(33% - 10px);
            padding: 16px;
            border-bottom: 1px solid #e0e0e0;
            background-color: #fff;
        }

        .document-entry.full-width {
            width: 100%;
        }

        .doc-icon svg {
            min-width: 36px;
            height: 36px;
            margin-top: 4px;
            margin-right: 10px; /* Space between icon and text */
        }

        .doc-text {
            flex: 1;
        }

        .doc-date {
            font-size: 14px;
            color: #6c757d;
            margin: 0 0 6px;
        }

        
        
        .event-block {
            padding: 16px;
            border-bottom: 1px solid #e0e0e0;
            background-color: #fff;
            width: 100%; /* Ensure event block takes full width */
        }
        .event-date {
            font-size: 14px;
            color: #6c757d;
            margin: 0 0 6px;
        }
        .event-text {
            font-size: 16px;
            color: #333;
            line-height: 1.5;
        }

        .alt-link {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            padding: 16px;
            border-bottom: 1px solid #e0e0e0;
            background-color: #fff;
            gap: 15px;
        }
        .alt-link p {
            margin: 0;
            font-size: 16px;
            font-weight: 500;
        }
        .alt-link a {
            padding: 8px 15px;
            background-color: var(--secondary-color); /* Use your theme's secondary color */
            color: white;
            text-decoration: none;
            border-radius: 5px;
            font-size: 14px;
            white-space: nowrap; /* Prevent "Download" from wrapping */
        }
        .alt-link a:hover {
            opacity: 0.9;
        }
.we-green-block-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  padding: 20px;
  
}

.we-green-flex-column {
  flex: 1 1 18%;
  min-width: 200px;
  max-width: 250px;
  text-align: center;
}

.we-green-flex-column img {
  display: block;
  margin: 0px auto 30px;
}

.we-green-flex-column p {
  font-size: 20px;
  line-height: 1.4;
}


        /* Responsive adjustments */
        @media (max-width: 768px) {
            .document-entry,
            .document-entry.full-width,
            .event-block,
            .alt-link {
                width: 100%;
            }
        }
.addresses-grid {
    padding: 40px 0;
    max-width: 80%;
    margin: 0 auto
}

@media screen and (max-width: 1400px) {
    .addresses-grid {
        max-width:90%
    }
}

@media screen and (max-width: 1200px) {
    .addresses-grid {
        max-width:100%;
        padding: 40px
    }
}

.addresses-grid .address-item {
    margin: 0 5% 40px 0;
    width: 28%;
    display: inline-flex;
    flex-direction: column
}

@media screen and (max-width: 1000px) {
    .addresses-grid .address-item {
        margin:0 3% 40px 0;
        width: 46%
    }
}

@media screen and (max-width: 600px) {
    .addresses-grid .address-item {
        margin:0 0 40px 0;
        width: 100%
    }
}
.sow-tabs .sow-tabs-tab-container {
    background-color: #ffffff;
    display: flex
;
    padding: 12px 10px 0px 10px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sow-tabs-tab {border-bottom:5px solid var(--light-color);
}
.sow-tabs-tab.sow-tabs-tab-selected  {
    background-color: #ffffff;
    color: #2d2d2d;
    border-bottom: 5px solid var(--primary-color);
}
.sow-tabs-tab:hover{
    background-color: #ffffff;
    color: #2d2d2d;
    border-bottom: 5px solid var(--primary-color);
}
.sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
  background-color: #ffffff;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  margin: 0px 5px 0px 5px;
  padding: 16px 15px 16px 15px;
  transition: all 0.3s;
  font-weight: 500;
	
}
.tabSelector {
    width: 200px;
    padding: 10px;
    font-size: 18px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9;
    cursor: pointer;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
/* Styling for the tabs themselves */
.investment-slider.research .tab-titles {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; /* Use flexbox to lay out tabs horizontally */
    border-bottom: 1px solid #e0e0e0; /* Separator line below tabs */
    margin-bottom: 20px; /* Space below the tab navigation */
}

.investment-slider.research .tab-titles li {
    margin-right: 2px; /* Small space between tab titles */
}

.investment-slider.research .tab-titles li a {
    text-decoration: none;
    color: #666; /* Default tab text color */
    padding: 10px 20px;
    display: block;
    background-color: #f8f8f8; /* Light background for inactive tabs */
    border: 1px solid #e0e0e0;
    border-bottom: none; /* No bottom border for tab title itself */
    border-radius: 5px 5px 0 0; /* Rounded top corners */
    transition: all 0.3s ease;
}

/* Active tab styling */
.investment-slider.research .tab-titles li a.active,
.investment-slider.research .tab-titles li a:hover { /* Added a:hover here */
    background-color: #ffffff; /* White background for active/hovered tab */
    color: #007bff; /* Blue color for active/hovered tab text */
    border-color: #e0e0e0; /* Keep border color */
    border-bottom: 1px solid #ffffff; /* Overlap the bottom border to "connect" with content */
}

/* Styling for the tab content container */
.investment-slider.research .tab-content {
    background-color: #ffffff; /* White background for content area */
    padding: 20px;
    border: 1px solid #e0e0e0; /* Border around the content area */
    border-top: none; /* Connects with the tab above */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* Subtle shadow */
}

/* Grid layout for items inside tab content */
.tab-content-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Responsive grid columns */
    gap: 20px 30px; /* Space between grid items (row-gap column-gap) */
}

.tab-content-grid .grid-item {
    padding: 5px 0; /* Padding around each item */
    color: #333; /* Default text color for items */
    display: flex; /* Use flexbox to align text and arrow */
    align-items: center; /* Vertically align items */
    justify-content: space-between; /* Push text to left, arrow to right */
    text-decoration: none; /* Remove underline from links */
}

.tab-content-grid .grid-item.download-link {
    color: #007bff; /* Blue color for research links */
    font-weight: 500; /* Slightly bolder text */
}

.tab-content-grid .grid-item .arrow {
    color: #007bff; /* Blue color for the arrow */
    font-size: 1.2em; /* Slightly larger arrow */
    margin-left: 10px; /* Space between text and arrow */
}

.tab-content-grid .grid-item:hover {
    text-decoration: underline; /* Underline on hover for links */
}

/* Specific styling for event details if used in the grid */
.tab-content-grid .event-details .event-date {
    font-weight: bold;
    color: #555;
}

.tab-content-grid .event-details .event-text {
    color: #777;
    font-size: 0.9em;
}

/* General link styling in the grid items */
.tab-content-grid .alt-link-container p {
    margin: 0;
    padding: 0;
    display: inline;
}

.tab-content-grid .alt-link-container a {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
}

.tab-content-grid .alt-link-container a .arrow {
    margin-left: 5px; /* Adjust arrow spacing for download link */
}

/* Hide the accordion sections if tabs are visible on desktop (optional, depends on your design) */
.slide-type-tabs {
    display: none;
}

/* Media queries for smaller screens if you want to switch to accordion or different layout */
@media (max-width: 768px) {
    .investment-slider.research #tabs-container-<?php echo $count; ?> { /* Note: This specific ID won't work perfectly in CSS with $count */
        display: none; /* Hide tabs on small screens */
    }
    .slide-type-tabs {
        display: block; /* Show accordion on small screens */
    }
    .tab-content-grid {
        grid-template-columns: 1fr; /* Single column for grid on small screens */
    }
}
.address-item h2{font-size: 24px !important;
    color: var(--primary-color);
    font-weight: 600;}
.address-item h3{    font-weight: 700;
    font-size: 26px;}
.doc-title {
    font-size: 18px;
    font-weight: 400 !important;
    color: var(--text-color) !important;
    text-decoration: none;
}
.doc-icon svg {
    min-width: 36px;
    height: 36px;
    margin-top: 4px;
    margin-right: 10px;
    color: var(--secondary-color) !important;
}
.tabSelector {
width: 350px;
padding: 10px 20px !important;
font-size: 18px;
border: none !important;
border-bottom: 2px solid #ccc !important;
border-radius: 4px;
background-color: #ffffff !important;
    cursor: pointer;
   box-shadow:none !important;
}
#tabSelector {
width: 350px;
padding: 10px 20px !important;
font-size: 18px;
border: none !important;
border-bottom: 2px solid #ccc !important;
border-radius: 4px;
background-color: #ffffff !important;
cursor: pointer;
box-shadow:none !important;
}
.event-block {
    display: block !important;
    align-items: flex-start;
    width: calc(33% - 10px) !important;
    padding: 16px;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
}
   .tab-content {
            display: none;
            padding: 20px; /* Add padding directly to the content block */
            border: 0px solid #ddd; /* Add border for content area */
		 background-color: transparent;}
		 .document-entry {
    display: flex
;
    align-items: flex-start;
    width: calc(33% - 10px);
    padding: 16px;
    border-bottom: 0px solid #e0e0e0;
    background-color: transparent;
}
		 .event-block {
    display: block !important;
    align-items: flex-start;
    width: calc(33% - 10px) !important;
    padding: 16px;
    border-bottom: 2px solid var(--gray5-color);
    background-color: transparent;
}
.event-date {
    font-size: 18px !important;
    color: var(--dark-color) !important;
    margin: 0 0 0px;
    font-weight: 700 !important;
}
.event-text {
    font-size: 18px !important;
    color: var(--text-color) !important;
    line-height: 1.5;
    font-weight: 400;
}
.investment-slider.research .tab-titles li a {
    text-decoration: none;
    color: var(--dark-color);
    padding: 10px 100px;
    display: block;
    background-color: var(--light-color);
    border: 0px solid #e0e0e0 !important;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    transition: all 0.3s ease;
	font-weight: 500;
}
.investment-slider.research .tab-titles li a.active, .investment-slider.research .tab-titles li a:hover {
    background-color: var(--gray2-color);
    color: var(--secondary-color);
    border-color: #e0e0e000;
    border-bottom: 1px solid #ffffff;
    font-weight: 500;
}
.investment-slider.research .tab-titles {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
;
    border-bottom: 0px solid #e0e0e0;
    margin-bottom: 20px;
}
.investment-slider.research .tab-content {
    background-color: transparent; /* White background for content area */
    padding: 20px;
    border: 0px solid #e0e0e0; /* Border around the content area */
    border-top: none; /* Connects with the tab above */
    box-shadow: none; /* Subtle shadow */
    padding-bottom: 70px;
}

/* Grid layout for items inside tab content */
.tab-content-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Responsive grid columns */
    gap: 20px 30px; /* Space between grid items (row-gap column-gap) */
}

.tab-content-grid .grid-item {
    padding: 5px 0; /* Padding around each item */
    color: #333; /* Default text color for items */
    display: flex; /* Use flexbox to align text and arrow */
    align-items: center; /* Vertically align items */
    justify-content: flex-start; /* Push text to left, arrow to right */
    text-decoration: none; /* Remove underline from links */
}

.tab-content-grid .grid-item.download-link {
    color: var(--text-color); /* Blue color for research links */
    font-weight: 500; /* Slightly bolder text */
	font-size: 18px;
}

.tab-content-grid .grid-item .arrow {
    color: var(--secondary-color); /* Blue color for the arrow */
    font-size: 1.2em; /* Slightly larger arrow */
    margin-left: 10px; /* Space between text and arrow */
}

.tab-content-grid .grid-item:hover {
    text-decoration: underline; /* Underline on hover for links */
}
.investment-slider.aim-rule .tab-titles li a {
    text-decoration: none;
    color: var(--dark-color);
    padding: 10px 30px;
    display: block;
    background-color: var(--light-color);
    border: 0px solid #e0e0e0 !important;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    transition: all 0.3s ease;
	font-weight: 500;
	margin-left:10px;
}
.investment-slider.aim-rule .tab-titles li a.active, .investment-slider.aim-rule .tab-titles li a:hover {
    background-color: var(--gray2-color);
    color: var(--secondary-color);
    border-color: #e0e0e000;
    border-bottom: 1px solid #ffffff;
    font-weight: 500;
}
.investment-slider.aim-rule .tab-titles {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex
;
    border-bottom: 0px solid #e0e0e0;
    margin-bottom: 20px;
}
.investment-slider.aim-rule .tab-content {
    background-color: transparent; 
    padding: 20px;
    border: 0px solid #e0e0e0; 
    border-top: none;
    box-shadow: none; 
    padding-bottom: 70px;
}
.investor-strip h2{text-decoration: underline;
    text-decoration-style: solid; /* As you already have */
    text-underline-offset: 0.5em; /* Adjust this value as needed, 'em' is relative to font size */
    /* Other properties you mentioned */
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;}
.investor-tabs-section h2{font-size:60px;font-weight:700;}
.tab-content-grid .grid-item.download-link:hover {
    color: var(--secondary-color);
    
}
.doc-title::hover {
     color: var(--secondary-color);
}
.video-grid{    display: flex
;
    flex-wrap: wrap;
    gap: 20px;}
.video-item{    display: block !important;
    align-items: flex-start;
    width: calc(50% - 20px) ;
    padding: 16px;
    background-color: transparent;}

.investor-navigation-list {
    list-style: none; 
    margin: 0;
    padding: 0;
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); 
    gap: 0px; 
    justify-content: start; 
}

.investor-navigation-list li {
    padding: 0px;
        text-align: center;
    display: flex; 
    align-items: center;
    justify-content: center;
}

.investor-navigation-list li.investor-active {
    background-color:var(--secondary-color) ;
    color: white;
    font-weight: bold;

}

.investor-navigation-list li.investor-active .active-nav-item {
   display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
    padding: 30px 10px;
    font-size: 17px;
    font-weight: 400;
}

.investor-navigation-list li.investor-inactive a {
    display: flex;
    align-items: center;
    justify-content: center; 
    width: 100%; 
    height: 100%; 
    text-decoration: none; 
    color: inherit;
    padding: 30px 10px;
    font-size: 17px;
    font-weight: 400;
}

.investor-navigation-list li.investor-inactive a:hover {
    background-color: var(--secondary-color);
    color: var(--light-color);
}
@media (max-width: 768px) {
    .investor-navigation-list {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }
}

@media (max-width: 480px) {
    .investor-navigation-list {
        grid-template-columns: 1fr;
    }
}
.board-committee-section{background:var(--gray1-color);padding-top:100px;}

.banner-content-sp{ display: flex
;
    align-items: center;
    width: calc(70% - 10px);
    padding: 15px;
    /* background-color: #fff; */
	gap: 30px;}
.banner-content-sp h1 {
  font-size: 70px;
  margin-bottom: 20px;
	font-weight:700;
	color:var(--dark-color);
}

.banner-content-sp p {
    font-size: 24px;
    max-width: 700px;
    margin: 0 auto;
	color:var(--dark-color);
}
.breadcrumbs-sp {color: var(--dark-color) !important;}
.breadcrumbs-sp a{color: var(--dark-color) !important;}
.push-behind-top {
    margin-top: 0; 
    position: relative;
    z-index: 0; 
	background:var(--dark-color);
}
.push-behind-top h3 {
    color: var(--light-color);
    font-size: 22px;
    font-weight: 700;
}
.push-behind-top h4 {
    color: var(--light-color);
    font-size: 26px;
    font-weight: 300;
	text-align:center;
}
.push-behind-top h2 {
    color: var(--light-color);
    font-size: 60px;
    font-weight: 600;
}
.push-behind-top p {
    color: var(--light-color);
    font-size: 22px;
    font-weight: 300;
}
.video-sp-bottom{background: var(--secondary-color) !important; text-align: center;  margin-top: -1px;
    color: var(--light-color);
    padding: 30px;}
.video-sp-bottom h2{color:var(--light-color);text-align:center;font-weight:700;
    font-size: 45px;}
.sustain-white-blocks h3{font-size:36px;font-weight:700;}
.sustain-white-blocks h4{    background: var(--gray1-color);
    padding: 20px;
    border-left: 5px solid var(--secondary-color);
    color: var(--secondary-color);
    font-size: 22px;
    font-weight: 400;    margin: 30px 0;}
.sustain-white-blocks p{font-size:20px;}
.events-main-section{    background: url(https://template5.myinternalworking.com/wp-content/uploads/2025/06/Frame-290-1.png);
    background-size: cover;
    background-position: center;}
.events-main-section h2{font-size: 200px;overflow:hidden;
    color: var(--gray1-color);
    font-weight: 900;text-align:right;}
.news-block{display: flex
;flex-wrap: nowrap; /* prevent wrapping */
  width: 100%;
    align-items: end;gap:30px;}
.news-block img{width: 100%;
    height: auto;}
.news-block h3{    font-size: 60px;
    font-weight: 700;}
.news-block p{margin-bottom:0px;    font-size: 20px;}
.news-left-block{
   flex: 0 0 35%;  overflow: hidden; }

.news-left-block2{padding-right: 30px;
    border-right: 1px solid;flex: 0 0 65%; overflow: hidden; text-align: right;}
.news-right-block2{ flex: 0 0 45%;  overflow: hidden;display: flex;
    align-items: self-end;
    gap: 20px; }
.news-right-col1{font-size: 36px;
    font-weight: 700;
    line-height: 1;}
.news-right-col2{font-size: 22px;
    font-weight: 500;
    line-height: 1.5;}
.events-thumbnail-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Adjust minmax for desired column width */
    gap: 20px; /* Space between columns and rows */
    margin-top: 30px;
    margin-bottom: 30px;
}

.event-thumbnail-block {
    text-align: center;
    border: 1px solid #eee;
    padding: 15px;
        background-color: #005e5de6 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between; /* Pushes content to top/bottom */
    height: 325px; position:relative;
}

.event-thumbnail-block a {
    text-decoration: none;
    color: inherit;
    display: block; /* Make the whole block clickable if linked */
    width: 100%;
}

.event-thumbnail-block img {
    height: 70%;
    display: block;
        margin: 15px auto !important;
    border-radius: 4px;
    width: auto;
    background: white;
    padding: 10px;
}

.event-thumbnail-block h4 {
  margin-top: 0;
    margin-bottom: 0;
    font-size: 1.2em;
    line-height: 1.4;
    color: var(--light-color);
    flex-grow: 1;
    display: flex
;
    align-items: flex-end;
    justify-content: flex-start;
    text-align: left;
    position: absolute !important;
    bottom: 30px;
}

.event-thumbnail-block h4 a {
    color: #333; /* Ensure link color within h4 is consistent */
}

.event-thumbnail-block h4 a:hover {
    text-decoration: underline;
}

/* Responsive adjustment for single column on small screens */
@media (max-width: 600px) {
    .events-thumbnail-grid {
        grid-template-columns: 1fr; /* Single column on very small screens */
    }
}
.event-link-block {
    text-align: center; 
    border: 1px solid #eee;
    padding: 15px;
    background-color: #ffffffe6 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    height: 325px;
    position: relative;

    display: flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center; 
}
.event-link-block h4{text-transform:uppercase;font-size:18px;font-weight:600;}
/* Styling for the Blog Slider Wrapper (mostly unchanged from previous) */
.blog-slider-wrapper {
   
}

.slider-header {
   display: flex
;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--gray4-color);
    padding-bottom: 30px;
}
.slider-header h2 {
   font-size:80px;font-weight:700;
}
.slider-title {
    margin: 0;
    font-size: 2em;
    color: #333;
}

.slider-nav {
    display: flex;
    align-items: center;
}

.view-all-posts {
    
    margin-right: 30px;
    padding: 15px 30px;
    color: var(--dark-color);
    text-decoration: none;
    border-radius: 3px;
    border-right: 1px solid var(--dark-color);
font-size:18px;font-weight:500;
}

.view-all-posts:hover {
   color: var(--secondary-color);
}

.slider-prev,
.slider-next {
    font-size: 2em;
    cursor: pointer;
    color: #555;
    margin-left: 15px;
    user-select: none;
    transition: color 0.3s ease;
}

.slider-prev:hover,
.slider-next:hover {
    color: #0073aa;
}

/* --- Styling for individual blog post slides with hover effect --- */
.blog-post-slide {
    position: relative; /* Needed for absolute positioning of background and content */
    overflow: hidden; /* Crucial to hide the overflow of the sliding content */
    height: 450px; /* Fixed height for consistency, adjust as needed */
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    background-color: #fff; /* Fallback background if no image */
}

.slide-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover; /* Cover the entire area */
    background-position: center center; /* Center the image */
    background-repeat: no-repeat;
    transition: transform 0.3s ease, filter 0.3s ease; /* Smooth transition for zoom and blur */
}

.slide-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
    box-sizing: border-box;
    z-index: 2; 
    color: #fff;/
   
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 40%); 
}

.slide-title {
    margin-top: 0;
    margin-bottom: auto; /* Pushes content below to the bottom */
    font-size:30px;
    line-height: 1.3;
    color: #fff;
    text-align: left; /* Center the title horizontally */
}

.slide-title a {
    color: inherit; /* Inherit color from parent (.slide-content) */
    text-decoration: none;
}

.slide-title a:hover {
    text-decoration: underline;
}


/* Initial state of the overlay (hidden below) */
.slide-overlay {
      background-color: #005e5ded; /* Dark background for readability */
    color: #fff;
    padding: 15px;
    margin: -30px; /* Compensate for .slide-content padding for full width/height overlay */
    padding-top: 35px; /* Adjust this to control how much of the overlay is initially visible (e.g., if you want a subtle peek) */
    transform: translateY(100%); /* Start completely below (hidden) */
    transition: transform 0.3s ease-out; /* Smooth slide-up transition */
    box-sizing: border-box;
    text-align: left; /* Adjust text alignment within overlay */
}

.blog-post-slide:hover .slide-overlay {
    transform: translateY(0); /* Slide up to full visibility */
}

/* Hover effects for background image */
.blog-post-slide:hover .slide-background {
    transform: scale(1.05); /* Slight zoom effect */
    filter: brightness(0.8) blur(2px); /* Slightly darken and blur background */
}

.blog-post-slide .post-excerpt {
    font-size: 0.9em;
    line-height: 1.5;
    margin-bottom: 10px;
    flex-grow: 1; /* Allows excerpt to take available space within overlay */
}

.blog-post-slide .read-more {
    /* Original styles you provided */
    background: var(--primary-color); /* This will be overridden by the linear-gradient below */
    color: var(dark-color) !important; /* Typo: should be var(--dark-color) */
    padding: 20px 30px;
    font-weight: 700;
    /* Gradient for the button itself */
    background: linear-gradient(to right, var(--secondary-color) 50%, var(--light-color) 50%); /* This overrides the background: var(--primary-color) above */
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    color: var(--text-color); /* This will be overridden by var(dark-color) !important above */
    font-size: 20px;
    /* Ensure it behaves like a block/inline-block for proper padding/sizing */
    display: inline-block; /* Crucial for hover effect and proper sizing */
    text-decoration: none; /* Remove underline from link */
}

.blog-post-slide .read-more:hover {
    color: var(--light-color) !important;
    background-position: left bottom;
}

/* CORRECTED Selector for the ::after pseudo-element */
.blog-post-slide .read-more::after {
    content: '';
    display: inline-block; /* Needs to be inline-block or block to have width/height */
    width: 26px;
    height: 26px; /* Ensure sufficient height */
    margin-left: 1rem;
    background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightBlack.png');
    background-size: contain;
    background-repeat: no-repeat;
    /* Vertically align the arrow with the text */
    vertical-align: middle;
    /* Ensure no text content pushes it around */
    flex-shrink: 0; /* If .read-more is a flex container */
}

.blog-post-slide .read-more:hover::after {
    /* You had width: 26px; height: 16px; here, was that intentional? */
    /* If the arrow image is 26x26 in both states, keep dimensions consistent */
    width: 26px;
    height: 26px; /* Changed from 16px to 26px for consistency */
    background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 1rem; /* This margin is already set above, no need to repeat unless it changes */
}
/* Responsive adjustments for Owl Carousel and header (from previous, kept for completeness) */
@media (max-width: 767px) {
    .slider-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .slider-nav {
        margin-top: 15px;
        width: 100%;
        justify-content: space-between;
    }
    .view-all-posts {
        margin-right: 0;
    }
}

/* Owl Carousel custom overrides */
.owl-carousel .owl-stage-outer {
    padding-bottom: 20px;
}
.owl-carousel .owl-item {
    padding-bottom: 10px; /* Add some padding if shadow is clipped */
}
.insight-main-section{    background: url(https://template5.myinternalworking.com/wp-content/uploads/2025/06/Frame-291-1.png);
    background-size: cover;
    background-position: center;}
.insight-main-section h2{font-size: 200px;overflow:hidden;
    color: var(--gray1-color);
    font-weight: 900;text-align:right;}
/* --- Recent Insight Posts Section --- */
.recent-insight-posts-section {
    margin-top: 50px;
    margin-bottom: 50px;
}

.recent-insight-posts-section .section-title {
    font-size: 2.2em; /* Adjust as needed */
    text-align: center;
    margin-bottom: 30px;
    color: #333;
}

.recent-insight-posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Responsive grid */
    gap: 30px; /* Space between blocks */
    justify-content: center; /* Center items if they don't fill the row */
}

.recent-insight-post-block {
    position: relative; /* For absolute positioning of content */
    height: 350px; /* Fixed height for the block */
    background-size: cover; /* Cover the entire block */
    background-position: center center; /* Center the image */
    background-repeat: no-repeat;
    display: flex; /* Use flexbox for vertical alignment */
    align-items: flex-end; /* Align content to the bottom */
    color: #fff; /* White text for contrast against background image */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); /* Text shadow for readability */
 
    overflow: hidden; /* Hide anything outside the block */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Subtle shadow */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.recent-insight-post-block:hover {
    
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

/* Overlay for the entire block to make it clickable */
.recent-insight-post-block .block-link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Make it clickable over other content */
}

.recent-insight-post-block .block-content {
    position: relative; /* Keep content above the background but below the overlay link */
    z-index: 2;
    padding: 20px;
    width: 100%; /* Ensure it spans the width */
    background: linear-gradient(to top, var(--primary-color) 0%, rgba(0,0,0,0) 100%); /* Gradient for better title readability */
	height:100%
}

.recent-insight-post-block .block-title {
    font-size: 1.6em; /* Adjust title size */
    margin-top: 0;
    margin-bottom: 5px; /* Space between title and date */
    line-height: 1.3;
	color:var(--light-color);
	position:absolute;
	bottom:30px;
}

.recent-insight-post-block .block-title a {
    color: inherit; /* Inherit white color from parent */
    text-decoration: none;
}

.recent-insight-post-block .block-title a:hover {
    text-decoration: underline; /* Underline on hover */
}

.recent-insight-post-block .post-date {
    font-size: 0.9em;
    opacity: 0.8; /* Slightly less prominent */
    margin-bottom: 0;
}

/* Optional: Add a subtle overlay to dim images slightly for text contrast */
.recent-insight-post-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); /* Dark overlay */
    z-index: 0; /* Behind content but above background image */
}
.insight-link-block {
  text-align: center;
    border: 1px solid #eee;
    padding: 15px;
    background-color: #ffffffe6 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    height: 350px;
    position: relative;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.insight-link-block h4{text-transform:uppercase;font-size:18px;font-weight:600;}
.event-navigation{background:var(--secondary-color);padding:30px 0px;}
.event-navigation-list {
    list-style: none; /* Remove default list bullets */
    padding: 0;
   margin: 0 auto;
	max-width: fit-content;
    display: flex; /* Makes the list items appear side-by-side */
    flex-wrap: wrap; /* Allows items to wrap to the next line if space is limited */
    gap: 30px; /* Adds a small gap between items and lines, adjust as needed */
}

.event-navigation-list li {
    
    border-right: 1px solid var(--light-color); 
    padding-right: 30px; 
    margin-right: 5px; 
}

.event-navigation-list li:last-child {
   
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

.event-navigation-list li a {
    text-decoration: none;
    color: var(--light-color); 
	font-size: 19px;
}

.event-navigation-list li a:hover {
    color: var(--dark-color); /* Example hover color */
}
.resources a{font-size: 30px;
    font-weight: 600;
    color: var(--dark-color);}
.blog-row {
    display: flex; 
    flex-wrap: wrap;
    align-items: stretch; 
    gap: 30px;
	padding: 100px 0px;
}
.blog-row .col-md-4 { 
    flex: 0 0 calc((100% - (2 * 30px)) / 3);
    max-width: calc((100% - (2 * 30px)) / 3);
    box-sizing: border-box;
}

.blog_box {
    background-color: #fff;
    border: 1px solid #ebeaea;
       height: 100%; 
    display: flex;
    flex-direction: column; 
}


.blogpost-thumnil-box {
    flex-shrink: 0; 
}


.article-box-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 20px;
}

.article-box-content .entry-content {
    flex-grow: 1; 
    height: auto; 
}

.article-box-content .learnmore-button-blog {
    
}
.article-box-content .read-more {
    /* Original styles you provided */

    background: var(--primary-color); /* This will be overridden by the linear-gradient below */
    color: var(dark-color) !important; /* Typo: should be var(--dark-color) */
    padding: 20px 30px;
    font-weight: 700;
    /* Gradient for the button itself */
    background: linear-gradient(to right, var(--secondary-color) 50%, var(--primary-color) 50%); /* This overrides the background: var(--primary-color) above */
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
    color: var(--light-color); /* This will be overridden by var(dark-color) !important above */
    font-size: 20px;
    /* Ensure it behaves like a block/inline-block for proper padding/sizing */
    display: inline-block; /* Crucial for hover effect and proper sizing */
    text-decoration: none; /* Remove underline from link */
}

.article-box-content .read-more:hover {
  
    background-position: left bottom;
	 color: var(--light-color);
}

/* CORRECTED Selector for the ::after pseudo-element */
.article-box-content .read-more::after {
    content: '';
    display: inline-block; /* Needs to be inline-block or block to have width/height */
    width: 16px;
    height: 16px; /* Ensure sufficient height */
    margin-left: 1rem;
    background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRight.png');
    background-size: contain;
    background-repeat: no-repeat;
    /* Vertically align the arrow with the text */
    vertical-align: middle;
    /* Ensure no text content pushes it around */
    flex-shrink: 0; /* If .read-more is a flex container */
}

.article-box-content .read-more:hover::after {
    /* You had width: 26px; height: 16px; here, was that intentional? */
    /* If the arrow image is 26x26 in both states, keep dimensions consistent */
    width: 26px;
    height: 26px; /* Changed from 16px to 26px for consistency */
    background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 1rem; /* This margin is already set above, no need to repeat unless it changes */
}
/* --- Blog Sidebar Styling --- */
.blog-sidebar {
   
    padding: 20px;
    margin-bottom: 30px; /* Space below the sidebar block */
    
}

.blog-sidebar .sidebar-title {
    font-size: 1.8em;
    margin-top: 0;
    margin-bottom: 25px;
    color: #333;
    text-align: center;
}

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

.recent-post-item {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee; /* Separator between posts */
    padding-bottom: 20px;
}

.recent-post-item:last-child {
    border-bottom: none; /* No separator after the last item */
    margin-bottom: 0;
    padding-bottom: 0;
}

.recent-post-link {
    display: flex; /* Enable Flexbox for image and content alignment */
    align-items: flex-start; /* Align items to the top (image and text) */
    text-decoration: none;
    color: #333;
    transition: color 0.3s ease;
    /* Ensure the link itself has enough space if you want flex children to share 50/50 */
    width: 100%;
}

.recent-post-link:hover {
    color: #0073aa; /* Example hover color for the link */
}

.recent-post-image {
    /* flex-shrink: 0; */ /* No longer needed if using flex: 0 0 50% */
    /* width: 80px; */    /* No longer needed, as flex-basis will control width */
    /* height: 80px; */   /* No longer needed, adjust img object-fit if needed */

    /* --- KEY CHANGE HERE --- */
    flex: 0 0 50%; /* Don't grow, don't shrink, take up 50% of parent's width */
    max-width: 50%; /* Ensure it doesn't exceed 50% */

    overflow: hidden; /* Hide parts of image if it doesn't fit */
    border-radius: 4px; /* Slightly rounded corners for the image */
    margin-right: 15px; /* Space between image and text */
}

.recent-post-image img {
    width: 100%;
    height: 100%; /* Make image fill its container */
    object-fit: cover; /* Ensures the image covers the area without distortion */
    display: block; /* Remove extra space below image */
}

.recent-post-content {
    /* --- KEY CHANGE HERE --- */
    flex: 1 1 50%; /* Allow to grow and shrink, start at 50% */
    /* flex-grow: 1; */ /* This is now implied by flex: 1 1 50% */

    min-width: 0; /* Important for flex items with text that could overflow */
}

.recent-post-title {
    font-size: 1.1em;
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 1.3;
}

.recent-post-title a {
    color: inherit;
    text-decoration: none;
}

.recent-post-title a:hover {
    text-decoration: underline;
}

.recent-post-excerpt {
    font-size: 0.85em;
    color: #666;
    margin-bottom: 0;
    line-height: 1.5;
}
.our-team-block {
    position: relative; /* Essential for positioning the overlay and content */
    width: 100%; /* Take up full width of its parent */
    padding-top: 70%; /* KEY CHANGE: Adjusted for 500x568px image aspect ratio */
    background-size: cover; /* Ensures the image covers the entire block */
    background-position: center center; /* Centers the background image */
    background-repeat: no-repeat; /* Prevents image repetition */
    overflow: hidden; /* Important for containing background image or ensuring border-radius works */
   
}



.our-team-block .block-content {
    position: relative;
    z-index: 2; /* Ensures content is above the overlay and background */
    padding: 30px;
    width: 100%; /* Ensures the content block spans the full width for the gradient */
   
    color: #fff;
   
    /* No flex properties needed here unless you want to align items *within* block-content */
}

.our-team-block .block-title {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.2;
	color:var(--light-color);
}

.our-team-block .block-title a,
.our-team-block .block-content p {
   	color:var(--light-color);
    text-decoration: none;
}

.our-team-block .block-title a:hover {
    text-decoration: underline;
}
.blog-title-single{font-size: 70px;
    font-weight: 600;
}
.sidebar-top{background:var(--gray2-color); padding:50px 30px;margin-bottom:50px;}
.img-thumbnail-single {
    padding: .25rem;
    
    max-width: 100%;
    height: 80%;
}
.sidebar-top h4{    font-weight: 700;
    font-size: 32px;}
.sidebar-top p{  
    font-size: 20px;color:var(--dark-color);}
/* --- Single Post Navigation Links --- */
.post-navigation-links {
    display: flex;
    justify-content: space-between; /* Pushes previous to left, next to right */
    align-items: center;
    margin-top: 40px;
    padding: 20px 0;
    border-top: none;
    border-bottom: none;
}

/* --- KEY CHANGE: Align the previous link block to the left --- */
.post-navigation-links .nav-previous {
    flex-basis: 48%;
    max-width: 48%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: auto;
}

/* --- KEY CHANGE: Align the next link block to the right --- */
.post-navigation-links .nav-next {
    flex-basis: 48%;
    max-width: 48%;
    display: flex;
    justify-content: flex-end; 
    align-items: center;
    height: auto;
}

/
.post-navigation-links a {
    display: inline-flex;      /* The link itself is a flex container for arrow and text */
    flex-direction: column;    /* Stacks arrow and text vertically */
    align-items: center;       /* Horizontally centers the arrow and text *within this 'a' tag* */
    justify-content: center;   /* Vertically centers content *within this 'a' tag* if extra space */
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    text-decoration: none;
    color: #333;
    font-weight: 600;
    transition: color 0.3s ease;
    /* No width or text-align here, as parent container controls overall alignment */
}

.post-navigation-links a:hover {
    color: #0073aa;
    background-color: transparent;
}

/* Hide the meta-nav spans used for default arrows */
.post-navigation-links .meta-nav {
    display: none;
}

/* --- Custom Image Arrow Styling --- */
.post-nav-arrow {
    width: 30px; /* Adjust based on your image size */
    height: 30px; /* Adjust based on your image size */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block; /* Important for background image to show */
    margin-bottom: 5px; /* Adds space below the arrow */
    margin-left: 0;
    margin-right: 0;
    flex-shrink: 0;
    transition: opacity 0.3s ease;
}

/* Assign your specific image URLs */
.post-nav-arrow.arrow-left {
    background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/arrow-prev.png');
}

.post-nav-arrow.arrow-right {
    background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/arrow-next.png');
}

/* Optional: Slight opacity change on hover for visual feedback */
.post-navigation-links a:hover .post-nav-arrow {
    opacity: 0.8;
}

/* Text styling for the navigation titles */
.post-navigation-links .nav-text {
    display: block; /* Ensure title is on its own line */
    text-align: left; /* Center align the title text within its own space */
    flex-grow: 1; /* Allow text to take remaining space if needed */
	    display: block;
    text-align: left !important;
    flex-grow: 1;
    color: var(--dark-color);
    font-size: 20px;
}
}


/* Responsive adjustments for smaller screens */
@media (max-width: 767px) {
    .post-navigation-links {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    /* On small screens, both containers should center their links */
    .post-navigation-links .nav-previous,
    .post-navigation-links .nav-next {
        justify-content: center; /* Center the link itself within its column */
        flex-basis: auto; /* Allow auto sizing */
        max-width: 100%; /* Full width */
    }

    /* Link styling for small screens - keep arrow on top, center within the link */
    .post-navigation-links .nav-previous a,
    .post-navigation-links .nav-next a {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: auto; /* Allow natural width */
    }
}
/* --- Related Posts Section Container Styling --- */
.related-posts-section {
    margin-top: 60px; /* Space above the entire section */
    
    padding: 80px;
    background-color: var(--gray1-color);
    
}

.related-posts-section .section-title {
    text-align: center;
    margin-bottom: 60px !important;
    font-size: 30px;
    color: var(--dark-color);
    font-weight: 700;
}

.related-post-item {
    padding: 15px; 
}

.related-post-item {
    position: relative;
    overflow: hidden;
    height: 450px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    background-color: #fff;
    width: 100%;
    margin: 0; 
}
.related-post-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: transform 0.3s ease, filter 0.3s ease;
}

.related-post-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 30px;
    box-sizing: border-box;
    z-index: 2;
    color: #fff;
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 40%);
}

.related-post-title {
    margin-top: 0;
    margin-bottom: auto;
    font-size:30px;
    line-height: 1.3;
    color: #fff;
    text-align: left;
}

.related-post-title a {
    color: inherit;
    text-decoration: none;
}

.related-post-title a:hover {
    text-decoration: underline;
}

.related-post-overlay {
    background-color: #005e5ded;
    color: #fff;
    padding: 15px;
    margin: -30px;
    padding-top: 35px;
    transform: translateY(100%);
    transition: transform 0.3s ease-out;
    box-sizing: border-box;
    text-align: left;
}

.related-post-item:hover .related-post-overlay {
    transform: translateY(0);
}

.related-post-item .related-post-excerpt {
    font-size: 0.9em;
    line-height: 1.5;
    margin-bottom: 10px;
    flex-grow: 1;
}
#single-breadcrumb{text-align:right;}

#single-breadcrumb a {
    color: var(--dark-color)
#FFFFFF !important;
}
#single-breadcrumb .breadcrumb_last{color:var(--gray6-color);}
.entry-meta, .post-meta {
    font-size: 0.9em;
    color: var(--text-color);
    margin-bottom: 15px; /* Adjust as needed */
}

.entry-meta span, .post-meta span {
    margin-right: 15px; /* Space between items */
    display: inline-block; /* Ensures they sit side-by-side */
}

.entry-meta .byline, .post-meta .post-author {
    font-weight: normal;
}
.byline a {
    color: var(--text-color);
    text-decoration: underline;
}
.company-section {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.company-description {
  max-height: 800px;
	background-color:var(--gray2-color);
  overflow: hidden;
  padding-right: 20px;
}
.company-description h2{    font-size: 60px;
    font-weight: 700;
    margin-bottom: 30px;}
.company-description h4{    font-size: 30px;
    color: var(--primary-color);
    margin-bottom: 30px;}
.timeline-section {
  flex: 1;
  max-height: 800px; /* Same as left column */
  overflow-y: auto;
   padding: 0px 40px;
	scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE and Edge */
}

.timeline-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 100px;
  position: relative;
  padding: 50px 0;
}

.timeline-item {
  display: flex;
  justify-content: center;
  align-items: stretch;
}

.timeline-content {
  display: flex;
  gap: 40px;
  align-items: stretch;
  width: 100%;
}

.left-layout .timeline-image-block {
  width: 68%;
  position: relative;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
    display: flex;
  align-items: flex-end;
  position: relative;
}
.right-layout .timeline-image-block {
  width: 68%;
  position: relative;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  display: flex;
  align-items: flex-end;
  position: relative;
	 justify-content: center;
}
.timeline-image-block img {
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.image-overlay {
  position: absolute;
  bottom: 0;
  transform: translateY(100%); /* push it just below image */
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 10;
}

/* Right-layout = image on right, circle on left edge (outside image) */
.right-layout .image-overlay {
  left: -8px; /* 8px = half circle width */
}

/* Left-layout = image on left, circle on right edge (outside image) */
.left-layout .image-overlay {
  right: -8px;
}

/* Circle appearance */
.circle {
  width: 16px;
  height: 16px;
  background: #333;
  border-radius: 50%;
  z-index: 2;
}

/* Line coming from circle */
.connector-line {
  width: 1px;
  height: 80px;
  background: #333;
  margin-top: 4px;
  z-index: 1;
}

.timeline-text-block {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0px
}

.text-top h4 {
    margin: 0;
    font-size: 1.2em;
    font-weight: 700;
}

.text-top p {
  margin-top: 10px;
  font-size: 1em;
  color: #666;
}

.text-bottom .year {
    font-weight: 800;
    font-size: 48px;
    align-self: flex-start;
    color: var(--dark-color);
    margin-bottom: 0px ;
}
.left-layout .text-bottom .year {
      font-weight: 800;
    font-size: 48x ;
    align-self: flex-end !important
    color: var(--dark-color);
    margin-bottom: 0px ;
}
/* Alternate layout */
.timeline-item.right-image .timeline-content {
  flex-direction: row-reverse;
}

.timeline-item.right-image .timeline-image-block {
  border-left: none;
  border-right: 3px solid #333;
}

.timeline-item.left-image .timeline-image-block {
  border-right: none;
  border-left: 3px solid #333;
}

/* Connector line to next item */
.timeline-item:not(:last-child)::after {
  content: '';
  position: absolute;
  bottom: -40px;
  left: 50%;
  width: 0px;
  height: 0px
  background: #333;
  transform: translateX(-50%);
}
.image-overlay.last-item .connector-line {
  display: none;
}
.full-width-bg {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  background-color: var(--gray2-color); /* Or your color */
}
/* Styling for Latest Blogs Shortcode */

.latest-blogs-container {
    display: flex;
    flex-wrap: wrap; /* Allows blocks to wrap to the next line */
    gap: 20px; /* Space between blocks */
    justify-content: center; /* Center blocks if not filling full width */
    margin: 40px auto; /* Add some vertical margin and center the container */
    max-width: 1200px; /* Limit the max width of the container */
}

.blog-block {
    flex: 1 1 calc(25% - 20px); /* For 4 blocks per row (25% each, minus gap) */
    max-width: calc(25% - 20px); /* Ensures consistent width */
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden; /* Ensures image corners are rounded if the image itself isn't */
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column; /* Stack image, title, content vertically */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.blog-block:hover {
    transform: translateY(-5px); /* Lift effect on hover */
    box-shadow: 0 6px 16px rgba(0,0,0,0.1);
}

.blog-block-image img {
    width: 100%;
    height: 200px; /* Fixed height for consistency */
    object-fit: cover; /* Ensures image covers the area without distortion */
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.blog-block-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Allows content area to grow and push button to bottom */
}

.blog-block-content h2 {
    font-size: 1.5em;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1.3;
}

.blog-block-content h2 a {
    text-decoration: none;
    color: #333;
    transition: color 0.2s ease;
}

.blog-block-content h2 a:hover {
    color: #007bff; /* Highlight on hover */
}

.blog-block-meta {
    font-size: 0.9em;
    color: #777;
    margin-bottom: 15px;
}

.blog-block-excerpt {
    font-size: 1em;
    line-height: 1.6;
    color: #555;
    margin-bottom: 20px;
    flex-grow: 1; /* Allows excerpt to fill available space */
}

.read-more-button {
    display: inline-block;
    background-color: #007bff;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 5px;
    align-self: flex-start; /* Align button to the left */
    transition: background-color 0.2s ease;
}

.read-more-button:hover {
    background-color: #0056b3;
}

@media (max-width: 1450px) {.info-number h1 {
    font-size: 70px;
    font-weight: 800;
    text-align: center;
}}
@media (max-width: 1220px) {.info-number h1 {
    font-size: 60px;
    font-weight: 800;
    text-align: center;
}}
@media (max-width: 991px) {
    .site-content {
       padding-top:0px;
    }
	.related-post-item {
    margin-bottom: 30px;
}
	.gray1-block{
		padding: 40px 15px;
	}
	.contact-form {
     margin: 30px;
}
	.right-container-50 {
    width: 100vw !important;
    margin-bottom:30px;
}
	.left-container {
    width: 100vw;
   
}
.news-block {
    display: flex
;
    flex-wrap: nowrap;
    width: 100%;
    align-items: end;
    gap: 20px;
	        flex-direction: column;
}
	.news-left-block2 {
    padding-right: 30px;
    border-right: 1px solid;
    flex: 0 0 60%;
    overflow: hidden;
    text-align: right;
}
	.news-right-block2 {
    flex: 0 0 45%;
    overflow: hidden;
    display: flex
;
    align-items: self-end;
    gap: 10px !important;
}
	.cta h2 {background: #f7fafa45;
		padding: 30px;margin-bottom:0px;}
	.cta h3 {
    background: #f7fafa45;
		padding: 30px;
}
	.insight-main-section h2 {
    font-size: 160px !important;
    overflow: hidden;
    color: var(--gray1-color);
    font-weight: 900;
    text-align: right;
}
	.left-container-60 {
    width: 100% !important;
    color: rgba(0, 0, 0, .6);
    overflow: hidden;
    float: right;
}
	.info-number h1 {
    font-size: 80px;
    font-weight: 800;
    text-align: center;
}
.info-blocks {
    position: relative;
    border-right: 0px solid var(--dark-color);
    min-height: 200px;
}
.content-people {}
.gradient-contact-block{        padding: 30px !important;}
	.investor2-right-block h4 {
    color: var(--light-color);
    font-size: 32px;
    font-weight: 700;
}
	.investor2-right-block h5 {
    color: var(--light-color);
    font-size: 150px;
    font-weight: 700;
}
		.video-item{    display: block !important;
    align-items: flex-start;
    width: calc(100%) ;
    padding: 16px;
    background-color: transparent;}
	.contact-bottom{position:relative !important; }
	.share-price-bottom{margin-top:40px;}
	.footer-right-sec{        text-align: center;}
	.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl {
    display: flex;
   
    align-items: center;
    justify-content: space-between 
}
	.logo-area {width:70%;}
	.logo-area img{width:250px;}
	#mega-menu-wrap-primary {
    position: relative; /* Or fixed, as your main header might be */
    z-index: 99990; /* Slightly lower than the dropdown, but still high for the main menu */
}
	.right-container-30 {
    width: 100vw !important;
    color: rgba(0, 0, 0, .6);
    overflow: hidden;
}
	.green-background {
    background: #005e5d75;
    padding: 50px 30px;
}
	.svg-blocks{display:none;}
	.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
	.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: none !important;
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}
	.right-container-45 {
    width: 100vw !important;
    right: 0px;
    color: rgba(0, 0, 0, .6);
    overflow: hidden;
}
.right-container {
    width: 100vw;
    overflow: hidden;
}
.bottom-form-left{padding:30px;
	margin-bottom:30px;}
}

/* Responsive adjustments for smaller screens */
@media (max-width: 1024px) {
    .blog-block {
        flex: 1 1 calc(50% - 20px); /* 2 blocks per row on tablets */
        max-width: calc(50% - 20px);
    }
}

@media (max-width: 768px) {
    .latest-blogs-container {
        gap: 15px;
    }
    .blog-block {
        flex: 1 1 calc(100% - 15px); /* 1 block per row on mobile */
        max-width: calc(100% - 15px);
    }
    .blog-block-image img {
        height: 180px;
    }
    .blog-block-content {
        padding: 15px;
    }
    .blog-block-content h2 {
        font-size: 1.3em;
    }
}
@media (min-width: 768px) {
 .left-flush {
          min-height: 30px;
        position: relative;
        background-color: var(--gray2-color);
        float: left;
        margin-left: -300px;
        padding-left: 300px;
        padding-top: 200px;
        padding-bottom: 200px;
}
}
.life-services-link {
  display: block;
  text-decoration: none; /* optional: remove underline */
}
.slider-prev-reviews,
.slider-next-reviews {
    font-size: 2em;
    cursor: pointer;
    color: #555;
    margin-left: 15px;
    user-select: none;
    transition: color 0.3s ease;
}
.reviews-slider-container {
  position: relative;
  padding-top: 50px;
}
.reviews-block{background-image: url(https://template5.myinternalworking.com/wp-content/uploads/2025/06/Quote-1.png);
    background-position: right top;
    background-repeat: no-repeat;}

.review-slide {
  padding: 30px;
   text-align: left;
	margin-top:50px;
}


.review-slide p{font-size: 24px;}
.reviews-slider-navigation{position: absolute; bottom: 50px; right: 10px; z-index: 1000;}
.job-filter-form {
  margin-bottom: 30px;
}
.job-filter-fields {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 20px;
}
.job-filter-fields div {
  flex: 1;
  min-width: 200px;
}
.job-filter-fields label {
  display: block;
  font-size: 14px;
  color: #555;
  margin-bottom: 5px;
}
.job-filter-fields input, .job-filter-fields select {
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--gray3-color);
    padding: 8px 4px;
    font-weight: 300;
    color: var(--text-color);
}
.job-filter-fields button {
  background-color: #015c59;
  color: #fff;
  padding: 12px 20px;
  border: none;
  font-weight: bold;
  cursor: pointer;
}

/* Job Listings */
.job-listings {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.job-entry {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}
.job-info h3 {
  margin: 0 0 5px;
}
.job-meta {
  font-size: 14px;
  color: #555;
}
.job-meta a {
  color: var(--primary-color);
  font-weight: 400 !important;
  text-decoration: none;
}
.job-location-date {
  text-align: right;
  font-size: 14px;
  color: #222;
}
.job-pagination {
  margin-top: 30px;
}
.job-primary-section{background:url(https://template5.myinternalworking.com/wp-content/uploads/2025/06/Frame-299.png); background-size: cover; 
  background-position: top right; 
  background-repeat: no-repeat; 
  display: flex;
  align-items: center;   
	justify-content: flex-end;
  padding: 20px; 
  box-sizing: border-box;
  position: relative;}
.job-primary-content {
    width: 60%;
    padding: 20px;
    color: var(--light-color);
  }
.career-locations-sections{display:flex;    padding-top: 30px;}
.career-locations{min-height: 100px;
    position: relative;
    width: 25%;}
.career-locations h2{font-weight: 700;
    font-size: 36px;}
.career-locations a{    font-size: 16px;
    color: var(--text-color);}

.job-primary-content h2 {
  font-size: 30px; color: var(--light-color);
  margin-bottom: 20px;
}

.job-primary-content p {
  font-size: 1.2em; /* Adjust font size as needed */
  line-height: 1.6;
  margin-bottom: 30px;
}
.job-info h3 a{font-size:20px;color:var(--dark-color);}
.job-board-left h3{font-size:26px;font-weight:700;margin-top:30px;}
.job-board-left img{margin-bottom:30px;}
.block-wrapper {
  display: flex;
  gap: 30px;
  align-items: flex-start;
}

.image-side img {
  width: 250px;
  height: auto;
  display: block;
}

.content-side {
  flex: 1;
}

.limited-content {
  max-height: 350px; /* Adjust to match image height */
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.limited-content h3{    font-weight: 700;
    font-size: 30px;   }
.limited-content h4{    font-size: 17px; margin-bottom: 30px;}
.limited-content h4::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 17px;
    background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/people-arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
    margin-right: 5px;
}
.limited-content h5{margin-top: 20px;}
.block-wrapper.expanded .limited-content {
  max-height: 1000px; /* Show all content */
}

.toggle-content {
  display: block;
  margin: 10px auto 0 auto; /* center the button */
  width: 30px;
  height: 30px;
  background: url('https://template5.myinternalworking.com/wp-content/uploads/2025/06/downarrow.png') no-repeat center center;
  background-size: contain;
  border: none;
  cursor: pointer;
}

.block-wrapper.expanded .toggle-content {
  background-image: url('https://template5.myinternalworking.com/wp-content/uploads/2025/06/downup.png');
}
.people-video-section{background:url(https://template5.myinternalworking.com/wp-content/uploads/2025/06/Rectangle-41.png); background-size: cover; 
  background-position: top left; 
  background-repeat: no-repeat; 
  display: flex;
  align-items: center;   
	justify-content: flex-end;
  padding: 20px; 
  box-sizing: border-box;
  position: relative;}
.people-video-section img{display: block;
    margin: 0 auto;}
.content-people {
    text-align: left;
   flex-grow: 1; 
    display: flex;
    flex-direction: column;
    justify-content: center;
background: #202a4429;
	min-height:70vh;
	padding-left:50px;
	backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.people-video-section  a{cursor: pointer;}

.content-people h2 {
    font-size: 50px;
	font-weight:700;
    margin-bottom: 20px;
    line-height: 1.2;
	color:var(--light-color);
}

.content-people h3  {
    font-size: 26px;
	font-weight:300;
    max-width: 800px;
	 line-height: 1.2;
	color:var(--light-color);
    
}

.icon-block {
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding: 50px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);    background: var(--dark-color);
    color: var(--light-color);
}

.icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.icon-item img {
    width: 80px; /* Adjust icon size as needed */
    height: 80px;
    margin-bottom: 30px;
   
}

.icon-item p {
    margin: 0;
   font-size: 20px
}
.home-companies{    border: 1px solid var(--gray4-color);
    padding: 30px;}
.home-companies img{width:100%;height:auto;margin:0 auto;display:block;}
.home-companies h4{    margin-top: 30px;
}
.home-companies a {
   background: linear-gradient(to right, var(--secondary-color) 50%, var(--primary-color) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .3s ease-out;
   font-weight: 500;
   color: #fff !important;
   padding: 20px 30px;
   display: inline-flex;
   align-items: center;
   gap: 1rem; /* replaces margin-left in pseudo-element */
   text-decoration: none;
	font-size:18px;
	margin-top: 40px;
}
#job-results {
  scroll-margin-top: 100px; /* Adjust to your header's height */
}
.home-companies a::after {
   content: '';  
   display: inline-block; 
   width: 16px;    
   height: 16px; 
   background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRight.png');  
   background-size: contain;
   background-repeat: no-repeat;
   transition: all 0.3s ease; /* smooth transition for hover effect */
}

.home-companies a:hover {
   background: var(--secondary-color);
	background-position: left bottom;
   color: #fff !important;
}

.home-companies a:hover::after {
   width: 26px;    
   height: 16px; 
   background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRightHover.png');  
}
.contact-bottom{position:absolute; bottom:0;}
@media (max-width: 635px) {.hero-video h1 {
    width: 100%;
    margin: 0 0 1rem;
    padding: 0;
    line-height: 1.2;
    color: white;
    font-size: 40px;
    font-weight: 900;
    text-shadow: 2px 2px 0 black, 2px 2px 0 black, 2px 2px 0 black, 2px 2px 0 black;
}
	.green-background h2 {
    color: var(--light-color);
    font-size: 70px;
    font-weight: 700;
}
	.banner-left{padding:75px 0px;}
	.icon-block {
    display: flex
;
    justify-content: space-around;
    width: 100%;
    padding: 50px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    background: var(--dark-color);
    color: var(--light-color);
    flex-direction: column;
}
	.banner-content h1 {
    font-size: 50px;
    margin-bottom: 20px;
    font-weight: 700;
    color: var(--light-color);
}
	.banner-content p {
    font-size: 20px;
    max-width: 700px;
    margin: 0 auto;
}
	.icon-item {
    display: flex
;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 30px;
}
.gray1-block ul {
   flex-direction: column;
}
	.gray1-block ul li {
    padding-right: 30px;
    margin: 20px auto;
}
	.investment-slider.research .tab-titles {flex-direction: column;}
	.investment-slider.research .tab-titles li a{
      text-align: center;
}
	.tab-link.active::after {
    display:none !important;
}
	.video-sp-bottom {
    background: url(https://template5.myinternalworking.com/wp-content/uploads/2025/06/Text.png);
    background-repeat: no-repeat;
    margin-top: -1px;
    color: var(--light-color);
    padding: 30px;
    background-size: cover !important;
}
	.video-sp-bottom h2 {
    color: var(--light-color);
    text-align: center;
    font-weight: 700;
    font-size: 30px !important;
}
	.block-wrapper
 {
    display: flex
;
    gap: 30px;
    align-items: flex-start;
    flex-direction: column;
}
	.video-item{    display: block !important;
    align-items: flex-start;
    width: calc(100%) ;
    padding: 16px;
    background-color: transparent;}
	.we-green-flex-column {
  flex: 1 1 98%;
   text-align: center;
}
	.we-green-block-flex {
    display: flex
;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center !important;

}
.sow-tabs .sow-tabs-tab-container {
    background-color: #ffffff;
    display: flex
;
    padding: 12px 10px 0px 10px;
    flex-wrap: wrap;
    flex-direction: column;
}
.hero-video h2 {
    width: 100%;
    margin: 0 0 1rem;
    padding: 0;
    line-height: 1.2;
    color: white;
}
	.bottom-form-left h2 {
    color: var(--light-color);
    font-size: 50px;
    font-weight: 700;
}
	.cta h2 {
    font-size: 50px;
    font-weight: 700;
    margin-top: 100px;
}
	.green-background h5 {
    color: var(--light-color);
    font-size: 90px;
    font-weight: 700;
}
	.document-entry {
    display: flex
;
    align-items: flex-start;
    width: calc(100% - 20px);
    padding: 16px;
    border-bottom: 0px solid #e0e0e0;
    background-color: transparent;
}
	.event-block {
    display: block !important;
    align-items: flex-start;
    width: calc(100% - 20px) !important;
    padding: 16px;
    border-bottom: 2px solid var(--gray5-color);
    background-color: transparent;
}
	.bottom-form-left{padding: 30px 0px;}
	.blog-link a {
    background: var(--light-color);
    color: var(--dark-color) !important;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 20px 20px;
    background: linear-gradient(to right, var(--secondary-color) 50%, var(--gray2-color) 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}
.main-header1-menu-section {
    background: var(--primary-color);
    height: 200px !important;
}
.top-link {
    display: flex
;
    margin-top: 10px;
    margin-bottom: 0px;
    justify-content: center;
}
	    .cta h3 {
        background: #f7fafa45;
        padding: 0px 30px 30px 30px;
    }
.gradient-contact-block h2 {
    font-size: 50px !important;
    color: var(--light-color);
    font-weight: 700 !important;
}
.team-member-block1 {
    display: block !important;
    grid-template-columns: 325px 1fr;
    grid-template-rows: auto auto;
    gap: 20px;
    margin-bottom: 20px;
    align-items: self-end;
}
	.team-member-image-wrapper{margin:auto}
}
.logo-swiper {
    width: 100%;
	padding:40px 0px !important;
}

.logo-swiper .swiper-slide {
    width: auto !important;
    background: transparent;
      display: flex;
      justify-content: center;
      align-items: center;
}

.logo-swiper .swiper-slide img {
    height: 60px;
    object-fit: contain;
}
.map-container {
  position: relative;
  width: 100%;
  max-width: 2500px; /* adjust as needed */
  margin: 0 auto;
}

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

.marker {
  position: absolute;
  width: 32px;
  height: 32px;
  background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/Marker.png'); /* example marker */
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(-50%, -100%);
  cursor: pointer;
}
.marker h5{margin-left: 32px;
    margin-bottom: 0px;
    font-size: 18px;
    color: var(--secondary-color);}
.marker h6{margin-left: 32px;
    width: 300px !important;
    font-size: 14px;}
/* Position markers using percentage relative to the image size */
.marker-1 {
  top: 30%;  /* Adjust this */
  left: 50%; /* Adjust this */
}

.marker-2 {
  top: 60%;
  left: 25%;
}
@media (max-width: 955px) {.banner-content-sp {
    display: flex
;
    align-items: center;
    width: 100%;
    padding: 15px;
    /* background-color: #fff; */
    gap: 30px;
	flex-direction:column
}}
@media (max-width: 1349px) {.timeline-container {
    width: 100%;
    display: flex
;
    flex-direction: column;
    gap: 10px;
    position: relative;
    padding: 50px 0;
}
	.right-layout .image-overlay {
    left: -8px;
    display: none;
}
		.left-layout .image-overlay {
    left: -8px;
    display: none;
}
	.document-entry {
    display: flex
;
    align-items: center;
    width: calc(50% - 10px) !important;
    padding: 15px;
    background-color: #fff;
}
}
@media (max-width: 490px) {
    .green-background h5 {
        color: var(--light-color);
        font-size: 80px;
        font-weight: 700;
    }
	.hero-video video {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    height: 60vh;
    width: 100%;
    top: 0;
    left: 0;
}
	.hero-video .video-container {
    height: 60vh;
    width: 100%;
    position: relative;
    overflow: hidden;
}
	.green-background h2 {
    color: var(--light-color);
    font-size: 70px;
    font-weight: 700;
}
	
}
@media (max-width: 1230px) {.team-member-block1 {
    display: block;
    grid-template-columns: 325px 1fr;
    grid-template-rows: auto auto;
    gap: 20px;
    margin-bottom: 20px;
    align-items: self-end;
}
}
@media (max-width: 800px) {	.document-entry {
    display: flex;
    align-items: center;
    width: 100% !important;
    padding: 15px;
    background-color: #fff;
}}

@media (max-width: 991px) {
.timeline-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 100px;
    position: relative;
    padding: 50px 0;
}
.nomobile {display: none !important;}
	.right-layout .image-overlay {
    left: -8px;
    display: none;
}
	    #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
        background: #005e5d;
        padding: 0px 0px 0px 0px;
        display: block;
        padding: 30px;
    }
	#mega-menu-wrap-primary {
        position: relative;
        z-index: 99990;
        margin: -30px !important;
       
    }

		.left-layout .image-overlay {
    left: -8px;
    display: none;
}
	.team-member-block1 {
    display: block;
    grid-template-columns: 325px 1fr;
    grid-template-rows: auto auto;
    gap: 20px;
    margin-bottom: 20px;
    align-items: self-end;
    text-align: center;
}
		.career-locations-sections {
    display: flex
;
    padding: 30px 0px;
    flex-direction: column;
   
}
	.career-locations {
    min-height: 100px;
    position: relative;
    width: 100% !important;
}
	.main-header1-menu-section {
       height: 250px;
}
	.top-link {
    display: flex;
    margin-top: 10px;
    margin-bottom: 0px;
    justify-content: center;
   
}
}
.capabilities-navigation-list {
    list-style: none; 
    margin: 0;
    padding: 0;
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); 
    gap: 0px; 
    justify-content: start; 
}

.capabilities-navigation-list li {
    padding: 0px;
        text-align: center;
    display: flex; 
    align-items: center;
    justify-content: center;
}

.capabilities-navigation-list li.capabilities-active {
    background-color:var(--tertiary-color) ;
    color: white;
    font-weight: bold;

}

.capabilities-navigation-list li.capabilities-active .active-nav-item {
    background-color: var(--tertiary-color);
    color: var(--light-color);
}

.capabilities-navigation-list li.capabilities-inactive a {
    display: flex;
    align-items: center;
    justify-content: center; 
    width: 100%; 
    height: 100%; 
    text-decoration: none; 
    color: inherit;
    padding: 30px 10px;
    font-size: 17px;
    font-weight: 400;
}

.capabilities-navigation-list li.capabilities-inactive a:hover {
    background-color: var(--tertiary-color);
    color: var(--light-color);
}
.capabilities-navigation-list img{margin-bottom:20px;}
.capabilities-navigation-list .capabilities-active img,
.capabilities-navigation-list li:hover img {
    filter: brightness(0) invert(1);
}

.capabilities-blocks a:hover {
    background: var(--primary-color);
    color: #fff !important;
    padding: 10px 30px;
}
.capabilities-blocks{position:relative;min-height:700px;padding:0px 15px;}
.capabilities-blocks h2 {
    margin-top: 30px;
    font-weight: 800;
	font-size:24px;
	color:var(--dark-color);
}
.capabilities-blocks p {font-size: 20px;
	color: var(--text-color);}
.capabilities-blocks img{  width: 100%;}
.capabilities-blocks a {
    background: var(--secondary-color);
    color: #fff !important;
    padding: 10px 30px;
    position: absolute !important;
    bottom: 30px !important;
}
.capabilities-blocks a::after {
 content: '';  
 display: inline-block; 
 width: 16px;    
 height: 16px; 
 margin-left: 1rem;
 background-image: url('https://template5.myinternalworking.com/wp-content/themes/ignite-digital/img/ArrowRight.png');  
 background-size: contain;
 background-repeat: no-repeat;
}
.capabilities-blocks a:hover::after {
 transform: rotate(45deg) translate(7px, -7px);
 margin-left: 1rem;
}
.product-form-section {
    background: var(--light-color);
    padding: 50px;
    position: relative; 
    margin-top: 10px; 
}

.product-form-section::before {
    content: ''; 
    position: absolute;
    top: -10px; 
    left: 25%; 
    transform: translateX(-50%);
    width: 50%;
    height: 10px; 
    background-color: var(--secondary-color); 
}
.product-form-section h2{margin: 30px 0px 90px 0px ;
    font-weight: 700;}
#quote {
  scroll-margin-top: 190px; /* Adjust this to match your header height */
}
  table.benefits-table {
    width: 100%;
    border-collapse: collapse;
  }
 table.benefits-table th,
  table.benefits-table td {
    border: 1px solid white;
		padding: 10px;font-size:18px;}
   table.benefits-table th {
    background-color: var(--primary-color);
    color: var(--light-color);
    padding: 10px;
    text-align: left;
  }

  table.benefits-table td {
    padding: 10px;
    color: var(--text-color);
		font-weight:500;
  }

  table.benefits-table tbody tr:nth-child(odd) {
    background-color: #e7eaed;
  }

  table.benefits-table tbody tr:nth-child(even) {
    background-color: #cdd2d8 !important;
  }	
.main-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.main-header1-menu-section {
  background-color: transparent;
  height: 120px;
}

/* Add background on scroll */
.main-header.scrolled .main-header1-menu-section {
  background-color: var(--primary-color);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.main-header .mega-menu-link,
.main-header .quote-link a {
  color: black;
  transition: color 0.3s ease;
}
.main-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    line-height: 40px;
    height: 40px;
    padding: 0px 7px;
    vertical-align: baseline;
    width: auto;
    display: block;
    color: black;
    text-transform: none;
    text-decoration: none;
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 0px;
    font-family: inherit;
    font-size: 18px;
    font-weight: normal;
    outline: none;
}
/* On scroll (header gains solid background) */
.main-header.scrolled #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    line-height: 40px;
    height: 40px;
    padding: 0px 7px;
    vertical-align: baseline;
    width: auto;
    display: block;
    color: white !important;
    text-transform: none;
    text-decoration: none;
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 0px;
    font-family: inherit;
    font-size: 18px;
    font-weight: normal;
    outline: none;
}
.home-form{background:#fff;padding:50px 30px;}
.home-form h2{font-size:45px;text-align:center;}
.home-form p{font-size:20px;text-align:center;color: var(--text-color);margin-bottom:30px;}
/* Force styling the last menu item link as a button */
#mega-menu-primary #mega-menu-item-5471 > a.mega-menu-link {
    background-color: var(--primary-color) !important;
    color: white !important;
    padding: 0px 30px !important;
    transition: background-color 0.3s ease;
}

/* Optional: Add a hover effect */
#mega-menu-primary #mega-menu-item-5471 > a.mega-menu-link:hover {
    background-color:  var(--secondary-color) !important;
    color: white !important;
}
.logo-area img {
  filter: none;
  transition: filter 0.3s ease;
}

/* When scrolled: invert logo colors */
.main-header.scrolled .logo-area img {
  filter: invert(1) brightness(2);
}
.pre-footer-section {
  position: relative;
  background: url('https://yourdomain.com/path-to-background.jpg') center center / cover no-repeat;
  padding: 150px 20px;
  text-align: center;
  color: white;
  z-index: 1;
	background-size:cover;
}

/* Optional dark overlay for text visibility */
.pre-footer-section::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.overlay-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin: 0 auto;
}
.overlay-content h2,
.overlay-content p {
  margin: 0 0 20px;
	color:var(--light-color);
}
.overlay-content h2{font-size:60px;font-weight:600;}
.overlay-content p {margin-bottom:30px;}
.overlay-content a{padding:20px 30px;background:var(--light-color);color:var(--primary-color);font-weight:600;}
.overlay-form {
    position: relative;
    z-index: 2;
    max-width: 50%;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
}
.overlay-form h2{font-size:45px;text-align:center;}
.overlay-form p{font-size:20px;text-align:center;color: var(--text-color);margin-bottom:30px;}
.pre-footer-section {
  position: relative;
  background-image: linear-gradient(0deg, var(--awb-color8) 0%, rgba(255, 255, 255, 0) 100%);
  padding: 200px 20px;
  text-align: center;
  color: white;
  overflow: hidden; /* Prevents overlay from spilling out */
  z-index: 1;
}

/* Dark overlay (only inside .pre-footer-section) */
.pre-footer-section::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
  z-index: 0;
}

/* Text content stays above the overlay */
.overlay-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin: 0 auto;
}
.hidden-footer {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s ease;
}

.hidden-footer.revealed {
  opacity: 1;
  transform: translateY(0);
}
.hidden-footer {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s ease-in-out, visibility 0.1s ease-in-out;
}

/* When visible */
.show-footer {
  opacity: 1;
  visibility: visible;
}
.landscaping-services {
  padding: 80px 20px;
  background-color: #f5f8f4;
  text-align: center;
}

.landscaping-services h2 {
  font-size: 2.5rem;
  color: #2e5c38;
  margin-bottom: 20px;
}

.landscaping-services .intro-text {
  font-size: 1.1rem;
  color: #555;
  margin-bottom: 50px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
  gap: 30px;
}

.service-card {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 25px;
  border-radius: 10px;
  transition: box-shadow 0.3s ease;
}

.service-card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.service-card h3 {
  color: #2e5c38;
  margin-bottom: 15px;
}

.service-card p {
  color: #444;
  font-size: 0.95rem;
  line-height: 1.6;
}
.service-card:hover, 
.service-card:focus {
    background-color: var(--primary-color); /* Change background to white on hover/focus */
}
.service-card img {
    transition: filter 0.3s ease; /* Smooth transition for image */
	filter: invert(30%) sepia(100%) saturate(500%) hue-rotate(100deg);
}
.service-card:hover img, 
.service-card:focus img {
    filter: brightness(0) invert(1); /* Inverts and desaturates image, making it white */
}



.service-card h3 {
    color: #333; /* Default text color */
}

.service-card p {
    color: #333; /* Default text color on the back */
	margin-bottom:30px;
}

.service-card:hover h3, 
.service-card:focus h3 {
    color: #fff; /* Optional: Change text color on hover/focus */
}
.service-card:hover p, 
.service-card:focus p {
    color: #fff; /* Optional: Change text color on hover/focus */
}
.service-card img {
    max-width: 100%;
    height: auto;
    transition: filter 0.3s ease; /* Smooth transition for image */
}
.service-card a span {
    color: #ffffff;
    background: var(--primary-color);
    font-weight: bold;
      padding: 10px 30px;
}

.service-card span:hover a  {
     background: #ffffff ;
   color: var(--primary-color); /* Change color of the link on hover */
}
/* Odd cards - green background, white text and white image */
.service-card:nth-child(odd) {
  background-color: var(--primary-color); /* Use your defined green */
}

.service-card:nth-child(odd) h3,
.service-card:nth-child(odd) p {
  color: #fff;
}

.service-card:nth-child(odd) img {
  filter: brightness(0) invert(1); /* Makes image white */
}

/* Hover effect for odd cards - white background, black text, green image */
.service-card:nth-child(odd):hover,
.service-card:nth-child(odd):focus {
  background-color: #fff;
}

.service-card:nth-child(odd):hover h3,
.service-card:nth-child(odd):hover p,
.service-card:nth-child(odd):focus h3,
.service-card:nth-child(odd):focus p {
  color: #000;
}

.service-card:nth-child(odd):hover img,
.service-card:nth-child(odd):focus img {
  filter: invert(30%) sepia(100%) saturate(500%) hue-rotate(100deg); /* Green filter */
}
.review-carousel .review-slide {
    padding: 20px;
}

.review-grid {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
    flex-wrap: nowrap;
}
.review-image {
    flex: 0 0 30%;
  
}
.review-image img {
     width: 100%;          /* Fill the container width */
    height: auto;
	aspect-ratio: 1 / 1;
    border-radius: 50%;
    object-fit: cover;
}

.review-content {
    flex: 0 0 70%;
    max-width: 70%;
}

.review-stars {
    width: 120px;
    margin-bottom: 20px;
}

.review-text {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}

.reviewer-name {
    font-weight: bold;
    margin-top: 5px;
}

/* Center navigation dots */
.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 20px;
}

.owl-carousel .owl-dot span {
    background: #ccc;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 5px;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.owl-carousel .owl-dot.active span {
    background: #333;
}