.row {
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 0rem !important;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}

#touching-lives .az-ctnr.container-fluid {
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: url(https://meil1.com/upload/core/original/img6271653904791.jpg);
    background-size: cover;
}

#touching-lives {
    float: left;
    clear: none;
    width: 100%;
    margin-top: -10px;
}

h1.touching-lives-text-style {
    color: white;
    font-size: 3.5rem;
    margin: 0rem 0rem 0rem 3rem;
    
}
nav#navbar-main .justify-content-end {
    justify-content: flex-start !important;
}

div#about-mail-style .image-1 {
    position: relative;
    z-index: 1;
    padding-left: 90px;
}
#about-mail-style .image-1 img,
#about-mail-style .image-2 img{
          border: 0;
          vertical-align: top;
          max-width: 100%;
          height: auto;
      }
#about-mail-style .image-2 {
    position: absolute;
    bottom: -120px;
    left: 0;
    z-index: 9;
    padding: 15px;
    padding-left: 0;
    text-align: left;
    background: #fff;
    max-width: 80%;
}

#about-mail-style .content-box {
    width: 169px;
    height: 169px;
    border-radius: 50%;
    background: #2e3192;
    text-align: center;
    padding: 15px 30px 10px;
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 99;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}
#about-mail-style .content-box a {
    color: white;
    text-decoration: none;
}

#about-meil-content-style .sub-title {
    color: #7f8284;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

#about-meil-content-style .sub-title > span {
    padding: 0 2px 4px;
    border-bottom: 1px solid #ee1d24;
}
#about-meil-content-style .title {
    font-size: 50px;
    position: relative;
    padding-bottom: 10px;
}

#about-meil-content-style .margin-top-20 {
    margin-top: 25px;
}

#about-meil-content-style .text-medium.text-theme.margin-top-50 {
    font-size: 24px;
    line-height: 38px;
    font-weight: 400;
    text-transform: capitalize;
    margin-top: 50px;
    color: #2e3192;
}

.group-of-companies-full-row-style .views-view-responsive-grid__item {
    background: white;
    padding: 12px;
    border-radius: 8px;
    box-shadow: 0px 0px 7px #d4d4d48c;
  border: 1px solid #c1c1c1;
}

.group-of-companies-full-row-style .views-view-responsive-grid__item:hover {
   box-shadow: 0 0.5em 0.5em -0.4em;
    filter: brightness(1.1);
    transform: translateY(-4px);
    transition: .1s ease-in;
}

.group-of-companies-image-style img {
    float: left;
    border-radius: 5px;
    width: 40%;
    height: auto;
    margin-right: 1rem;
}

section.row.region.region-top-header {
    margin: 0rem 0rem -1rem 1rem;
}
section.row.region.region-top-header img {
    width: 60%;
}

ul.clearfix.nav.navbar-nav {
    margin-left: 1rem;
}
#core-area-of-service-bg {
   
    border-radius: 5px;
  	background: #67B26F;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #4ca2cd, #67B26F);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #4ca2cd, #67B26F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
padding: 1rem;
}

.core-card-area {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    position: relative;
    margin-inline-end: 20px;
    width: 200px;
    transition: all 200ms linear 0ms;
    z-index: 2;
    overflow: hidden;
    border-radius: 4px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 0px 3px rgb(0 0 0 / 24%);
    height: 365px;
}

/* Syle for Meil page used as homepagestyle */
img.core-area-image {
    width: auto;
    height: 203px;
}
.headingRow h1 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -0.03em;
    margin: 3px;
    padding: 5px;
    text-transform: uppercase;
}
.headingClr-red {
    background-color: #d13d3d;
}
.headArrow {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    content: "";
    float: left;
    height: 0;
    margin-left: -10px;
    margin-top: 10px;
    transform: rotate(90deg);
    width: 0;
}
.headArrowclr-red {
    border-bottom: 20px solid #d13d3d;
}
.headArrowclr-yellow {
    border-bottom: 20px solid #ecc23c;
}
.headingClr-yellow {
    background-color: #ecc23c;
}
.headingRow {
    float: left;
    height: 40px;
}
p.core-project-info, h4.core-project-title {
    text-align: center;
    padding-top: 8px;
}

a.core-project-more-info {
    float: right;
    padding: 4px 11px 0px 0px;
    text-decoration: none;
    font-size: 13px;
}

h1.meil-core-service-areas {
    color: white;
    padding: 115px 65px 63px 50px;
}
.service-item-04-provide-padding {
    padding: 25px;
    text-align: center;
}
.service-item-04-provide-padding h3.title {
    font-size: 24px;
    line-height: 27px;
    font-weight: 600;
    margin-top: 30px;
    
}

.service-item-04-provide-padding h3.title a {
    text-decoration: none;
    color: #363090;
}
.service-item-04-provide-padding h3.title a:hover {
    color: #e4302e;
}
#home-section-full-width-container-style-setting {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-bottom: 80px;
    /*z-index: 1;*/
 /*background-color: #FFDEE9;
    background-image: linear-gradient(0deg, #FFDEE9 0%, #B5FFFC 100%);*/
}

