/*
Theme Name: Wl_Themes
Theme URI: http://www.weblankan.com/
Author: Web Lankan Developer Team
Author URI: https://www.weblankan.com/our-works/
GitHub Theme URI: http://www.weblankan.com/
Description: We are Weblankan Team
Version: 1.0
License: Wl_Themes WordPress Theme, Copyright 2018-2030 Web Lankan
WlThemes is distributed under the terms of the GNU GPL version 2
License URI: https://www.weblankan.com
Text Domain: wl_themes
*/

body {
    overflow-x: hidden;
    background: rgba(231, 230, 239, 0.33) !important;
}





/*---------Main--------*/

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

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


/*------------Main------------*/

.wrapper {
    padding: 0;
}


/*NCPC Style Web Lankan*/


/*home page templete */

.page-template .wrapper {
    padding: 0;
}


/*end home page templete*/


/*page banner*/



/*and page banner/*/


#sub-page-header{
    background: url(https://www.ncpcsrilanka.org/wp-content/uploads/2018/11/sustainability-sustainable-development-waste-management-eco-friendly-banner.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}

#sub-page-header:after {
    background: #355392;
    position: absolute;
    content: '';
    width: 100%;
    height: 400px;
    opacity: 0.5;
    z-index: -1;
}

/*nav bar*/

#top-bar{
    background-color: #ffffff;
    padding: 5px 2px;
    color: #efefef;
}

#top-bar p{
        margin: 0;
    text-align: center;
    color: var(--secondary-color-1);
    font-weight: 400;
    letter-spacing: 5px;
    border-bottom: 1px solid #118442a6;
    width: 50%;
    left: 25%;
    position: relative;
}

#wrapper-navbar {
    display: block;
    z-index: 99;
    width: 100%;
    position: fixed;
    /*position: relative;*/
}

#wrapper-navbar .bg-dark {
    background-color: #ffffff!important;
    margin-top: 0;
    max-height: 50px;
    border-top: none;
    box-shadow: none;
}

#wl-left-menu,
#wl-right-menu {
    margin: 0 auto;
}

#wl-left-menu li,
#wl-right-menu li {
    list-style: none;
    display: inline-block;
    position: relative;
}

.logo-area {
    min-width: 80px;
    text-align: center;
    margin-top:106px;
    z-index: 2;
}

#mian-manu-max .navbar-dark .navbar-brand {
    color: #fff;
    padding: 0;
    margin: 0 auto;
}

#mian-manu-max .navbar-brand img {
    max-width: 100px !important;
}



#mian-manu-max .nav-link {
    display: block;
    padding: 6px 10px !important;
    text-transform: uppercase;
    position: relative;
    font-weight: 700;
    color: #27166e;
    font-size: 12px;
}

.right-menu-area,
.left-menu-area {
    width: calc( (100% - 80px) / 2);
}

#mian-manu-max .nav-link:after {
    content: '';
    position: absolute;
    left: 5%;
    display: inline-block;
    height: 1em;
    width: 90%;
    border-bottom: 2px solid var(--secondary-color-2);
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

 #mian-manu-max .menu-item-2128 .nav-link:after {
    margin-top: 25px;
}

 #mian-manu-max .nav-link:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

 #wl-right-menu li:after,
#wl-left-menu li:after {
    content: '';
    background: #1183416b;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}


/*end nav bar*/



/*mobile menu*/

.header{
    display: none !important;
}


#frees .menu-item {
    padding: .5rem 3rem;
    font-size: 3.2rem;
    font-weight: 700;
    text-transform: uppercase;
}

#frees .nav-link{
    color: var(--main-color);
}






/*end mobile menu*/

/*header*/

.heading {
    margin: 30px auto;
    text-align: center;
    text-transform: uppercase;
    color: var(--secondary-color-2);
    font-family: var(--main-font-1);
}

.heading h2 {
    font-weight: 600;
}

.heading h2 span {
    color: var(--secondary-color-1);
}


/*end header*/



/*inner page header*/

.title-area h2{
    font-family: var(--main-font-1);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
}


/* end inner page header*/



/*slider*/


#wl-slider-v1 .item-description {
    position: absolute;
    top: calc(35% - 40px);
    left: calc(30% - 300px);
    animation-name: pulse;
    animation-duration: 1s;
}

#wl-slider-v1 .item-description h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 35px;
    margin: 0;
}

#wl-slider-v1 .item-description h2 {
    font-size: 20px;
    color: #B7D433;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin: 0;
}

#wl-slider-v1 {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
}

 #wl-slider-v1 .item-description>div {
    background-color: #fff;
    padding: 10px 15px;
    max-width: 450px;
    border-radius: 50px;
}

#wl-slider-v1 .item-description>div h4 {
    text-transform: uppercase;
    color: #085a2a;
    font-size: 16px;
    margin: 0 auto;
}

/*end slider*/


/*home page*/

#section-3 {
    margin-top: -220px;
}

#section-3 .shadow-effect {
    background: #fff;
    /*border-top: 5px solid #000000;*/
    padding: 20px;
    border-radius: 4px;
    text-align: center;
    padding: 60px;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.10), 0 0 0px rgba(0, 0, 0, 0.02);
    position: relative;
}

#section-3 #services-carousel .shadow-effect p {
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 17px 0;
    font-weight: 300;
}

#section-3 .testimonial-name {
    line-height: 1;
    font-size: 16px;
    margin: -17px auto 0;
    display: table;
    width: auto;
    background: var(--secondary-color-3);
    padding: 9px 35px;
    border-radius: 12px;
    text-align: center;
    color: #fff;
    box-shadow: 0 9px 18px rgba(0, 0, 0, 0.12), 0 5px 7px rgba(0, 0, 0, 0.05);
}

#section-3 .testimonial-name span {
    font-size: 10px;
}

#section-3 #services-carousel .item {
    text-align: center;
    /* padding: 50px; */
    margin-bottom: 15px;
    opacity: 1;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#section-3 #services-carousel .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
}

