body{color: #515151; font-size: 16px;  font-family: 'Poppins', sans-serif; letter-spacing: 0.6px; margin: 0; padding: 0; outline: 0;}

a {outline: 0 !important; text-decoration: none; color: #185027;}
  
a:hover {text-decoration: none; color: #185027;}

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

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color: #185027; font-weight: 700;}

.container {max-width: 1320px;}

/* Header*/
header{width: 100%; padding: 0; position: relative; /*background: #fafafa;*/ background: #fafafa; top: 0; z-index: 9;}
.dropdown-item{padding: 15px;}
header .navbar-light .navbar-nav .nav-link{color: #185027; background: #f5f5f5; font-size: 17px; font-weight: 600; text-transform: uppercase; padding: 34px 15px; margin: 0 5px 0 0;}
header .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #ffffff; background: #8ac53f;}
header .dropdown-item:focus, .dropdown-item:hover{color: #ffffff; background-color: #8ac53f;}
header .navbar{padding: 0;}
header .navbar-nav li:hover > ul.dropdown-menu {display: block;}
header .dropdown-submenu {position:relative;}
header .dropdown-submenu>.dropdown-menu {top:0; left:100%; margin-top:-6px;}
header .dropdown-menu > li > a{font-size: 18px; font-weight: 400;}
header .dropdown-menu > li > a:hover:after {text-decoration: underline; transform: rotate(-90deg);} 
header .dropdown-menu{margin: 0;}
header .dropdown-item{padding: 6px 15px; border-bottom: 1px solid #f2f2f2;}
header .dropdown-item:last-child { border-bottom:0px; }

/* Header End*/

/* Header Slider */
.header-slider{width: 100%; display: inline-block;position: relative; top: 0;}
.header-slider .carousel-caption{max-width: 650px; display: block; bottom: 38%; text-align: left; padding: 30px; left: 10%;}
/*.header-slider .carousel-caption{max-width: 650px; display: block; bottom: 38%; text-align: left; padding: 30px; background: rgba(255, 255, 255, 0.8); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
        border-radius: 6px; left: 10%;}*/
.header-slider .carousel-caption h1{width: 100%; color: #ffffff; font-size: 42px; font-weight: 800; display: inline-block; text-transform: uppercase; padding: 0 0 15px 0; margin: 0;}
.header-slider .carousel-caption p{color: #ffffff; font-size: 18px; font-weight: 400; line-height: 32px;}

.header-slider video{width: 100%; display: inline-block;}
.header-slider .carousel-indicators .active{background-color: #66ad4f;}
/* Header Slider End */

/* Welcome About */
.sub-welcome-pt-pb{width: 100%; display: inline-block; padding: 65px 0; margin: -8px 0 0 0; background-color: #ffffff;}

.sub-about-box{width: 100%; display: inline-block;}
.sub-about-box h2{color: #185027; font-size: 38px; font-weight: 500;}
.sub-about-box h2 span{color: #8ac53f;}
.sub-about-box ul{margin: 0;}
.sub-about-box ul li{font-size: 18px; font-weight: 400; line-height: 32px; padding: 0 0 10px 0;}
.sub-img-product-list{width: 100%; display: inline-block; text-align: center; margin: 40px 0 0 0;}
.sub-product-list ul{margin: 0;}
.sub-product-list ul li{list-style: conic-gradient;}

.sub-title-content .devider {
        display: inline-block;
        width: 100px;
        height: 3px;
        background: #185027;
        position: relative;
        z-index: 1;
        left: 10px;
        top: -10px;
}
.sub-title-content .devider:before {
        position: absolute;
        left: -20px;
        top: 0;
        content: "";
        height: 3px;
        width: 15px;
        background: #185027;
}
.sub-about-img img{
        width: auto;
        border-radius: 0 100px; 
}

.sub-about-arrow{
        position: absolute;
        bottom: 10%;
        left: 13%;
}
.sub-about-arrow img {
        animation: arrowmoves 8s linear infinite;
}
@keyframes arrowmoves {
        0% {
                transform: translate3d(0px, 0px, 0px);
        }
        25% {
                transform: translate3d(12px, -12px, 0px);
        }
        50% {
                transform: translate3d(0px, 0px, 0px);
        }
        75% {
                transform: translate3d(-12px, 12px, 0px);
        }
        100% {
                transform: translate3d(0px, 0px, 0px);
        }
}

.sub-about-box p{font-size: 18px; font-weight: 400; line-height: 36px; padding: 0;}

#circle {width: auto; position: absolute; top: 8%; left: 60%;}

#circle text {font-size: 16.8px; font-weight: bold;}

#circle img{color: #8ac53f; font-size: 42px; position: relative; left: 118px; top: 26px;}

#circle svg { position: absolute; left: 0; top: -90px;
-webkit-animation-name: rotate;
     -moz-animation-name: rotate;
      -ms-animation-name: rotate;
       -o-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 5s;
     -moz-animation-duration: 5s;
      -ms-animation-duration: 5s;
       -o-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;

}

@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(360deg); }
    to { -webkit-transform: rotate(0); }
}
@-moz-keyframes rotate {
    from { -moz-transform: rotate(360deg); }
    to { -moz-transform: rotate(0); }
}
@-ms-keyframes rotate {
    from { -ms-transform: rotate(360deg); }
    to { -ms-transform: rotate(0); }
}
@-o-keyframes rotate {
    from { -o-transform: rotate(360deg); }
    to { -o-transform: rotate(0); }
}
@keyframes rotate {
    from { transform: rotate(360deg); }
    to { transform: rotate(0); }
}

.sub-about-btn{
        width: 100%;
        display: inline-block;
}

.btn{
        color: #ffffff;
        background: #185027;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0.5px;
        padding: 8px 35px;
        text-transform: uppercase;
        border-radius: 5px;
        border: none;
        overflow: hidden;
        position: relative;
        z-index: 1;
        transition: all 0.3s ease;
} 
.btn:hover,
.btn:focus{
        color: #fff;
}
.btn:before{
        content: '';
        background-color: #8ac53f;
        height: 100%;
        width: 100%;
        transform: rotate(-40deg);
        border-radius: 2px;
        position: absolute;
        right: calc(100% - 20px);
        top: 114%;
        z-index: -1;
        transition: all 0.3s ease 0s;
}
.btn:hover:before{
        transform: rotate(0);
        right: 0;
        top: 0;
}
@media only screen and (max-width: 767px){
        .btn{ margin-bottom: 30px; }
}

.sub-product-btn-mt{
        margin: 30px 0 0 0;
}
.sub-about-call span{
        font-size: 18px;
        line-height: 30px;
        color: #382c4d;
}
.sub-about-call a{
        width: 100%;
        display: inline-block;
        font-size: 24px;
        line-height: 26px;
        color: #185027;
        font-weight: 600;
        padding: 0;
        margin: 0;
}
.sub-about-call a:hover{
        color: #8ac53f;
}
.sub-about-call-icon{
        width: 75px;
        height: 75px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f3f9ec;
        /*background-color: rgba(216, 216, 216, 0.2);*/
        border-radius: 100px;
        margin: 0 10px 0 0;
}
.sub-about-call-icon i{
        color: #185027;
        font-size: 28px;
        animation-name: trin;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
}
@keyframes trin {

        from {
            transform:rotate3d(0, 0, 1, 0deg);
        }
        20%, 32%, 44%, 56%, 68% {
            transform: rotate3d(0, 0, 1, 0deg);
        }
        23%, 35%, 47%, 59%, 71% {
            transform: rotate3d(0,0,1,15deg);
        }
        26%, 38%, 50%, 62%, 74% {
            transform: rotate3d(0,0,1,0deg);
        }
        29%, 41%, 53%, 65%, 77% {
            transform: rotate3d(0,0,1,-15deg);
        }
        80% {
            transform:rotate3d(0, 0, 1, 0deg);
        }
    
    }

.sub-about-title-pt-pb{
        padding: 60px 0 !important;
}
.sub-about-box-two p{
        line-height: 36px;
        margin: 0 0 0 0 !important;
}
.sub-about-box-three{
        width: 100%;
        display: inline-block;
        margin: 75px 0;
}
.sub-about-box-three p{
        color: #185027;
        font-size: 28px;
        font-weight: 600;
        font-style: italic;
        font-family: 'Noto Serif', serif;
        line-height: 52px;
        padding: 0;
        margin: 0;
}
.sub-about-box-three ol li{
        font-size: 18px;
        font-weight: 400;
        line-height: 36px;
        padding: 0 0 15px 0;
        margin: 0;
}
.sub-mission-list-two{
        width: 100%;
        min-height: 325px;
        display: inline-block;
        background: #ffffff;
        border-radius: 12px;
        -webkit-box-shadow: 0px 0px 26px 0px rgba(215, 212, 212, 0.35);
        box-shadow: 0px 0px 26px 0px rgba(215, 212, 212, 0.35);
        padding: 30px;
        margin: 30px 0 0 0;
}
.sub-mission-list-two:hover{
        box-shadow: 0px 0px 0 0px rgba(215, 212, 212, 0.35);
}
.sub-mission-list-two p{
        font-size: 18px;
        font-weight: 400;
        line-height: 36px;
        padding: 0;
        margin: 0;
}
.sub-mission-list-two h5{
        color: #185027;
        font-size: 24px;
        text-transform: uppercase;
        padding: 0 0 15px 0;
        margin: 0;
}
.sub-mission-list-two span {
  color: #185027;
  font-size: 140px;
  font-weight: 800;
  display: inline-block;
  position: absolute;
  bottom: -20px;
  right: 40px;
  opacity: 0.2;
}
/* Welcome About End */

/* Title */
.sub-title-content{
        width: 100%;
        display: inline-block;
        text-align: center;
        padding: 0 0 60px 0;
}
.sub-title-content h2{
        color: #185027;
        font-size: 52px;
        font-weight: 500;
}
.sub-title-content span{
        color: #8ac53f;
}
/* Title End */

/* PRODUCTS */
.sub-products-pt-pb{width: 100%; display: inline-block; padding: 65px 0; background-color: #ffffff;}

.sub-product-box{width: 100%; display: inline-block; background: #ffffff; text-align: center; box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05); border-radius: 8px;  padding:0; margin: 0 0 30px 0;}
.sub-product-content a{width: 100%; display: inline-block; color: #ffffff; background: #8ac53f; font-size: 17px; font-weight: 600; text-transform: uppercase; padding: 15px 5px; 
        border-radius: 0 0 8px 8px;
}
.sub-product-img img{border-radius: 8px 8px 0 0;}
.sub-product-slider{width: 100%; display: inline-block; background: #f5f5f5; padding: 30px; border-radius: 12px; margin: 0 0 15px 0; }
.sub-product-slider .carousel-control-next, .carousel-control-prev{width: 45px; height: 45px; background: #185027; opacity: 0.9; border-radius: 6px; top: 45%;}
.sub-product-slider .carousel-control-next-icon, .carousel-control-prev-icon{height: 15px;}
/* PRODUCTS End */

/* Industries We Serve */
.sub-industries-bg{width: 100%; display: inline-block; padding: 65px 0; background: #ffffff;
        /*background-image: url(../images/bg-left.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;*/
}
.sub-industries-pt-pb{
        margin: 0 0 30px 0;
}
.sub-industries-box {
        position: relative;
        display: block;
        margin:0 0 30px 0;
        cursor: pointer;
}

.sub-industries-box .sub-industries_bg {
        position: relative;
        display: block;
        width: 100%;
}

.sub-industries-box .sub-industries_text {
        position: absolute;
        width: 100%;
        bottom: 0;
        transform: translateY(-50%);
}

.sub-industries-box .sub-industries_text a {
        width: auto;
        display: block;
        text-align: center;
        color: #ffffff;
        font-size: 18px;
        line-height: 26px;
        font-weight: 600;
        background: #185027;
        padding: 8px;
}
.sub-industries-box:hover .sub-industries_bg {
        opacity: 0.8;
}
      
/* Industries We Serve End */

/* OUR PROCESS */
.sub-process-pt-pb{width: 100%; display: inline-block; padding: 65px 0;
        background-color: #ffffff;
        /*background-image: url(../images/Our-Products.png); background-repeat: no-repeat; background-position: center top; background-size: cover;*/
}
/* OUR PROCESS End */

/* footer */
footer{width: 100%; display: inline-block; background: #185027; padding: 55px 0 0 0;}
.footer-logo p{color: #ffffff; line-height: 36px; padding: 30px 0 0 0;}
.footer-addres-pb{width: 100%; display: inline-block; padding: 30px 0 0 0;}
.footer-addres h5{color: #8ac53f; font-size: 24px; font-weight: 500; padding: 0 0 15px 0; margin: 0;}
.footer-addres p{color: #ffffff; line-height: 30px; padding: 0; margin: 0;}
.footer-addres a{color: #ffffff; line-height: 30px; padding: 0;}
.footer-addres a:hover{color: #8ac53f;}

.footer-menu h5{color: #8ac53f; font-size: 24px; font-weight: 500; padding: 0 0 15px 0; margin: 0;}
.footer-menu ul{display: block; padding: 0; margin: 0;}
.footer-menu ul li{list-style: none; padding: 0; margin: 0;}
.footer-menu ul li a{color: #ffffff; line-height: 32px; padding: 0 0 15px 0;}
.footer-menu ul li a:hover{color: #8ac53f;}

.footer-copy-text{width: 100%; display: inline-block; text-align: center; border-top: 1px solid #537626; padding: 30px 0; margin: 30px 0 0 0;}
.footer-copy-text p{color: #ffffff; font-size: 16px; font-weight: 400; margin: 0; padding: 0;}

.footer-social-icons{width: 100%; display: inline-block; padding: 15px 0 0 0;}
.footer-social-icons a{color: #8ac53f; font-size: 32px; margin: 0 15px 0 0;}
.footer-social-icons a:hover{color: #ffffff;}
/* footer End */

/* Call to Action */
.sub-modal-popup .form-group .form-control {
        height: 45px;
        font-size: 16px;
        border: 1px solid #153802;
        margin: 0 0 15px 0;
}
.sub-modal-popup .form-group textarea {
        height: auto !important;
        padding: 15px;
}
.sub-modal-popup .modal-body {
        padding: 30px 30px 15px 30px;
}
.sub-modal-popup .modal-footer .btn-primary {
        font-size: 18px;
        background: #153802;
        border: 1px solid #153802;
        border-radius: 6px;
        padding: 8px 35px;
}
.sub-modal-popup .modal-footer .btn-primary:hover {
        background: #409923;
        border: 1px solid #409923;
}
.footer-form {
        padding: 0 0 30px 0;
}
.footer-form .form-group .form-control {
        font-size: 16px;
        height: 45px;
        border: 1px solid #409923;
        margin: 0 0 15px 0;
}
.footer-form .form-group textarea {
        height: auto !important;
        padding: 20px 25px;
}
.sub-modal-popup .modal-dialog{
        max-width: 850px;
}
.sub-modal-popup .modal-header{
        background: #8ac53f;
        padding: 8px 15px 8px 15px;
}
.sub-modal-popup .modal-title{
        color: #ffffff;
}
.sub-modal-popup .modal-footer{
        padding: 15px 0 0 0;
}

.sub-modal-popup-form{
    width: 100%;
    display: inline-block;
    background: #f6f6f6;
    padding: 30px 30px 15px 30px;
}
.sub-modal-logo-box-two{
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0;
}
.sub-modal-logo-box-two img{
        display: inline-block;
        margin: 0 0 30px 0;
}
.sub-modal-logo-box .sub-modal-icons{
    width: 45px;
    height: 45px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #185027;
    border-radius: 100%;
    margin: 0 15px 10px 0;
}
.sub-title-call h2{
    width: 100%;
    display: inline-block;
    color: #185027;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    padding: 0 0 15px 0;
}
.sub-modal-logo-box a{
    color: #241f21;
    font-size: 19px;
    font-weight: 700;
    display: inline-block;
    padding: 10px 0 0 0;
}
.sub-modal-logo-box a:hover{
    color: #8ac53f;
}
.sub-modal-logo-box p{
    color: #241f21;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    padding: 0 0 0 0 !important;
}
.sub-modal-logo-box p strong{
    font-size: 20px;
}
.sub-modal-logo-box-two {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 0;
}
.sub-modal-icons-mail{
        display: inline-block;
        text-align: left;
        margin: 0 0 15px 0;
}
.sub-modal-popup button.close {
  background-color: #185027;
  margin: -9px -15px -25px 0;
  border-radius: 0 4px 0 0;
  opacity: 0.9;
  padding: 16px 20px;
}
.sub-modal-popup .close:not(:disabled):not(.disabled):hover {
  color: #ffffff;
}
.sub-modal-popup .close{
        color: #ffffff;
}
.modal-title {
  width: 100%;
  color: #0b0b0b;
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
/* Call to Action End */

.modal-dialog {
        max-width: 850px;
}
input.edu-btn {
        width: auto;
        text-align: center;
        border-radius: 5px;
        display: inline-block;
        height: auto;
        color: #ffffff;
        background: #185027;
        padding: 0 30px;
        font-size: 15px;
        font-weight: 500;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        border: 0 none;
        overflow: hidden;
        position: relative;
        z-index: 1;
        padding: 14px 35px;
        cursor: pointer;
}
input.edu-btn:hover {
        color: #ffffff;
        background: #8ac53f;
}
.modal-footer{padding: 15px 0;}
.modal-header{background: #153802;}
.modal-header .close{color: #ffffff; background: #409923; padding: 23px 22px;}
.modal-title {
        width: 100%;
        color: #ffffff;
        font-size: 26px;
        font-weight: 500;
        text-align: center;
        text-transform: uppercase;
}
.modal-footer .form-group {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-items: flex-start;
}

/* count number */
.owl-nav button {
        position: absolute;
        top: 60%;
        background-color: #000;
        color: #fff;
        margin: 0;
        transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
        left: -1.5%;
}
.owl-nav button.owl-next {
        right: -1.5%;
}
.owl-dots {
        text-align: center;
        padding-top: 15px;
}
.owl-dots button.owl-dot {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        display: inline-block;
        background: #ccc;
        margin: 0 3px;
        display: none;
}
.owl-dots button.owl-dot.active {
        background-color: #0b0b0b;
}
.owl-dots button.owl-dot:focus {
        outline: none;
}
.owl-nav button {
        width: 35px;
        height: 35px;
        position: absolute;
        border-radius: 4px;
        top: 50%;
        transform: translateY(-50%);
        background: #185027 !important;
}
.owl-nav button span {
        color: #ffffff;
        font-size: 42px;    
        position: relative;
        top: -18px;
}
.owl-nav button:focus {
        outline: none;
}

.sub-count-number{
        width: 100%;
        display: inline-block;
        margin: 0;
}
.sub-count-number-last{margin: 0 0 0 0;}
.elementor-counter-number-wrapper {
        font-size: 280px;
        font-weight: 600;
}
.elementor-counter .elementor-counter-number-prefix {
        text-align: center;
}
.elementor-counter .elementor-counter-number-wrapper {
        font-size: 72px;
        line-height: 1em;
        font-weight: 600;
        white-space: nowrap;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #8ac53f;
        letter-spacing: -.03em;
}
.elementor-counter-title {
        color: #153802;
        font-size: 22px;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase;
        padding: 0 0 0 0;
}
.elementor-counter .elementor-counter-number-wrapper {
        text-align: center;
        -webkit-text-stroke: 2px #8ac53f;
}
.elementor-counter-icon{
        width: 100px;
        height: 104px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #2f623d;
        border-radius: 6px;
        margin: 0 15px 0 0;
        padding: 0;
}
.elementor-counter{
        width: 100%;
        display: inline-block;
        /*background: #ffffff;
        border-radius: 8px;
        box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
        padding: 30px 30px 0 30px;*/
}
.sub-count-num-pt-pb{width: 100%; display: inline-block; padding: 65px 0; position: relative;}

.sub-count-img-number{width: 100%; display: flex; text-align: center; justify-content: center; padding: 60px 0 0 0;}

.sub-count-img-number-one{position: relative; left: 25px; top: 80px;}
.sub-count-img-number-two{position: relative; left: 0;}
.sub-count-img-number-six{position: relative; left: 30px; top: 73px; z-index: 9;}
.sub-count-img-number-three{position: absolute; left: 140px; bottom: -20px; right: 0; z-index: 999;}
.sub-count-img-number-four{position: relative; left: -70px; bottom: -76px;}
.sub-count-img-number-five{position: relative; left: -100px; bottom: -80px;}
.sub-count-img-number-seven{position: relative; left: -121px; bottom: -95px;}


.sub-indus-slider-box .service-item-wrapper{ margin: 0 0 30px 0; }
.sub-indus-slider-box .service-item-wrapper img{border-radius: 12px;}

.sub-client-pt-pb{
        width: 100%;
        display: inline-block;
        padding: 65px 0;
}

.big-company-name {
  font-size: 142px;
  color: #fcfcfc;
  -webkit-text-stroke: 1px #22222200;
  letter-spacing: 4.5px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 0.9;
  text-align: right;
  top: -125px;
  position: absolute;
  text-shadow: 6px -7px 3px #2222220d;
  z-index: -1;
  bottom: 390px;
  line-height: 1;
  top: unset;
  left: 36%;
  color: #d6d7d77d;
  position: fixed;
  margin-left: -481px;
}
/* count number End */

/* Modal Popup Form */
.sub-modal-popup .modal-content{
        width: 100%;
        display: inline-block;
        text-align: center;
}
.sub-modal-popup .modal-content a{
        color: #0b0b0b;
        font-size: 18px;
        font-weight: 600;
        display: inline-block;
        padding: 8px 0 0 0;
}
/* Modal Popup Form End */

/* Footer Whatsapp & Call icon Left Right */
.footer-whatsapp-left{
        position: fixed;
        bottom: 0;
        right: 0;
        margin: 0 20px 100px 0;
        z-index: 999999;
}
.footer-whatsapp-left a{
        display: flex;
        align-items: center;
        justify-content: center;
}

.footer-call-right{
        position: fixed;
        bottom: 0;
        right: 0;
        margin: 0 20px 180px 0;  
        z-index: 999999;
}
.footer-call-right a{
        display: flex;
        align-items: center;
        justify-content: center;
}

/*.vibrate-3 {
        -webkit-animation: vibrate-3 1s linear infinite both;
        animation: vibrate-3 1s linear infinite both;
}

@-webkit-keyframes vibrate-3 {
        0% {
        -webkit-transform: translate(0);
        transform: translate(0);
        }

        10% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
        }

        20% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px);
        }

        30% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
        }

        40% {
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px);
        }

        50% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
        }

        60% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px);
        }

        70% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
        }

        80% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
        }

        90% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px);
        }

        100% {
        -webkit-transform: translate(0);
        transform: translate(0);
        }
}

@keyframes vibrate-3 {
        0% {
        -webkit-transform: translate(0);
        transform: translate(0);
        }

        10% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
        }

        20% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px);
        }

        30% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
        }

        40% {
        -webkit-transform: translate(2px, 2px);
        transform: translate(2px, 2px);
        }

        50% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
        }

        60% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px);
        }

        70% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
        }

        80% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
        }

        90% {
        -webkit-transform: translate(2px, -2px);
        transform: translate(2px, -2px);
        }

        100% {
        -webkit-transform: translate(0);
        transform: translate(0);
        }
}*/
/* Footer Whatsapp & Call icon Left Right End */

/* Scroll to Top */
#return-to-top {
        position: fixed;
        bottom: 20px;
        right: 20px;
        background: #8ac53f;
        width: 50px;
        height: 50px;
        display: block;
        text-decoration: none;
        -webkit-border-radius: 35px;
        -moz-border-radius: 35px;
        border-radius: 35px;
        display: none;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 99;
}
#return-to-top i {
        color: #ffffff;
        margin: 0;
        position: relative;
        left: 16px;
        top: 13px;
        font-size: 19px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
}
#return-to-top:hover {
        background: #f3f9ec;
}
#return-to-top:hover i {
        color: #185027;
}
/* Scroll to Top End */

.sub-brochure-pdf {
        position: fixed;
        right: 0;
        top: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 9;
}

.sub-send-inquiry-form {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 9;
}

.mobile-footer-social-icon-main{
        display: none;
}


/* Page Header */
.page_header {
  position: relative;
  overflow: hidden;
  margin: 0 0 0 0;
}
.page_header .page_header_content {
        width: 100%;
        position: relative;
        background: url("../images/inner-banner/About Us.jpg");
        background-position: center top;
        background-size: cover;
        background-repeat: no-repeat;
        margin: 0px;
        padding: 150px 0px;
        text-align: center;
}

.header_contect-us-bg{background: url("../images/inner-banner/Contact Us.jpg") !important;}
.header_industries-bg{background: url("../images/inner-banner/Industry.jpg") !important;}

.page_header .page_header_content::before {
  position: absolute;
  content: "";
  background: #000000;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  top: 0;
  left: 0;
}
.page_header .breadcrumb {
  padding: 10px 0px 0px 0px;
  margin-bottom: 0;
  list-style: none;
  /*display: block;*/
  background: transparent;
}
.page_header .breadcrumb li::before {
  content: '';
  width: 2px;
  height: 15px;
  border-radius: 0;
  display: inline-block;
  background: #8ac53f;
  margin-right: 7px;
}
.page_header .breadcrumb li:first-child:before {
  display: none;
}
.page_header .breadcrumb li {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.page_header .breadcrumb li:not(:last-child) {
  margin-right: 6px;
}
.page_header .breadcrumb li a {
  color: #ffffff;
}
.page_header .breadcrumb li.active {
  color: #8ac53f;
}
.page_header .page_header_content .heading {
  position: relative;
  font-size: 52px;
  font-weight: 700;
  font-family: 'Lato', sans-serif;
  line-height: 60px;
  letter-spacing: 0px;
  margin-top: 5px;
  margin-bottom: 0px;
  padding: 0;
  color: #ffffff;
  text-align: left;
  text-transform: uppercase;
}

.inner-page-pt-pb{
        width: 100%;
        display: inline-block;
        padding: 65px 0;
}
/* Page Header End */

/* Contact Us */
.sub-office-address{
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        margin: 0 0 30px 0; 
}
.sub-office-address .sub-office-icon{
        width: 55px;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #185027;
        border-radius: 12px 0 12px 0;
}
.sub-office-address .sub-office-icon i{
        color: #ffffff;
        font-size: 22px;
}
.sub-office-content p{
        color: #373435;
        font-size: 18px;
        padding: 0 0 0 15px;
}
.sub-office-content a{
        color: #373435;
        font-size: 18px;
        padding: 0 0 0 15px;
}
.sub-office-content a:hover{
        color: #409923;
}
.sub-map{
        width: 100%;
        display: inline-block;
        margin: 40px 0 0 0;
}
.sub-map iframe{
        width: 100%;
        height: 450px;
        display: inline-block;
}
.sub-btn-contact .rts-btn{
        color: #ffffff;
        font-size: 18px;
        font-weight: 700;
        background: #153705;
        border: 1px solid #153705;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-radius: 4px;
        display: inline-block;
        cursor: pointer;
        padding: 8px 35px;
        margin: 15px 0 0 0;
}
.sub-form-main .form-group label{
        font-size: 18px;
        font-weight: 500;
}
.sub-btn-contact .rts-btn:hover{
        color: #ffffff;
        background: #8ac53f;
        border: 1px solid #8ac53f;
}
.sub-form-main{
        width: 100%;
        display: inline-block;
        box-shadow: 0 2px 15px -3px rgba(0,0,0,0.07),0 10px 20px -2px rgba(0,0,0,0.04);
        border-radius: 0 12px 0 12px;
        padding: 30px;
}
/* Contact Us End */

.right-side-loaded {
  position: absolute;
  top: 0;
  width: 100%;
  height: 101%;
  background: white;
}
/* .right-side-loaded.aos-init.aos-animate
{
  -webkit-transform: scaleX(0);
} */

.reveal-block.animated:before {
  
  
transform-origin: 100% 0% !important;
    transform: scaleX(0) !important;}
.reveal-block.right::before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.reveal-holder .reveal-block::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f0f0f0;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transform-origin: 100% 100%;

  transition: 1s all;
}

/* AOS Animate
-------------------------*/

[data-aos="reveal-top"],
[data-aos="reveal-left"],
[data-aos="reveal-right"],
[data-aos="reveal-bottom"] {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-delay: 0.8s;
}

[data-aos="reveal-right"] {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
[data-aos="reveal-right"].aos-animate {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}

[data-aos="reveal-item"] {
  visibility: hidden;
  transition-property: visibility;
  transition-duration: 0.7s;
}
[data-aos="reveal-item"].aos-animate {
  visibility: visible;
}

/* Reveal Block
-------------------------*/

.reveal-holder {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 25px 0px 0;
}
.reveal-holder .reveal-block {
  z-index: 1;
  position: absolute;
  top: 0;
  width: 100%;
  height: 101%;
  background: #8ac53f;
  transition: 2s all !important;
  transform-origin: 100% 100% !important;
  transform: scaleX(1) !important;
}

.reveal-holder .reveal-block::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #185027;
  transform-origin: 100% 100%;
  transform: scaleX(1);
  transition: 1s all;
}

.reveal-block.right::before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}

.blur {
  filter: blur(7px);
  transition: 5s;
}
.animated.blur {
  filter: blur(0px);
}

.reveal-holder .reveal-block.animated {
  transform-origin: 100% 0% !important;
  transform: scaleX(0) !important;
}
.bottom-point .details-wrapper {
  padding: 0px;
}

/* Why People Choose Us */
.covered {
        width  : 874px;
        height : 408px;
        margin : 50px auto 0;
}
/* Why People Choose Us End */

.sub-about-mt-mb{
        width: 100%;
        display: inline-block;
        padding: 40px 0 0 0;
}

/* Gallery */
.sub-gallery{width: 100%; display: inline-block; margin: 0 0 30px 0; box-shadow: 0 2px 15px -3px rgba(0,0,0,0.07),0 10px 20px -2px rgba(0,0,0,0.04);
  padding: 15px; border-radius: 12px;
}
.sub-gallery .img-fluid{
        border-radius: 12px;
        object-fit:cover;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
}
.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
/* Gallery End */

/* Products Details */
.sub-img-product-detail{
        width: 100%;
        display: inline-block;
}
.sub-img-product-detail img{
        border-radius: 18px;
}
.sub-text-product-detail h6{
        width: 100%;
        color: #185027;
        font-size: 26px;
        font-weight: 600;
        display: inline-block;
        padding: 0 0 15px 0;
}
.sub-text-product-detail .sub-about-btn{
        margin: 10px 0 0 0;
}
/* Products Details End */

.mobile-footer-social-icon{display: none;}