#home-page-serving-industries-setting {
    background: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 15px;
    padding-left: 105px;
    padding-right: 105px;
    padding-bottom: 60px;
}

#home-section-full-width-container-style-setting:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background-position: center center;
    width: 100%;
    height: 60% !important;
    background: url(/sites/default/files/2023-10/scattered-forcefields.png);
    background-repeat: repeat;
    background-size: contain !important;
    background-color: #ffffff;
    background-attachment: fixed;
}



/*Innerpage-style settings */

#inner-pages-image-height-adjustment {
    min-height: 650px !important;
}
#text-move-on-top-of-cover-page-image {
    position: absolute;
    bottom: 5px;
    width: 100%;
    padding: 10px;
    background: linear-gradient(0deg, rgba(33,71,95,0.8) 0%, rgba(22,46,68,0.8) 100%);
    color: white;
}
p.white-text {
    background: #2f3192;
    width: 175px;
    margin: 0 auto;
    color: white;
    padding: 5px;
    border-radius: 2px;
}

#row-text-line-on-top-bottom {
    border-top: 2px solid #2f3192;
    padding-top: 30px;
    padding-bottom: 30px;
}

/*Social media icons style settings */
.sub-list-social {
    padding: 1rem;
}
.icons-list-style-social {
    margin: 0 auto !important;
    width: 70%;
}
.sub-list-social a {
    text-decoration: none;
    text-align: justify;
}

/*History and milestones css */

/* The actual timeline (the vertical ruler) */
.main-timeline-2 {
  position: relative;
}

/* The actual timeline (the vertical ruler) */
.main-timeline-2::after {
  content: "";
  position: absolute;
  width: 3px;
  background-color: #26c6da;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.timeline-2 {
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.timeline-2::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  right: -11px;
  background-color: #26c6da;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.left-2 {
  padding: 0px 40px 20px 0px;
  left: 0;
}