#section-3 .owl-carousel .owl-item img {
    transform-style: preserve-3d;
    max-width: 150px;
    margin: 0 auto 17px;
    border-radius: 50px;
}

#section-3 #services-carousel .owl-carousel.owl-theme .owl-dots .owl-dot.active span,
#services-carousel.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: #28CB75;
    transform: translate3d(0px, -50%, 0px) scale(0.7);
}

#section-3 #services-carousel .owl-carousel.owl-theme .owl-dots .owl-dot span {
    background: #C4C4CC;
    display: block;
    height: 20px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 20px;
}

#section-3 .testimonials-section-heading {
    text-align: center;
    margin: 0 auto 30px;
}

#section-3 #services-carousel .owl-prev {
    top: 40%;
    position: absolute;
    left: 10px;
    background: var(--secondary-color-1);
    border-radius: 50px;
}

#section-3 #services-carousel .owl-next {
    top: 40%;
    position: absolute;
    right: 10px;
    background: var(--secondary-color-1);
    border-radius: 50px;
}


.owl-next i,
.owl-prev i{
    font-size: 30px;
    color: #fff;
    padding: 11px 15px;
}

#services-carousel .owl-stage {
    margin-bottom: 40px;
}

#services-carousel svg {
    position: absolute;
    left: 0;
    top: 100%;
}

#services-carousel .shadow-effect svg #poly-line-color {
    fill: #b7d433;
}

#services-carousel .shadow-effect svg #poly-white-color {
    fill: #fff;
}

#section-3 #services-carousel .item .shadow-effect img,
#section-3 #services-carousel .item .shadow-effect h5,
#section-3 #services-carousel .item .shadow-effect h6,
#section-3 #services-carousel .item .shadow-effect p,
#section-3 #services-carousel .item .shadow-effect button {
    opacity: 0.2;
}

#section-3 #services-carousel .owl-item.active.center .item .shadow-effect img,
#section-3 #services-carousel .owl-item.active.center .item .shadow-effect h5,
#section-3 #services-carousel .owl-item.active.center .item .shadow-effect h6,
#section-3 #services-carousel .owl-item.active.center .item .shadow-effect p,
#section-3 #services-carousel .owl-item.active.center .item .shadow-effect button {
    opacity: 1;
}

.shadow-effect h5 {
    font-size: 30px;
    text-transform: uppercase;
    font-family: var(--main-font-1);
    line-height: 0.8;
    font-weight: 600;
}

.shadow-effect .car-sub-heading {
    font-family: var(--main-font-1);
    letter-spacing: 4px;
    font-weight: 600;
    line-height: 0.2;
    margin-bottom: 20px;
    color: #808080;
    text-transform: uppercase;
}

.shadow-effect a {
    border-radius: 15px;
    color: #fff !important;
    font-weight: 600;
    font-size: 12px;
}

#ser-recp {
    border-top: 5px solid #b7d433;
}

#ser-recp h5 {
    color: #b7d433;
}

#ser-recp a {
    background: #b7d433;
}

#services-carousel #ser-recp svg #poly-line-color {
    fill: #b7d433;
}

#ser-ghs a {
    background: #7b7b7b;
}

#ser-ghs {
    border-top: 5px solid #7b7b7b;
}

#ser-ghs h5 {
    color: #7b7b7b;
}

#services-carousel #ser-ghs svg #poly-line-color {
    fill: #7b7b7b;
}

#ser-envir h5 {
    color: #085a2a;
}

#ser-envir a {
    background: #085a2a;
}

#ser-envir {
    border-top: 5px solid #085a2a;
}

#services-carousel #ser-envir svg #poly-line-color {
    fill: #085a2a;
}

#ser-ener h5 {
    color: #d60000;
}

#ser-ener a {
    background: #d60000;
}

#ser-ener {
    border-top: 5px solid #d60000;
}

#services-carousel #ser-ener svg #poly-line-color {
    fill: #d60000;
}

#ser-water h5 {
    color: #00b0f7;
}

#ser-water a {
    background: #00b0f7;
}

#ser-water {
    border-top: 5px solid #00b0f7;
}

#services-carousel #ser-water svg #poly-line-color {
    fill: #00b0f7;
}

#ser-chem h5 {
    color: #d05656;
}

#ser-chem a {
    background: #d05656;
}

#ser-chem {
    border-top: 5px solid #d05656;
}

#services-carousel #ser-chem svg #poly-line-color {
    fill: #d05656;
}

#ser-sys h5 {
    color: #000f80;
}

#ser-sys a {
    background: #000f80;
}

#ser-sys {
    border-top: 5px solid #000f80;
}

#services-carousel #ser-sys svg #poly-line-color {
    fill: #000f80;
}

#ser-train h5 {
    color: #0044e4;
}

#ser-train a {
    background: #0044e4;
}

#ser-train {
    border-top: 5px solid #0044e4;
}

#services-carousel #ser-train svg #poly-line-color {
    fill: #0044e4;
}

#home-section-1 .home-welcome {
    text-align: center;
}

#home-section-1 .home-welcome h1 {
    font-family: var(--main-font-1);
    font-size: 60px;
    color: var(--secondary-color-2);
}

#home-section-1 .home-welcome h1 span {
    color: var(--secondary-color-1);
    font-weight: 600;
}

#home-section-1 .home-welcome p {
    max-width: 800px;
    margin: 0 auto;
}

#home-section-1 {
    padding: 25px 0;
}

#home-section-1 {}

#home-section-2 {
    background: url(https://www.ncpcsrilanka.org/wp-content/uploads/2018/11/sustainability-sustainable-development-waste-management-eco-friendly-bg-012.jpg)no-repeat;
    background-size: cover;
    background-position-x: left;
}

#home-section-2 .counter {
    /*background-color:#f5f5f5;*/
    padding: 20px 0;
    border-radius: 5px;
}

