/*
Theme Name: Ministar Engineering Pvt Ltd
Theme URI:
Description: Technology Oriented - Integrated Logistics Service Provider.
Author: Mayapuri Graphic Workstation
Author URI:https://mayapuri.net/
*/

/* = Common style
-------------------------------------------------------------- */

body, html{
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    color: #333333;
    background:#ffffff;
}
body a{color: #2eaf7d;}
body a, body a:focus{color: #01414a;}
a, input{ -webkit-transition: all 0.4s;-moz-transition: all 0.4s; transition: all 0.4s; font-family:Roboto,sans-serif;}
f
h2.wp-block-heading { font-size: 24px;    margin-bottom: 20px;}
.modal-content .modal-body { padding: 20px 25px;}
textarea.wpcf7-form-control.wpcf7-textarea.form-control { height: 150px;}


.hidden { opacity: 0; }

.visible { opacity: 1; }
.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
/* HEADER */
#headerbox{position:fixed;top:0;left:0;width:100%;z-index:5;background: #fff;}
.sticky-top{z-index:4;}
.page-template-page_home #headerbox{ background:none;}
.page-template-page_home header#headerbox.fixed-top { background: #fff;}


nav.navbar.navbar-expand-lg.bg-body-tertiary { background: none !important;}
#headerbox .navbar-nav>li>a {
    font-size: 16px;
    font-weight: 500;
	padding: 10px 15px !important;
	position: relative;
	color:#000;
	text-decoration:none;
}
.page-template-page_home #headerbox .navbar-nav>li>a{color:#333;}

#headerbox .navbar-nav>li>a:hover:before{
	content: '';
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
    height: 5px;
    left: 15px;
    background-image: linear-gradient(to right, #20c49e, #51df63);
}

.navbar-brand {
	background: url(images/ministar_logo.png) no-repeat left top / 100%;
	height: 115px;
    width: 120px;
    display: block;
    text-indent: -99999px;

}
div#navbarNav {
    align-self: center;
    justify-content: flex-end;
}

.page-template-page_home .navbar-brand {  background: url(images/ministar_logo.png) no-repeat left top / 100%; }

span.carousel-control-prev-icon, span.carousel-control-next-icon{
	background-color:#000;
	background-size:80%;
	width:35px;
	height:35px;
	border-radius:100%;
}
.bodySection {
    padding: 75px 0 0;
    min-height: 88vh;   
}
.fixedRightIcon {
    position: fixed;
    right: -47px;
    top: 45%;
    z-index: 1;
    rotate: 90deg;
}
.fixedRightIcon button.btn.btn-primary {
    padding: 10px 15px;
}
.footerSection .col-lg-6.col-sm-12 {
    border-right: 1px solid #315c7a;
}
.footerSection .col-lg-4.col-sm-12 {
    border-right: 1px solid #315c7a;
}

.btn:first-child:hover, :not(.btn-check)+.btn:hover {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}
.contactInfo .wp-block-column.is-vertically-aligned-center:nth-child(3) {
    display: block;
    padding: 16px 16px 0 16px;
    border-radius: 10px;
    border: 3px solid #bdd5d4;
    box-shadow: 2px 4px 0px rgba(0, 0, 0, 0.15);
}

.page-template-page_home .bodySection{ margin-top: -87px;}