/* Place the container to the right */
.right-2 {
  padding: 0px 0px 20px 40px;
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left-2::before {
  content: " ";
  position: absolute;
  top: 18px;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right-2::before {
  content: " ";
  position: absolute;
  top: 18px;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.right-2::after {
  left: -14px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .main-timeline-2::after {
    left: 31px;
  }

  /* Full-width containers */
  .timeline-2 {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

  /* Make sure that all arrows are pointing leftwards */
  .timeline-2::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .left-2::after,
  .right-2::after {
    left: 18px;
  }

  .left-2::before {
    right: auto;
  }

  /* Make all right containers behave like the left ones */
  .right-2 {
    left: 0%;
  }
}

/* Bredcrumbs style */
li.breadcrumb-item a {
    text-decoration: none;
    color: #2f3192;
    
}
li.breadcrumb-item.active {
    color: #b9060c;
}

/* Css to cutomise list of projects page */
.product {
    position: relative;
    width: 100%;
    height: 370px;
    box-shadow: 0 20px 40px rgba(0,0,0,.2);
    border-radius: 5px;
    overflow: hidden;
}

.product .imgbox {
    
    box-sizing: border-box;
}
.product .imgbox img {
    display: block;
    width: 100%;
    margin: 0px auto 0;
}
.product:hover .specifies {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #2f3192f2;
    padding: 10px;
    box-sizing: border-box;
    transition: 0.5s;
   
    transition-timing-function: ease-in;
}
.specifies h2 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    width: 100%;
}
.specifies {
    padding: 10px;
}
.specifies h2 a {
    text-decoration: none;
    color: #bd040a;
    display: flex;
}
.product:hover .specifies h2 a {
    color: white !important;
}

.specifies ul li {
    list-style: none;
    margin: 5px 5px 0;
    font-size: 15px;
    font-style: normal;
    color: #ccc;
}

.specifies .btn.btn-outline-primary {
   display: block;
    padding: 5px;
    margin: 0 auto;
    width: 80%;
    font-size: 13px;
    border-radius: 2px;
    border: 1px solid white;
    color: white
}
.specifies .btn.btn-outline-primary:hover {
    color: white;
}
.specifies ul {
    display: flex;
    margin: 0;
    padding: 0;
}

/* contact us page style*/

.contact-us-image-wrapper-style {
    position: relative;
    background: rgba(0,51,141,0.6);
    border-radius: 6px;
    overflow: hidden;
    max-height: 209px;
}
.contact-us-item-title {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    left: 50%;
    color: #fff;
    padding: 5px 15px 5px 25px;
    font-size: 2.5rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
}
.page-view-address-list.path-contact-us .views-view-responsive-grid__item-inner {
    position: relative;
}

.page-view-address-list.path-contact-us div#main {
    margin-top: 100px;
    max-width: 1396px;
}

.views-field.views-field-field-phone-number {
    border-left: 3px solid #a90000;
    margin: 30px 0px 40px 4px;
    padding-left: 14px;
}

.address-filed-style {
    line-height: 14px;
    margin-bottom: 35px;
}
span.field-content.contact-us-item-title a {
    text-decoration: none;
    color: white;
    left: -24px;
    position: absolute;
    top: 31%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    left: 50%;
    color: #fff;
    padding: 5px 15px 5px 25px;
    font-size: 1.5rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 63%;
    border-radius: 6px;
    overflow: hidden;
    background: #21252985;
}

/* Article page blog styling*/


.pressrelease-items-spacing img {
    width: 100%;
    height: auto;
    border-radius: 15px 15px 0px 0px;
}



/*CSS for job related page */

.row.jobs-opening-page {
    height: 100%;
    padding: 32px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #e5e5e5;
    background: #ffffff;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-bottom: 20px;
}


.job-opening-page .logo{
	border: 1px solid #f6f6f6;
}

.job-opening-page .logo img{
	width: 60px;
	height: 60px;
}
.job-opening-page .card{
	display: block;
	padding: 3vh 2vh 7vh 5vh;
	border: none;
	border-radius: 15px;
	margin-top: 5%;
	margin-bottom: 5%;
	max-width: 500px;
}
.job-opening-page .header{
	margin-bottom: 5vh;
	margin-right: 2vh;
	float: right;
	margin-left: auto;
}

.job-opening-page .far{
	color: rgba(15, 198, 239, 0.97)!important;
	font-size: 16px!important;
}
.job-opening-page p.heading{
	font-weight: bold;
	font-size: 25px;
}
.job-opening-page p.text-muted{
	font-size: 17px;
	font-weight: bold;
	color: #a1a7ae!important;
}
.job-opening-page .btn-sm{
	border-radius: 8px;
}
.job-opening-page .fas.fa-users{
	color: rgba(15, 198, 239, 0.97)!important;
}
.job-opening-page .mutual span{
	font-size: 14px;
	color: #adb5bd;
	font-weight: bold;
}
.job-opening-page .btn-primary.btn-lg{
    border-radius: 30px;
    width: 90%;
    border: none;
    background: #8c02e3;
}
.job-opening-page .btn-dark.btn-lg{
    border-radius: 30px;
    width: 90%;
    border: none;
    background: #dee2e6;
}
.job-opening-page .btn-dark span{
	font-size: 14px;
	text-align: center;
	color: #0000008c;
	font-weight: bold;
}
.job-opening-page .btn-primary span{
	font-size: 14px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.card.mx-auto.job-opening-page {
    margin-bottom: 20px;
    padding: 20px;
}

.card.mx-auto.job-opening-page a {
    list-style: none !important;
    text-decoration: none;
    color: black;
    font-weight: bold;
    color: #2f3192;
}

.card.mx-auto.job-opening-page:hover {
    border-color: #ee1c23;
}

.card-title p.heading a {
    padding-right: 7px;
}
svg.svg-inline--fa.fa-compass {
    color: green;
    font-size: 18px;
}
.card.mx-auto.job-opening-page h2 {
    font-size: 16px;
}

.jobs-list-page-style form#views-exposed-form-carrers-page-1 {
    background: #d1d1d1;
    padding: 1rem 0rem 1rem 2rem;
    margin-bottom: 0.5rem;
    border-radius: 6px;
    color: #a90000;
}
span.apply-for-the-job {
    background: #0781ff;
    padding: 8px;
    border-radius: 5px;
    float: right;
}

span.apply-for-the-job a {
    color: white !important;
}
#more-details-tabs-on-int-pages a {
    color: white;
    text-decoration: none;
}


/*CSS For Deparment Under Section*/
/* DEMO GENERAL ============================== */
.hover {
  overflow: hidden;
  position: relative;
  padding-bottom: 60%;
}

.hover-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  transition: all 0.4s;
}

.hover img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
}

.hover-content {
  position: relative;
  z-index: 99;
}


/* DEMO 1 ============================== */
.hover-1 img {
  width: 105%;
  position: absolute;
  top: 0;
  left: -5%;
  transition: all 0.3s;
}

.hover-1-content {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99;
  transition: all 0.4s;
}

.hover-1 .hover-overlay {
  background: rgba(0, 0, 0, 0.5);
}

.hover-1-description {
  transform: translateY(0.5rem);
  transition: all 0.4s;
  opacity: 0;
}

.hover-1:hover .hover-1-content {
  bottom: 2rem;
}

.hover-1:hover .hover-1-description {
  opacity: 1;
  transform: none;
}

.hover-1:hover img {
  left: 0;
}

.hover-1:hover .hover-overlay {
  opacity: 0;
}


.title-co-press-release-home-tab-single a, 
.title-co-press-release-home-tab-multiple a {
    list-style: none !important;
    color: #2f3192;
    font-size: 28px;
}