#home-section-2 .count-title {
    font-size: 60px;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
    font-family: var(--main-font-1);
    color: var(--main-color);
}

#home-section-2 .count-text {
    font-size: 14px;
    margin-bottom: 0;
    text-align: center;
    font-family: var(--main-font-1);
    text-transform: uppercase;
    font-weight: 700;
    color: var(--main-color);
}

#home-section-2 .fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}

/*#home-section-2 .counter-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px;
    flex-direction: column;
}*/

#home-section-2 .counter-box img {
    width: 150px;
    margin: 0 auto;
}

#home-section-2 .counter-col-bg {
    background: #0c75b2;
    padding: 30px;
}

#home-section-3 .main-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(6, minmax(150px, auto));
    grid-gap: 5px;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

#home-section-3 .item-1 {
    grid-column: 1;
    grid-row: 2/3;
}

#home-section-3 .item-2 {
    grid-column: 2;
}

#home-section-3 .item-3 {
    grid-column: 3;
    grid-row: 2/3;
}

#home-section-3 .item-4 {
    grid-column: 1;
    grid-row: 4/5;
}

#home-section-3 .item-5 {
    grid-column: 3;
    grid-row: 4/5;
}

#home-section-2 .counter-col-bg .main-grid{
      display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, minmax(150px, auto));
    grid-gap: 5px;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

#home-section-3 .item-6 {
    grid-column: 2;
    grid-row: 5/6;
}

#home-section-3 {
    padding: 60px 0;
    background: url(https://www.ncpcsrilanka.org/wp-content/uploads/2018/11/sustainability-sustainable-development-waste-management-eco-friendly-bg-03.png) no-repeat;
    background-size: 50%;
    background-position: center;
    background-position-y: center;
}

#home-section-3 .why-choose-box svg {
    width: 60px;
    height: 60px;
}

#home-section-3 .why-choose-box h5 {
    text-transform: uppercase;
    color: #0c75b2;
}

.tab-section {
    display: none;
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
}

#home-section-3 input {
    display: none;
}

#home-section-4 {
    margin-top: -150px;
}

label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    font-weight: 600;
    text-align: center;
    color: #bbb;
    border: 1px solid transparent;
}

label:before {
    font-family: fontawesome;
    font-weight: normal;
    margin-right: 10px;
}

label[for*='1']:before {
    content: '\f2bc';
}

label[for*='2']:before {
    content: '\f0ca';
}

label[for*='3']:before {
    content: '\f02f';
}

label[for*='4']:before {
    content: '\f1a9';
}

label:hover {
    color: #888;
    cursor: pointer;
}

input:checked + label {
    color: #555;
    border: 1px solid #ddd;
    border-top: 2px solid orange;
    border-bottom: 1px solid #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
    display: block;
}

#home-section-4 .project-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, minmax(200px, auto));
    grid-gap: 15px;
    margin: 10px auto;
    text-align: center;
    max-width: 100%;
}

#home-section-4 #tabs {
    float: right;
}

#home-section-4 li a {
    text-transform: uppercase;
    font-size: 18px;
    color: #000f80;
    margin: auto 20px;
}

#home-section-4 .nav-tabs {
    padding-bottom: 10px;
    border-bottom: 2px solid #dee2e66b;
}


.home-section-5 {
    padding: 50px 0;
}

#client-carousel .owl-item .item img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: filter 600ms ease;
    -webkit-transition: -webkit-filter 600ms ease;
}

#client-carousel .owl-item.active.center .item img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

#home-section-6 #subcribe-form .formcraft-css.align-left .fc-form,
#home-section-6 #subcribe-form .formcraft-css .fc-form .form-element .submit-cover.wide-true .submit-button,
#home-section-6 #subcribe-form .formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type="text"] {
    border-radius: 50px;
}

#home-section-6 #subcribe-form .formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type="text"] {
    width: 108%;
}

#home-section-6 #subcribe-form .formcraft-css .fc-form .form-element .submit-cover.wide-true .submit-button {
    padding: 10px 0;
}

#icon-circle {
    fill: #0c75b2;
}

#subcribe-form {
    padding: 150px 0;
}

#home-section-6 {
    background: url(https://www.ncpcsrilanka.org/wp-content/uploads/2018/11/sustainability-sustainable-development-waste-management-eco-friendly-bg-04.png) no-repeat;
    background-size: cover;
    background-position: bottom;
}


/* Floating Social Media Bar Style Starts Here */

.fl-fl {
    background: var(--secondary-color-2);
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 4px;
    width: 190px;
    position: fixed;
    right: -150px;
    z-index: 1000;
    font: normal normal 10px Arial;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.float-sm .fa {
    font-size: 14px;
    color: #fff;
    padding: 10px 0;
    width: 40px;
    /*margin-left: 8px;*/
    margin-left: 1px;
    margin-top: 7px;
    /*margin-left: 10px;*/ 
}

.fl-fl:hover {
    right: 0;
}

.fl-fl a {
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    line-height: 45px;
    font-size: 10px;
    vertical-align: top!important;
}

.float-fb {
    top: 160px;
}

.float-tw {
    top: 215px;
}

.float-gp {
    top: 270px;
}

.float-ig {
    top: 325px;
}

figure.snip1321 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px;
  width: 100%;
  color: #000000;
  text-align: center;
  -webkit-perspective: 50em;
  perspective: 50em;
}
figure.snip1321 * {
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
figure.snip1321 img {
  max-width: 100%;
  vertical-align: top;
}
figure.snip1321 figcaption {
  top: 50%;
  left: 20px;
  right: 20px;
  position: absolute;
  opacity: 0;
  z-index: 1;
}
figure.snip1321 h2,
figure.snip1321 h4 {
  margin: 0;
}
figure.snip1321 h2 {
  font-weight: 600;
      color: #fff;
}
figure.snip1321 h4 {
  font-weight: 400;
      color: #fff;
  text-transform: uppercase;
}
figure.snip1321 i {
      font-size: 16px;
    color: #fff;
    margin: 10px 0;
}
figure.snip1321:after {
  background-color:rgba(12, 117, 178, 0.62);
  position: absolute;
  content: "";
  display: block;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0;
}
figure.snip1321 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.snip1321:hover figcaption,
figure.snip1321.hover figcaption {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
figure.snip1321:hover:after,
figure.snip1321.hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 0.9;
}


span.counter-value {
    font-size: 60px;
    font-family: var(--main-font-1);
    font-weight: 600;
    color: var(--main-color);
    margin: 0 auto;
    text-align: center;
}


/* Floating Social Media Bar Style Ends Here */

#home-section-4 {}

#home-section-4 {}

#home-section-4 {}

#home-section-4 {}

#home-section-4 {}

#home-section-6 #subcribe-form .formcraft-css.align-left .fc-form {
    background: rgba(255, 255, 255, 0.57) !important;
    padding: 28px 35px 1px !important;
}