.bannerSection{	
	min-height:90vh;  
	padding: 140px 0 0;
}
.carouselcaption {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: left;
    padding: 20px 25px;
    background: rgba(0, 0, 0, 0.5);
}
.carouselcaption p{color: #ffffff;}
.captionCol h2 {
    font-size: 60px;
    color: #ffffff;
    font-weight: 400;
	line-height:1;
}
.captionCol h5 {
    font-size: 30px;
    color: #ffffff;
    font-weight: 400;
	line-height:1.3;
}
.bannerAction {
    max-width: 280px;
    background: #fff;
    margin-top: 20px;
    padding: 15px;
    border-radius: 8px;
}
.bannerSection .container {
    display: flex;
    align-items: center;
    min-height: 75vh;
}
.innerPageContent h2{color: #1a3f5c; font-weight: 600;}
.innerPageContent h4{color: #2eaf7d;font-weight: 600;margin-bottom:20px;}
.wp-block-column .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {   flex: 1;}

.carouselcaption h2,
.carouselcaption p,
.carouselcaption .bannerAction {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.carouselcaption.animate-in h2 { transition-delay: 0.1s; }
.carouselcaption.animate-in p  { transition-delay: 0.3s; }
.carouselcaption.animate-in .btn { transition-delay: 0.5s; }

.carouselcaption.animate-in h2,
.carouselcaption.animate-in p,
.carouselcaption.animate-in .bannerAction {
  opacity: 1;
  transform: translateY(0);
}


.is-content-justification-center {
    text-align: center;
}
.wp-element-button{
	background: #01414a;
    color: #ffff;
    padding: 17px 25px 16px;    
    display: inline-block;
    line-height: 1;
    border-radius: 18px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
}
.wp-element-button:hover{
	color: #fff;
    background-image: linear-gradient(to right, #159c7b, #0c8164);
}
.has-text-align-center {  text-align: center;}
.is-vertically-aligned-center {   margin: 0 auto 30px;}
.bannerAction a {
    display: flex;
    background-image: linear-gradient(to right, #51df63, #20c49e);
    padding: 7px 15px;
    border-radius: 15px;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 1px;
    max-width: 190px;
    justify-content: space-between;
}
.bannerAction a:hover{background-image: linear-gradient(to right, #159c7b, #0c8164);}
.bannerAction>span {
    margin-bottom: 10px;
    display: block;
	font-size:18px;
	text-decoration: underline;
}
#carouselExampleFade span.carousel-control-prev-icon {
    margin-left: 0;
}
.pointerRound{	
    background: #fff;
	background: linear-gradient(48deg, rgb(7 84 120) 0%, rgb(23 180 207) 80%));
	width: 180px;
    height: 180px;
    border-radius: 100%;
    color: #8c8c8c;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    flex-flow: column;
    text-align: center;
	font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
	border:2px solid #22d6a8;
}
/*
.industriesList {
    display: flex;
    flex-flow: wrap;
    gap: 20px;
	margin-bottom:40px;
}
.industriesCol {
    flex: 1 0 32%;
    position: relative;
    max-width: 32%;
}*/

section.industriesSection { padding: 40px;}
/*
.industriesCol figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    padding: 20px;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    color: #2eaf7d;
	opacity:0;
	display: flex;
    justify-content: center;
    align-items: center;
}
.industriesCol:hover figcaption{opacity:1;}

.industriesCol figure {
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%;
}*/


.industriesList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 180px;
  gap: 15px;
}

.industriesCol {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.industriesCol figure {
  margin: 0;
  width: 100%;
  height: 100%;
}

.industriesCol img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.industriesCol:hover img {
  transform: scale(1.06);
}

.industriesCol figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 15px;
  color: #fff;
  font-weight: 600;
  background: linear-gradient(to top, rgba(0,0,0,0.65), transparent);
  font-size:18px;
}

/* Size pattern — repeats every 6 items, like your screenshot's grid */
.industriesCol.item-1,
.industriesCol.item-6,
.industriesCol.item-7,
.industriesCol.item-12 {
  grid-column: span 2;
  grid-row: span 2;
}

.industriesCol.item-2,
.industriesCol.item-3,
.industriesCol.item-4,
.industriesCol.item-5,
.industriesCol.item-8,
.industriesCol.item-9,
.industriesCol.item-10,
.industriesCol.item-11 {
  grid-column: span 1;
  grid-row: span 1;
}

/* Responsive */
@media (max-width: 992px) {
  .industriesList {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .industriesList {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 150px;
  }
  .industriesCol.item-1,
  .industriesCol.item-6,
  .industriesCol.item-7,
  .industriesCol.item-12 {
    grid-column: span 2;
    grid-row: span 1;
  }
}

@media (max-width: 480px) {
  .industriesList {
    grid-template-columns: 1fr;
  }
  .industriesCol.item-1,
  .industriesCol.item-6,
  .industriesCol.item-7,
  .industriesCol.item-12 {
    grid-column: span 1;
  }
}


.pointerSection .row:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 10%;
    width: 80%;
    border-top:2px solid #22d6a8;
}
.pointerSection .row:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 10%;
    width: 80%;
    border-top:2px solid #22d6a8;
}

h2.columnTitle{margin-bottom:30px;}

h2.columnTitle span {
    background: #146b92;
    padding: 15px 20px 13px;
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    min-width: 200px;
    display: inline-block;
    color: #f4e7e8;
    letter-spacing: 1px;
}
ul.servicesMenu{
	list-style:none;
	padding:0;
	margin:0;	
}
ul.servicesMenu li{display:block;margin-bottom:1px;}
ul.servicesMenu li a:hover, ul.servicesMenu li a.selected{
	background: #146B92;
	background: linear-gradient(90deg, rgba(20, 107, 146, 1) 0%, rgba(34, 152, 158, 1) 50%, rgba(53, 210, 174, 1) 100%);
	color:#fff;
}
ul.servicesMenu li a{
	display:inline-block;
	color:#ffffff;
	font-size:18px;
	font-weight:500;
	text-transform:uppercase;
	padding: 12px 15px 10px;
    line-height: 1.1;
	text-decoration: none;
}
.siedBar ul.servicesMenu {
    background: #146b92;
    padding: 10px 10px;
    max-width: 100%;
}
.siedBar ul.servicesMenu li{ margin-bottom:0;border-bottom:1px solid #c9ccd2;}
.siedBar ul.servicesMenu li:last-child{ border-bottom:0;}
.siedBar ul.servicesMenu li a {
	display: block;
	font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 18px 10px 14px;
    line-height: 1.1;
    letter-spacing: 0.7px;
}
.siedBar h2.columnTitle {margin: 0;}
.page_Content {
    padding: 35px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

/*div.groupaboutSection {
    background:url(images/left-bg.jpg) 0 50px no-repeat;
    position: relative;
	padding-bottom:100px;
}
div.groupaboutSection:after {
    background: url(images/right_bg.jpg) right bottom no-repeat;
    content: '';
    position: absolute;
    right: 0;
    bottom: 50px;
    width: 100%;
    height: 100%;
}
.pageContainer.groupaboutSection {
    background-size: 180px;
    background-position: bottom left;
}
.pageContainer.groupaboutSection:after {
    background-size: 130px;
    top: 6%;
    background-position: top right;
*/

div.groupaboutSection {
    background: url(images/left-bg.jpg) no-repeat;
    background-position: 0 50px;
    position: relative;
    padding-bottom: 100px;
    overflow: hidden;
    animation: leftFloat 8s ease-in-out infinite;
}

div.groupaboutSection:after {
    background: url(images/right_bg.jpg) right bottom no-repeat;
    content: '';
    position: absolute;
    right: 0;
    bottom: 50px;
    width: 100%;
    height: 100%;
    animation: rightRotate 15s linear infinite;
    pointer-events: none;
}

.pageContainer.groupaboutSection {
    background-size: 180px;
    background-position: bottom left;
}

.pageContainer.groupaboutSection:after {
    background-size: 130px;
    top: 6%;
    background-position: top right;
}

/* Left Image Animation */
@keyframes leftFloat {
    0% {
        background-position: 0 50px;
    }
    50% {
        background-position: 0 25px;
    }
    100% {
        background-position: 0 50px;
    }
}

/* Right Image Animation */
@keyframes rightRotate {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(5deg) scale(1.05);
    }
    100% {
        transform: rotate(0deg) scale(1);
    }
}
.pointerSection .row {
    position: relative;
}
.potentialSection .row {
    justify-content: center;
}
span.pointVal {
   display: block;
    width: 100%;
    font-size: 32px;
    text-transform: none;
    line-height: 1.2;
}
section.pointerSection {   
    position: relative;
    z-index: 1;
	margin: 40px 0;
}
section.pointerSection .col-2 {
    width: 20%;
}
.sectionContent {
    max-width: 50%;
    margin: 0 auto;
	padding:30px 0;
}
.section-title {
    margin-bottom: 15px;
    color: #1a3f5c;
    font-weight: 600;
}
.text-align-center{text-align:center;}
.green-text, h2.green-text{color:#2eaf7d;}
a.readMore, .nav-pills .nav-link {
    background: #01414a;
    color: #ffff;
    padding: 10px 12px 11px;
    width: 135px;
    display: inline-block;
    line-height: 1;
    border-radius: 18px;
    font-size: 15px;
    font-weight: 500;    
	text-decoration:none;
	text-align: center;
}
a.readMore:hover, .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .nav-pills .nav-link:hover{color:#fff;background-image: linear-gradient(to right, #159c7b, #0c8164);}
.potentialSection{padding:60px 0;}
.iconRound{	
	border-radius: 100%;
	padding: 18px;
	box-sizing: border-box;
	width: 120px;
    height: 120px;	
	position:relative;
	justify-content: center;
    align-items: center;
    display: flex;
	margin: 0 auto 15px;
}

.potentialRound .iconRound{ transform: scale(1);-webkit-transition: all 0.4s;-moz-transition: all 0.4s; transition: all 0.4s;}
.potentialRound a:hover .iconRound{ transform: scale(1.1);}
.potentialRound a {  text-decoration: none;}

.potentialSection .row .potentialRound:first-child .iconRound, .potentialSection .row .potentialRound:nth-child(4) .iconRound{box-shadow: 0 0 35px #fcaf6d;background-image: linear-gradient(to right, #ff6b57, #ff954b);}

.potentialSection .row .potentialRound:nth-child(2) .iconRound, .potentialSection .row .potentialRound:nth-child(5) .iconRound{box-shadow: 0 0 35px #bd61fd;background-image: linear-gradient(to right, #9856d4, #b95df7);}

.potentialSection .row .potentialRound:nth-child(3) .iconRound, .potentialSection .row .potentialRound:nth-child(6) .iconRound{box-shadow: 0 0 35px #5efdfd;background-image: linear-gradient(to right, #69fafc, #60feff);}

.iconRound:before{
	content:"";
	position:absolute;
	top:10px;
	left:10px;
	width: 100px;
    height: 100px;
	background:#ffffff;
	border-radius: 100%;
}
.iconRound .icon img {
    position: relative;
    z-index: 1;
    max-width: 70px;
}
.potentialRound {
    color: #454545;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
#carouselService .carousel-inner {
    max-width: 80%;
    margin: 0 auto;
}
#carouselService figure {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.3);
}
#carouselService .captionCol {
    max-width: 80%;
    margin: 0 auto;
}
#carouselService .captionCol h2 {  color:#2eaf7d;}
section.serviceSection {  padding: 60px 0;}

.roundImg{
	width:350px;
	height:350px;
	overflow:hidden;
	border-radius:100%;
	box-shadow: 3px 4px 1px rgb(19 89 153 / 20%);
    border: 1px solid #ccc;
}
figure.wp-block-image.size-large, figure.wp-block-image.size-full{
    box-shadow: 3px 4px 1px rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
    padding: 4px;
}

figure img{max-width:100%;height:auto;width: auto;}
figure.aligncenter.size-thumbnail {
    text-align: center;
}
ul.sectorIconsCol {
    padding: 0;
    display: flex;
    flex-flow: wrap;
	list-style:none;
}
ul.sectorIconsCol li a {color:#626262; text-decoration:none;font-size: 18px;text-align:center;}
ul.sectorIconsCol li {
    flex: 1 0 33%;
    margin-bottom: 30px;
    padding: 0 15px;
	max-width: 33%;
}
ul.sectorIconsCol li a span{display:block;}
ul.sectorIconsCol i {
    display: block;
    text-align: center;
}
.sectorSection .sectionContent {
    max-width: 100%;
    padding: 0 0 20px 0;
}
.w-btn{
	border:1px solid #ccc;
	border-radius:5px;
	background:#fff;
	padding:10px 20px;
	display:inline-block;
	text-align:center;
}
.w-btn:hover{background:#01414a;color:#fff;border-color:#2eaf7d;}
.w-btn i.bi.bi-arrow-right-circle { display: inline-block;}
section.sectorSection { padding: 80px 0; position: relative; overflow: hidden;}
.sectorSection .col-4 { display: flex;  align-items: center;flex-flow: wrap;}

section.sectorSection:before {
    content: '';
    position: absolute;
    right: -250px;
    top: 25%;
    width: 350px;
    height: 350px;
    background: #1be194;
    border-radius: 100%;
	 opacity: 0.3
}
#carouselService:before {
   content: '';
    position: absolute;
    width: 500px;
    height: 500px;
    background: #2eaf7d;
    left: 7%;
    top: -15%;
    border-radius: 100%;
    opacity: 0.3;
}
.captionCol h5.green-text {
    font-size: 20px;
    font-weight: 500;
}
.captionCol h5.green-text a {  text-decoration: none;}
.captionCol h5.green-text a:hover {  color: #1a3f5c;}
.unfoldingCol figure {
    border: 1px solid #ccc;
    padding: 5px;
    box-shadow: 3px 4px 1px rgba(0, 0, 0, 0.2);
}
#unfoldingService button.carousel-control-prev {
    width: 35px;
    left: -35px;
}
#unfoldingService button.carousel-control-next {
    width: 35px;
    right: -35px;
}
section.unfoldingSection>.container {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 20px 0 50px;
    margin-bottom: 50px;
}
.clientsSaySection{
	border-bottom: 1px solid #cccccc;
    padding: 20px 0 50px;
    margin-bottom: 50px;
}
.testimonialCol{margin-bottom:20px;}
.testimonialCol .roundImg {
    width: 150px;
    height: 150px;
    margin: 0 auto -60px;
}
.testimonial {
    border-radius: 10px;
    border: 2px solid #ccc;
    padding: 80px 25px 25px 25px;
    background: #fff;   
	box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.3);
}
.testimonialText {
    max-height: 200px; /* Restrict height to make content scrollable */
    overflow-y: auto; /* Enable vertical scrolling */
    padding: 10px; /* Optional for better spacing */
    border: none; /* Optional border for styling */
}

.testimonialText::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.testimonialText::-webkit-scrollbar-track {
  background: #159399; 
}
 
/* Handle */
.testimonialText::-webkit-scrollbar-thumb {
  background: #ccc; 
}

/* Handle on hover */
.testimonialText::-webkit-scrollbar-thumb:hover {
  background:#159399; 
}

.visionmissionText{
	overflow: auto;
    height: 250px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.visionmissionText::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.visionmissionText {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.productsection{
	padding:50px 0 70px;
	background: #146B92;
	background: linear-gradient(90deg, rgba(20, 107, 146, 1) 0%, rgba(34, 152, 158, 1) 50%, rgba(53, 210, 174, 1) 100%);
}
.productsection .section-title{color:#fff;}
.productsection .item {
    background: #fff;
    width: 250px;
    height: 250px;
    border-radius: 100%;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.productsection .item figure {
    max-width: 120px;
    margin: 0 auto 10px;
}
.productsection .item figcaption {
    text-align: center;
    color: #6a6a6a;
    font-size: 22px;
    padding: 0 15px;
    display: block;
    line-height: 1.2;
}
.productsection .item a {
    text-decoration:none;
}
.unfoldingCol figure a img{width:100%;}
.clientsSection{padding:50px 0;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    font-size: 22px;
}
footer.footerSection {
    background: #153d59;
    padding: 60px 0;
}
h1.footerLogo {  margin-bottom: 25px;}
.footerSection p {
    color: #fff;
    max-width: 70%;
}
.footerSection .col-md-6.col-sm-12 {  border-right: 1px solid #ccc;}
.footerSection .col-md-4.col-sm-12 { padding-top: 20px;border-right: 1px solid #ccc;}
ul.footer-menu {  list-style: none;}
ul.footer-menu li a {
    color: #fff;
    text-decoration: none;
    padding: 5px 0;
    display: inline-block;
}
ul.footer-menu li a:hover{color:#2eaf7d;}
.footerInfo {  padding: 20px;color:#fff;}
.footerInfo h3{color:#fff;}
.footerInfo a{color:#fff;}
ul.solical_link {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 15px 0;
}
ul.solical_link a { display: block; padding: 5px 10px ;}
ul.solical_link a:hover {color:#2eaf7d;}
section.aboutSection { padding-top:40px;}
.inner-banner-section {
    padding: 60px 0;
    min-height: 300px;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
	position:relative;
}

.inner-banner-section:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.1);
}


h2.banner-title {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 54px;
	position: relative;
	padding-top: 70px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}
.breadcrumbs{display: flex; align-items: center;}
.breadcrumbs-section { border-bottom: 1px solid #c9ccd2;padding: 10px 0 10px;background: #fbfbfb;margin-top: -2px;}
.breadcrumbs-section ul{margin:0;padding:0;list-style:none;}
.breadcrumbs-section ul li{display:inline-block;padding-right: 10px;}
.breadcrumbs-section a{display:inline-block;color:#444444;font-size:13px; text-transform:uppercase;padding-right: 10px;font-weight:500;}
.breadcrumbs-section i.fas{padding-right: 10px;}
.breadcrumbs-section span{display:inline-block;color:#444444;font-size:13px; text-transform:uppercase;font-weight:500;}
.breadcrumbs-section a:hover span{color:#ad3137;}
.breadcrumbs-section span.post.post-page.current-item{color:#ad3137;}
.left-menu{list-style:none;padding:0 20px 0 0;}
ul.left-menu>li>a {
    padding: 15px 0;
    display: block;
    text-decoration: none;
    line-height: 1;
    border-bottom: 1px solid #cccccc;
    color: #626262;
    font-size: 18px;
}
ul.left-menu>li>a:hover, ul.left-menu>li>a.selected{color:#fff;background:#2eaf7d;  padding: 15px 10px;}

ul.left-menu>li>a>i{padding-right:5px;}
.innerpageContainer {
    padding: 30px 0;
	position: relative;
    z-index: 1;
}
.innerPageContent .pageTitle{color:#2eaf7d;}

/* Submenu styling */
.sub-menu {
    display: none; /* Hide submenu by default */
    position: absolute;
    top: 100%;
    left: 0;
    list-style-type: none;
    padding: 0;
    margin: 0;
    background-color: #035762; /* Submenu background */
    z-index: 1000; /* Ensure it is above other content */
}

.sub-menu .menu-item {
    float: none; /* Remove floating */
}

.sub-menu .menu-item > a {
    padding: 8px 15px;
    color: #fff; /* Text color */
    text-decoration: none;
    background-color:#035762; /* Submenu item background */
	display: block;
	line-height: 1.3;
}

.sub-menu .menu-item > a:hover {
    background-color: #575757; /* Hover background */
}

/* Show submenu on hover */
.menu-item:hover > .sub-menu {  display: block;}

/* Adding border and shadow */
.sub-menu {   
    box-shadow: 0px 8px 16px rgba(0,0,0,0.2); /* Shadow effect */
	transition: opacity 0.3s ease;
	width: 200px;
	padding-top: 20px;
}

/* Adding transition */

.menu-item:hover > .sub-menu {
    opacity: 1;
    display: block;
}
.sub-menu {  opacity: 0;}
.menu-item { position: relative;}

.timeline {
   position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
    border: 1px solid #ddd;
}

.timeline::before {
    content: '';
    position: absolute;
    width: 2px;
    background-color:#2eaf7d;
    top: 2%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 95%;
}

.timeline-item {
    position: relative;
    padding: 20px 0;
    display: flex;
    align-items: center;
}

.timeline-item:nth-child(odd) .timeline-content {
    margin-left: 0;
}

.timeline-item:nth-child(even) .timeline-content {
    margin-right: 0;
}

.timeline-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color:#2eaf7d;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.timeline-content {
    background-color: #fff;
    border: 2px solid #2eaf7d;
    border-radius: 8px;
    padding: 20px;
    position: relative;
    width: 48%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.timeline-content h2 {
    margin: 0;
    color: #333;
	font-size: 18px;
}

.timeline-content p {
    margin: 10px 0;
    color: #666;
}

.timeline-content .date {
    display: block;
    margin-top: 10px;
    font-size: 0.9em;
   color: #000;
    font-weight: 600;
}
.timeline-item:nth-child(even) .timeline-content {
    margin-left: 52%;
}
.innerPageContent .pageTitle {
   color: #2eaf7d;
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 26px;
}
/*******************/
.directors-section{    
    height: 550px;   
    margin: 20px 0 60px 0;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    display: flex;    
    overflow: hidden;
	padding:40px 30px;
}

.rightColumn{    
    width: 75%;
    overflow: hidden;
	position: relative;
}
ul.infoContainer {
    list-style: none;
    margin: 0;
}
.directorsInfo {
    display: block;
    text-align: center;
}
.directorsInfo figure {
    max-width: 200px;
    overflow: hidden;
    box-shadow: 2px 4px 0px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    margin: 15px auto 15px;
    padding: 5px;
    transition: all .8s ease-in-out;
    border: 1px solid #ccc;
}
.directorsInfo h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}
.directorsInfo {
    display: block;
    text-align: center;
    margin: 0 auto;    
	position: absolute;
    top: -95%;
	transition: all .6s ease-in-out;
	opacity: 0;
	width: 95%;
}
.directorsInfo::-webkit-scrollbar {
  width: 6px;
}
 
.directorsInfo::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
}
 
.directorsInfo::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  outline: 1px solid #333;
}


 
.leftColumn::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px transparent;
    background-color:#ececec;
}

.leftColumn::-webkit-scrollbar
{
    width:16px;
    background-color:#ececec;
}

.leftColumn::-webkit-scrollbar-thumb
{
    background:url(images/edit-tools.png) no-repeat center 45%;
	background-size:24px;
}
 
.directorsInfo.selected figure {transform: scale(1);}
.directorsInfo.selected {
    top: 0;
    overflow: auto;
    height: 100%;
	opacity: 1;
}
.directorsInfo p {   
    font-size: 15px;
    line-height: 1.5;
}
.directorsInfo h3 span.listRole {
    font-size: 18px;
}
.leftColumn {  
    display: flex;
	border-right: 1px solid #cccccc;
	overflow:auto;
	width: 25%;
    display: flex; 
	
}
h2.section_title {
    color: #ad3137;
}
ul.directorsMenu {
    padding: 0;
    list-style: none;
    margin: 0;   
	width: 100%;
}
.directorsMenu a {
    display: flex;
    width: 100%;
    flex-flow: column;
	align-items: center;
	padding: 15px 10px;
	text-decoration: none;
}
/*.directorsMenu figure img {filter: grayscale(100%);}
.directorsMenu figure {
    width: 60px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 20px;
    height: 60px;
}*/
span.director_name_col { flex: 1;}
span.listTitle {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #333333;
	-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;
}
span.listRole {
    display: block;
    font-weight: 300;
    color: #666666;
    font-size: 13px;
}
ul.directorsMenu li { display: block;border-bottom: 1px solid #cccccc;position:relative;}
ul.directorsMenu li:last-child {border-bottom:0;}
.directorsMenu a:hover {  background: #f9f9f9;}
.directorsMenu a:hover figure img {filter: grayscale(0%);}
.directorsMenu a:hover span.listTitle{color:#ad3137;}
.directorsMenu li.selected:before{
	content:'';
	background:#d2772a;
	width:4px;
	height:100%;
	position:absolute;
	right:0;
	top:0;
}
.directorsMenu li.selected a:{  background: #f9f9f9;}
.directorsMenu li.selected a figure img {filter: grayscale(0%);}
.directorsMenu li.selected a span.listTitle{color:#ad3137;}
.director_details{text-align:left;}

.tabs-section {
    padding: 25px 25px 10px 15px;
    background: #fbfbfb;
    margin-bottom: 40px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	border: 1px solid #ccc;
	display: flex;
    align-items: flex-start;
}
.tab-content {  padding-left: 15px;}
.tabs-section ul.nav {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
}
.pageContainer.contactPage .innerPageContent {  padding-bottom: 10px;}
.tab-content>.tab-pane{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s;}
.page_Content h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 30px;
}
.tabs-section.presence_tab li.nav-item button {
    width: 100%;
    padding: 15px 20px;
}
.tabs-section.presence_tab ul#pills-tab {
    justify-content: center;
}
.tabs-section.presence_tab li.nav-item{padding:0 5px;margin-bottom: 10px;width: 90%;}
.tabs-section.presence_tab a.nav-link {
    border:1px solid #ad3137;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;	
}
.tabs-section.presence_tab a.nav-link.active, .tabs-section.presence_tab a.nav-link:hover {
    background: #ad3137;
    color:#ffffff;
}
ul.address_list {
    padding: 0;
    width: 100%;
    list-style: none;
}
li.presenceBox {
    width: 100%;
    display: flex;
    background: #fff;
    border: 1px solid #dddddd;
    flex-flow: wrap;
}
.tab-pane h3 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 0;
    font-weight: 600;
}
.presenceInnerBox{
	flex-flow:wrap;
	width: 100%;
    display: flex;
	padding: 15px 0 0 0;
}
.presenceInner{display: none;width: 100%;padding:10px 20px 15px 20px;}
li.presenceBox:first-child>.presenceInner { display: block;}
h4.toggleBox i.bi.bi-chevron-down {
    float: right;
    margin-top: 3px;
}
.address_col {
    padding-right: 30px;
    width: 40%;
}
.toggleBox {
    font-weight: 500;
    font-size: 16px;
    padding: 10px 15px 9px;
    background: #3a4546;
    margin-bottom: 0;
    border: 1px solid #3a4546;
    color: #fff;
    letter-spacing: 0.7px;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.toggleBox:hover {
    background: #55a183;
    color: #fff;
}
.address_col p {  max-width: 80%;}
.map_col {  width: 60%;}
.map_col iframe {  width: 100%; height: 250px; padding:15px;background:#ffffff;border: 1px solid #dddddd !important;}

.nav-pills .nav-link{background: #3a4546;}
.directorsMenu li figure {  display: none;}
.wp-block-cover {
    box-sizing: border-box;
}
ul.sectorIconsCol li a:hover {  color: #2eaf7d;}

.sectorSection figure.roundImg a>img {
    display: block;
    min-height: 350px;
    width: auto;
}
.col-4 figure.roundImg{display:none;}
.col-4 figure.roundImg.hover_effect{display:block;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    font-size: 40px;
    line-height: 1;
}
.owl-nav {  text-align: center;}
.owl-nav button {
    padding: 5px 17px;
    display: inline-block;
    width: 25px;
}
.testimonialText h3 {
    font-size: 18px;
    text-align: center;
}
.testimonialCol .roundImg img {
    min-height: 150px;
    width: auto;
    min-width: 100%;
}
.clientsSection figure img {
    width: auto !important;
    height: 120px;
}
.clientsLogo .owl-stage { margin: 0 auto;}
.serviceSection .sectionContent {  margin-bottom: 40px;}
#carouselService .owl-stage-outer {
    padding-bottom: 4%;
}
#carouselService .carouselcaption{
	background-image: linear-gradient(to right, #15839c, #095356);
    border-radius: 15px;
    width: 90%;
    margin: 15% auto 0;
}
#carouselService .captionCol h2 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 20px;
}
ul.sectorIconsCol i img {
    max-width: 120px;
}
#carouselService .captionCol p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}

#carouselService a.readMore {
    border: 1px solid #ccc;
    box-shadow: 0 2px 9px rgba(255, 255, 255, 0.3);
}

#carouselService a.readMore:hover { background:#2eaf7d;}
.allserviceslink { text-align: center;}
.allserviceslink a.w-btn {  text-decoration: none;}
.pageContainer.mediaCenter { padding-top: 30px;}
nav.pagination { justify-content: center; padding-top:30px;}
span.page-numbers.current {
    color: #ffffff;
	background: #2da3fe;
}
.page-numbers {
    padding: 5px;
    color: #2da3fe;
    background: #ffffff;
    margin: 0 5px;
    display: inline-block;
    width: 30px;
    height: 25px;
    line-height: 1;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #cccccc;
    font-size: 15px;
    font-weight: 700;
}
li.locationMap {  max-width: 400px;}
details.wp-block-details.is-layout-flow.wp-block-details-is-layout-flow {
    padding: 10px 10px 5px 10px;
    border: 1px solid #d1e1d9;
    margin-bottom: 15px;
    box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.15);
}
details.wp-block-details summary {
    font-weight: 600;
    margin-bottom: 5px;
}
.wpcf7-response-output, .screen-reader-response {  color: #333;}
button.btn.btn-primary {
    padding: 10px 25px;
    background: #1a3f5c;
    border: none;
}
.wp-block-column.is-vertically-aligned-center { margin: 0 auto;}
.innerpageContainer section.pointerSection {
    margin: 0;
    padding: 20px 0;
}

.innerpageContainer section.pointerSection .row {
    justify-content: center;
}
.pointerSection .pointerRound { margin: 0 auto;}
.vision_mission .testimonial {
    background-image: linear-gradient(to right, #2d9ab3, #159399);
    border-color: #2690a9;
    border-radius: 30px;
    padding-top: 25px;
    box-shadow: 4px 3px 1px rgb(5 137 179 / 50%);
}
.vision_mission .testimonial p {
    color: #ffffff;
    font-weight: 300;
    font-size: 16px;
}
.iconHead {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    justify-content: center;
    flex-flow: column;
    height: 115px;
}

.vision_mission .iconHead img {
    height: 60px;
    width: auto;
    margin-bottom: 5px;
}

span.iconHeadTitle {
    display: block;
    text-align: center;
    line-height: 1;
}
.vision_mission .testimonial .testimonialText {  height: auto;}
.vision_mission .owl-stage-outer {
    margin: 0 auto;
    text-align: center;   
}

.leadershipBox {   position: relative;}
.leadershipHover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	opacity:0;
	display: flex;
    flex-flow: wrap;
}

.profileImg h4 {
    position: absolute;
    bottom: 10px; /* Adjust the position above the bottom of the image */
    background: #16c69e;
    width: 87%; /* Set a fixed or relative width, e.g., 80% of the parent container */
    padding: 5px 15px; /* Adjust padding for inner spacing */
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    border-radius: 0 20px 5px 0;
    height: 65px; /* Fixed height */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Optional shadow */
    text-align: left; /* Ensures the content stays aligned properly */
    overflow: hidden; /* Prevent content overflow */
}

/* Style for the Name inside H4 */
.leadershipBox h4 {
    font-size: 18px; /* Adjust the size for the name */
    font-weight: bold; /* Bold for the name */
    color: #ffffff; /* White color for the name */
    text-transform: none; /* Capitalize the name */
    margin: 0; /* Optional: Remove unnecessary margins */
    text-align: left; /* Center-align the text */
}

/* Style for the Designation */
.leadershipBox h4 .designation {
    display: block; /* Force it to a new line */
    font-size: 12px; /* Smaller size for the designation */
    font-weight: normal; /* Lighter weight for designation */
    color: #ffffff; /* White color for designation */
    margin-top: 5px; /* Space between the name and designation */
    text-transform: none; /* Optional: Remove uppercase styling */
}

.leadershipBox .profileImg img {
    height: 310px;
    width: 322px;
}
.leadershipBox:hover .leadershipHover {
    opacity: 1;
    z-index: 2;
    background: rgba(0, 0, 0, .9);
    color: #fff;
    padding: 15px;
}
.hoverTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
	width: 100%;
}
span.headTitleImg {
    display: flex;
}
.headTitleImg figure {
    overflow: hidden;
    border-radius: 100%;
    width: 40px;
	height:40px;
    border: 1px solid #ccc;
    margin: 0;
}
.headTitleImg a {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #fff;
}
.awardsSection figure {
    max-width: 125px;
    margin: 0 auto 20px;
}
.awardsSection figcaption {
    text-align: center;
    margin: 0 auto;
    max-width: 90%;
	 overflow: overlay;
    height: 205px;
	-webkit-transition: all 0.5s;-moz-transition: all 0.5s; transition: all 0.5s;
}
.awardsSection figcaption h3 {
    color: #1a3f5c;
    font-size: 22px;
    font-weight: 700;
}

.leadershipHover figcaption::-webkit-scrollbar { width: 3px;} 
.leadershipHover figcaption::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);} 
.leadershipHover figcaption::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey;}

.milestonesImg{
    position: relative;
    background: #ef9a92;
    padding: 20px;
    width: 240px;
    height: 240px;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid rgb(255, 255, 255, 0.7);
    box-shadow: 3px 4px 0 rgb(0, 0, 0, 0.2);
	margin: 25px auto 25px;
}

.milestonesIcon {
    position: relative;
    background: #ebebeb;
    padding: 15px;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid rgb(255, 255, 255, 0.7);
    box-shadow: 3px 4px 0 rgb(0, 0, 0, 0.2);
    height: 100%;
    width: 100%;
    text-align: center;
}
.milestonesIcon figure {
    width: 110px;
    margin: 0 auto 15px;
}

.milestonesIcon h4 {
    color: #ef9a92;
    font-size: 30px;
    margin: 0;
}

.milestonesContent {
    text-align: center;
    margin: 0 auto;
    padding: 5% 0 10%;
	position: relative;
}

.milestones {
    display: flex;
    flex-flow: wrap;    
}

.milestonesSection .owl-item:nth-child(even)  .milestones { flex-direction: column-reverse;}
.milestonesSection .owl-item:nth-child(odd) .milestonesContent{ padding-bottom:30%;}
.milestonesSection .owl-item:nth-child(even) .milestonesContent{ padding-top:35%;}

.milestonesSection .owl-item:nth-child(odd) .milestonesContent:before {
    content: '';
    position: absolute;
    height: 39%;
    width: 2px;
    bottom: -4%;
    border-right: 1px dashed #555;
}

.milestonesSection .owl-item:nth-child(even) .milestonesContent:before {
    content: '';
    position: absolute;
    height: 39%;
    width: 2px;
    top: -4%;
    border-right: 1px dashed #555;
}

.milestonesSection .owl-item:nth-child(2) .milestonesImg{ background: #6854b2;}
.milestonesSection .owl-item:nth-child(2) .milestonesIcon h4{  color: #6854b2;}

.milestonesSection .owl-item:nth-child(3) .milestonesImg{ background: #04bfad;}
.milestonesSection .owl-item:nth-child(3) .milestonesIcon h4{ color: #04bfad;}

.milestonesSection .owl-item:nth-child(4) .milestonesImg{ background: #f27e7e;}
.milestonesSection .owl-item:nth-child(4) .milestonesIcon h4{ color: #f27e7e;}

.milestonesSection .owl-item:nth-child(5) .milestonesImg{ background: #d98e04;}
.milestonesSection .owl-item:nth-child(5) .milestonesIcon h4{ color: #d98e04;}

.milestonesSection .owl-item:nth-child(7) .milestonesImg{ background: #6854b2;}
.milestonesSection .owl-item:nth-child(7) .milestonesIcon h4{  color: #6854b2;}

.about_content_section {
    max-width: 70%;
    margin: 0 auto 60px;
}
button.quoteBtn {
    margin: 0 auto !important;
    display: block;
}

.contactSection{
	padding: 50px 0 70px;
    background: #146B92;
    background: linear-gradient(90deg, rgba(20, 107, 146, 1) 0%, rgba(34, 152, 158, 1) 50%, rgba(53, 210, 174, 1) 100%);
}

.contactSection .section-title{color:#fff;}
.contactSection form br { display: none;}
.contactSection form span.wpcf7-form-control-wrap {
    display: inline-block;
    width: 49%;
}
.contactSection input.wpcf7-form-control {
    border-radius: 0;
    min-height: 43px;
    margin-bottom: 20px;
}
.contactSection form span.wpcf7-form-control-wrap[data-name="message"] {
    width: 100%;
}
.contactSection form span.wpcf7-form-control-wrap[data-name="email"]{margin-left:1.6%;}
.contactformcol input.wpcf7-form-control.wpcf7-submit.has-spinner.w-btn {
    margin: 0 auto;
    display: inherit;
}
.contactSection textarea.wpcf7-form-control.wpcf7-textarea.form-control{border-radius: 0;}




@media only screen and (max-width: 1200px) {
	.captionCol h2 {  font-size: 40px;}
}

@media only screen and (max-width: 1000px) {
    .page-template-page_home header#headerbox{ background: #035762; }
    button.navbar-toggler { background: rgba(255, 255, 255, 0.9);}
    .captionCol h5 {font-size: 20px;}
    .captionCol h2 {font-size: 30px;}
    .bannerSection {
        min-height: 60vh;
        padding-bottom: 45px;
    }
    span.pointVal{font-size: 24px;}
    .pointerRound{font-size: 14px;margin-bottom:15px;}
    section.pointerSection {margin-top: 0;}
    
    .sectionContent {
        max-width: 95%;
        padding: 20px 0;
    }
    h2.section-title {  font-size: 24px;}
    .potentialSection .row {flex-flow: row wrap;}
    .col-2.potentialRound {   flex: 1 0 143px; margin-bottom:20px;}
	.pointerSection .col-2 {  width: 33%;}
	ul.sub-menu {position: relative;background: none;    box-shadow: none; width:100%;}
	.sub-menu .menu-item > a {
   	 background: none;
   	 border-bottom: 1px solid #ccc;
		color:#000;
	}	
	.col-3.side-bar {
    	width: 100%;
    	margin-bottom: 20px;
	}
	#carouselService .captionCol {   max-width: 90%;}
	#carouselService .carouselcaption {
        margin: 10px auto;
        padding: 10px;
    }
	.serviceSection .item .row .col-sm-12.col-md-6:first-child {
        max-width: 75%;
        margin: 0 auto;
    }
	.sectorSection .col-4 {display: none;}
	.sectorSection .col-7 {width: 100%;}
	ul.sectorIconsCol li {
	    flex: 1 0 50%;
        max-width: 50%;
    }
	.col-md-9 {   width: 100%;}
	.tabs-section.presence_tab li.nav-item {  margin-bottom: 10px;}
	.address_col {  padding-right: 20px;}
	.address_col p {  max-width: 100%;}
	.toggleBox{font-size: 16px;}
	.address_col {
		width: 100%;
		max-width: 100%;
		padding: 0;		
	}
	.map_col{width: 100%;max-width: 100%;}
	li.presenceBox{flex-flow:wrap;}
	.siedBar ul.servicesMenu{max-width: 100%;}
	.siedBar ul.servicesMenu li a {		
		font-size: 14px;		
		padding: 10px 5px 10px;
		line-height: 1.2;		
	}
	h2.pageTitle{    font-size: 30px; margin-bottom: 20px;}
	.innerPageContent h2 {  font-size: 24px;}
	.page_Content {  padding: 20px;}
	.directors-section {
		padding: 20px 15px 20px 20px;
		margin-bottom: 40px;
	}
	.leftColumn{width: 35%;}
	.rightColumn {  width: 65%;}
	ul.infoContainer {
		padding: 0 15px;
		width: 100%;
	}
	span.listTitle {   line-height: 1.2;font-size: 15px;}
	.innerPageContent { padding: 30px 0;}
	
}
@media only screen and (max-width: 800px) {
	span.status_name {
		font-size: 13px;
		line-height: 1.1;
	}
	ul.status_info {
		flex-flow: wrap;
		padding-top: 0;
		margin-bottom: 15px;
	}
	.milestone_inner p {
		font-size: 15px;
		line-height: 1.5;
	}
	.yearBox span {
		font-size: 16px;
		padding: 10px;
	}
	.yearBox {  width: 85px;}
	.milestone_details {  padding-left: 10px;}
	ul.status_info {  flex-flow: wrap;}
	ul.status_info li {
		width: 50%;
		margin: 0 0 15px 0;
		padding: 0 10px;
	}
	.directorsInfo h3 {  font-size: 18px;}
	.directorsInfo h3 span.listRole {  font-size: 16px;}
	.directorsInfo p{font-size: 15px;}
	span.director_name_col {  display: none;}
	.directorsMenu figure {	margin-right: 0;}
	.leftColumn {  width: 75px;}
	.rightColumn {  width: calc(100% - 75px);}
	.tech-vantage_info{min-height: 160px;}
	.achievementsBox:nth-child(2) { border-right: none;}
	.achievementsBox {
		flex: 1 0 50%;
		border-bottom: 1px solid #ffffff;
		padding: 20px 15px;
	}
	.achievements {margin: 20px 0 0 0;}
	.directorsMenu li figure {  display: block;margin: 0;}
	.pointerRound {   margin: 0 auto 15px;}
	.pointerSection .col-2 {  width: 45%;}
}

@media only screen and (max-width: 765px) {
    .inner-banner-section {padding: 30px 0; min-height: 200px;}
    h2.banner-title {
     font-size: 32px;
     text-shadow: 0px 4px 5px rgba(0, 0, 0, 1);
    }
    .milestonesSection .owl-item:nth-child(even) .milestonesContent {
     padding-top: 10%;
    }
    .milestonesSection .owl-item:nth-child(odd) .milestonesContent {
    padding-bottom: 3%; }
    .panIndiaSpread h2.wp-block-heading.has-text-align-right {
        text-align: left;
        margin: 0 0 8px 0;
        font-size: 22px;
    }
    .panIndiaSpread h4.wp-block-heading.has-text-align-left {
    margin-bottom: 0;}
    .panIndiaSpread .kb-count-up-process.kb-count-up-number {
    text-align: left;}
    .panIndiaSpread .wp-block-spacer {  display: none;}
    .clientsSaySection {
        padding-bottom: 0;
        margin-bottom: 0;
        padding-top: 0;
    }
    .innerpageContainer .innerPageContent {  padding-top: 0;}
    .about_content_section {
        max-width: 90%;
        margin: 0 auto 20px;
    }
    section.bannerSection {  padding-top: 120px;padding-bottom: 30px;}
        .captionCol h2 {
        font-size: 25px;
        margin-bottom: 10px;
        line-height: 1.3;
    }
    section.aboutSection {  padding-top: 0;}
   .potentialSection {  padding: 30px 0;}
   .serviceSection .sectionContent {  margin-bottom: 0px;}
    section.serviceSection {padding: 10px 0;}
    section.sectorSection {   padding: 20px 0;}
    section.unfoldingSection>.container {
        padding: 20px 0 30px;
        margin-bottom: 0px;
    }
    .awardsSection figcaption {   height: auto;}
    .clientsSection {  padding: 0;}
    footer.footerSection{padding: 30px 0;}
        h1.footerLogo a img {
        max-width: 150px;
        display: block;
        margin: 0 auto 20px;
    }
    .footerSection p{max-width:100%;margin-bottom:20px;}
    
    ul.footer-menu{padding-left:0;}
	#carouselService:before{display:none;}
	section.unfoldingSection {  max-width: 95%;margin: 0 auto;}
	
	.pointerSection .row {   justify-content: center;}
	
	.pointerSection .row .col-2{ margin-bottom:20px;}
	
}

/* Start of New Addition - Mobile Optimization*/

/* ===========================
   HOME PAGE MOBILE FIXES
   =========================== */

@media only screen and (max-width: 767px) {

    /* General */
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Hero Banner */
    section.bannerSection {
        padding-top: 100px;
        padding-bottom: 20px;
    }

    .captionCol {
        text-align: center;
    }

    .captionCol h2 {
        font-size: 24px;
        line-height: 1.3;
    }

    .captionCol p {
        font-size: 15px;
        line-height: 1.6;
    }

    .bannerAction {
        margin-top: 15px;
    }

    /* About Section */
    div.groupaboutSection {
        background-size: 100px !important;
        background-position: left bottom !important;
        padding-bottom: 40px;
    }

    div.groupaboutSection:after {
        background-size: 80px !important;
        bottom: 0 !important;
    }

    /* Pointer Section */
    .pointerSection .row {
        justify-content: center;
    }

    .pointerSection .col-2 {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
        margin-bottom: 20px;
    }

    /* Services */
    .serviceSection .item .row .col-sm-12.col-md-6:first-child {
        max-width: 100%;
    }

    /* Industries Grid */
    .industriesList {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        grid-auto-rows: 140px;
    }

    .industriesCol.item-1,
    .industriesCol.item-6,
    .industriesCol.item-7,
    .industriesCol.item-12 {
        grid-column: span 2;
        grid-row: span 1;
    }

    .industriesCol figcaption {
        font-size: 14px;
        padding: 10px;
    }

    /* Clients Logo */
    .clientsSection {
        padding: 20px 0;
    }

    .clientsLogo img {
        max-width: 100%;
        height: auto;
    }

    /* Section Headings */
    h2.section-title {
        font-size: 24px;
        line-height: 1.3;
    }

    .sectionContent {
        max-width: 100%;
        padding: 15px 0;
    }
}


/* ===========================
   SMALL PHONES
   =========================== */

@media only screen and (max-width: 480px) {

    /* Industries */
    .industriesList {
        grid-template-columns: 1fr;
    }

    .industriesCol,
    .industriesCol.item-1,
    .industriesCol.item-6,
    .industriesCol.item-7,
    .industriesCol.item-12 {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
    }

    /* Pointer Section */
    .pointerSection .col-2 {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    /* About Decorative Images */
    div.groupaboutSection {
        background-size: 70px !important;
    }

    div.groupaboutSection:after {
        background-size: 60px !important;
    }

    /* Hero Banner */
    .captionCol h2 {
        font-size: 22px;
    }

    .captionCol h5 {
        font-size: 16px;
    }

    /* Clients */
    .clientsSection {
        padding: 10px 0;
    }

    h2.section-title {
        font-size: 22px;
    }
}

/* Safety Fix for Horizontal Scroll */
html,
body {
    overflow-x: hidden;
}

/* ==================================
   MOBILE CENTER ALIGNMENT
   Products & Clients
   ================================== */

@media only screen and (max-width: 767px) {

    /* Products Section Heading */
    .industriesSection .sectionContent,
    .industriesSection h2.section-title {
        text-align: center;
    }

    /* Product Carousel */
    .owl-carousel .owl-item {
        text-align: center;
    }

    .ProductItem {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .ProductItem figure,
    .ProductItem img,
    .ProductItem .pointerRound,
    .ProductItem .potentialRound {
        margin-left: auto;
        margin-right: auto;
    }

    /* Clients Section */
    .clientsSection .sectionContent,
    .clientsSection h2.section-title {
        text-align: center;
    }

    .clientsLogo .item {
        text-align: center;
    }

    .clientsLogo .item img {
        display: inline-block;
        width: auto;
        max-width: 100%;
        margin: 0 auto;
    }

}


@media only screen and (max-width: 767px) {

    /* Product Section */
    .productItem .owl-stage {
        display: flex;
        justify-content: center;
    }

    .productItem .owl-item {
        text-align: center;
    }

    .productItem .item {
        margin: 0 auto;
    }

    .productItem figure {
        display: flex;
        justify-content: center;
    }

    .productItem figcaption {
        text-align: center;
    }

    .allserviceslink {
        text-align: center;
    }

}

/* Mobile Hero Banner Optimization */
@media only screen and (max-width: 767px) {

    .bannerSection .carousel-item {
        min-height: 40vh !important;
        background-size: cover !important;
        background-position: center center !important;
    }

    section.bannerSection {
        padding-top: 70px;
        padding-bottom: 0;
    }

    .carouselcaption {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .captionCol h2 {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .captionCol p {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .bannerAction {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 767px) {

    .pointerSection .col-2:first-child {
        margin-top: 20px;
    }

    .pointerSection .col-2:last-child {
        margin-bottom: 20px;
    }

}

/* ==================================
   CONTACT FORM MOBILE FIX
   ================================== */

@media only screen and (max-width: 767px) {

    .wpcf7,
    .wpcf7-form,
    .wpcf7-form p,
    .wpcf7-form-control-wrap {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        box-sizing: border-box;
    }

    .wpcf7-form p {
        margin-bottom: 15px;
    }

    .wpcf7-form-control,
    .form-control,
    .wpcf7-text,
    .wpcf7-email,
    .wpcf7-textarea,
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    textarea,
    select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    .wpcf7-submit,
    input[type="submit"] {
        width: 100%;
        display: block;
    }
}

@media only screen and (max-width: 767px) {

    .wpcf7-form-control-wrap[data-name="email"] {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

}

/* ==================================
   MOBILE HEADER IMPROVEMENTS
   ================================== */

@media only screen and (max-width: 1000px) {

    /* White background immediately on mobile */
    header#headerbox {
        background: #ffffff !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    }

    /* Logo visibility */
    .navbar-brand img,
    .custom-logo {
        max-height: 55px;
    }

    /* Burger Menu */
    .navbar-toggler {
        background: #ffffff !important;
        border: 1px solid #d9d9d9;
        padding: 8px 10px;
    }

    .navbar-toggler-icon,
    .navbar-toggler i {
        color: #035762 !important;
    }

    /* Mobile Menu Links */
    .navbar-nav .nav-link,
    .menu-item a {
        padding: 14px 15px !important;
        line-height: 1.5;
    }

    /* Sub Menu Links */
    .sub-menu .menu-item a {
        padding: 12px 15px !important;
    }

}

@media only screen and (max-width: 1000px) {

    .navbar-nav .menu-item {
        margin-bottom: 8px;
    }

    .navbar-nav .menu-item a {
        padding: 16px 15px !important;
        line-height: 1.8 !important;
    }

}

/* Gutenberg Media & Text Icon Fix */
@media only screen and (max-width: 767px) {

    .wp-block-media-text .wp-block-media-text__media img[width="123"] {
        width: auto !important;
        max-width: 150px !important;
        height: auto !important;
        display: block;
        margin: 0 auto;
    }

}

@media only screen and (max-width: 767px) {

    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
        margin-bottom: 30px !important;
    }

}

p {
    text-align: justify !important;
   }