.title-co-press-release-home-tab-single a,
.title-co-press-release-home-tab-multiple a {
    list-style: none !important;
    color: #2f3192;
    font-size: 28px;
    text-decoration: none;
}

.read-more-co-press-release-home-tab-multiple,
.read-more-co-press-release-home-tab-single {
    
    color: #2f3192 !important;
    font-weight: bold;
    font-size: 14px;

}

.home-press-release-spacing-multiple-cards {
    border-bottom: 1px solid navajowhite;
    padding-bottom: 6px;
}




.view-list-of-projects img {
    height: auto;
}

.view-list-of-projects li.pager__item {
    list-style: none !important;
    text-align: center !important;
  margin-top: 16px;
}

.view-list-of-projects li.pager__item a {
    text-decoration: none;
    background: #ee1d24 !important;
    color: white;
    padding: 5px;
    font-weight: bold;
    border-radius: 4px;
    font-size: 12px;
}
 

.row.this-values-styleing-strengths .hover {
    overflow: hidden;
    position: relative;
    padding-bottom: 25%;
}

.site-footer {
    padding: 0px 0 0px;
    background-color: #002c5c;
    background-image: linear-gradient(0deg,#002c5c 0%,#0c2043 100%);
}

.site-footer__bottom .region {
    margin-top: -15px;
}

ul.list-unstyled.mb-0.menu-align-left-style {
    text-align: left !important;
    margin-left: 5rem !important;
}

.row.footer-menu-align-left a {
    text-decoration: none !important;
}

ul.list-unstyled.mb-0.menu-align-left-style li a:hover {
    color: #ee1d24 !important;
}

.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: #ffc300 !important;
}

ul.clearfix.nav.navbar-nav {
    margin-left: 11rem;
}

#footer-section-style-own-color {
    background-color: #002c5c !important;
    background-image: linear-gradient(0deg,#002c5c 0%,#0c2043 100%) !important;
}

/* Header model two stylein */

#navbar-main {
    background-color: white;
    height: 65px !important;
    z-index: 99 !important;
}
.sticky-wrapper.is-sticky nav#navbar-main {
    height: 55px !important;
    z-index: 99 !important;
}

.sticky-wrapper.is-sticky nav#navbar-main a.navbar-brand img {
    width: 50% !important;
}
a.navbar-brand {
    padding: 0.5rem 0rem 0.5rem 20rem;
}

a.navbar-brand img {
    width: 50%;
}
.nav-link {
    color: #333 !important;
    font-weight: 600;
}
#header {
    border-top: 5px solid #2f3192;
}

#navbar-main-sticky-wrapper {
    height: 55px !important;
}
#navbar-top {
    background-color: #ffffff;
    padding: 0px !important;
}
#footer-company-address-style-border {
    border-top: 1px solid white;
    padding: 50px 0px 0px 0px;
}

#on-slider-text-styling{
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
    color:white;

}

@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, 15px);}
    to {-webkit-transform: translate(0, -0px);    }    
}
    
@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 15px);}
    to {-moz-transform: translate(0, -0px);}    
}

/* Verticals page css */

a svg.svg-icon-internal {
    width: 20px;
    height: auto;
    margin-right: 10px;
}
a.style-know-more-button {
    text-decoration: none;   
}
#all-cards-style-method .card {
    border: transparent !important;
}

#all-cards-style-method img.card-img-top {
    width: 90%;
}
#all-cards-style-method .card-body {
    padding: 25px 0px 20px 0px;
}

.box-bottom-of-border {
    height: 1px;
   /* background: blue;*/
    background: #ffffff;
    width: 65%;
    -webkit-animation-name: Floatingline;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}


@-webkit-keyframes Floatingline{
    from {-webkit-transform:translate(0px, 0);}
    65% {-webkit-transform:translate(15px, 0);}
    to {-webkit-transform: translate(-0px, 0);    }    
}
    
@-moz-keyframes Floatingline{
    from {-moz-transform:translate(0px, 0);}
    65% {-moz-transform:translate(15px, 0);}
    to {-moz-transform: translate(-0px, 0);}    
}


ul.more-about-meil-text-links a {
    text-decoration: none;
    line-height: 35px;
    padding: 0px 0px 0px 25px;
}
ul.more-about-meil-text-links {
    list-style: none;
    background: #e1e1e1;
    padding: 0px 0px 0px 0px;

}

ul.more-about-meil-text-links svg.svg-inline--fa.fa-right-long {
    margin-right: 20px;
}


/*projects articls page setting */

.project-page-content-style-setting img,
.field.field--name-field-news-cover-photo.field--type-image.field--label-hidden.field__item img {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.project-page-content-style-setting .block-field-blocknodearticletitle,
._none.block.block-layout-builder.block-field-blocknodenews-articletitle {
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 50px;
}

.project-page-content-style-setting {
    width: 50%;
    margin: 0 auto;
}

/* Footer related styeling goes here */
#footer-logo-style-setting img {
    background: white;
    padding: 8px;
    border-radius: 17px;
}