#home-section-6 #subcribe-form .formcraft-css .fc-form .form-element .form-element-html input[type=text] {
    border: 1px solid #0c75b2 !important;
}


/*about us*/

#about-us{
    padding: 60px 0;
}

#about-us #about-us-section-1 .ab-heading{
    margin: 5px auto;
    text-transform: uppercase;
    color: var(--secondary-color-2);
    font-family: var(--main-font-1);
}

#about-us #about-us-section-1 .ab-heading h2{
    font-weight: 600;
}

#about-us #about-us-section-1 .ab-heading h2 span{
    color: var(--secondary-color-1);
}

#about-us #about-us-section-1 .ab-col{
    position: absolute;
    top: calc(50% - 120px);
}


#about-us #about-us-section-1 .ab-col-2{
    position: absolute;
    top: calc(50% - 80px);
}


#about-us #section-2 {
    margin: 60px 0
}

#about-us #section-2 .image-bx{
    background: var(--secondary-color-2);
    padding: 20px;
}


#about-us #section-2 .discri {
    border: 2px solid #fff;
    padding: 20px;
}


#about-us #section-2 .discri h3 {
    color: var(--main-color);
    font-family: var(--main-font-1);
    text-transform: capitalize;
}


#about-us #section-2 .discri p {
    color: var(--main-color);
}


#about-us #section-2 #image-bx-1{
    background:var(--secondary-color-1);
}

#about-us #section-2 #image-bx-2{
    background: var(--secondary-color-3);
}

#about-us #section-3-3 .values-bx {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#about-us #section-3-3 .values-bx img {
    width: 60px;
}

#about-us #section-3-3 .values-bx h4 {
    color: var(--secondary-color-1);
    font-family: var(--main-font-1);
    font-weight: 600;
    text-transform: uppercase;
    margin: 5px auto;
}

#about-us #section-3-3{

}

#time-line ul.timeline {
    list-style-type: none;
    position: relative;
}
#time-line ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
#time-line ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
#time-line ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid var(--secondary-color-3);
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

#time-line{
    background: #e2e2e257;
    padding: 30px 0;
    margin: 30px auto;
}

/*end about us*/



/*sourse inner page*/

#course-inner-page {
    margin: 60px auto;
}

#course-inner-page .course-head h2,
#course-inner-page .course-dis h3,
#course-inner-page .course-dis-1 h3{
    font-family: var(--main-font-1);
    color: var(--secondary-color-1);
    font-weight: 600;
    margin: 20px auto;
    text-align: center;
    padding-bottom: 10px;
}



/*end sourse inner page*/




/*contact us */
.inquiry-form .formcraft-css .fc-form.fc-form-3 .form-element .field-cover input[type="text"], .formcraft-css .fc-form.fc-form-3 .form-element .field-cover input[type="password"], .formcraft-css .fc-form.fc-form-3 .form-element .field-cover input[type="email"], .formcraft-css .fc-form.fc-form-3 .form-element .field-cover input[type="radio"], .formcraft-css .fc-form.fc-form-3 .form-element .field-cover input[type="checkbox"], .formcraft-css .fc-form.fc-form-3 .form-element .field-cover input[type="tel"], .formcraft-css .fc-form.fc-form-3 .form-element .field-cover select,
.inquiry-form .formcraft-css .fc-form .form-element .submit-cover.align-left .submit-button{
  border-radius: 50px;
}

#cont-section-1{
  padding: 80px 0;
}


#cont-section-1 .heading{
  text-align: left;
}


#contact-us .contact-deatils{
    margin: 50px 0;
    background: #fff;
    padding: 30px;
}

#contact-us .contact-deatils i{
    font-size: 20px;
    margin-right: 10px;
    color: #118442;
    font-weight: 700;
}

#contact-us .contact-deatils a{
    color: #000;
}





/*end contact us*/



/*services landing page*/

#service-landing-page #section-01 {
    margin: 60px auto;
}

#service-landing-page #section-01 .container-fluid{
    width: 70%;
}

#service-landing-page #section-01  .main-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, minmax(250px, auto));
    grid-gap: 20px;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

/*#service-landing-page #section-01  .main-grid .grid-item {
    background: #000;
}*/

/* KMC CSS */

#kmc-landing-page #section-01 {
    margin: 60px auto;
}
kmc-landing-page #section-01 .container-fluid{
    width: 70%;
}

#kmc-landing-page #section-01  .main-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, minmax(0px, auto));
    grid-gap: 20px;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

#service-landing-page #section-01  .main-grid .item-2{
    grid-column: 2/4;
}


#service-landing-page #section-01  .main-grid .item-4{
    grid-column: 1/3;
}


#service-landing-page #section-01  .main-grid .item-5{
    grid-column: 3;
    grid-row: 2/4;
    display: flex;
}

#service-landing-page #section-01  .main-grid .item-7{
    grid-column: 1;
    grid-row: 3;
}


