@media (min-width:1400px) {
	.container-xxl,
	.container-xl,
	.container-lg,
	.container-md,
	.container-sm,
	.container {
		max-width: 1408px;
	}
}
@media (max-width:1400px) {
    li.merge--contact {
        display: flex;
        flex-direction: column;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {   
    .primary-nav__menu--level-3 { 
        max-width: 251px!important;
    } 
    .topbar--modifier a{font-size: 13px;}
    body:not(.is-always-mobile-nav) 
    .primary-nav__menu-item--level-1 > *:not(:last-child) {
        margin: 0;
    }
    body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:not(:last-child) {
        margin-inline-end: 2em;
    }
    .sticky--modifier .btn-custom1{font-size: 12px;}
    .sticky--modifier .navigation ul li{font-size: 13px;}
    html body .service--modifier .owl-carousel.owl-drag .owl-item {margin: 0px 5em !important;}
    html body .service--modifier .services .services--image {width: 60%;}
    html body .service--modifier .services .services--title {width: 40%;}

}
@media only screen and (min-width: 1200px) {
    body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:not(:last-child) {
        margin-inline-end: auto;
    }
    /* .primary-nav__menu-item--level-1:first-child {
        padding-left: 0px !important;
    } */
    html body .menu.primary-nav__menu--level-2 {
        display: none;
        position: absolute !important;
        background: rgba(255, 255, 255, 0.9) !important;
        z-index: 999 !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        top: calc(100% + 25px)!important;
        left: 136px!important;
        padding: 0px 0px 0px 0px!important;
        border: 0px !important;
    }
    html body .menu.primary-nav__menu--level-2 a,
    html body .menu.primary-nav__menu--level-2 span{
        padding-right:10px!important;
    }
    .primary-nav__menu--level-3{
        background: rgba(255, 255, 255, 0.9) !important;
    }
    .primary-nav__menu-item--has-children ul,
    .primary-nav__menu--level-3 { 
        display: none !important;
        position: absolute !important;
        /* background: rgba(255, 255, 255, 0.5) !important; */
        z-index: 999 !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        /* top: calc(100% - 38px); */
        top: 0px;
        left: calc(100% - 24px) !important;
        padding: 0px 0px;
        width: 100%;
        min-width: 271px;
        box-shadow: 5px 4px 10px #000;
    }
    #header--modifier.sticky--modifier .primary-nav__menu-item--has-children ul{
        left: calc(100% - 0px) !important; 
        box-shadow: 5px 4px 10px #ccc;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {   
    .LeaderTree ul.tree li div:first-child a,
    .boardItem__modifier--items h2
    {
        font-size: 1em!important;
    }
    .contactUs--footer li,
    .footer__Section nav ul li a,
    .container .newsLetter__subscribe input[type="submit"],
    .copy--inner__right .region.region--footer-lastupdate,
    .copy--inner__left span
    {
        font-size: 12px!important;
    }
    .admin__section--data h5{font-size: 14.5px;}
    .InternshipForm__modifier fieldset#edit-name--wrapper { width: 48%;}
    .InternshipForm__modifier .js-form-item-college-name, 
    .InternshipForm__modifier .js-form-item-desired-internship-period {
        width: 22.5%;
        margin-right: 15px;
    }
    .InternshipForm__modifier .js-form-item-educational-qualification, 
    .InternshipForm__modifier .js-form-item-contact-no {
        width: 23.4%;
    } 
    header#header--modifier.sticky--modifier .primary-nav__menu-item--level-1,
    header#header--modifier .primary-nav__menu-item--level-1 {
        padding:11px 9.5px 1px 9.5px!important;
    }
    .logoText h3 {font-size: 22px;}
    .middle--modifier__left.brand--logo {margin-right: 2em;}
    .homeslider--modifier .owl-stage-outer .owl-stage .owl-item:nth-child(11) .views-field.views-field-title {
        left: -22%!important
    }
    .Journey--modifier .views-element-container .item-list ul li:nth-child(odd) .journy-heading::after {
        right: -72px!important;
    }
    .Journey--modifier .views-element-container .item-list ul li:nth-child(even) .journy-heading::after {
        left: -40px!important;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1201px) { 
    #quicktabs-tabs {padding: 2em 0px;}
    .inner--mainContent ul li{font-size: 14px;}
    .leadership__outer--right h5.leader--title::after {
        border-bottom: 59.5px solid #2b5292 !important;
        border-left: 68px solid transparent;
        left: -67px;
        top: 0px;
    }
    .leadership__outer--right h5.leader--title{
        font-size: 1em!important;
    }  
    .Journey--modifier .views-element-container .item-list ul li:nth-child(odd) .journy-heading::after {
        right: -60px!important;
    }
    .Journey--modifier .views-element-container .item-list ul li:nth-child(even) .journy-heading::after {
        left: -35px!important;
    }
}
@media only screen and (min-width: 1023px) and (max-width: 1025px) {   
    html body .container-fluid.service--modifier .owl-carousel.owl-drag .owl-item {
        margin: 0px 4.5em !important;
    }
    .homeslider--modifier .owl-stage-outer .owl-stage .owl-item:nth-child(11) .views-field.views-field-title {
        left: -20%!important;
    }
}
@media (min-width: 1024px) {
    html body .container .menu.primary-nav__menu.primary-nav__menu--level-3 {
        max-height: 50vh !important;
        overflow-y: auto !important;
    }
    body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:last-child ul li ul.menu.primary-nav__menu.primary-nav__menu--level-3,
    body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:last-child(5) ul li ul.menu.primary-nav__menu.primary-nav__menu--level-3,
    body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:last-child(6) ul li ul.menu.primary-nav__menu.primary-nav__menu--level-3,
    body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:last-child(7) ul li ul.menu.primary-nav__menu.primary-nav__menu--level-3,
    body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:last-child(8) ul li ul.menu.primary-nav__menu.primary-nav__menu--level-3{
        left: calc(-100% - 25px) !important;
    }
    body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:last-child ul li ul.menu.primary-nav__menu.primary-nav__menu--level-3{
        left: calc(-100% - 25px) !important;
    }
 #header--modifier.sticky--modifier .primary-nav__menu-item--level-1:last-child ul li ul.menu.primary-nav__menu.primary-nav__menu--level-3{
        left: calc(-100% - 0px) !important;
    }
    header#header--modifier.sticky--modifier .primary-nav__menu-item--level-1:last-child ul li ul.menu.primary-nav__menu.primary-nav__menu--level-3,
    header#header--modifier.sticky--modifier .primary-nav__menu-item--level-1:last-child(5) ul li ul.menu.primary-nav__menu.primary-nav__menu--level-3,
    header#header--modifier.sticky--modifier .primary-nav__menu-item--level-1:last-child(6) ul li ul.menu.primary-nav__menu.primary-nav__menu--level-3,
    header#header--modifier.sticky--modifier .primary-nav__menu-item--level-1:last-child(7) ul li ul.menu.primary-nav__menu.primary-nav__menu--level-3,
    header#header--modifier.sticky--modifier .primary-nav__menu-item--level-1:last-child(8) ul li ul.menu.primary-nav__menu.primary-nav__menu--level-3{
        left: calc(-100% - 0px) !important;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .LeaderTree ul.tree li div:first-child a,
    .boardItem__modifier--items h2
    {
        font-size: 1em!important;
    }
    .footer__contactSec {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }
.footer--contact {margin-top: 2em;}
.tender__loop .tender__loop--second {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    text-align: left;
}
.tender__loop .tender__loop--second:nth-child(2) {
    align-items: center;
}
    ul.tree li ul{display: flex;}
    ul.tree li ul li{
        max-width: 200px!important;
    }
    .leadership--Page .ui-accordion-content .views-row,
    .NewEmployee--listing .view-content .views-row {
        flex: 1 0 33.33% !important;
        max-width: 33.33%;
        text-align: center;
    }
    .admin__section--data h5{font-size: 14.5px;}
    .apprentice__modifier div#edit-step-5--2 > div:nth-child(6), .apprentice__modifier div#edit-step-5--2 > div:nth-child(7), .apprentice__modifier div#edit-step-5--2 > div:nth-child(8), .apprentice__modifier div#edit-step-5--2 > div:nth-child(9) {
        max-width: calc(100% - 20px);
    }
    .apprentice__modifier div#edit-step-5--2 > div:nth-child(3) {
        max-width: calc(33.33% - 4px);
    }
    .apprentice__modifier div#edit-step-5--2 > div:nth-child(1) {
        flex: 1 0 30%;
        max-width: 30%;
    }
    .apprentice__modifier div#edit-step-5--2 > div:nth-child(2) {
        flex: 1 0 60%;
        max-width: 60%;
    }
    .apprentice__modifier div#edit-step-5--2 > div:nth-child(2) label.form-item__label {
        width: 70%;
    }
    .apprentice__modifier div#edit-step-5--2 > div:nth-child(2) select {
        max-width: 55%;
    }
    #header--modifier.InnerHeader .menu-section--modifier nav .primary-nav__menu-item--level-1.primary-nav__menu-item--has-children::after{
        font-size: 20px!important;
    }
    .apprentice__modifier div#edit-step-5--2 > div:nth-child(3) {
        flex: 1 0 32%;
        max-width: 32%;
    }
    .apprentice__modifier #edit-step-4--2 .js-form-item {
        width: 50%;
    }
    .apprentice__modifier #edit-step-3--2 .js-form-item:nth-child(4) {
        width: 100%;
    }
    .apprentice__modifier #edit-step-3--2 .js-form-item:nth-child(4) input {
        width: 51% !important;
    }
    .apprentice__modifier #edit-step-3--2 .js-form-item:nth-child(3){
        width: auto!important;
    }
    .apprentice__modifier .form-item-enrolment-number-issued-by-nats { 
        width: 40%;
    }
    #edit-step-2--2 .js-form-item {
        /* width: auto!important; */
        margin-bottom: 21px !important;
    }
    .apprentice__modifier #edit-step-2--2 .js-form-item:nth-child(5) {
        width: calc(100% - 10px) !important;
    }
    .apprentice__modifier #edit-step-2--2 .js-form-item:nth-child(7),
    .apprentice__modifier #edit-step-2--2 .js-form-item:nth-child(8) {
        width: auto;
        margin-bottom: 22px;
    }
    .InternshipForm__modifier fieldset#edit-name--wrapper { width: 48%;}
    .InternshipForm__modifier .js-form-item-college-name, 
    .InternshipForm__modifier .js-form-item-desired-internship-period {
        width: 22.5%;
        margin-right: 15px;
    }
    .InternshipForm__modifier .js-form-item-educational-qualification, 
    .InternshipForm__modifier .js-form-item-contact-no {
        width: 23.4%;
    }
    .menu-section--modifier .container + div{
        display: flex!important;
        justify-content: space-between!important;
    }
    header#header--modifier.sticky--modifier .primary-nav__menu-item--level-1,
    header#header--modifier .primary-nav__menu-item--level-1 {
        padding: 0px 19px 1px 0px!important;
    }
    .logoText h3 {font-size: 15px;}
    .logoText h4{font-size: 11px;}
    .middle--modifier__left.brand--logo {margin-right: 0em;}
    .brand--logo .img-fluid {max-width: 115px;}
    .employee__speak .employee__speak--content p {padding: 0px 10em;}
    .employee__speak .employee__speak--content p::before,
    .employee__speak .employee__speak--content p::after {
        width: 54px;
        height: 48px;
        background-size: 50%;
    }
    .employee__speak .employee__speak--content p::before {
        left: 100px!important;
    }
    .employee__speak .employee__speak--content p::after {
        right: 100px!important;
    }
    .homeslider--modifier .owl-stage-outer .owl-stage .owl-item:nth-child(11) .views-field.views-field-title {
        left: -21%
    }
    html body .service--modifier .owl-item{padding: 0px!important;}
    html body .service--modifier #unic2{padding: 30px!important;} 
    html body .service--modifier .owl-carousel.owl-drag .owl-item {margin: 0px 5.5em !important;}
    #header--modifier.InnerHeader .menu-section--modifier nav .primary-nav__menu-item--level-1.primary-nav__menu-item--has-children::after {
        padding-top: 2px;
    }
    .primary-nav__menu-item--level-2.primary-nav__menu-item--has-children, .middle--modifier__right .menu--main ul li ul li {
        padding: 7px 15px!important;
    }
    .primary-nav__menu-item--level-2.primary-nav__menu-item--has-children:after {top: 2px!important;}
    /* .middle--modifier__right ul.menu.primary-nav__menu {gap: 20px;} */
    .middle--modifier__right ul.menu.primary-nav__menu i{padding-top: 10px;}
    .topbar--modifier a{font-size: 12px;}
    .sticky--modifier .btn-custom1:before {
        width: 26px!important;
        font-size: 14px!important;
        padding: 17px 34px!important;
        left: -27px!important;
        top: -8px!important;
    }
    .sticky--modifier .btn-custom1{font-size: 12px!important;}
    .sticky--modifier .navigation ul li{font-size: 13px!important;}
    body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:not(:last-child) {
        margin-inline-end: 1em;
    }
    .menu-section--modifier nav > ul{
        display: flex;
        align-items: center;
    }
    .menu-section--modifier .menu.primary-nav__menu li {
        margin: 0px 0px;
    }
    .primary-nav__menu-item--level-1.primary-nav__menu-item--has-children::after {
        padding-top: 8px;
    }
    /*Custom Menu Todays*/
    .primary-nav__menu-item--level-1 {
        padding: 0px 0px 0px 0px !important;
    }
    .primary-nav__menu-item {
        position: relative; /* Ensure the child ul is positioned relative to the parent li */
    }
  .primary-nav__menu--level-2,
  .primary-nav__menu--level-3 {
    display: block!important; /* Hide submenus by default */
  }
  
  .primary-nav__menu-item:hover > .primary-nav__menu--level-2,
  .primary-nav__menu-item:hover > .primary-nav__menu--level-3 {
    display: block; /* Show submenu on hover */
  }
  
  .primary-nav__menu-item--has-children > .primary-nav__menu-link {
    cursor: pointer; /* Indicate there's a submenu */
  }
  
  .primary-nav__menu-link {
    display: block;
    text-decoration: none;
  }
  .primary-nav__menu-item--has-children ul{
    min-height: fit-content;
    min-width: 300px!important;
  }
  .menu.primary-nav__menu--level-2 {
    left: 0px !important;
    top: calc(100% + 5px) !important;
}
    nav.primary-nav.menu--main ul li ul li a, 
    nav.primary-nav.menu--main .primary-nav__menu-item--level-3 span,
    .menu-section--modifier .primary-nav__menu-link--nolink {
        font-size: 0.8em !important;
        font-weight: 600 !important;
    }
    a#DarkthemeIcon {
        width: 15px;
        height: auto;
    }
    .menu-section--modifier .primary-nav__button-toggle {
        display: none;
    }
    .menu.primary-nav__menu--level-2 {
        display: none;
        position: absolute !important;
        background: white !important;
        z-index: 999 !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        top: calc(100% + 0px)!important;
        left: -123px !important;
        padding: 10px 0px!important;
        border: 0px !important;
    }
    .primary-nav__menu-item--has-children ul { 
        display: none!important;
        position: absolute !important;
        background: white !important;
        z-index: 999 !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible !important;
        top: 0px;
        left: calc(100% - 24px);
        padding: 0px 0px;
        width: 100%;
        min-width: 351px;
    }
  /*end todays*/
}
@media only screen and (min-width: 992px) {
.modelCustom__modifier .modal-body{
        max-height: 50vh;
        overflow-y: auto;
}
ul.c-arrow1:before {
    margin-left: -8px;
}
a.local.c-tree1,
a.local.c-tree2 {
    margin-left: -8px;
}
li.c-tree3:before {
    transform: rotate(270deg) scaleY(-1);
    left: calc(44% + -2px) !important;
    max-width: 12% !important;
    margin-top: -72px;
}
/*Tree Leadership*/
.LeaderTree .tree ul {
  padding-top: 20px;
  position: relative;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  margin: 0px!important;
}
html body .container-fluid .tree li{
    line-height: 2.5 !important;
}
.LeaderTree .tree li {
    width: auto!important;
  float: left!important;
  text-align: center!important;
  list-style-type: none!important;
  position: relative!important;
  padding: 20px 5px 0 5px!important;
  transition: all 0.5s!important;
  -webkit-transition: all 0.5s!important;
  -moz-transition: all 0.5s!important;
  line-height: auto!important;
}

.LeaderTree .tree li::before,
.LeaderTree .tree li::after {
  content: ''!important;
  position: absolute!important;
  top: 0!important;
  right: 50%!important;
  border-top: 2px solid #ccc!important;
  width: 50%!important;
  height: 23px!important;
}

.LeaderTree .tree li::after {
  right: auto;
  left: 50%;
  border-left: 2px solid #ccc;
}

.LeaderTree .tree li:only-child::after,
.LeaderTree .tree li:only-child::before {
  display: none;
}

html body .container-fluid .tree li:only-child {
  padding-top: 0!important;
  width: 100%!important;
}

.LeaderTree .tree li:first-child::before,
.LeaderTree .tree li:last-child::after {
  border: 0 none;
  display: none;
}

.LeaderTree .tree li:last-child::before {
  border-right: 2px solid #ccc;
  border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
}

.LeaderTree .tree li:first-child::after {
  border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
}

.LeaderTree .tree ul ul::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 2px solid #ccc;
  width: 0;
  height: 22px;
}
.LeaderTree .tree li a img{
    border:0;
}
/* .tree li a {
  padding: 5px 10px;
  text-decoration: none;
  color: #fff!important;
  font-weight: 600!important;
  font-family: var(--font-primary);
  font-size: 11px;
  line-height:1.2;
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
} */