.footer-social-media-icons li {
    list-style: none;
    float: left;
    display: inline;
    padding: 12px;
    font-size: 30px;
}
.footer-menu.secondary.inline li {
    float: left;
    list-style: none;
    background: white;
    margin: 6px;
    border-radius: 5px;
}
.footer-menu.secondary.inline li a {
    font-size: 20px;
    color: #2f3192;
    text-decoration: none;
    padding: 12px;
}

#footer-first-bottom-line-setting {
    margin: 40px 0px 0px 0px;
    border-bottom: 1px solid white;
    padding: 0px 0px 30px 0px;
}

.footer-menu.secondary.inline {
    float: right;
}
#footer-social-media-icons-block {
    width: 65%;
    margin: 0 auto;
}
.footer-social-media-icons-more-links-block li {
    list-style: none;
    float: left;
    padding: 8px;
    font-size: 16px;
    text-align: center !important;
}

.footer-social-media-icons-more-links-block li a {
    text-decoration: none;
}

#footer-more-links-block {
    float: right;
}

#footer-address-setting h6 {
    font-weight: bold;
    color: white;
    margin-bottom: -15px;
}

#fotter-menu-top-gap-setting {
    margin-top: 35px;
    border-bottom: 1px solid white;
    padding-bottom: 25px;
}

#footer-first-bottom-line-setting-last{
   margin-top: 35px;
   padding-bottom: 25px;
}

h5.fotter-menu-list-header-style-setting {
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    font-family: monospace;
    margin-bottom: 18px;
}

ul.footer-menu-list-style-sub-setting li {
    list-style: none;
    font-size: 16px;
    line-height: 42px;
}

ul.footer-menu-list-style-sub-setting li a {
    text-decoration: none;
    position: relative;
    padding: 0px 0px 5px 0px;
}

ul.footer-menu-list-style-sub-setting li a:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #ee1d24;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

ul.footer-menu-list-style-sub-setting {
    padding: 0px !important;
}

ul.footer-menu-list-style-sub-setting li a:hover:after{
  transform: scaleX(1);
  transform-origin: bottom left;
}

#footer-all-menu-style-settings .col {
    float: left;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    width: 20%;
}

/* News article page style setting */

#news-desk-page-top-three h2 {
    margin-bottom: 38px;
}
#news-desk-page-top-three-title-setting .title-co-press-release-home-tab-single a {
    font-size: 18px !important;
    line-height: 15px !important;
}

#news-desk-page-top-three-title-setting .title-co-press-release-home-tab-single {
    margin-bottom: 8px;
    margin-top: 5px;
}
#news-desk-page-top-three-title-setting {
    padding: 8%;
}
.view.view-corporate-press-releases a {
    text-decoration: none !important;
}

.view-corporate-press-releases .views-view-responsive-grid__item {
    background: linear-gradient(140.53deg, rgb(240, 225, 247) 9.32%, rgb(205, 223, 255) 58.45%);
    border-radius: calc(var(--elevated-corner-radius)* 1px);
    box-shadow: rgba(0, 0, 0, 0.13) 0px 1.6px 3.6px, rgba(0, 0, 0, 0.11) 0px 0px 2.9px;
    color: var(--neutral-foreground-rest);
    border-radius: 15px;
}


.read-more-co-press-release-home-tab-single,
.body-co-press-release-home-tab-single,
.title-co-press-release-home-tab-single {
    padding: 10px;
 
}

.read-more-co-press-release-home-tab-single {
    margin-bottom: 12px;
}

.view-corporate-press-releases .views-view-responsive-grid__item:hover {
    -webkit-box-shadow: 0 15px 40px rgba(67,72,92,0.2);
    -moz-box-shadow: 0 15px 40px rgba(67,72,92,0.2);
    box-shadow: 0 15px 40px rgba(67,72,92,0.2);
}

.view-corporate-press-releases .views-view-responsive-grid__item:hover {
    -webkit-box-shadow: 0 15px 40px rgba(67,72,92,0.2);
    -moz-box-shadow: 0 15px 40px rgba(67,72,92,0.2);
    box-shadow: 0 15px 40px rgba(67,72,92,0.2);
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    transition: all .8s ease;
}

.news-desk-page-below-list-of-items-setting {
    padding: 1.5em 0 1.375em 0;
    border-top: 1px solid #e6e7e8;
    border-right: 0 solid #e6e7e8;
    border-bottom: 1px solid #e6e7e8;
    border-left: 0 solid #e6e7e8;
}

.news-desk-page-below-list-of-items-setting+.news-desk-page-below-list-of-items-setting {
 border-top: 0px solid #e6e7e8;
}

#news-desk-page-below-list-itmes-full-setting {
    padding: 2% 20% 0 15%;
}

.news-desk-page-below-list-of-items-setting a {
    text-decoration: none;
    font-family: monospace;
}