figure.snip1281 {
      font-family: var(--main-font-1);
    color: #fff;
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    max-height: 250px;
}
figure.snip1281 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
figure.snip1281 img {
  opacity: 0.3;
  max-width: 100%;
}
figure.snip1281:after {
  background: #000000;
  width: 0;
  height: 10px;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
figure.snip1281 figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  /*padding: 0 30px;*/
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
figure.snip1281 h2,
figure.snip1281 span {
  margin: 0;
  width: 100%;
}
figure.snip1281 h2 {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 30px;
  color: var(--main-color) !important;
}

figure.snip1281 span {
    text-transform: uppercase;
    font-size: 20px;
  font-weight: 400;
  color: #fff;

}

figure.snip1281 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.snip1281.l-green:after {
  background-color: #B7D433;
}

figure.snip1281.kmc-l-green:after {
  background-color: #1ABB9C;
}

figure.snip1281.ash:after {
  background-color: #7B7B7B;
}

figure.snip1281.d-green:after {
  background-color: #085A2A;
}

figure.snip1281.red:after {
  background-color: #d60000;
}

figure.snip1281.l-blue:after {
  background-color: #2980b9;
}

figure.snip1281.l-red:after {
  background-color: #D05656;
}

figure.snip1281.d-blue:after {
  background-color: #000F80;
}

figure.snip1281.blue:after {
   background-color: #00B0F7;
}


figure.snip1281.d-blue{
  background-color: #000F80 !important;
}

figure.snip1281.l-red {
  background-color: #D05656 !important;
}

figure.snip1281.d-green{
  background-color: #085A2A !important;
}


figure.snip1281.l-blue{
  background-color: #2980b9 !important;
  max-height: 520px;
}


figure.snip1281.l-green {
  background-color: #B7D433 !important;
}

figure.snip1281.ash {
  background-color: #7B7B7B !important;
}


figure.snip1281:hover img,
figure.snip1281.hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
figure.snip1281:hover:after,
figure.snip1281.hover:after {
  width: 100%;
}




/*end  services landing page*/




/*Environment Management services inner page*/


.envr-services-page{
    margin: 90px auto;
}


.envr-services-page #section-1 .ser-inner-img{
    width: 80%;
    position: relative;
    background: #085A2A;
    height: 400px;
    padding: 0;
    margin: 0;
}

.envr-services-page #section-1 .ser-inner-img img{
        position: absolute;
    left: 64px;
    top: calc(50% - 150px);
    padding: 0;
    margin: 0;
    height: 300px;
    width: auto;
}

.envr-services-page #section-1 .ser-inner-dis .heading  h2{
    font-size: 40px;
    line-height: 30px;
}

.envr-services-page #section-1 .ser-inner-dis .heading  h2 span{
 font-size: 20px;
}

.envr-services-page #section-1 .ser-inner-dis .btn{
    background: #085a2a;
    color: #fff;
    border-radius: 50px;
    margin-top: 10px;
    padding: 8px 30px;
}


.envr-services-page #section-2{
    margin: 60px auto;
    background: #c0c0c0;
    padding: 30px 0;
}

.envr-services-page #section-2 .heading{
    color: var(--main-color);
}

.envr-services-page #section-2 .heading h2 span{
    color: var(--main-color);
}


.envr-services-page #section-2 .high-point h4{
    color:var(--main-color);
    text-transform: uppercase;
    font-size: 18px;

}

.envr-services-page #section-2 .high-point span{
    font-size: 14px;
    color: var(--main-color);
}

.envr-services-page #section-2 .high-point p{
    color: var(--main-color)
}


.envr-services-page #section-2 .high-point div:nth-child(2){
    border-bottom: 1px solid rgba(255, 255, 255, 0.38);
    border-top: 1px solid rgba(255, 255, 255, 0.38);
    margin: 20px auto;
    padding-top: 20px;

}

.envr-services-page #section-2 .video-col {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 400px;
    left: calc(50% - 200px);
    bottom: -80px;
    box-shadow: 1px 2px 61px -7px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px 2px 61px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 2px 61px -7px rgba(0,0,0,0.75);
}





/*end  Environment Management services inner page*/



/*chemical service inner page*/




#chem #section-1 .ser-inner-img {
    background: #D05656;
}

#chem #section-1 .ser-inner-dis .heading h2{
        color: #d05656;
}


#chem #section-1 .ser-inner-dis .btn{
    background: #d05656;
}

/* end chemical service inner page*/


/*enegy services inner page*/



#enrgy #section-1 .ser-inner-img {
    background: #d60000;
}


#enrgy #section-1 .ser-inner-dis .heading h2{
        color: #d60000;
}

#enrgy #section-1 .ser-inner-dis .btn{
    background: #d60000;
}


#enrgy #section-2 .high-point div:nth-child(3) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.38);
    margin: 0 auto 20px;
    padding-top: 0;
    padding-bottom: 5px;
}

.erg-img-nm {
    /* background: #000; */
    color: #fff;
    padding: 20px 10px;
    font-size: 16px;
    text-align: center;
    margin: 10px auto;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
}

.erg-img-nm a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

#new-section-1 {
    margin: 60px auto;
}

/* end enegy services inner page*/


/*ghg services inner page*/



#ghg #section-1 .ser-inner-img {
    background:  #7B7B7B;
}


#ghg #section-1 .ser-inner-dis .heading h2{
        color:  #7B7B7B;
}

#ghg #section-1 .ser-inner-dis .btn{
    background:  #7B7B7B;
}
#infra-red-thermography{
    margin: 60px auto;
}


/* end ghg services inner page*/



/*recp services inner page*/



#recp #section-1 .ser-inner-img {
    background:  #B7D433;
}


#recp #section-1 .ser-inner-dis .heading h2{
        color:  #B7D433;
}

#recp #section-1 .ser-inner-dis .btn{
    background:  #B7D433;
}