.LeaderTree .tree li a:hover + ul li::after,
.LeaderTree .tree li a:hover + ul li::before,
.LeaderTree .tree li a:hover + ul::before,
.LeaderTree .tree li a:hover + ul ul::before {
  border-color: #94a0b4;
}
.LeaderTree .tree {
    width:100%;
}
  .LeaderTree .tree a {
    display:block;
    font-size:.9rem;
    margin-top:.5rem;
  }
  .LeaderTree .tree img {
    display:block;
    margin:0 auto;
    margin-bottom:1rem;
    width:200px;
  }
  .LeaderTree .tree, .LeaderTree .tree ul {
      padding-top: 20px;
    position: relative;
      transition: all 0.5s;
  }
  .LeaderTree .tree li {
      float: left;
         text-align: center;
      list-style-type: none;
      position: relative;
      padding: 20px 5px 0 5px;
      transition: all 0.5s;
      min-width:25%;
      flex: 1 0 25%;
  }
  .LeaderTree .tree li::before, .LeaderTree .tree li::after{
      content: '';
      position: absolute;
    top: 0; right: 50%;
      border-top: 2px solid #ccc;
      width: 50%; height: 20px;
  }
  .LeaderTree .tree li::after{
      right: auto; left: 50%;
      border-left: 2px solid #ccc;
  }
  .LeaderTree .tree li:only-child::after,
  .LeaderTree .tree li:only-child::before {
      display: none;
  }
  .LeaderTree .tree li:only-child {
    padding-top: 0;
  }
  .LeaderTree .tree li:first-child::before,
  .LeaderTree .tree li:last-child::after{
      border: 0;
  }
  .LeaderTree .tree li:last-child::before{
      border-right: 2px solid #ccc;
      border-radius: 0 5px 0 0;
  }
  .LeaderTree .tree li:first-child::after{
      border-radius: 5px 0 0 0;
  }
  .LeaderTree .tree ul::before{
    content: '';
    position: absolute;
    top: 0; left: 50%;
    width: 0; height: 20px;
  }
  .LeaderTree .tree li a {
      padding:0;
      text-decoration: none;
       width: min-content;
       color: var(--color-dark) !important;
      font-size: 1rem;
      line-height:1.2;
      display: inline-block;
      border-radius:5px;
      transition:all 0.5s;
      min-width:210px;
      font-weight:500;
      text-align: center;
  }
  .LeaderTree .tree li a span {
    margin-top:6px;
    font-size:15px;
    font-weight:300;
    line-height:1.2;
    color: #121212;
    display:block;
  }
  .LeaderTree .tree li a:hover+ul li::after,
  .LeaderTree .tree li a:hover+ul li::before,
  .LeaderTree .tree li a:hover+ul::before,
  .LeaderTree .tree li a:hover+ul ul::before{
      border-color:  #94a0b4;
  }