.news-desk-page-below-list-of-items-setting.views-row .views-field.views-field-title {
    margin-top: 15px;
    margin-bottom: 15px;
}

.news-desk-page-below-list-of-items-setting.views-row .views-field.views-field-title a {
    color: black;
    font-size: 20px;
    font-family: monospace;
}

.news-desk-page-below-list-of-items-setting.views-row .views-field.views-field-created {
    color: #ddd;
    font-weight: bold;
    font-family: monospace;
}

/* Goback button style */

.block-go-back .button {
    background: #ffffff url(/modules/go_back/images/back.png) no-repeat center center;
    font-size: 0px;
    padding: 0px !important;
    border: transparent !important;
    background: transparent !important;
    text-decoration: none;
}

.block.block-go-back a:after {
    content: 'Назад к рубрике' !important;
    font-size: 16px !important;
    color: white;
    padding: 8px;
    background: #2f3192;
    text-decoration: none !important;
}

.block-go-back {
    text-align: center;
    width: auto;
    border-color: #ffffff !important;
    background-color: #ffffff !important;
    float: left;
    margin-top: 2rem;
}

.service-img img {
    border-radius: 15%;
    width: auto;
    height: 100px;
    background-position: center !important;
}

/* Verticals sections styling */

.product-setting-projects-setting {
    padding: 1.5rem;
}

.product-setting-projects-setting a {
    text-decoration: none;
}
.specifies-title-setting {
    margin-top: 10px;
    font-size: 20px;
}

.specifies-title-project-location-setting {
    margin-bottom: 1rem;
}

.imgbox-project-setting img {
    width: 100%;
}
.link-to-see-project-button {
    width: 75%;
    /*border-bottom: 1px solid #363090;*/
    padding-bottom: 1rem;
}

/*Land mark projects */

#landmark-project-more-text-style-setting {
    padding: 4rem;
}

#land-mark-project-button-setting {
    background: #363090;
    padding: 0.5rem;
    border-radius: 4px;
    margin-right: 3rem;
    width: 180px;
    text-align: center;
    margin-left: 3rem;
}

#land-mark-project-button-setting a {
    color: white;
    text-decoration: none;
}


/* Home page meil commitement */

.av-content {
    -webkit-animation-name: Floatinglineimage;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes Floatinglineimage{
    from {-webkit-transform:translate(0px, 0);}
    65% {-webkit-transform:translate(10px, 0);}
    to {-webkit-transform: translate(-0px, 0);    }    
}
    
@-moz-keyframes Floatinglineimage{
    from {-moz-transform:translate(0px, 0);}
    65% {-moz-transform:translate(10px, 0);}
    to {-moz-transform: translate(-0px, 0);}    
}

.av-content {
    text-align: center;
    margin: 0 auto;
}

.av-content-inner img {
    width: 45%;
}

.av-content {
    padding: 4rem;
}
.av-content-inner {
    padding-bottom: 18px;
}
.av-headline {
    margin-top: 2rem;
}

.av-headline h2 {
    margin-bottom: 2rem;
}
.av-headline p {
    font-size: 20px;
    font-family: sans-serif;
}


.av-content {
    text-align: center;
    margin: 0 auto;
}

.av-content-inner img {
    width: 70%;
}

.av-content {
    padding: 4rem;
}
.av-content-inner {
    padding-bottom: 18px;
}
.av-headline {
    margin-top: 2rem;
}

.av-headline h2 {
    margin-bottom: 2rem;
}

#total-opening-each-block2-settings,
#total-opening-each-block1-settings,
#total-opening-each-block3-settings,
#total-opening-each-block4-settings {
    margin: 30px;
    background: white;
    color: black;
    padding: 0px;
    border-radius: 8px;
  box-shadow: 0px 12px 15px #d4d4d4;
}


#total-opening-each-block1-settings:hover,
#total-opening-each-block2-settings:hover,
#total-opening-each-block3-settings:hover,
#total-opening-each-block4-settings:hover{
    -webkit-animation-name: Floatinglineimage;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    border: 1px dashed #e4302d;
}

#total-job-openings-setting-portal-page a {
    text-decoration: none;
}

#total-opening-each-block4-settings img,
#total-opening-each-block1-settings img,
#total-opening-each-block2-settings img,
#total-opening-each-block3-settings img {
    width: 100%;
   width: 100%;
    border-radius: 8px 9px 0px 0px;
}
#department-wise-openings-bg-setting-color {
    background: #FAF8EF;
}

.image-out-values-home-setting img {
    width: 100%;
    height: auto;
}

/* Css for project progress time line */




/*Galleries style */

.card.galleries-page-style {
    margin: 1.5rem;
}

.card.galleries-page-style img {
    width: 100%;
    height: auto;
}

.card.galleries-page-style a {
    text-decoration: none;
}

.view.view-image-galleries li.pager__item {
    list-style: none;
    width: 5rem;
    margin: 0 auto;
    background: #ee1d24;
    text-align: center;
   
    border-radius: 8px;
}