/* end recp services inner page*/

/*tcb services inner page*/



#tcb #section-1 .ser-inner-img {
    background: #0044E4;
}


#tcb #section-1 .ser-inner-dis .heading h2{
        color:  #0044E4;
}

#tcb #section-1 .ser-inner-dis .btn{
    background: #0044E4;
}




/* end tcb services inner page*/


/*water services inner page*/



#water #section-1 .ser-inner-img {
    background: #00B0F7;
}


#water #section-1 .ser-inner-dis .heading h2{
        color:  #00B0F7;
}

#water #section-1 .ser-inner-dis .btn{
    background: #00B0F7;
}




/* end water services inner page*/



/*capacity bulding landing page*/









#capacity-landing-pg #section-01 {
    margin: 60px auto;
}

#capacity-landing-pg #section-01 .capacity-landing-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, minmax(300px, auto));
    grid-gap: 30px;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}


#capacity-landing-pg #section-01 .grid-item {
    background: var(--main-color);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    /*padding: 15px;*/
}

#capacity-landing-pg #section-01 .grid-item:hover {
   -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-box-shadow: 0 0 84px -24px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 84px -24px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 84px -24px rgba(0, 0, 0, 0.3);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    z-index: 9;
}

#capacity-landing-pg #section-01 .grid-dis {
    margin: 15px auto 0;
    padding: 0 15px 15px; 
}

#capacity-landing-pg #section-01 .grid-dis h4 {
    color: var(--secondary-color-1);
    text-transform: capitalize;
    border-bottom: 1px solid #11844247;
    padding-bottom: 10px;
}

#capacity-landing-pg #section-01 .grid-dis .btn {
    background: var(--secondary-color-1);
    box-shadow: none;
}



/* end capacity bulding landing page*/





/*project inner page*/

#projects-inner-pg #section-1 #project-inner-gall .owl-carousel .owl-nav button.owl-next{
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
    height: 20px;
}

#projects-inner-pg  #section-1 #project-inner-gall   .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    left: 0;
    top: calc(50% - 10px);
    height: 20px;
}

#projects-inner-pg  #section-1 .project-details{
    background: #fff;
    padding: 35px 25px;
}


#projects-inner-pg  #section-1 .project-details h4{
    font-family: var(--main-font-1);
    text-transform: uppercase;
    color: var(--secondary-color-2);
}


#projects-inner-pg  #section-1 .project-details ul{
    list-style: none;
    margin: 0 auto;
    line-height: 4;
    padding-inline-start: 0;
    font-family: var(--main-font-1);
}

#projects-inner-pg  #section-1  .project-details ul span {
    float: right;
    font-weight: 600;
    color: #9e9e9e;
}


#projects-inner-pg  #section-1 .project-dis {
    padding: 30px 0;
}

#projects-inner-pg  #section-1 .project-dis h3{
    font-family: var(--main-font-1);
    color: var(--secondary-color-2);
    text-transform: uppercase;
}

#projects-inner-pg  #section-1{
    margin: 60px 0 0 ;
}



/* end project inner page*/



/*project landing page*/

#project-landing-pg{
    padding: 60px 0;
}


#project-landing-pg #section-1 .project-gallery{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, minmax(200px, auto));
    grid-gap: 15px;
    margin: 10px auto;
    text-align: center;
    max-width: 100%;
}

/*end  project landing page*/





/*footer*/

#footer-menu-row {
    display: block !important;
}

#footer-content {
    background-color: var(--secondary-color-2);
}

#footer-menu li {
    list-style: none;
}

#footer-menu li .nav-link {
    margin: 5px auto;
    padding: 0 !important;
    color: #fff;
}

#footer-menu li {
    display: initial;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

#footer-menu {
    text-align: left;
    color: #fff;
}

#footer-menu-row {
    display: block;
}

#footer-menu{
        padding-inline-start: 0;
}

.footer-client img {
    height: 80px;
    width: 80px;
    border: 5px solid var(--secondary-color-2);
}

#footer-content .full-container {
    padding: 0 40px;
}

.footer-social ul {
    list-style: none;
}

.footer-social i {
    width: 35px;
    font-size: 15px;
    margin: 5px auto;
    background: #000f80;
    color: #fff;
    border-radius: 50px;
    height: 35px;
    line-height: 38px;
}

.footer-discription {
    display: flex;
    flex-direction: row;
}

.footer-logo-white img {
    width: 115px;
}

.footer-content {
    text-align: left;
    margin-left: 20px;
}


/*end footer*/


/* end NCPC Style Web Lankan*/

.col-lg-offset-4, .col-md-offset-4{
    margin-left: 33.3333%!important;
}


/*kazun*/
.footer-discription .footer-content p{
    text-align: justify;
}
#news-section .news-discription{
    text-align: justify;
}
#capacity-landing-pg #section-01 .grid-dis h4 {
    text-align: justify;
}
/*.footer-menu-area #footer-menu-row a{
    text-transform: capitalize;
}*/
#footer-menu-row .nav-link{
    text-transform: capitalize;
}

.float-fb i{
    background: #3B5998;
    color: white;
    padding-left: 16px !important;
    border-radius: 10px;
}
.float-tw i{
    background: #55ACEE;
      color: white;
    padding-left: 16px !important;
    border-radius: 10px;
}
.float-gp i{
    background: #007bb5;
      color: white;
    padding-left: 16px !important;
    border-radius: 10px;
}
/*.float-fb i:hover, .fl-fl a:hover{
     padding-left: 20px !important;
}*/
#our-team .team-mask {
    padding: 2px !important;
}

.post-img {
     clip-path: unset !important;
}
.team-mask h1.team-designation, .team-mask h2 {
    color: #fff !important;
}

.home-section-1 .counter-Txt-sub{
    /*color: #85c441;*/
    color: #3e3e3e;
}
/*.home-section-1 .counter-value{*/
    /*color: #85c441 !important;*/
    /*color: #3e3e3e;*/