/*END*/
.homeslider--modifier .owl-stage-outer .owl-stage .owl-item:nth-child(11){position: relative;}
.homeslider--modifier .owl-stage-outer .owl-stage .owl-item:nth-child(11) .views-field.views-field-title {
    position: absolute;
    top: 50%;
    left: -28%
}
body:not(.is-always-mobile-nav) .primary-nav__menu-link {
    line-height: 1.7!important;
}
.primary-nav__menu-item--level-1.primary-nav__menu-item--active-trail,
body #header--modifier .menu-section--modifier .primary-nav__menu-item--level-1.primary-nav__menu-item--active-trail span.primary-nav__menu-link.primary-nav__menu-link--nolink.primary-nav__menu-link--level-1.primary-nav__menu-link--active-trail.primary-nav__menu-link--has-children,
body #header--modifier .menu-section--modifier .primary-nav__menu-item--level-1.primary-nav__menu-item--active-trail a.primary-nav__menu-link.primary-nav__menu-link--link.primary-nav__menu-link--level-1.primary-nav__menu-link--active-trail.is-active span.primary-nav__menu-link-inner.primary-nav__menu-link-inner--level-1,
body #header--modifier .menu-section--modifier .primary-nav__menu-item--level-1:hover span.primary-nav__menu-link.primary-nav__menu-link--level-1,
body #header--modifier .menu-section--modifier .primary-nav__menu-item--level-1:hover a.primary-nav__menu-link.primary-nav__menu-link--link.primary-nav__menu-link--level-1 span.primary-nav__menu-link-inner.primary-nav__menu-link-inner--level-1{
    background: none !important;
    color: rgb(255, 121, 32) !important;

}
    .reader--mobile{display: none;}
    .primary-nav__menu-item--has-children.hoverActiveBack a span.primary-nav__menu-link-inner--level-2,
    li.primary-nav__menu-item--level-2.primary-nav__menu-item--has-children.hoverActiveBack span.primary-nav__menu-link--level-2.primary-nav__menu-link--has-children,
    li.primary-nav__menu-item--level-2.primary-nav__menu-item--has-children.hoverActiveBack::after,
    li.primary-nav__menu-item--nolink.primary-nav__menu-item--level-2.primary-nav__menu-item--has-children:hover:after
    {
        color: #fff !important;
    }
    li.backNewActive a span{color: red!important;}
    .primary-nav__menu-item--level-2.primary-nav__menu-item--has-children,
    .middle--modifier__right .menu--main ul li ul li {
        padding: 0px 0px 0px 15px; 
    }
    .OpenSocialMobile {display: none;}
    /*Service Banners*/
    .service--modifier h2, 
    .service--modifier.title2 {
        color: #fff !important;
        z-index: 1;
        padding-top: 1.5em;
        padding-left: 2em;
    }
    .service--modifier .owl-item{
        width: 5% !important;
        height: 300px !important;   
        position: relative;
        margin: 0px !important;
        padding: 30px !important;
        display: flex;
        justify-content: flex-start;
        text-align: left;
        float: left;
        background: #8882a3;
        border: 10px solid #fff;
    }
    .service--modifier #unic1 {
        width: 10% !important;
        height: 300px !important;   
        position: relative;
        margin: 0px !important;
        padding: 30px !important;
        display: flex;
        justify-content: flex-start;
        text-align: left;
        float: left;
        background: #8882a3;
        border: 10px solid #fff;
    }
    .service--modifier #unic2 {
        width: 40% !important;
        height: 400px !important;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        background:#fff;
        align-items: center;
        padding: 40px;
        border: 10px solid rgb(244, 97, 0);
        -webkit-box-shadow: 2px 10px 22px 0px rgba(209, 198, 209, 1);
        -moz-box-shadow: 2px 10px 22px 0px rgba(209, 198, 209, 1);
        box-shadow: 2px 10px 22px 0px rgba(209, 198, 209, 1);
    }
    .service--modifier #unic3 {
        width: 10% !important;
        height: 300px !important;
        position: relative;
        margin: 0px !important;
        padding: 30px !important;
        display: flex;
        justify-content: flex-end;
        text-align: right;
        float: right;
        background: #8882a3;
        border: 10px solid #fff;
        margin-right: 0px!important;
        padding-right: 0px!important;
    }
    .service--modifier #unic1 img,
    .service--modifier #unic3 img,
    .service--modifier .owl-item img{
    height: 225px;
    }
    .service--modifier #unic2 img{height: 100%;}
    .service--modifier #unic1,
    .service--modifier #unic2,
    .service--modifier #unic3 img,
    .service--modifier .owl-item img{
        max-width: 100%;
        width: 100%;
    }
    .service--modifier #unic2 .services .services--image img{
    height: 300px!important;
    }
    .service--modifier .owl-carousel .owl-stage{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .service--modifier .owl-carousel .owl-stage-outer{
        /* margin-left: 0; */
        width: 100%;
    }
    .service--modifier .services .services--image{
    width: 70%;
    }
    .service--modifier .services .services--title{
        font-size: 14px;
        width: 30%;
        line-height: 1.6;
    }
    .service--modifier .owl-carousel.owl-drag .owl-item{
        width: 10%!important;
        margin: 0px 6em!important;
    }
    .service--modifier #unic1.active,
    .service--modifier #unic3.active,
    .service--modifier .owl-item.active {
        border-width: 10px;
        border-style: solid;
        border-color: #ccc;
        border-image: initial;
        overflow: hidden;
    }
    .service--modifier #unic1.active .services--image,
    .service--modifier #unic3.active .services--title  {
        display: none;
    }
    .service--modifier #unic1.active .services--title,
    .service--modifier #unic3.active .services--image {
        width: 100%!important;
    }

    /* The outermost element*/
    .zoon_in_section{
        overflow: hidden;
        min-height: 565px;
        max-height: 700px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    
    .zoon_in_section .community-engagement {
        width: 100%;
    }
    .zoominheader {
        width:100%;
        height:100%;
        text-align:center;
        background-image: url("../images/zoom_in_image.jpg");
        background-size: contain;
        background-attachment: fixed;
        background-repeat: repeat;
        position: absolute;
        top: 0px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-animation: zoomin 10s ease-in infinite;
        animation: zoomin 10s ease-in infinite;
        transition: all 10s ease-in-out;
        overflow: hidden;
        background-size:cover ;
    }
    
    /* The innermost element*/
    .zoomoutheader {
        width:100%;
        height:100%;
        text-align:center;
        background: none;
        -webkit-animation: zoomout 10s ease-in infinite;
        animation: zoomout 10s ease-in infinite;
        transition: all 10s ease-in-out;
        overflow: hidden;
    }
    .zoon_in_section .sub-text{
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    }
    #newSeviceOuter{
        position: relative;
        overflow: hidden;    
        /* margin-bottom: 4em; */
    }
    #newSeviceOuter::after {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        opacity: 0.6;
        background-color: rgba(0, 0, 0, 0.69);
    }
    #newSeviceOuter .owl-nav .owl-prev, #newSeviceOuter .owl-nav .owl-next {
        font-size: 0px;
        position: relative;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 8px;
        border: 1px solid;
        border-color: #fff;
        width: 45px;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0px 5px;
    }
    #newSeviceOuter .owl-theme .owl-nav {
        position: absolute;
        top: calc(-20% - 23px);
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    #newSeviceOuter .owl-theme .owl-nav button.owl-prev {
        left: calc(100% - 140px);
    }
    #newSeviceOuter .owl-theme .owl-nav button.owl-next {
        right: 1vw;
    }
    #newSeviceOuter .owl-theme .owl-nav button.owl-prev span,
    #newSeviceOuter .owl-theme .owl-nav button.owl-next span {
        font-size: 35px;
        color: #fff;
        margin-top: -2px;
    }
    .services--title h6 {
        width: 100%;
        color: #1f1a17;
        margin-bottom: 15px;
        font-size: 2em;
        line-height: 1.1;
        font-weight: 700;
    }
    .services--title .views-more-link {
        color: var(--color-primary);
        margin-top: 10px;
        position: relative;
        display: flex;
        text-decoration: none;
        font-size: 17px;
    }
    .services--title .views-more-link:after {
        content: "\f061";
        font-family:FontAwesome;
        margin-left: 7px;
        vertical-align: middle;
        z-index: 1;
        text-decoration: none;
    }
    /*End Service Banner*/
    #header--modifier.sticky--modifier .topbar--modifier{display: none;}
    .Journey--Achievement .container:nth-child(2){
        max-width: 883px;
    }
    body:not(.is-always-mobile-nav) .primary-nav__menu--level-1 {
        display: flex;
        justify-content: space-between !important;
        width: calc(100% - 150px);
    }    
    span.primary-nav__menu-link--nolink.primary-nav__menu-link--level-2.primary-nav__menu-link--has-children {
        font-weight: 600;
        font-size: 14px;
    }
    #header--modifier.sticky--modifier .navigation ul ul {margin-left: 0px !important;}
    .dash--MobileClick{display: none!important;}
    body:not(.is-always-mobile-nav) .primary-nav__menu-link {font-size: 0.8rem;}
    .sticky--modifier span{
        font-size: 15px!important;
        font-weight: 500!important;
    }
    .sticky--modifie .middle--modifier__right ul.menu.primary-nav__menu li span{
        font-size: 15px!important;
        font-weight: 500!important;
    }
    /*ajayrai*/
    /*custom menu*/
    .primary-nav__menu-item--level-1:hover > .menu.primary-nav__menu--level-2,
    .primary-nav__menu-item--has-children:hover > .primary-nav__menu.primary-nav__menu--level-3{
        display: block!important;
    }
    .primary-nav__menu-item--level-1.primary-nav__menu-item--has-children::after{
        content: "\f107";
        font-family: var(--font-awesome);
        color: #fff;
        padding-left: 4px;
        font-size: 19px;
    }
    .menu.primary-nav__menu--level-2 a,
    .menu.primary-nav__menu--level-2 span{
        color: var(--text-color)!important;
        width: 100%;
        font-size: 14px!important;
        font-weight: 500!important;
    }
    .menu.primary-nav__menu--level-2 a:hover,
    .menu.primary-nav__menu--level-2 span:hover,
    .menu-section--modifier nav .primary-nav__menu--level-3 li:hover{
        width: 100%;
        color: #fff!important;
    }
    .menu-section--modifier nav .primary-nav__menu--level-3 li {padding: 0px 0px !important;}
    .primary-nav__menu.primary-nav__menu--level-3 span {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .menu.primary-nav__menu--level-3 a .primary-nav__menu-link-inner--level-3{
        color: var(--color-primary);
        font-size: 14px;
        font-weight: 400;
    }
    .menu-section--modifier {padding: 0px 0px 8px 0px;}
    .primary-nav__menu-item--level-1{
        padding:0px 19px 14px 19px;
        border-bottom: 7px solid transparent;
    }
    .primary-nav__menu-item--level-1:hover{
        border-bottom: 7px solid rgb(255, 121, 32)!important;
    }
    .primary-nav__menu-item--level-1 span{color: rgb(255, 121, 32);}
    .primary-nav__menu-item--has-children .primary-nav__menu-link {
        color: var(--color-primary);
        font-weight: 700;
    }
    nav.primary-nav.menu--main ul li ul li a,
    nav.primary-nav.menu--main .primary-nav__menu-item--level-3 span{
       font-size: 14px!important;
       font-weight: 500!important;
    }
    .menu-section--modifier .navigation li a:hover,
    .menu-section--modifier .navigation ul li:hover{
        background: none;
        color: var(--color-secondary);
    }
  /*END custom menu*/ 
}
@media only screen and (max-width: 991px) {
.LeaderTree ul.tree li div:first-child a,
.boardItem__modifier--items h2{
    font-size: 1em!important;
}
.modelCustom__modifier .modal-body{
        max-height: 70vh;
        overflow-y: auto;
}
.tender__loop ul.tender__loop--second:nth-child(2) {flex-direction: row;}
.footer__Section{margin-top: 1em;}
.inner--mainContent.apprentice__modifier .messages-list .messages__wrapper .messages-list__item {
    width: 90%;
    left: calc(50vw - 45%);
}
.advertising__apprentice{width: 90%;}
.LeaderTree .ckeditor-accordion-container ul.tree,
.LeaderTree .ckeditor-accordion-container ul.tree li:first-child,
.LeaderTree .ckeditor-accordion-container ul.tree li ul,
.LeaderTree .ckeditor-accordion-container ul.tree li ul li
{ 
  margin: 0px!important;
  padding-left: 0px!important;
}
.LeaderTree ul.tree {
   margin: 0px!important;
   padding: 0px!important;
}
.LeaderTree ul.tree li a {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.LeaderTree ul.tree li a span{
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
}
.LeaderTree ul.tree li div:first-child a,
.LeaderTree ul.tree li ul li a {
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    flex-direction: column;
}
.LeaderTree ul.tree li div:first-child a img,
.LeaderTree ul.tree li ul li a img {
    margin: 0px auto;
}
.LeaderTree .tree li::before,
.LeaderTree .tree li::after,
.LeaderTree .tree li:first-child::before,
.LeaderTree .tree li:last-child::before{
    display: none!important;
}
.LeaderTree ul.tree li {display: inline-block!important;}
.empty-state {max-width: 90%;}
.menu-section--modifier .container,
.topbar--modifier .container {
    max-width: 100%;
}
.copyright--modifier {margin-top: 15px;}
.newsLetter__subscribe{margin:1em 0px;}
.newsLetter__subscribe .block__title{margin: 0px;}
.footerNavigation,
.newsLetter__subscribe {
    flex: 1 0 100%;
    max-width: 100%;
}
.navDevider{flex-direction: column;}
    .career__modifier button.owl-prev,
    .career__modifier button.owl-next{
        position: static!important;
    }
.owl-theme .owl-nav { 
    position: absolute !important;
    top: 50% !important;
    width: calc(100% - 20px) !important;
    display: flex !important;
    justify-content: space-between !important;
    /* flex-direction: row-reverse !important; */
    margin-left: 10px;
}
    .apprentice__modifier div#edit-step-5--2 > div:nth-child(1) {
        flex: 1 0 100%;
        max-width: 100%;
    }
.js-form-type-radio.form-item-completed-graduation.js-form-item-completed-graduation {
    width: auto !important;
}
.webform-progress {margin-bottom: 1em;}
.InternshipForm__modifier #edit-actions {
    margin-left: 0;
}
.apprentice__modifier #edit-step-4--2 .js-form-item:nth-child(2){
    padding: 0px 5px !important;
}
.progress-tracker--center,
.apprentice__modifier div#edit-step-5--2 > div:nth-child(1) {
    margin:0px!important;
}
    .apprentice__modifier div#edit-step-5--2 > div:nth-child(6), .apprentice__modifier div#edit-step-5--2 > div:nth-child(7), .apprentice__modifier div#edit-step-5--2 > div:nth-child(8), .apprentice__modifier div#edit-step-5--2 > div:nth-child(9){
        margin-left: 0;
    }