.view.view-image-galleries li.pager__item a {
    color: white;
    text-decoration: none;
    font-size: 14px;
}


#on-slider-text-styling {
    background: #00000085;
    border-radius: 15px;
    padding: 15px 25px 15px 25px;
    width: fit-content;
    margin: 0 auto !important;
    margin-top: 30% !important;
}


/*Home page style Touching Lives through Engineering style goes below*/

span.sub-list-trans {
    text-align: center;
}
.verticles-setting-style a {
    text-decoration: none;
}

.verticles-setting-style {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
}
.verticles-setting-style a:hover {
    color: #e4302e;
}

/*Mobile navigation common style setting */

#block-meil-offcanvasmenuformobile-2 {
    border: 1px solid #363090;
    color: #e4302e !important;
    margin-right: 3%;
}

ul.mobile-website-off-canva-menu-style li {
    list-style: none;
    padding: 8px;
    margin-left: -8%;
}

.offcanvas-header img {
    width: 50%;
    margin-top: 2%;
    margin-left: -2%;
}

.offcanvas-header {
    border-bottom: 4px double #e4302e;
}

.offcanvas-body {
    border-left: 4px double #e4302e;
    margin-left: 18px;
}

/* Hidden elements of the site to be enabled based on need */

#block-meil-offcanvasmenuformobile-2 {
    display: none;
}

button.navbar-toggler.collapsed {
    display: none !important;
}

.notice-page-content-style-setting {
    width: 60%;
    margin: 0 auto;
}

.block-field-blocknodedocuments-and-noticefield-upload-pdf iframe {
    height: 1000px !important;
}

article.node.node--type-gallery {
    margin-top: 2rem;
    padding-top: 3rem;
    background: linear-gradient(140.53deg, rgb(240, 225, 247) 9.32%, rgb(205, 223, 255) 58.45%);
    border-radius: calc(var(--elevated-corner-radius)* 1px);
    box-shadow: rgba(0, 0, 0, 0.13) 0px 1.6px 3.6px, rgba(0, 0, 0, 0.11) 0px 0px 2.9px;
    color: var(--neutral-foreground-rest);
    border-radius: 15px;
}

/*home page our companies sections*/


img.wp-card--image {
    filter: grayscale(50%);
    height: 100%;

    object-fit: cover;
    transition: filter .3s ease, transform .3s ease;
    width: 100%;
}

.wp-card--content {
    bottom: 0;
    left: 0;
    padding: 1.5rem;
    position: absolute;
    width: calc(100% - 3rem);
}

figure.wp-card--thumbnail {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.wp-card {
    border-radius: 2rem;
    display: flex;
    overflow: hidden;
    position: relative;
    width: fit-content;
}

h4.wp-card--title {
    color: white;
    font-size: 18px;
}

#all-cards-style-method {
    padding: 10px;
}



/*meil new gallery page */

.wp-card-content-gallery-style a {
    position: absolute;
    bottom: 40px;
    color: white;
    text-decoration: none;
}

.wp-card-content-gallery-style {
    padding: 0px 0px 0px 15px;
}
.wp-card--thumbnail-gallery-style {
    position: relative;
}

.this-new-gallery-new-page img {
    width: 95%;
    height: auto;
    border-radius: 15px;
    filter: grayscale(50%);
    object-fit: cover;
    transition: filter .3s ease, transform .3s ease;
}

.this-new-gallery-new-page img:hover {
    filter: grayscale(0%);
}

.wp-card:hover h4.wp-card--title {
    font-size: 0px !important;
}

.wp-card:hover h4.wp-card--title:after {
    content: 'Know more';
    font-size: 18px;
}



/*gallery desktop style */

.field.field--name-field-gallery-image {
    display: grid;
    grid-gap: 20px;
    align-items: stretch;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.gallery-update-meil-color-box._none img {
    width: 95%;
    height: auto;
    border: 2px solid #2f319200;
    padding: 0px;
    border-radius: 10px;
    background: rgba(0, 0, 0, .05);
    box-shadow: rgba(0, 0, 0, 0.13) 0px 1.6px 3.6px, rgba(0, 0, 0, 0.11) 0px 0px 0.9px;
}

.gallery-update-meil-color-box._none img:hover {
    border: 2px solid #2f3192;
    padding: 2px;
    border-radius: 10px;
}


/*above navigation style */

.show-more-menu-top-nav:hover,
.social-media-header-links a:hover {
    color: #e4302e;
}

.row.fluid-header-icons-container,
.show-more-menu-top-nav,
.meil-social-media-icons {
    height: 30px;
}

#moreContent {
    background: white;
    color: #363090;
    font-size: 18px;
    z-index: 9999;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 18px 14px 28px rgba(0, 0, 0, .2);
    position: relative;
}

.show-more-menu-top-nav {
    margin-top: 4px;
}