/*}*/
 #home-section-1 span.counter-value{
    font-size: 50px;
    font-family: var(--main-font-1);
    font-weight: 400;
    /*color: var(--secondary-color-2);*/
    color: #0c75b2;
    margin: 0 auto;
    text-align: center;
}

#home-section-1 .meser {
    font-size: 50px;
    font-family: var(--main-font-1);
    font-weight: 400;
   color: #0c75b2;
    margin: 0 auto;
    text-align: center;
    padding-left: 10px;
}

#home-section-1 sup , #home-section-1 sub{
    /*element {*/
        font-size: 27px;
        font-family: var(--main-font-1);
        font-weight: 400;
        color: #0c75b2;
        margin: 0 auto;
        text-align: center; 
    /*}*/
}

 #home-section-1 .counter-cls {
    padding-top: 30px;
}

 #home-section-1 #counter .clm{
    padding-top: 50px;
}


/*kazun*/

/*------------Responsive------------*/

@media screen and (min-width: 1200px) and (max-width: 6000px) {
    #news-section .news-discription {
        min-height: 97px;
    }
    #news-section .news-title {
        min-height: 73px;
    }
    #capacity-landing-pg #section-01 .grid-dis h4 {
        min-height: 150px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    #news-section .news-discription {
        min-height: 97px;
    }
    #news-section .news-title {
        min-height: 96px;
    }
    #capacity-landing-pg #section-01 .grid-dis h4 {
        min-height: 165px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    #news-section .news-discription {
        min-height: 144px;
    }
    #news-section .news-title {
        min-height: 120px;
    }
    #capacity-landing-pg #section-01 .grid-dis h4 {
        min-height: 100px;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    #news-section .news-discription {
        min-height: 96px;
    }
    #news-section .news-title {
        min-height: 75px;
    }
    #capacity-landing-pg #section-01 .grid-dis h4 {
        min-height: 161px;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1560px) {}

@media only screen and (max-width: 1400px) {
    #home-section-3 {
        background-size: 75%;
    }
    #ser-train {
        border-bottom: 5px solid #0044e4;
    }
    #ser-sys {
        border-bottom: 5px solid #000f80;
    }
    #ser-chem {
        border-bottom: 5px solid #d05656;
    }
    #ser-water {
        border-bottom: 5px solid #00b0f7;
    }
    #ser-ener {
        border-bottom: 5px solid #d60000;
    }
    #ser-envir {
        border-bottom: 5px solid #085a2a;
    }
    #ser-ghs {
        border-bottom: 5px solid #7b7b7b;
    }
    #ser-recp {
        border-bottom: 5px solid #b7d433;
    }
    #service-landing-page #section-01 .container-fluid {
    width: 90%;
}
}

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

@media only screen and (max-width: 1200px) {
  .mobile-hide{
    display: none;
  }
  #section-3 {
    margin-top: -200px;
   }
}

@media only screen and (max-width: 1024px) {
    #services-carousel svg {
        display: none;
    }
    .nav-link{
      padding: 5px !important;
    }
    figure.snip1281 h2{
        font-size: 22px;
        line-height: 18px;
    }
    figure.snip1281 span{
         font-size: 15px;
    }
    #mian-manu-max .nav-link{
        font-size: 11px;
    }
    #section-3 {
    margin-top: -130px;
    }
    figure.snip1321 h4 {
    font-size: 12px;
    }
    figure.snip1321 h2{
        font-size: 14px;
    }
	#wrapper-navbar{
		position: inherit;
	}
}

@media only screen and (max-width: 990px) {
    .header{
    display: flex !important;
    }
    .right-menu-area, .left-menu-area{
        display: none;
    }
    #top-bar p{
        left: 0;
        width: 100%;
    }
    .logo-area{
        left: calc(50% - 40px);
        position: absolute;
        margin-top: 30px;
    }
    #mian-manu-max .navbar-brand img {
        max-width: 50px !important;
    }
    #wl-slider-v1 .item-description{
        left: calc(42% - 299px);
    }
    #wl-slider-v1 .item-description>div{
        padding: 5px 20px;
    }
    #wl-slider-v1 .item-description h1{
        font-size: 18px;
        margin: 0 auto;
    }
    #wl-slider-v1 .item-description h2{
        font-size: 11px;
        letter-spacing: 2px;
        max-width: 503px;
    }
    #home-section-4 .project-gallery{
        grid-template-rows: repeat(2, minmax(130px, auto));
    }
    #image-bx-1 .discri {
        padding: 20px 20px 52px !important;
    }
    .fl-fl{
        width: 200px;
    }
    #about-us #about-us-section-1 .ab-col,
    #about-us #about-us-section-1 .ab-col-2 {
        position: inherit;
        top: 0;
    }
    #service-landing-page #section-01 .main-grid{
            grid-template-rows: repeat(3, minmax(191px, auto));
            grid-gap: 10px;
    }
	#kmc-landing-page #section-01 .main-grid{
            grid-template-rows: repeat(3, minmax(191px, auto));
            grid-gap: 10px;
    }
    figure.snip1281.l-blue{
        max-height: 408px;
    }
    figure.snip1281 h2{
        font-size: 15px;
    }
    #project-landing-pg #section-1 .project-gallery{
        grid-template-rows: repeat(3, minmax(150px, auto)); 
    }
    #capacity-landing-pg #section-01 .grid-dis h4{
        font-size: 15px;
    }
    #capacity-landing-pg #section-01 .grid-dis p {
        font-size: 12px;
    }
    #capacity-landing-pg #section-01 .grid-dis .btn{
        font-size: 10px;
    }
    .envr-services-page #section-1 .ser-inner-img{
        background: none !important;
        width: 100%
    }
    .envr-services-page #section-1 .ser-inner-img img{
        left: 0;
    }
    .envr-services-page #section-2 .video-col {
    display: flex;
    justify-content: center;
    position: unset;
    width: auto;
    left: 0;
    bottom: 0;
    box-shadow: 1px 2px 61px -7px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px 2px 61px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 2px 61px -7px rgba(0,0,0,0.75);
    }
}

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

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