.apprentice__modifier #edit-step-4--2 .js-form-item:nth-child(3), 
.apprentice__modifier #edit-step-4--2 .js-form-item:nth-child(4) {
    width: calc(50%) !important;
    margin: 0px !important;
    padding: 0px 5px 20px 5px !important;
    background: #f6f5f5;
    border: 0px;
}
.apprentice__modifier #edit-step-4--2 .js-form-item:nth-child(3),
.apprentice__modifier #edit-step-4--2 .js-form-item:nth-child(5) {
    border-left: 1px solid #ccc;
}
.apprentice__modifier #edit-step-4--2 .js-form-item:nth-child(4) {
    border-right: 1px solid #ccc;
}
.apprentice__modifier #edit-step-4--2 .js-form-item:nth-child(5),
.apprentice__modifier #edit-step-4--2 .js-form-item:nth-child(6) {
    width: calc(50%) !important;
    margin: 0px !important;
    padding: 0px 5px 20px 5px !important;
    background: #f6f5f5;
    border-bottom: 1px solid #ccc;
}
.apprentice__modifier div#edit-step-5--2 > div:nth-child(3),
.apprentice__modifier div#edit-step-5--2 > div:nth-child(4),
.apprentice__modifier div#edit-step-5--2 > div:nth-child(5),
.apprentice__modifier div#edit-step-5--2 > div:nth-child(6),
.apprentice__modifier div#edit-step-5--2 > div:nth-child(7) {
    flex: 1 0 100%;
    max-width: 100%;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-left: 0px;
}
.apprentice__modifier div#edit-step-5--2 > div:nth-child(2) label.form-item__label,
.apprentice__modifier div#edit-step-5--2 > div:nth-child(2) select,
.apprentice__modifier div#edit-step-5--2 > div:nth-child(10) input[type="text"],
.apprentice__modifier fieldset.captcha {
    width: 100%;
    max-width: 100%!important;
}
div#edit-gender,
div#edit-ews-category,
div#edit-disability,
div#edit-date-of-passing,
div#edit-completed-graduation {
    display: flex;
}
.apprentice__modifier .form-actions{padding-left: 0px;}
.instructions{margin-bottom: 0px;}
.apprentice__modifier .form-item-enrolment-number-issued-by-nats {
    width: 100%;
}
.career__modifier button.owl-next,
.career__modifier button.owl-owl-prev{
    position: static!important;
}
    .career__modifier h4,
    .employee__speak .employee__speak--content p {
        margin-top: 1em;
        font-size: 1em;
    }
    .employee__speak .employee__speak--content p {padding: 0px 3em;}
    .employee__speak .employee__speak--content p::before,
    .employee__speak .employee__speak--content p::after {
        width: 40px;
        height: 40px;
        background-size: 50%;
    }
    .employee__speak .employee__speak--content p::before {
        left: 1em!important;
    }
    .employee__speak .employee__speak--content p::after {
        right: 1em!important;
    }
    .innerPage--modifier .inner--mainContent h3, 
    .innerPage--modifier .inner--mainContent .title3, 
    .path-photo-gallery .views-field-title{
        font-size: 16px;
    }
    .Blog__Details .media-image {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-bottom: 1em;
    }
    .pamela .quicktabs-tabpage{padding: 0px!important ;}
    .innerPage--modifier .inner--mainContent h4, 
    .innerPage--modifier .inner--mainContent .title4{
        line-height: 1.4;
    }
    .pamela .quicktabs-tabpage{
        padding-left: 0.5em!important;
        padding-right: 0.5em!important;
        max-width: 100%;
    }
    .tender__loop h4{line-height: 1.4;}
    .tender__loop .tender__loop--second,
    .tender__loop .tender__loop--first {
        justify-content: flex-start;
        align-items: self-start;
        flex-direction: column;
        gap: 14px;
    }
    #quicktabs-tabs .view-filters .views-exposed-form {
        position: absolute;
        margin-top: 0;
        top: 110px;
        left: calc(50% - 134px);
    }
    #my-new-div {
        padding: 2em 0.5em;
        overflow-x: auto;
    }
    #tender__modifier .inner--mainContent{
        padding: 0px;
        margin: 0px;
    }
    #quicktabs-tabs{padding: 1em 1em 4em 1em;}
    .leadership__outer--right hgroup.leadersHeading h5 {
        font-size: 24px !important;
        text-align: center;
        margin: 0px 0px 12px 0px;
    }
    .innerPage--modifier .inner--mainContent h6 {
        font-size: 16px !important;
        font-weight: 600 !important;
        text-align: center;
        line-height: 1.5;
    }
    .button--section {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .DIRimg--modifier{display: flex;justify-content: center;}
    .leadership--Page .modal-dialog .modal-body{flex-direction: column;}
    .viewModalOne--image {
        flex: 1 0 100%;
        border-right: 0;
        margin-right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2em;
    }
    .viewModalOne--content {
        flex: 1 0 100%;
        padding: 2em;
    }
    .leadership__outer--right h5.leader--title {
    padding: 20px 10px !important;
    margin-top: 31px !important;
    text-align: center;
}
.leadership__outer {
    background: #c0e0f3 url(../images/bg_without-circle-mobile.png) no-repeat bottom center;
    height: auto;
    background-size: contain;
    flex-direction: column;
    padding-top: 0em;
    margin-bottom: 1em;
}
.leadership__outer--left {
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
        height: auto;
        left: auto;
        bottom: auto;
        padding-top: 1em;
}
.leadership__outer--inner {
    display: none;
}
.director-image {
    width: 50%;
    height: auto;
    top: 83px;
    left: auto;
    overflow: hidden;
    background: #fff;
    border-radius: 100%;
    position: static!important;
}
.director-image img {
    padding-top: 10px;
}
.leadership__outer--right {
    flex: 1 0 100%;
}
hgroup.leadersHeading {
    padding: 0 3em 3em 3em;
    margin-left: 0;
    position: static !important;
}
.leadership__outer--right h5.leader--title {
    position: static !important;
    margin-bottom: 1em !important;
    font-size: 1em !important;
    width: 100%;
}
.leadership__outer--right h5.leader--title::after{display:none;}
.footer--Education {margin-bottom: 40px;}
.activeBlock,
.parentClose.activeNone {
     display: block!important;
}
.activeNone {
   display: none!important;
}
.moreOne {
   display: block !important;
}  
li.primary-nav__menu-item.primary-nav__menu-item--nolink.primary-nav__menu-item--level-1.primary-nav__menu-item--active-trail.primary-nav__menu-item--has-children, 
li.primary-nav__menu-item.primary-nav__menu-item--link.primary-nav__menu-item--level-1.primary-nav__menu-item--active-trail {
    margin: 0px;
}
   .inner--mainContent form.webform-submission-form .js-form-item.form-item {
        /* flex: 100% !important; */
        width: 100% !important;
        max-width: 100%!important;
    }
    .image-gallery {
        gap: 0;
        padding: 0;
    }
    .bradcum__area .breadcrumb__list .breadcrumb__link, 
    .bradcum__area .breadcrumb__list .breadcrumb__item {
        font-size: 12px;
    }
    .title2{font-size: 16px!important;}
    .listing__one--items {
        flex: 1 0 100%;
        max-width: 100%;
    }
    .bradcum__area .breadcrumb__list {
        padding-bottom: 0px;
        width: 100%;
    }
    .innerPage--modifier .inner--mainContent h4, 
    .innerPage--modifier .inner--mainContent .title4{
        font-size: 15px;
    }
    .inner--mainContent .ckeditor-accordion-container ul li, 
    .inner--mainContent .ckeditor-accordion-container ol li,
    .innerPage--modifier p, 
    .inner--mainContent .ckeditor-accordion-container p {
        font-size: 14px;
    }
    .inner--mainContent .ckeditor-accordion-container > dl dt > a, 
    .inner--mainContent .ckeditor-accordion-container > dl dt > a:not(.button), 
    .ui-accordion .ui-accordion-header {
        font-weight: 500 !important;
        overflow: hidden;
        font-size: 14px !important;
    }
    .innerPage--modifier p,
    .inner--mainContent .ckeditor-accordion-container p,
    .inner--mainContent ul li{
      text-align: left;
    }
    .innerPage--modifier .custom__sidebar{display: none!important;}
    .footer--Education div img {padding: 7px 0px;}
    .s-more a,
    .services--title h6,
    .services--title p{color: #fff!important;}
    html body .service--modifier h2{margin-bottom: 0.5em!important;}
    #newSeviceOuter {margin-bottom: 2em!important;}
    .homeslider--modifier .owl-carousel .owl-item img {height: 28vh!important;}
    .Journey--modifier {margin-top: 10px;}
    header#header--modifier.sticky--modifier .menu-section--modifier,
    header#header--modifier.InnerHeader .menu-section--modifier {
        padding-bottom: 0px;
    }   
    header#header--modifier.sticky--modifier .menu-section--modifie{
        padding-bottom: 0px;
        height: 0px!important;
    } 
    header#header--modifier.InnerHeader.sticky--modifier .menu-section--modifier{
        padding-bottom: 0px;
        height: 0px!important;
    }
    .sticky--modifier #Mobile--Menu {
        width: 40px;
        height: 38px;
        display: block;
        position: fixed;
        right: 10px;
        font-size: 36px;
        color: #fff;
        z-index: var(--color-primary);
        /* background: #000; */
        padding: 4px 5px 5px 6px;
        border-radius: var(--border-radius-One);
        float: left;
        margin-top: -7px;
        top: 8px;
    }
    #searchBoxOpen.activeSearch {
        padding: 4px 11px;
        top: 35px;
        z-index: 9999;
    }
    .brand--logo .img-fluid {
        max-width: 100px;
    }
    #header--modifier{position: static!important;}
    .topbarSectionAlign {
        flex-direction: column;
        padding: 10px 0px;
    }
    .topbarSectionAlign .topbar--modifier__left{
        padding-bottom:0;
        padding-top:0;
    }
    .middle--modifier__left.brand--logo {padding: 10px 0px;}
    .logoText h4{font-size: 13px!important;}
    #header--modifier.sticky--modifier .logoText h3, 
    #header--modifier .logoText h3,
    #header--modifier.sticky--modifier .logoText h4, 
    #header--modifier .logoText h4 {
        color: #332c8c !important;
    }
    #header--modifier.sticky--modifier .logoText h5, 
    #header--modifier .logoText h5 {
        color: #6c6c6c !important;
    }
    /* .innerPage--modifier .inner--mainContent h3, .innerPage--modifier .inner--mainContent .title3{margin-top: 0px!important;} */
    .career__Section img { min-height: auto !important;}
    .career__Section .career__Section--item .heading-box .heading {font-size: 20px;}
    .career__Section .career__Section--item .heading-box {padding: 8px;}
    .Journey--modifier .views-element-container .item-list ul li .journy-heading::after{ display: none;}
    .custom__LeftNav ul.menu.menu--level-2 {
        padding-left: 0px;
    }
    .homeslider--modifier .views-field-field-slide-image:after{height: 100%!important;}
    .page404--modifier .first-four {
        left: 11vmin;
        font-size: 34vmin;
    }
    .page404--modifier .second-four {
        right: 20vmin;
        font-size: 34vmin;
    }
    #header--modifier.InnerHeader .menu-section--modifier nav .primary-nav__menu-item--level-1.primary-nav__menu-item--has-children.primary-nav__menu-item--active-trail > span,
    .primary-nav__menu-item--active-trail a {
        background: var(--color-primary);
    }
    .captcha-type-challenge--image{ margin:1em 0px!important;}
    #GetinTouch--form .form-item.form-item-name,
    #GetinTouch--form .form-item.form-item-email {
        max-width: 100%;
        float: none;
    }
    #GetinTouch--form h4{
        margin-bottom: 1em;
    }
    .imgCustom--card div:nth-child(1) {
        flex: 1 0 90% !important;
        max-width: 90%;
    }
    .imgCustom--card{flex-direction: column;}
    .OpenSocialMobile i {margin-top: -4px;font-size: 1em;}
    /* .topbar--modifier__left span {font-size: 0px;} */
    .reader--largeScreen{display: none;}
    .primary-nav__menu-item--active-trail .primary-nav__menu-item--has-children::before,
    .primary-nav__menu-item--level-1.primary-nav__menu-item--active-trail:before,
    .primary-nav__menu-item--level-2.primary-nav__menu-item--has-children::before,
    .primary-nav__menu-item--level-3.primary-nav__menu-item--active-trail:before
    {
        color: #fff!important;
    }

    .primary-nav__button-toggle + span.primary-nav__menu-🥕 {display: none;}
    #header--modifier .middle--modifier__right nav ul.menu.primary-nav__menu.primary-nav__menu--level-1 li ul.menu.primary-nav__menu.primary-nav__menu--level-2,
    li.primary-nav__menu-item.primary-nav__menu-item--level-1.primary-nav__menu-item--has-children.arrowDownNew2 > span {
        background: var(--color-primary)!important;
    }
    #header--modifier .middle--modifier__right nav ul.menu.primary-nav__menu.primary-nav__menu--level-1 li ul.menu.primary-nav__menu.primary-nav__menu--level-2 li{
        padding-left: 15px!important;
    }
    #header--modifier.InnerHeader.sticky--modifier .menu-section--modifier nav .primary-nav__menu-item--level-1.primary-nav__menu-item--has-children.primary-nav__menu-item--active-trail > span,
    #header--modifier .middle--modifier__right nav ul.menu.primary-nav__menu.primary-nav__menu--level-1 .primary-nav__menu--level-2 li span,
    #header--modifier .middle--modifier__right nav ul.menu.primary-nav__menu.primary-nav__menu--level-1 .arrowDownNew2 span{
        color: #fff!important;
    }
    .primary-nav__menu-item--level-1 span {
        padding: 5px 10px !important;
    }
    .middle--modifier__right .primary-nav__menu-item:hover i, 
    .middle--modifier__right .primary-nav__menu-item:hover span.primary-nav__menu-link--level-1, 
    .middle--modifier__right .primary-nav__menu-item:hover button span.icon--menu-toggle::after, 
    li.primary-nav__menu-item--level-1:hover .primary-nav__menu-link--level-1 span.primary-nav__menu-link-inner--level-1 {
        color: #fff !important;
        border-color: #fff !important;
        background:var(--color-primary);
        width: 100%;
    }
    #header--modifier.sticky--modifier .middle--modifier__right ul.menu.primary-nav__menu li span, 
    #header--modifier.sticky--modifier.InnerHeader .middle--modifier__right ul.menu.primary-nav__menu li span, 
    #header--modifier.InnerHeader .middle--modifier__right ul.menu.primary-nav__menu li span {
        color: #000 ;
        width: 100%;
    }
    #header--modifier.InnerHeader .menu-section--modifier nav .primary-nav__menu-item--level-1.primary-nav__menu-item--has-children::after{
        display: none;
    }
    .socialmedia--modifier{
        /* display: none; */
        margin-left: -40px;
        animation: slideRightToLeftBack 0.5s ease-in;
    }
    .socialmedia--modifier.activeSocialMobile{
        /* display: block; */
        margin-left:0px;
        animation: slideRightToRight 0.5s ease-in-out;
    }
    .OpenSocialMobile{
        display: block;
        position: fixed;
        top: 12px;
        left: 6px;
        z-index: 100;
        width: 25px;
        height: 25px;
        color: var(--color-secondary);
        font-size: 30px;
        text-align: center;
        line-height: 25px;
        border-radius: calc(var(--border-radius-One) + 4px);

    }
    .OpenSocialMobile i.fa-share-alt-square:before{color: #fff;}
    .bradcum__area h1 {font-size: 1.1em;}
    .breadcrumb::after{display: none;}
    .primary-nav__menu-item--has-children li, 
    .primary-nav__menu-item--has-children li a, 
    .primary-nav__menu-item--has-children li span {
        font-size: 13px !important;
    }
    .innerPage--modifier {
        padding:0px 0px 0px 0px;
        min-height: auto;
    }
    .inner--mainContent {
        padding: 2em 1em 0px 1em;
    }
    .node__content {
        padding-block-end: 0px;
    }
    h2, .title2{font-size: 1.5em;margin-bottom: 0px;z-index: 1;}
    .career__Section .career__Section--item .heading-box a {
        font-size: 16px;
        color: #fff !important;
        position: relative;
        font-weight: 500;
        background: var(--color-secondary);
        border-radius: 20px;
        padding: 0px 20px;
        height: 32px;
        line-height: 35px;
        margin-left: 0px!important;
    }
    .Journey--modifier .views-element-container .item-list ul li:nth-child(odd),
    .Journey--modifier .views-element-container .item-list ul li:nth-child(even){
        align-self: center;
        text-align: center;
    }
    .Journey--modifier .views-element-container .block__title {
        margin: 0px 0px 20px 0px!important;
        padding: 0px;
        width: 100%;
        text-align: center;
        justify-content: center;
    }
    .Journey--modifier .views-element-container .item-list ul li {
        flex: 0 0 100% !important;
        max-width: 100%;
        transition: transform 0.3s ease;
        margin: 2em 0px;
    }
    .Journey--modifier .views-element-container .item-list ul{
        margin: 0px 2em;
        padding: 0px;
    }
    .Journey--modifier .views-element-container .item-list ul::before,
    .Journey--modifier .views-element-container .item-list ul li .views-field-title::after{
        display: none;
    }
    #GetinTouch--form.showForm {
        width: 90%;
        min-height: 91%;
        /* height: 64vh; */
        right: calc(50% - 45%);
        top:1em;
        overflow-y: auto;
    }
    .Journey--modifier .views-element-container {
        flex-direction: column;
    }
    .footer--contact {
        margin: 1em 0px;
        border-top: 1px solid #CCA;
        padding-top: 1em;
    }
    .footer--contact .contactUs--footer{margin-bottom: 10px;}
    .footer__Section nav ul{width: 100%;}
    .department--BrandLogo .owl-item img{height: auto;}
    .middle--modifier__right ul.menu.primary-nav__menu li span,
    .middle--modifier__right ul.menu.primary-nav__menu i{
        color: var(--color-dark);
    }
    .primary-nav__menu-item--level-2.primary-nav__menu-item--has-children:after{display: none;}
    .btn-custom1 {
        margin: 0px;
        float: left;
        color: #fff !important;
        font-size: 14px;
        margin-left: 27px;
        /* margin-top: 30px; */
    }
    .btn-custom1:before {
        display: none;
    }
    .btn-custom1:before, 
    .btn-custom1 svg {
        color: #fff!important;
    }
    a#DarkthemeIcon {
        width: 15px;
        height: auto;
    }
    .primary-nav__menu-item--has-children.arrowDownNew2 .primary-nav__menu-link--has-children,
    .primary-nav__menu-item--has-children.arrowDownNew2 .primary-nav__menu-link--has-children span {
        font-weight: 700!important;
    }
    .menu-section--modifier .navigation ul li span {
        padding: 0px;
        margin: 0px;
        color: var(--color-primary);
        font-weight: 600;
    }
    .primary-nav__button-toggle{pointer-events: none;}
    .menu-section--modifier .primary-nav__menu-item.primary-nav__menu-item--has-children{position: relative;}
    .menu-section--modifier .navigation ul li:hover,
    .menu-section--modifier .navigation ul li.active {
        background:none!important;
    }
    .menu-section--modifier .primary-nav__menu--level-2{
        border: 0px;
        margin: 9px 0px;
        display: none;

    }
    .menu-section--modifier .primary-nav__menu--level-2.ActiveBlock{
        visibility: visible;
        max-height: fit-content;
        opacity: 1;
        display: block;
    }
    .menu-section--modifier .primary-nav__menu--level-2 li{
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
    }

    .menu-section--modifier .primary-nav__menu--level-2.ActiveBlock li {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .menu-section--modifier .primary-nav__menu-item--level-1.primary-nav__menu-item--has-children,
    .menu-section--modifier .primary-nav__menu-item--level-2.primary-nav__menu-item--has-children{
        position: relative;
    }
    .primary-nav__menu-item--level-1.primary-nav__menu-item--has-children::before{
        content: "\f107";
         font-family: FontAwesome;
        font-size: 25px;
        color: var(--color-secondary);
        position: absolute;
        right: 15px;
        top: 0px;
        z-index: 1;
    }
    .primary-nav__menu-item--level-2.primary-nav__menu-item--has-children::before {
        content: "\f107";
         font-family: FontAwesome;
        font-size: 25px;
        color: var(--color-secondary);
        position: absolute;
        right: 13px;
        top: 0px;
        z-index: 1;
    }
    .primary-nav__menu-item--level-1.primary-nav__menu-item--has-children.arrowDownNew2::before{
        content: "\f106";
        font-family: FontAwesome;
        font-size: 25px;
        color: #fff;
        position: absolute;
        right: 15px;
        top: 0px;
        z-index: 1;
    }

    .disBlock {
        display: block;
    }
    .disNone {
        display: none;
    }
    li.skip--modifier {position: relative;}
    li.skip--modifier a {
        position: absolute;
        left: -15px;
        /* top: -10px; */
    }   
    span.menu--overlay.overlayNew {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        top: 73px;
        z-index: 1;
        font-size: 0px;
    }
    .menu-section--modifier .navigation{
        display: none;
        position: fixed;
        top: 45px;
        left: -273px;
    }
    .InnerHeader  #Mobile--Menu {
        margin-top: -32px;
    }
    .InnerHeader.sticky--modifier #Mobile--Menu {
        margin-top: 10px;
    }
    #Mobile--Menu {
        width: 40px;
        height: 38px;
        display: block;
        position: fixed;
        right: 8px;
        font-size: 36px;
        color: var(--color-primary);
        z-index: var(--color-primary);
        /* background: #000; */
        padding: 4px 5px 5px 6px;
        border-radius: var(--border-radius-One);
        float: left;
        margin-top: -7px;
    }
    .menu-section--modifier .navigation.open--menuOne { 
        display: block;
        position: fixed;
        background: #d8e7ff;
        z-index: 999;
        padding: 0px 0px 200px 0px!important;
        width: 82%;
        left: 0px;
        box-shadow: 0px 4px 10px var(--color-lightGray);
        height: calc(100vh);
        overflow-y: scroll;
        animation: slideInFromLeft 0.6s ease-out forwards;
    }    
    .topbar--modifier__left {
        display:none;
        /* font-size: 0px;
        position: static;
        left: 57px;
        top: 6px;
        transition: all 1s ease-in!important; */
    }
    .topbar--modifier__right {
        position: static;
        right: 10px;
        top: 10px;
        margin-right: 30px;
    }
    .topbar--modifier__left img{
        display: block;
        width: 17px!important;
    } 
    .topbar--modifier {
        background: #000; 
        padding: 5px 0px 0px 0px; 
        min-height: 46px;
    }
    .footer--modifier { padding: 25px 0px 11px 0px;}
    .skip--modifier a {
        background: url(../images/skip.png) no-repeat;
        width: 24px;
        height: 24px;
        text-indent: -9999px;
        display: block;
        background-size: 24px;
    }
    /* .topright-listing li:not(:last-child)::after,
    li.searchOuter:before{
        display: none;
    } */
    .middlebar--modifier .container > div {
        flex-direction: column !important;
        gap: 12px;
    }
    .sticky--modifier { position: fixed;}
    #header--modifier.sticky--modifier .menu-section--modifier .region--brand-logo {
        display: none !important;
    }
    .primary-nav__menu-item--level-1 {
        padding: 0px 0px !important;
        margin-bottom: 0px;
    }
    .menu-section--modifier nav .menu ul li{
        width: 100%!important;
    }
    .middle--modifier__right ul.menu.primary-nav__menu{
        flex-direction: column;
        gap: 0px;
        margin: 0px;
        padding: 0px;
    }
    .primary-nav__menu-link {
        line-height: 25px !important;
    }
    .primary-nav__button-toggle{
      position: absolute;
      width: 100%;
    }
    .icon--menu-toggle {display: none;}
    .arrowPlus,
    .arrowMinus{
        position: relative;
    }
    .arrowPlus::after,
    .arrowMinus::after{
        font: normal normal normal 18px / 1 FontAwesome;
        color: var( --color-secondary);
        position: absolute!important;
        right: 25px!important;
        top: 11px!important;
    }
    .primary-nav__menu--level-2 .arrowPlus::after,
    .primary-nav__menu--level-2 .arrowMinus::after{
        right: 12px !important;
        top: 5px !important;
    }
    .arrowPlus .menu.primary-nav__menu--level-2,
    .arrowMinus .menu.primary-nav__menu--level-2{
        position: static!important;
        max-height: max-content;
        margin: 0px;
    }
    .arrowPlus::after{ content: "\f067";}
    .arrowMinus::after{content:"\f068";}
    header#header--modifier .menu-section--modifier .primary-nav__menu--level-2.activeMyClass2{display: none!important;}
    .footer-link li { max-width: 100%; }
    .topright-listing {
        flex-wrap: wrap;
    }
    .homeslider--modifier .owl-nav button{
        width: 30px;
        height: 30px;
    }
    .homeslider--modifier .owl-nav {
        top: 38%;
        padding: 0px 0px;
    }
    .logoText h3{font-size: 17px;}
    .homeslider--modifier .owl-dots {justify-content: center;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer__contactSec {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.footer--contact {margin-top: 2em;}
.menu-section--modifier .navigation.open--menuOne {top: 60px;}
ul.tree li ul {display: flex;flex-wrap: wrap;}
ul.tree li ul li {flex: 1 0 50%;}
.leadership--Page .ui-accordion-content {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    align-items: center;
    flex-direction: row;
}
.leadership--Page .ui-accordion-content .views-row,
.NewEmployee--listing .view-content .views-row {
    flex: 1 0 50% !important;
    max-width: 50%;
    text-align: center;
}
.career--top h4 {
    margin-top: 2em;
}
.apprentice__modifier #edit-step-3--2 .js-form-item:nth-child(1) {
    width: 100% !important;
}
.apprentice__modifier #edit-step-3--2 .js-form-item:nth-child(1) div {
    width: auto !important;
}
.apprentice__modifier #edit-step-3--2 .js-form-item:nth-child(2) {
    width: 40% !important;
}
.apprentice__modifier #edit-step-3--2 .js-form-item:nth-child(3) {
    width: 45% !important;
}
.apprentice__modifier #edit-step-2--2 .js-form-item, 
.apprentice__modifier #edit-step-3--2 .js-form-item, 
.apprentice__modifier #edit-step-4--2 .js-form-item {
    width: calc(48%)!important;
}
.apprentice__modifier #edit-step-2--2 .js-form-item div, 
.apprentice__modifier #edit-step-3--2 .js-form-item div, 
.apprentice__modifier #edit-step-4--2 .js-form-item div {
    width:auto!important;
}
.apprentice__modifier #edit-step-2--2 .js-form-item:nth-child(5) {
    width: calc(51% - 10px) !important;
    margin-bottom: 22px;
}