ul.social-list {
    margin-top: -0.6rem;
    margin-left: -2rem;
}

ul.social-list li:hover a.tt-style {
    color: #14171A !important;
}

ul.social-list li:hover a.yt-style {
    color: #FF0000;
}

ul.social-list li:hover a.ig-style {
    color: #833AB4;
}
ul.social-list li:hover a.fb-style {
    color: #4267B2;
}
ul.social-list li:hover a.li-style{
    color:#0A66C2
}

ul.social-list li a:hover {
    background: white;
    padding: 5px;
    width: 1rem !important;
    height: 1rem !important;
    border-radius: 25%;
}


#moreContent {
    display: none;
   

}


#moreContent {
    background: white;
    color: #363090;
    font-size: 18px;
}

.meil-social-media-icons ul li {
    list-style: none;
    float: left;
    padding: 0rem 0rem 0rem 1.5rem;
}

.more.companies-common-section {
    background: #e2f0f5;
}

.more.companies-menu-section {
    padding: 0rem 0rem 0rem 1.5rem;
}

button#closeMoreContent {
    border: transparent;
    background: #363090;
    color: white;
    border-radius: 0px 0px 0px 25px;
    font-size: 28px;
}

button#closeMoreContent span {
    margin: 0rem 10px 0rem 15px;
}

#closeMoreContent:hover {
    background: #e4302e;
}

.show-more-menu-top-nav {
    padding: 0px 1rem 0px 0px;
}

.show-more-menu-top-nav a {
    text-decoration: none;
}


.seemore-show {
    display: block !important;
}

.tov-nav-abt-meil {
    padding: 3rem 0rem 3rem 0rem;
    margin: 0 auto;
}

button.lrm-but-sty {
    background-color: #fff;
    -webkit-box-shadow: 0 4px 20px 0 rgba(11, 24, 62, .25);
    box-shadow: 0 4px 20px 0 rgba(11, 24, 62, .25);
    font-size: 1.11rem;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 1.3em;
    overflow: hidden;
    padding: 15px 0px 15px 19px;
    z-index: 0;
    border: transparent !important;
}

span.learn-more-arrow {
    padding: 15px 20px 15px 20px;
    background: #36308f;
    margin-left: 10px;
}

a span.learn-more-arrow {
    color: white !important;
}

button.lrm-but-sty:hover {
    background: #3b2f8d;
    color: white;
}

.tov-nav-abt-meil {
    margin: 0 auto;
    padding: 3rem 0rem 3rem 0rem;
}

ul.list-unstyled.top-nav-com-style li {
    padding: 1rem 1rem 1rem 1rem;
    border-top: 1px solid #ddd;
}

ul.list-unstyled.top-nav-com-style li a {
    text-decoration: none;
}

ul.list-unstyled.top-nav-com-style li:last-child {
    border-bottom: 1px solid #ddd;
}

ul.list-unstyled.top-nav-com-style li:hover {
    border-left: 5px solid #dc3545;
}

.corportae-profile-style img {
    width: 100% !important;
    background: #f1f1f1a6 !important;
    padding: 2px !important;
    border-radius: 7px !important;
    border: 1px solid #2f319217 !important;
    height: auto !important;
}

#all-cards-style-method .card img,
.imgbox-project-setting img {
    box-shadow: rgba(0, 0, 0, 0.13) 0px 2.6px 4.6px, rgba(0, 0, 0, 0.11) 0px 0px 5.9px;
    color: var(--neutral-foreground-rest);
    border-radius: 5px;
    border: 3px solid #e1e1e1;
}

#news-desk-page-top-three .views-view-responsive-grid__item {
    margin-bottom: 2rem;
}

/*vertical pages new styleing */


.verticals-align-to-center-list {
    max-width: 960px;
    margin: 0 auto;
}

.sub-page-style-settings img {
    width: 100vw;
    height: auto;
}

.imgbox-project-setting img {
    width: 100%;
}

#block-meil-views-block-list-of-projects-hydro-carbons-page-block ul.pagination.js-pager__items {
    padding-left: 25px;
}

#know-more-about-meil-links {
    background: #e1e1e1;
    border-top: 1px solid rebeccapurple;
    border-bottom: 1px solid rebeccapurple;
    margin: 30px 0px 30px 0px;
}



h4.other-verticals-links {
    padding: 20px 0px 0px 0px;
}

.verticals-width-center {
    max-width: 960px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.verticals-align-to-center {
    max-width: 960px;
    margin: 0 auto;
    padding: 15px;

}

#block-meil-breadcrumbs-2 {
    max-width: 960px;
    margin: 0 auto;
    padding: 0px 0px 0px 12px;
}

#corporate-press-release-style {
    margin-top: 30px;
    padding: 15px;
}

#corporate-press-release-style h2 {
    margin-bottom: 25px;
}


#corporate-press-release-style .views-view-responsive-grid__item {
    margin-bottom: 30px;
}

iframe.video-fit-res {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
}