@media only screen and (max-width: 500px) {
    #section-3 {
    margin-top: 10px;
    }
    #wl-slider-v1 {
    -webkit-clip-path: none;
    clip-path: none;
    }
    .heading h2{
        font-size: 22px;
    }
    #home-section-3 .main-grid{
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, minmax(149px, auto));
    }
    #home-section-3 .item-1{
        grid-column: 1;
        grid-row: 1;
    }
     #home-section-3 .item-2{
        grid-column: 2;
        grid-row: 1;
    }
    #home-section-3 .item-3{
        grid-column: 1;
        grid-row: 2;
    }
    #home-section-3 .item-4{
        grid-column: 2;
        grid-row: 2;
    }
    #home-section-3 .item-5{
        grid-column: 1;
        grid-row: 3;
    }
    #home-section-3 .item-6{
        grid-column: 2;
        grid-row: 3;
    }
    #home-section-3{
        background: none;
    }
    #home-section-4 {
        margin-top: -50px;
    }
    #home-section-4 .project-gallery{
        grid-template-columns: repeat(2, 1fr);  
    }
    #wl-slider-v1 .item-description{
        left:0;
        background-color: inherit;
        top: calc(73% - 39px);
    }
    #home-section-6 #subcribe-form .formcraft-css .fc-form .form-element .submit-cover.wide-true .submit-button {
    width: 184%;
    left: -59px;
    }
    #wl-slider-v1 .item-description h1{
        font-size: 10px;
        line-height: 1;
    }
    #wl-slider-v1 .item-description h2 {
    font-size: 8px;
    letter-spacing: 1px;
    max-width: 503px;
    margin: 0 auto;
    line-height: 1.8;
}
    #wl-slider-v1 .item-description>div{
            padding: 2px 8px;
            width: 194px;
    }
    #wl-slider-v1{
        top: 0;
    }
    #wl-slider-v1 .item-description>div h4{
        font-size: 7px;
    }
    .footer-content{
        margin-left: 0;
    }
    #about-us #section-2 .image-bx{
        margin: 10px;
    }
    #image-bx-1 .discri{
        padding: 20px;
    }
    .ab-img{
        margin-bottom: 10px;
    }
    #service-landing-page #section-01 .main-grid{
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(8, minmax(100px, auto));
    }
    #service-landing-page #section-01 .main-grid .item-1{
            grid-column: 1;
            grid-row: 1;
    }
    #service-landing-page #section-01 .main-grid .item-2{
            grid-column: 1;
            grid-row: 2;
    }
    #service-landing-page #section-01 .main-grid .item-3{
            grid-column: 1;
            grid-row: 3;
    }
    #service-landing-page #section-01 .main-grid .item-4{
            grid-column: 1;
            grid-row: 4;
    }
    #service-landing-page #section-01 .main-grid .item-5{
            grid-column: 1;
            grid-row: 5;
    }
    #service-landing-page #section-01 .main-grid .item-6{
            grid-column: 1;
            grid-row: 6;
    }
    #service-landing-page #section-01 .main-grid .item-7{
            grid-column: 1;
            grid-row: 7;
    }
    #service-landing-page #section-01 .main-grid .item-8{
            grid-column: 1;
            grid-row: 8;
    }
	
	
	
/* KMC	 */
	#kmc-landing-page #section-01 .main-grid{
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(8, minmax(100px, auto));
    }
    #kmc-landing-page #section-01 .main-grid .item-1{
            grid-column: 1;
            grid-row: 1;
    }
    #kmc-landing-page #section-01 .main-grid .item-2{
            grid-column: 1;
            grid-row: 2;
    }
    #kmc-landing-page #section-01 .main-grid .item-3{
            grid-column: 1;
            grid-row: 3;
    }
    #kmc-landing-page #section-01 .main-grid .item-4{
            grid-column: 1;
            grid-row: 4;
    }
    #kmc-landing-page #section-01 .main-grid .item-5{
            grid-column: 1;
            grid-row: 5;
    }
    #kmc-landing-page #section-01 .main-grid .item-6{
            grid-column: 1;
            grid-row: 6;
    }
    #kmc-landing-page #section-01 .main-grid .item-7{
            grid-column: 1;
            grid-row: 7;
    }
    #kmc-landing-page #section-01 .main-grid .item-8{
            grid-column: 1;
            grid-row: 8;
    }
    #kmc-landing-pg #section-01 .capacity-landing-grid{
            grid-template-columns: repeat(2, 1fr);
    }
	.col-sm-offset-0, .col-xs-offset-0{
		margin-left: 0%!important;
	}
}

@media only screen and (max-width: 350px) {
	.col-sm-offset-0, .col-xs-offset-0{
	margin-left: 0%!important;
}
}

/* Dropdown */
.menu-item-370.dropdown:hover .dropdown-menu{
	display:block;
	margin-top: 2px;
	margin-left: -5px;
}

.menu-item-428.dropdown .dropdown-menu{
	display:contents;
	margin-top: 2px;
	margin-left: -5px;
}
#mian-manu-max .dropdown-toggle:after {
    display: none;
}

.dropdown-menu .menu-item:hover{
	border:none;
}
#mian-manu-max .dropdown-menu .nav-link::after{
	border:none!important;
}
.dropdown li::after{
    background: none!important;
}
.menu-item-428 .dropdown-menu .nav-link{
    font-size: 13px;
    margin-left: -10px;
}
.post-img{
	min-height:366px!important;
}
.team-content{
    max-height: 300px;
    overflow-y:scroll;
	background: #F5F5F5;   
}
.team-content::-webkit-scrollbar-track {
  background: #f3f3f3;
  border-radius: 5px;
  box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
}