.InternshipForm__modifier .form-type-date.js-form-item-date-of-birth {margin-top: 14px;}
.InternshipForm__modifier fieldset#edit-name--wrapper,
.InternshipForm__modifier .form-item-father-s-name-first,
.InternshipForm__modifier .js-form-item {
    margin-left: 0;
}   
.InternshipForm__modifier .js-form-item-educational-qualification, 
.InternshipForm__modifier .js-form-item-contact-no, 
.InternshipForm__modifier .js-form-item-college-name, 
.InternshipForm__modifier .js-form-item-desired-internship-period,
.InternshipForm__modifier .js-form-item-area-of-interest{
    margin-left: 0;
    margin-right: 0;
}
.InternshipForm__modifier .captcha__element {max-width: 50% !important;}
.InternshipForm__modifier .js-form-item-email {padding-top: 0px!important;}
.career__listbox li{flex: 1 0 48%;}
.views-field-field-gallery-image .field-content a {
    flex: 1 0 48%;
    max-width: 48%;
}
    .views-view-grid {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    }
    .magazine__modifier .views-view-grid {
        display: flex;
        flex-wrap: wrap;
    }
    .magazine__modifier .views-view-grid .views-view-grid__item{
        flex: 1 0 100%;
        max-width: 100%;
    }
    .button--section {
        display: flex !important;
        flex-direction: row;
        text-align: center;
    }
    .topbar--modifier p {
        position: absolute;
        top: 30px;
    }
    .sticky--modifier #Mobile--Menu {
        top: -1px;
    }
    .topbarSectionAlign {
        flex-direction: row!important;
        padding: 10px 20px 10px 25px!important;
    }
    .homeslider--modifier .views-field-title .field-content{font-size: 2em;}
        /*Service Banners*/
        .service--modifier h2, 
        .service--modifier.title2 {
           color: #fff !important;
           z-index: 1 !important;
           padding-top: 1em;
           padding-left: 0;
           display: flex;
           justify-content: center;
           margin-bottom: 1em !important;
           padding-bottom: 0px !important;
        }
     .service--modifier .owl-item{
        width: 100% !important;
        height: auto !important;   
        position: relative;
        margin: 0px !important;
        padding: 30px !important;
        display: flex;
        justify-content: flex-start;
        text-align: left;
        float: left;
        background: #8882a3;
        border: 10px solid #fff;
    }
    .service--modifier #unic3 {
        width: 100% !important;
        height: auto !important;   
        position: relative;
        margin: 0px !important;
        padding: 30px !important;
        display: flex;
        justify-content: flex-start;
        text-align: left;
        float: left;
        background: #8882a3;
        border: 10px solid #fff;
        margin: 0px 2em!important;
    }

    .service--modifier #unic3 img,
    .service--modifier .owl-item img{
    height: auto;
    }
    .service--modifier #unic3,
    .service--modifier .owl-item img{
        max-width: 100%;
        width: 100%;
    }
    .service--modifier .owl-carousel .owl-stage{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .service--modifier .owl-carousel .owl-stage-outer{
        margin-left: 0;
        width: 100%;
    }
    .service--modifier .services .services--image{
    width: 100%;
    }
    .service--modifier .services .services--title{
        font-size: 14px;
        width: 100%;
        line-height: 1.6;
    }
    .service--modifier .owl-carousel.owl-drag .owl-item{
        width: 100%!important;
        margin: 0px 2em!important;
    }
    .service--modifier #unic3.active,
    .service--modifier .owl-item.active {
        border-width: 10px;
        border-style: solid;
        border-color: #ccc;
        border-image: initial;
        overflow: hidden;
    }
    .service--modifier #unic3.active .services--title,
    .service--modifier #unic2.active .services--image {
        width: 100%!important;
    }

    /* The outermost element*/
    .zoon_in_section{
        overflow: hidden;
        min-height: 565px;
        max-height: 700px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    
    .zoon_in_section .community-engagement {
        width: 100%;
    }
    .zoominheader {
        width:100%;
        height:100%;
        text-align:center;
        background-image: url("../images/zoom_in_image.jpg");
        background-size: contain;
        background-attachment: fixed;
        background-repeat: repeat;
        position: absolute;
        top: 0px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-animation: zoomin 10s ease-in infinite;
        animation: zoomin 10s ease-in infinite;
        transition: all 10s ease-in-out;
        overflow: hidden;
        background-size:cover ;
    }
    
    /* The innermost element*/
    .zoomoutheader {
        width:100%;
        height:100%;
        text-align:center;
        background: none;
        -webkit-animation: zoomout 10s ease-in infinite;
        animation: zoomout 10s ease-in infinite;
        transition: all 10s ease-in-out;
        overflow: hidden;
    }
    .zoon_in_section .sub-text{
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    }
    #newSeviceOuter{
        position: relative;
        overflow: hidden;    
        /* margin-bottom: 4em; */
    }
    #newSeviceOuter::after {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        opacity: 0.6;
        background-color: rgba(0, 0, 0, 0.69);
    }
    #newSeviceOuter .owl-nav .owl-prev, #newSeviceOuter .owl-nav .owl-next {
        font-size: 0px;
        position: relative;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 8px;
        border: 1px solid;
        border-color: #fff;
        width: 45px;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0px 5px;
    }
    #newSeviceOuter .owl-theme .owl-nav {
        position: absolute;
        top: calc(50% - 23px);
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    #newSeviceOuter .owl-theme .owl-nav button.owl-prev {
        left: 0vw;
        background: var(--color-lightGray);
    }
    #newSeviceOuter .owl-theme .owl-nav button.owl-next {
        right: 0vw;
        background: var(--color-lightGray);
    }
    #newSeviceOuter .owl-theme .owl-nav button.owl-prev span,
    #newSeviceOuter .owl-theme .owl-nav button.owl-next span {
        font-size: 35px;
        color: #fff;
        margin-top: -6px;
    }
    .services--title h6 {
        font-size: 1.5em;
        font-weight: 700;
        margin-top: 1em;
    }
    .services--title .views-more-link {
        color: var(--color-primary);
        margin-top: 10px;
        position: relative;
        display: flex;
        text-decoration: none;
        font-size: 17px;
    }
    .services--title .views-more-link:after {
        content: "\f061";
        font-family:FontAwesome;
        margin-left: 7px;
        vertical-align: middle;
        z-index: 1;
        text-decoration: none;
    }
    /*End Service Banner*/
    
}
@media (max-width: 1024px) {
    .image-gallery {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  
  @media (max-width: 768px) {
    .image-gallery {
      grid-template-columns: repeat(2, 1fr);
    }
  }
@media only screen and (max-width: 767px) {
.apprentice__modifier #edit-step-2--2 .js-form-item, .apprentice__modifier #edit-step-3--2 .js-form-item, .apprentice__modifier #edit-step-4--2 .js-form-item {
        width: calc(100%) !important;
    }
.apprentice__modifier #edit-step-3--2 .js-form-item:nth-child(3).js-webform-states-hidden.form-type-textfield.js-form-item.form-item.js-form-type-textfield.form-item-other-education.js-form-item-other-education {
    width: 100% !important;
}
.menu-section--modifier .navigation.open--menuOne {top: 84px;}
.tender__mBreak {
    flex-direction: column;
    gap: 20px;
}
.LeaderTree ul.tree li ul {display: flex;flex-wrap: wrap;}
.LeaderTree ul.tree li ul li {flex: 1 0 100%;}
hgroup.leadersHeading {padding: 0 1em 3em 1em;}
.innerPage--modifier .inner--mainContent h6{text-align: center;}
hgroup.leadersHeading {align-items: center;}
.director-image:before {left: 0;}
.director-image::after{right: 0;}
.button--section{flex-direction: row;}
.leadership--Page .ui-accordion-content {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}
.leadership--Page .ui-accordion-content .views-row,
.NewEmployee--listing .view-content .views-row {
    flex: 1 0 100% !important;
    max-width: 100%;
}
.inner--mainContent .webform-submission-add-form.webform-submission-contact-form div {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0px;
}
.apprentice__modifier div#edit-step-5--2 > div:nth-child(10){
    margin-left: 0;
    width: 100%!important;
}
.apprentice__modifier div#edit-step-5--2 > div:nth-child(10) input[type="text"] {
    width: 100% !important;
}
.apprentice__modifier #edit-step-4--2 .js-form-item {
    width: 100%;
    margin: 0px;
}
    .apprentice__modifier #edit-step-3--2 .js-form-item:nth-child(3) div {
        width: 31%;
    }
    .apprentice__modifier #edit-step-3--2 .js-form-item:nth-child(1) div {
        width: auto !important;
    }
    .apprentice__modifier #edit-step-3--2 .js-form-item:nth-child(1),
    .apprentice__modifier #edit-step-3--2 .js-form-item:nth-child(2),
    .apprentice__modifier #edit-step-3--2 .js-form-item:nth-child(3) {
        width: 100% !important;
    }
.apprentice__modifier .form-item-enrolment-number-issued-by-nats {
    width: 100%;
}
.apprentice__modifier div#edit-step-5--2 > div:nth-child(1) {
    flex: 1 0 100%;
}
.apprentice__modifier .progress-title {
    padding-left: 8px;
    font-size: 8px;
}
.apprentice__modifier #edit-step-4--2 .js-form-item:nth-child(3), 
.apprentice__modifier #edit-step-4--2 .js-form-item:nth-child(4) {
    width: calc(100%) !important;
    margin: 0px !important;
    padding: 0px 5px 20px 5px !important;
    background: #f6f5f5;
    border: 0px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.admin__section--data{width: 90%;}
/* #instructionsFomr__outer {padding:0px;} */
.inner--mainContent.InternshipForm__modifier fieldset#edit-name--wrapper,
.inner--mainContent.InternshipForm__modifier .form-item-father-s-name-first,
.inner--mainContent.InternshipForm__modifier .form-item-date-of-birth,
.inner--mainContent.InternshipForm__modifier .js-form-item-email,
.inner--mainContent.InternshipForm__modifier .js-form-item-college-name, 
.inner--mainContent.InternshipForm__modifier .js-form-item-desired-internship-period,
.inner--mainContent.InternshipForm__modifier .inner--mainContent.InternshipForm__modifier,
.inner--mainContent.InternshipForm__modifier .js-form-item-area-of-interest,
.inner--mainContent.InternshipForm__modifier .js-form-item-educational-qualification, 
.inner--mainContent.InternshipForm__modifier .js-form-item-contact-no,
.inner--mainContent.InternshipForm__modifier .form-item-name-first  {
    width: 100%!important;
    max-width: 100%!important;
    margin-top: 0px!important;
    margin-left: 0!important;
    margin-right: 0!important;
    margin-bottom: 0px!important;
}
.inner--mainContent.InternshipForm__modifier .js-form-item{margin: 0px;}
.inner--mainContent.InternshipForm__modifier [type="file"]{width: 100%;}
.inner--mainContent.InternshipForm__modifier div.js-form-item { padding-bottom: 1em !important;}
.inner--mainContent.InternshipForm__modifier .captcha__element {max-width: 100% !important;}
.inner--mainContent.InternshipForm__modifier .captcha__image-wrapper { margin-top: 0;}
.inner--mainContent.InternshipForm__modifier fieldset .fieldset__wrapper {display: block!important;}
.inner--mainContent ul li {
    display: flex;
    font-size: 12px;
}
.career__listbox li{flex: 1 0 100%;}
.views-field-field-gallery-image .field-content a {
    flex: 1 0 100%;
    max-width: 100%;
    margin-bottom: 3%;
}
.views-view-grid{
  display: grid!important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))!important;
}   
.field.field--name-field-event-image .field__item {
    flex: 1 0 100%;
    max-width: 100%;
}
    .magzinDetails__modifier .row {
        flex-direction: column-reverse;
        gap: 2em;
    }
    .magzinDetails__modifier h2{font-size: 1.2em!important;}
    .magazine__modifier .views-view-grid {
        display: flex;
        flex-wrap: wrap;
    }
    .magazine__modifier .views-view-grid .views-view-grid__item{
        flex: 1 0 100%;
        max-width: 100%;
    }
    hgroup.leadersHeading h5 {
        font-size: 2.5em !important;
    }
    .copy--inner__right p{text-align: left;}
    .copyright--modifier .copy--inner {
        flex-direction: column;
        gap: 15px;
    }
    .homeslider--modifier .views-field-title .field-content{font-size: 1em;}
     /*Service Banners*/
     .service--modifier h2, 
     .service--modifier.title2 {
        color: #fff !important;
        z-index: 1 !important;
        padding-top: 1em;
        padding-left: 0;
        display: flex;
        justify-content: center;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
     }
     .service--modifier .owl-item{
        width: 100% !important;
        height: auto !important;   
        position: relative;
        margin: 0px !important;
        padding: 30px !important;
        display: flex;
        justify-content: flex-start;
        text-align: left;
        float: left;
        background: #8882a3;
        border: 10px solid #fff;
    }
    .service--modifier #unic3 {
        width: 100% !important;
        height: auto !important;   
        position: relative;
        margin: 0px !important;
        padding: 30px !important;
        display: flex;
        justify-content: flex-start;
        text-align: left;
        float: left;
        background: #8882a3;
        border: 10px solid #fff;
        margin: 0px 2em!important;
    }

    .service--modifier #unic3 img,
    .service--modifier .owl-item img{
    height: auto;
    }
    .service--modifier #unic3,
    .service--modifier .owl-item img{
        max-width: 100%;
        width: 100%;
    }
    .service--modifier .owl-carousel .owl-stage{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .service--modifier .owl-carousel .owl-stage-outer{
        margin-left: 0;
        width: 100%;
    }
    .service--modifier .services .services--image{
    width: 100%;
    }
    .service--modifier .services .services--title{
        font-size: 14px;
        width: 100%;
        line-height: 1.6;
    }
    .service--modifier .owl-carousel.owl-drag .owl-item{
        width: 100%!important;
        margin: 0px 2em!important;
    }
    .service--modifier #unic3.active,
    .service--modifier .owl-item.active {
        border-width: 10px;
        border-style: solid;
        border-color: #ccc;
        border-image: initial;
        overflow: hidden;
    }
    .service--modifier #unic3.active .services--title,
    .service--modifier #unic2.active .services--image {
        width: 100%!important;
    }

    /* The outermost element*/
    .zoon_in_section{
        overflow: hidden;
        min-height: 565px;
        max-height: 700px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    
    .zoon_in_section .community-engagement {
        width: 100%;
    }
    .zoominheader {
        width:100%;
        height:100%;
        text-align:center;
        background-image: url("../images/zoom_in_image.jpg");
        background-size: contain;
        background-attachment: fixed;
        background-repeat: repeat;
        position: absolute;
        top: 0px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-animation: zoomin 10s ease-in infinite;
        animation: zoomin 10s ease-in infinite;
        transition: all 10s ease-in-out;
        overflow: hidden;
        background-size:cover ;
    }
    
    /* The innermost element*/
    .zoomoutheader {
        width:100%;
        height:100%;
        text-align:center;
        background: none;
        -webkit-animation: zoomout 10s ease-in infinite;
        animation: zoomout 10s ease-in infinite;
        transition: all 10s ease-in-out;
        overflow: hidden;
    }
    .zoon_in_section .sub-text{
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    }
    #newSeviceOuter{
        position: relative;
        overflow: hidden;    
        margin-bottom: 4em;
    }
    #newSeviceOuter::after {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 0;
        opacity: 0.6;
        background-color: rgba(0, 0, 0, 0.69);
    }
    #newSeviceOuter .owl-nav .owl-prev, #newSeviceOuter .owl-nav .owl-next {
        font-size: 0px;
        position: relative;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 8px;
        border: 1px solid;
        border-color: #fff;
        width: 45px;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0px 5px;
    }
    #newSeviceOuter .owl-theme .owl-nav {
        position: absolute;
        top: calc(50% - 23px);
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    #newSeviceOuter .owl-theme .owl-nav button.owl-prev {
        left: 0vw;
        background: var(--color-lightGray);
    }
    #newSeviceOuter .owl-theme .owl-nav button.owl-next {
        right: 0vw;
        background: var(--color-lightGray);
    }
    #newSeviceOuter .owl-theme .owl-nav button.owl-prev span,
    #newSeviceOuter .owl-theme .owl-nav button.owl-next span {
        font-size: 35px;
        color: #fff;
        margin-top: -6px;
    }
    .services--title h6 {
        font-size: 1.5em;
        font-weight: 700;
        margin-top: 1em;
    }
    .services--title .views-more-link {
        color: var(--color-primary);
        margin-top: 10px;
        position: relative;
        display: flex;
        text-decoration: none;
        font-size: 17px;
    }
    .services--title .views-more-link:after {
        content: "\f061";
        font-family:FontAwesome;
        margin-left: 7px;
        vertical-align: middle;
        z-index: 1;
        text-decoration: none;
    }
    /*End Service Banner*/
}
@media only screen and (max-width: 640px) {
    .newsLetter__subscribe div#block-edcil-simplenewssubscription {
        display: flex;
        width: 100%;
        align-items: baseline;
        margin-bottom: 1em;
        flex-direction: column;
        gap: 8px;
    }
    .tender__loop:first-child div {
        flex-direction: column;
        gap: 20px;
    }
    .topbar--modifier__left{top: 10px;}
    #searchBoxOpen.activeSearch{max-width: 320px;}
    #searchBoxOpen.activeSearch form input[type="search"], 
    #searchBoxOpen.activeSearch form input[type="submit"] {
        font-size: 15px;
        margin: 0px;
    }
    #searchBoxOpen.activeSearch form input[type="search"] {width: 184px !important;}
}
@media (max-width: 480px) {
    .footer__Section nav ul li {
        flex: 1 0 100%;
        max-width: 100%;
    }
    .OpenSocialMobile i {
        font-size: .8em;
    }
    li.skip--modifier a {
        position: absolute;
        left: -15px;
        top: -10px;
    }   
    .topright-listing li:not(:last-child)::after,
    li.searchOuter:before{
        display: none;
    }
    .tender__loop ul.tender__loop--second:nth-child(2) {flex-direction: column;}
    .tender__loop .tender__loop--second li{flex-direction: column;}
    .logoText h5{width: 230px!important;}
    .InnerHeader.sticky--modifier #Mobile--Menu {margin-top: 30px;}
    #searchBoxOpen.activeSearch form input[type="search"] {
        width: 143px !important;
        font-size: 13px;
        padding: 0px 7px;
    }
    #searchBoxOpen.activeSearch form input[type="search"], 
    #searchBoxOpen.activeSearch form input[type="submit"] {
        font-size: 13px;
        margin: 0px;
        padding: 9px;
    }
    .brand--logo .img-fluid {max-width: 69px!important;}
    .button--section{flex-direction: column!important;}
    nav.pager .pager__items .pager__item--number, nav.pager .pager__items .pager__item--next, nav.pager .pager__items .pager__item--last, nav.pager .pager__items .pager__item--previous, nav.pager .pager__items .pager__item--first {
        width: 32px;
        height: 32px;
        line-height: 32px !important;
    }
    nav.pager .pager__items {
        justify-content: flex-start!important;
    }
    .logoText h3 {
        font-size: 15px;
    }
    .logoText h4 {
        font-size: 12px !important;
    }
    .image-gallery {
      grid-template-columns: 1fr;
    }
  }


  @supports (-webkit-hyphens: none) {
    @media screen and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {
      #getInTouch{padding: 0px;}
      #getInTouch span,
      #getInTouch.activeBTN span {
        margin-left: 0px;
        margin-top: 0px;
    }
    #GetinTouch--form h4 {
        margin-bottom: 0px;
    }
    #GetinTouch--form textarea {
        max-height: 60px !important;
    }
    html body #GetinTouch--form input[type="submit"],
    html body #edit-actions--2{
        text-align: center!important;
        display: flex;
        justify-content: center;
    }
    #getInTouch.activeBTN span{
        margin-left: 2px!important;
    }

    }
  }


  @media only screen and (max-width:1199px) {
    .book .book_left{
        position: relative;
        text-align:center;
        width:100%;
        margin:0 0 0;
    }
    .jour_out p{
        font-size:0.8em;
        top:85%;
    }
    .book .page .jour_inner h4{
        font-size:14px;
        margin:0 0 6px;
    }
    .book .page .jour_inner p{
        font-size:13px;
    }
    .book .pages{
        width: 80vw;
        height: 87vw;
    }
    .book .page{
        height:85vw;
        width:40vw;
    }
    .book .page .jour_inner{
        padding:15px;
    }
    
  }