@import url("https://fonts.googleapis.com/css?family=Lora:400,700&display=swap");
 */ @import url('https://fonts.googleapis.com/css?family=Hanuman&display=swap');

 * {
     font-family: "Open Sans", "Hanuman", Helvetica, Arial, sans-serif !important;
 }

 body {
     background-color: #fff;
     position: relative;
     overflow-y: scroll !important;
     font-family: 'Hanuman', serif !important;
 }

 .logo-image {
     width: 9%;
     margin: 4px 20px;
 }

 /* .fb_iframe_widget {
    display: block !important;
    position: relative;
}

.fb_iframe_widget span {
    display: inline-block;
    position: relative;
    text-align: justify;
    width: 100% !important;
    */
 /* ._2p3a {
    width: 100% !important;
}

.fb_iframe_widget iframe {
    width: 100% !important;
} */
 .fb_iframe_widget {

     display: block !important;
     position: relative;

 }

 .fb_iframe_widget span {

     display: inline-block;
     position: relative;
     text-align: justify;
     width: 100% !important;

 }


 .fb_iframe_widget iframe {

     position: absolute;
     width: 100% !important;

 }

 div ._2p3a {
     width: 100% !important;
 }

 .uiScaledImageContainer {
     width: 100% !important;
 }

 .fb_iframe_widget_fluid_desktop,
 .fb_iframe_widget_fluid_desktop span,
 .fb_iframe_widget_fluid_desktop iframe {
     max-width: 100% !important;
     width: 100% !important;
 }

 .navbar-expand-lg .navbar-nav {
     -ms-flex-direction: row;
     flex-direction: row;
     width: 100% !important;
 }

 .slide {
     position: relative;
     margin: 0px;
     margin-top: -18px !important;
     width: 100%;
     height: 75vh;
     background: #ccc;
 }

 .navbar-toggler-icon {
     width: 1em;
     height: 1em;
 }

 .slide ul li {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     width: 100%;
     height: 100%;
     list-style: none;
 }

 .slide .dots {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 20px;
     width: 100%;
     z-index: 3;
     text-align: center;
 }

 .footerContainer {
     width: 95%;
     margin: 0px auto;
 }

 .floatLeft {
     float: right;
 }

 .slide .dots li {
     display: inline-block;
     margin: 0 10px;
     width: 20px;
     height: 20px;
     border: 2px solid #fff;
     border-radius: 50%;
     opacity: 0.4;
     cursor: pointer;
     transition: background 0.5s, opacity 0.5s;
     list-style: none;
 }

 .slide .dots li.active {
     background: #fff;
     opacity: 1;
 }

 .slide .arrow {
     position: absolute;
     z-index: 2;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     transition: background 0.5s, opacity 0.5s;
 }

 .slide .arrow .arrow-left,
 .slide .arrow .arrow-right {
     position: absolute;
     top: 50%;
     margin-top: -25px;
     display: block;
     width: 30px;
     height: 30px;
     cursor: pointer;
     opacity: 0.5;
     transition: background 0.5s, opacity 0.5s;
 }

 .slide .arrow .arrow-left:hover,
 .slide .arrow .arrow-right:hover {
     opacity: 1;
 }

 /* .slide .arrow .arrow-left {
  left: 20px;
  background: url("../img/arrow-left.png");
}

.slide .arrow .arrow-right {
  right: 20px;
  background: url("../img/arrow-right.png");
} */
 .card-title {
     font-weight: bold;
 }

 .card {
     border: none !important;
 }

 .shadowEvent {
     box-shadow: 0 0 40px 0 rgba(197, 197, 197, 0.85);
     border-radius: 0px;
     transition: 0.3s;
     cursor: pointer;
 }

 .shadowEvent:hover {
     box-shadow: 0 11px 30px -5px rgba(43, 43, 43, 0.65);
     border-radius: 5px;
     transform: translateY(-5px);
 }

 .card-img-top {
     border-radius: 0px !important;
 }

 .containerPadding {
     padding: 0.7% 0px;
     position: relative;
     margin-left: 0px;
     margin-bottom: 20px;
 }

 .containerPadding>h2 {
     margin: 10px 0px;
     border-left: 5px solid #cfd11e;
     padding-left: 20px;
     text-transform: uppercase;
     font-weight: 700;
     /*color: #007a53 !important;*/
     margin-bottom: 30px;

     line-height: 26px !important;
     font-size: 27px;
 }

 .bg-green {
     /*background-color: #fffc !important;*/
     background-color: white !important;
     font-size: 20px;
     margin-bottom: -65px;
     z-index: 100;
 }

 .navbar-light .navbar-nav .nav-link {
     /* color: #fff !important; */
     font-weight: 700;
     padding: 10px 15px;
     /*color: #007a53;*/
     color: #444;
     text-transform: uppercase;
     font-family: "Lora", serif, "sans-serif" !important;
 }

 .container {
     max-width: 90% !important;
     margin: 0px auto !important;
 }

 .btn-success {
     background-color: #009432 !important;
     border: none !important;
 }

 .icon-footer {
     font-size: 20px !important;
 }

 .footer-text {
     position: relative;
     top: 0px;
     left: 10px;
 }

 .location-footer,
 .footer-text {
     font-size: 16px;
 }

 footer {
     background-color: #007a53 !important;
     padding: 15px 5px 0px 0px;
     color: #fff;
 }

 footer h6 {
     font-weight: 700;
 }

 .controllingPadding .col-lg-4 {
     padding: 0px 25px;
 }

 .logo-company {
     position: relative;
 }

 .containerPadding .container {
     max-width: 90% !important;
 }

 .langauges {
     position: absolute;
     right: 20px;
     top: 62%;
     width: 5%;
 }

 .langauges select {
     border-radius: 30px !important;
 }

 .custom-select {
     border: 1px solid #195634 !important;
 }

 .custom-select:focus {
     box-shadow: none;
 }

 .form-search {
     position: relative;
 }

 .search {
     padding-right: 0px;
     color: #495057;
     background-color: #fff;
     border-color: transparent !important;
     outline: 0;
     /* box-shadow: 0 0 0 0.2rem rgb(120, 148, 60) !important; */
     color: #007a53 !important;
 }

 .form-control+.icofont-search {
     position: absolute;
     right: 0;
     padding: 0px 20px;
 }

 .footer-icons {
     background-color: #000;
     padding: 5px;
     border-radius: 5px;
     color: #fff;
     font-size: 25px;
     transition: 0.3s;
 }

 .nav-pills .nav-item {
     width: 33.33% !important;
     margin: 0px !important;
 }

 .nav-item {
     width: 100%;
     /*text-align: center;*/

 }

 .containerPaddingProType {
     position: relative;
     top: 2vw;
 }

 .custom-tab {
     width: 33.33% !important;
     margin: 0px !important;
 }

 .nav-pills {
     width: 100%;
     position: absolute;
 }

 .nav-pills .nav-link {
     background-color: #9e9e9ec7;
     margin: 0px !important;
     text-align: center;
     padding: 30px 0px;
     border-radius: 0px !important;
     color: #007a53;
     font-size: 24px;
     margin: 0px !important;
     font-weight: 700;
 }

 .nav-link.active {
     background-color: #898787 !important;
     color: #007a53 !important;
 }

 .copyRights {
     margin-top: 14px !important;
     font-size: 16px;
     clear: both;
 }

 .container-navbar {
     width: 70%;
     margin: 0px auto;
 }

 .downloadFooter {
     position: relative;
 }

 /*.downloadProcure {
    margin-top: 10%;
    text-align: center;
}*/

 .downloadProcure a {
     font-size: 21px !important;
     text-align: center;
 }

 .appllyNowCareer {
     background-color: #007a53;
     color: #fff;
     text-transform: uppercase;
     border-bottom: 2px solid #007a53 !important;
     border-radius: 5px;
     font-weight: bold;
 }

 .btn-primary,
 .btn-primary:hover {
     background-color: #007a53;
     color: #fff;
     text-transform: uppercase;
     border-radius: 5px;
     font-weight: bold;
     border-color: #007a53 !important;
 }

 .modal-title {
     font-weight: bold;
     color: #007a53 !important;
 }

 .page2-background {
     width: 100% !important;
     min-height: 50vw;
     background-repeat: no-repeat;
 }

 .background-page2 {
     background-color: #ffffff85;
     font-weight: bolder;
     font-size: 30px;
     text-align: center;
     cursor: pointer;
     /* padding: 50px; */
 }

 .containerAbout {
     /*max-width: 100% !important;*/
     margin: 0px auto;
 }

 .postDetail {
     background-color: #f2f4f3;
     height: 60vw;
     overflow-y: scroll;
 }

 .postDetail .showPage6 {
     border-bottom: 2px solid black;
 }

 .background-page2 .row {
     margin: 0px !important;
 }

 .col-lg-4.active {
     background-color: #d7d7d7;
     /* padding: 50px; */
 }

 .page2Padding {
     padding: 50px;
 }

 .arrowPosition {
     position: relative !important;
 }

 .arrowBoth {
     position: absolute;
     background-color: #007a53;
     padding: 7px 13px;
     border-radius: 50%;
     top: 15vw;

     font-size: 25px;
     color: #fff;
 }

 .arrowLeft {
     left: 60px;
 }

 .arrowRight {
     right: 60px;
 }

 .page3-card-title {
     font-size: 20px;
     text-transform: uppercase;
     padding: 13px 0px;
     margin: 0px !important;
     background-color: #e3e3e3;
     color: #007a53;
 }

 .page3-card {
     box-shadow: 0 0 40px 0 rgba(255, 255, 255, 0.856);
 }

 .page3-image {
     /*height: auto;*/

     /*object-fit: cover !important;*/
     /*height: 200px;*/
     width: 100%;
 }

 .containerPage5 {
     width: 65%;
     padding: 60px 0px;
 }

 .backgroundPage5 {
     background-color: #fff;
     box-shadow: 0 0 40px 0 rgba(197, 197, 197, 0.85);
     border-radius: 5px;
     transition: 0.3s;
     cursor: pointer;
 }

 .backgroundPage5 .row {
     margin: 15px 0px !important;
     padding: 0px;
 }

 .col-page5 {
     padding: 0px !important;
 }

 .page5-data {
     padding: 10px 0px;
 }

 .backgroundPage5:hover {
     box-shadow: 0 11px 30px -5px rgba(43, 43, 43, 0.65);
     border-radius: 5px;
     /*transform: translateY(-5px);*/
     background-color: #f8f9fa;
 }

 .backgroundPage5 h3 {
     color: #007a53 !important;
     font-weight: 600;
 }

 .backgroundPage5 a,
 .showPage6 a {
     text-decoration: none;
     color: #333;
 }

 .showPage6 img {
     width: 100% !important;
     height: auto;
     margin: 5px 0px;
 }

 /*.backgroundPage5 a:hover, .showPage6 a:hover {
  text-decoration: none;
  color: #007a53;
}*/
 .showPage6 {
     /* box-shadow: 0 5px 10px 0 rgba(197, 197, 197, 0.85); */
     /*background-color: #f2f4f3;*/
     padding: 10px !important;
     margin-top: 10px;
 }

 .col-lg-9 .showPage6 {
     /* box-shadow: 0 5px 10px 0 rgba(197, 197, 197, 0.85); */
     background-color: #f2f4f3;
     /*padding: 30px !important;*/
     margin-top: 10px;
 }

 .showPage6 h4 {
     font-weight: 700;
 }

 /*.showPage6 p {
  padding: 30px 0px;
}*/
 .page5-margin {
     margin-top: 60px;
     margin-bottom: 10px;
 }

 .page6-info {
     padding: 0px !important;
 }

 .page5-info-title {
     padding: 10px 0px !important;
     margin: 0px !important;
     font-size: 20px !important;
 }

 .containerCareer {
     padding: 0px 0px;
     margin-bottom: 20px;
     font-size: 18px;
 }

 .containerCareer h2 {
     padding: 0px 0px;
     padding-left: 0px;
     padding-left: 20px;
     text-transform: uppercase;
     font-weight: 700;
     color: #007a53 !important;
     margin: 40px 0px 5px 0px !important;

     font-size: 25px;
 }

 .carrerHr {
     border-bottom: 2px solid #007a53;
     width: 40px !important;
 }

 .jbAnnounment h2 {
     border-left: 0px !important;
     margin-bottom: 40px;
 }

 thead {
     background-color: #007a53;
     color: #fff !important;
 }

 .singleJobAnnouce {
     background-color: #007a53;
     padding: 20px;
     position: relative;
 }

 .singleJobAnnouce h2 {
     color: #fff;
     font-weight: bolder !important;
     text-align: center;
 }

 .jobDetail {
     background-color: #ececec;
     padding: 30px;
 }

 .table-responsive {
     display: block !important;
 }

 .shareRight {
     position: relative;
     top: 30px;
     right: 30px;
     color: #fff;
     width: 16%;
 }

 .shareRight h6 {
     font-weight: bolder;
 }

 .shareIcons {
     position: absolute;
     top: 7px;
     margin-left: 30px;
 }

 a {
     text-decoration: none !important;
 }

 .shareIcons i {
     padding: 5px;
     margin: 100px 0px;
 }

 #inputGroupPrepend2 {
     background-color: #007a53;
     color: #fff;
 }

 .appllyNow {
     background-color: #007a53;
     color: #fff;
     text-transform: uppercase;
     float: right;
     border-bottom: 2px solid #007a53 !important;
     border-radius: 5px;
     font-weight: bold;
 }

 .clear {
     clear: both !important;
 }

 /* .appllyNow::after {
    clear: both;
} */

 .appllyNow:focus,
 .appllyNow:hover {
     color: #fff !important;
 }

 .JobRelated {
     padding: 10px;
     background-color: #007a53;
     color: #fff;
     text-align: center;
 }

 .JobRelated h4 {
     margin: 0px 0px;
 }

 td a,
 td a:hover {
     color: #007a53;
 }

 .dropdown-submenu {
     position: relative;
 }

 .dropdown-menu,
 .dropdown-item:focus,
 .dropdown-item:hover {
     /*background: #ffffffd1 !important;*/
     color: #444 !important;
     border: none;
 }

 .dropdown-submenu a::after {
     transform: rotate(-90deg);
     position: absolute;
     right: 6px;
     top: 0.8em;
 }

 .dropdown-submenu .dropdown-menu {
     top: 0;
     left: 100%;
     margin-left: 0.1rem;
     margin-right: 0.1rem;
 }

 .photo .row {
     margin: 10px 5px 0px 0px;
 }

 .contactPadding {
     padding: 15px 15px;
 }

 .contactPosition {
     position: relative;
 }

 .btnCenter {
     /*position: absolute;*/
     top: 50%;
     left: 0%;
     transform: translate(0%, 30%);
 }

 .contactBtn {
     width: 100%;
     background-color: transparent;
     padding: 15px;
     margin: 20px 0px;
     color: #007a53;
     border: 2px solid #007a53;
     font-size: 26px;
     font-weight: bold;
 }

 .row.contactPadding {
     margin: 0px !important;
 }

 .sticky.is-sticky {
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     z-index: 100 !important;
     width: 100%;
     background: #f8f9fa !important;
 }

 .modal-dialog {
     max-width: 800px !important;
     margin: 1.75rem auto;
 }

 .navbar-nav li:hover>ul.dropdown-menu {
     display: block;
 }

 .dropdown-submenu {
     position: relative;
 }

 .dropdown-submenu>.dropdown-menu {
     top: 0;
     left: 100%;
     margin-top: -6px;
 }

 /* rotate caret on hover */
 .dropdown-menu>li>a:hover:after {
     text-decoration: underline;
     transform: rotate(-90deg);
 }

 .dropdown-item {
     /*color: #007a53 !important;*/
     color: #444 !important;
 }

 .dropdown-item:hover {
     color: #444 !important;
 }

 .galler {
     padding: 0px 0px;
     padding-left: 0px;
     border-left: 5px solid #cfd11e;
     padding-left: 20px;
     text-transform: uppercase;
     font-weight: 700;
     color: #007a53 !important;
     margin-bottom: -10px !important;
     margin-top: 10px;
 }

 .icofont-rounded-left,
 .icofont-rounded-right {
     font-size: 30px;
     color: #007a53;
     cursor: pointer;
 }

 * {
     box-sizing: border-box;
 }

 .hs {
     display: flex;
     overflow-x: scroll;
     justify-content: space-between;
     scrollbar-width: scroll;
     /* Firefox */
     -ms-overflow-style: scroll;
     /* IE 10+ */
     -webkit-overflow-scrolling: touch;
     margin: 0px 0px;
 }

 .hs__header {
     display: flex;
     align-items: center;
     width: 100%;
 }

 .hs__headline {
     flex: 1;
 }

 .hs__arrows {
     align-self: center;
 }

 .hs__arrows .arrow:before {
     content: "";
     display: inline-block;
     vertical-align: middle;
     content: "";
     /* background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTUgOSI+Cgk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNNy44NjcgOC41NzRsLTcuMjItNy4yMi43MDctLjcwOEw3Ljg2NyA3LjE2IDE0LjA1Ljk4bC43MDYuNzA3Ii8+Cjwvc3ZnPgo="); */
     background-size: contain;
     -webkit-filter: brightness(5);
     filter: brightness(5);
     font-size: 30px;
     cursor: pointer;
 }

 .hs__arrows .arrow.disabled:before {
     -webkit-filter: brightness(2);
     filter: brightness(2);
 }

 .hs__arrows .arrow.arrow-prev:before {
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
     margin-right: 10px;
 }

 .hs__arrows .arrow.arrow-next:before {
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
 }

 .hs__item {
     flex-grow: 1;
     flex-shrink: 0;
     flex-basis: calc(33.33% - 10px * 2 - 5px);
     margin: 10px;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     position: relative;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 .hs__item:last-child:after {
     content: "";
     display: block;
     position: absolute;
     width: 10px;
     height: 1px;
     right: calc(10px * 2 * -1);
 }

 .hs__item:first-child {
     /*margin-left: calc(10px * 2);*/
     margin-left: -40px;
 }

 .hs__item__description {
     z-index: 1;
     align-self: flex-start;
     margin: 10px 0;
 }

 .hs__item__subtitle {
     color: #aaa;
     display: block;
 }

 .hs__item__image__wrapper {
     position: relative;
     width: 100%;
     height: 0;
     padding-bottom: 100%;
 }

 .hs__item__image {
     pointer-events: none;
     position: absolute;
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
 }

 .promo-carousel {
     border-bottom: 1px solid #eee;
     padding-bottom: 0;
     overflow: hidden !important;
     width: 100.5% !important;
 }

 .promo-carousel .item-wrap {
     transform: translateX(0px);
     width: 400%;
     position: relative;
     white-space: nowrap;
     display: flex;
 }

 .item {
     background: #222;
     border-right: 1px solid #eee;
     text-align: center;
     display: flex;
     flex: 1;
     justify-content: center;
     align-items: center;
 }

 .item a {
     text-decoration: none;
     display: flex;
     flex: 1;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     color: #fff;
     font-weight: bold;
     line-height: 1.4;
     height: 100%;
     padding: 10px 0;
 }

 .item.active {
     background: #c0392b;
 }

 .item.active a {
     color: #fff;
 }

 .dropdown-slide>.dropdown-menu {
     opacity: .3;
     display: block;
     -webkit-transform-origin: top;
     transform-origin: top;
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     -webkit-transform: scale(1, 0);
     transition: all 0.3s linear;
     -webkit-transition: all 0.2s linear;
 }

 .show.dropdown-slide>.dropdown-menu {
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1);
     opacity: 1;
 }

 @media (min-width: 768px) {
    .location-footer{
        /*margin-top: 24px;*/
    }
     #wrap {
         margin: 40px 27px;
         display: inline-block;
         position: relative;
         height: 40px;
         float: right;
         padding: 0;
         position: relative;
     }

     .contact-container {
         background: url("../../images/contact/Contact-us.jpg");
         background-repeat: no-repeat;
         background-size: auto;
         padding-top: 150px;
         padding-bottom: 150px;
         background-size: 100% auto;
         background-position: center top;
         background-attachment: fixed;

     }

     .contact-container div {
         text-align: center;
     }

     .contact-container img {
         width: 300px;
         border-radius: 10px;
         margin: 0 auto;
     }

     .phone-top {
         position: absolute;
         right: 35px;
         top: 65%;
         width: 30%;
         color: #007a53;
         /*text-align: right;*/
         font-size: 16px;
         font-weight: bold;
     }

     .downloadProcure {
         /*margin-top: 8% !important;*/
         text-align: center;
     }

     .phone-top {
         width: 22%;
     }

     .nav-item {
         margin-right: 25px !important;
         /*text-align: center;*/
     }

     .item-wrap img {
         max-height: 500px;
     }

     .promo-carousel .item-wrap {
         width: 200%;
     }

     .item-wrap img {
         max-height: 600px;
     }
 }

 @media (hover: none) and (pointer: coarse) {
     .hs__wrapper .hs__arrows {
         display: none;
     }

     .hs__wrapper .hs__item {
         flex: 1 0 calc(23% - 10px * 2);
     }
 }

 @media only screen and (hover: none) and (pointer: coarse) and (max-width: 990px) {
    .location-footer{
        /*margin-top: 20px;*/
    }
     #wrap {
         margin: 40px 27px;
         display: inline-block;
         position: relative;
         height: 40px;
         float: right;
         padding: 0;
         position: relative;
     }

     .contact-container {
         background: url("../../images/contact/Contact-us.jpg");
         background-repeat: no-repeat;
         background-size: auto;
         padding-top: 100px;
         padding-bottom: 100px;
         background-size: 100% auto;
         background-position: center top;
         background-attachment: fixed;

     }

     .contact-container div {
         text-align: center;
     }

     .contact-container img {
         width: 300px;
         margin: 0 auto;
     }

     .nav-item {
         margin-right: 35px !important;
         /*text-align: center;*/

     }

     .item-wrap img {
         max-height: 600px;
     }

     .hs__wrapper .hs__item {
         flex: 1 0 calc(45% - 10px * 2);
     }
 }

 /* Base Styling */

 .description {
     max-width: 990px;
     color: #212121;
     margin: 0 auto;
     padding: calc(10px * 4);
 }

 .Youtube {
     margin-top: 16px;
 }

 @media only screen and (max-width: 1800px) {
    .location-footer{
        /*margin-top: 0px;*/
    }
     #wrap {
         margin: 40px 27px;
         display: inline-block;
         position: relative;
         height: 40px;
         float: right;
         padding: 0;
         position: relative;
     }

     .contact-container {
         background: url("../../images/contact/Contact-us.jpg");

         background-size: auto;
         padding-top: 250px;
         padding-bottom: 250px;
         background-size: 100% auto;
         background-position: center top;
         background-attachment: fixed;

     }

     .contact-container div {
         text-align: center;
     }

     .contact-container img {
         width: 300px;
         margin: 0 auto;
     }


     .bg-green {
         background-color: #fffc !important;
         font-size: 20px;
         margin-bottom: -65px;
         z-index: 100;
         width: 100% !important;
     }

     .icofont-search {
         font-size: 20px !important;
     }

     .langauges {
         position: absolute;
         right: 20px;
         top: 61%;
         width: 5%;
     }

     .phone-top {
         position: absolute;
         right: 7% !important;
         top: 65%;
         width: 25%;
         color: #007a53;
         text-align: right;
         font-size: 16px;
         font-weight: bold;
     }

     .container-navbar {
         width: 80%;
     }

 }

 @media only screen and (max-width: 1200px) {
    .location-footer{
        /*margin-top: 20px;*/
    }
     #wrap {
         margin: 40px 27px;
         display: inline-block;
         position: relative;
         height: 40px;
         float: right;
         padding: 0;
         position: relative;
     }

     .contact-container {
         background: url("../../images/contact/Contact-us.jpg");
         background-repeat: no-repeat;
         background-size: auto;
         padding-top: 250px;
         padding-bottom: 250px;
         background-size: 100% 100%;
         background-position: center top;
         background-attachment: fixed;

     }

     .contact-container div {
         text-align: center;
     }

     .contact-container img {
         width: 300px;
         margin: 0 auto;
     }

     .phone-top {
         position: absolute;
         right: 0px !important;
         top: 65%;
         width: 25%;
         color: #007a53;
         /*text-align: right;*/
         font-size: 16px;
         font-weight: bold;
     }

     .nav-item {
         margin-right: 35px;
         /*text-align: center;*/
     }

     .item-wrap img {
         max-height: 600px;
     }

     .navbar-light .navbar-nav .nav-link {
         font-weight: 600;
         padding: 10px 15px;
         color: #007a53;
     }

     .langauges {
         position: absolute;
         right: 20px;
         top: 60%;
         width: 15%;
     }

     .phone-top {
         position: absolute;
         right: 18% !important;
         top: 65%;
         width: 25%;
         color: #007a53;
         text-align: right;
         font-size: 16px;
         font-weight: bold;
     }
 }

 @media only screen and (max-width: 979px) {
    .location-footer{
        /*margin-top: 20px;*/
    }
     #wrap {
         margin: 40px 27px;
         display: inline-block;
         position: relative;
         height: 40px;
         float: right;
         padding: 0;
         position: relative;
     }

     .contact-container {
         background: url("../../images/contact/Contact-us.jpg");
         background-repeat: no-repeat;
         background-size: auto;
         padding-top: 200px;
         padding-bottom: 200px;
         background-size: 100% auto;
         background-position: center top;
         background-attachment: fixed;

     }

     .contact-container div {
         text-align: center;
     }

     .contact-container img {
         width: 300px;
         margin: 0 auto;
     }

     .phone-top {
         position: absolute;
         right: 10px;
         top: 65%;
         width: 25%;
         color: #007a53;
         /*text-align: right;*/
         font-size: 16px;
         font-weight: bold;
     }

     .nav-item {
         margin-right: 0px !important;
         display: block !important;
         /*text-align: center;*/
     }

     .navbar-light .navbar-nav .nav-link {
         font-size: 16px !important;
     }

     .item-wrap img {
         max-height: 550px;
     }

     .bg-green {
         margin-bottom: 18px !important;
         
     }
     
     .containerPadding>h2 {
         padding: 0px 0px;
         padding-left: 0px;
         border-left: 5px solid #cfd11e;
         padding-left: 20px;
         text-transform: uppercase;
         font-weight: 700;
         color: #007a53 !important;
         margin-bottom: 0px;
         font-size: 20px;
     }

     .sticky.is-sticky {
         background: #acacaced !important;
     }

     .footer {
         padding: 15px 5px 0px 0px;
     }

     .icofont-search {
         display: none;
     }

     .phone-top {
         display: none !important;
     }

     .navbar-nav {
         display: block !important;
     }

     .container-navbar {
         width: 95%;
     }

     .dropdown-slide>.dropdown-menu {
         display: table-column;
     }
 }

 @media only screen and (max-width: 767px) {
    .location-footer{
        /*margin-top: 20px;*/
    }
     #wrap {
         margin: 40px 27px;
         display: inline-block;
         position: relative;
         height: 40px;
         float: right;
         padding: 0;
         position: relative;
     }


     .hidden-xs {
         display: none;
     }

     .contact-container {
         background: url("../../images/contact/Contact-us.jpg");
         background-repeat: no-repeat;
         background-size: auto;
         padding-top: 150px;
         padding-bottom: 150px;
         background-size: 100% auto;
         background-position: center top;
         background-attachment: fixed;

     }

     .contact-container div {
         text-align: center;
     }

     .contact-container img {
         width: 300px;
     }

     .phone-top {
         position: absolute;
         right: 10px;
         top: 65%;
         width: 25%;
         color: #007a53;
         /*text-align: right;*/
         font-size: 16px;
         font-weight: bold;
     }

     .nav-item {
         margin-right: 20px !important;
         /*text-align: center;*/
     }

     .item-wrap img {
         max-height: 550px;
     }

     .hs__wrapper .hs__item {
         flex: 1 0 calc(100% - 10px * 2);
     }

     .nav-pills {
         width: 100%;
         position: relative;
     }

     .page2-background {
         height: 60vh !important;
         width: 100%;
     }

     .nav-pills .nav-link {
         padding: 12px 0px !important;
     }

     .containerAbout {
         max-width: 90% !important;
         margin: 0px auto;
     }

     .phone-top {
         display: none !important;
     }

     .modal-dialog {
         max-width: 100% !important;
         margin: 1.75rem auto;
     }

     .modal-open .modal {
         overflow-x: hidden !important;
         overflow-y: hidden !important;
     }

     .top {
         margin-top: 0px !important;
     }
 }

 @media only screen and (max-width: 480px) {
    .location-footer{
        /*margin-top: 0px;*/
    }
     #wrap {
         margin: 0px 27px;
         display: inline-block;
         position: relative;
         height: 40px;
         float: right;
         padding: 0;
         position: relative;
     }


     .hidden-xs {
         display: none;
     }

     /* .logo-company center {
         padding-left: 25px;
     }
*/
     .contact-container {
         background: url("../../images/contact/Contact-us.jpg");

         background-size: auto;
         padding-top: 10px;
         padding-bottom: 10px;
         background-size: 100% auto;
         background-position: center top;
         background-attachment: fixed;

     }

     .contact-container div {
         text-align: center;
     }

     .contact-container img {
         width: 150px;
         margin: 0 auto;
     }


     .footerContainer div:nth-child(3),
     .footerContainer div:nth-child(2) {
         padding-left: 15px;
     }

     .downloadProcure {
         /*margin-top: 2% !important;*/
         text-align: center;
     }

     .item-wrap img {
         max-height: 350px;
     }

     .xs-no-padding {
         padding: 0px !important;
     }

     .containerPadding h2 {
         margin-top: 20px;
     }

     .controllingPadding .col-sm-6.col-lg-4 {
         padding: 0px 10px;
     }

     .containerPadding .container {
         max-width: 90% !important;
     }


     .jobDetail {
         background-color: #ececec;
         padding: 7px !important;
     }

     .contactPadding {
         padding: 40px 0px;
     }

     .about-margin {
         margin-top: 0px !important;
     }

     .bg-green {
         /* background-color: #007a53 !important; */
         font-size: 15px;
     }

     .langauges {
         position: absolute;
         right: 20px;
         top: 47%;
         width: 8 %;
     }

     .logo-image {
         width: 25%;
         margin: 2px;
     }

     .shadowEvent {
         /*margin-top: 30px;*/
     }

     .downloadProcure {
         font-weight: bold;
         margin-top: 0%;
         /*margin-bottom: 15%;*/
         text-align: left;
     }

     /* .page2-background {
    height: auto !important;
  } */
     .page3-card {
         margin-top: 0px;
     }

     .containerPage5 {
         width: 80%;
         padding: 0px;
     }

     .page5-margin {
         margin: 0px;
     }

     .containerPadding {
         width: 100%;
         padding: 0px;
     }

     .jbAnnounment h2 {
         border-left: 0px !important;
         margin-bottom: 40px;
         font-size: 20px;
         margin-top: 30px;
     }

     .container {
         width: 100% !important;
         max-width: 100% !important;
         margin: 30px 0px;
         padding: 0px 15px;
     }

     .singleJobAnnouce {
         padding: 0px;
         margin-top: 30px;
     }

     .singleJobAnnouce h2 {
         padding: 15px 0px;
         font-size: 20px;
     }

     .shareRight {
         position: fixed;
         bottom: 30px;
         right: -10px;
         color: #fff;
         width: 16%;
         top: 50%;
         bottom: 0;
         z-index: 100;
     }

     .shareRight h6 {
         font-weight: bolder;
         color: #007a53;
         display: none;
     }

     .shareIcons .footer-icons {
         background-color: transparent;
         padding: 10px;
         border-radius: 50%;
         color: #007a53;
         font-size: 18px;
         transition: 0.3s;
         z-index: 100;
     }

     .contactPosition {
         position: relative;
     }

     .cartonbox img {
         margin: 10px 0px;
     }

     .photo .row {
         margin: 0px !important;
     }

     containerPadding h2 {
         font-size: 25px !important;
     }

     .hs__item {
         flex-basis: calc(100% - 10px * 2 - 5px);
     }

     .bg-green {
         margin-bottom: 0px !important;
     }

     footer {
         padding: 15px 0px !important;
     }
 }

 @media only screen and (max-width: 320px) {
    .location-footer{
        /*margin-top: 0px;*/
    }
     #wrap {
         margin: 0px 27px;
         display: inline-block;
         position: relative;
         height: 40px;
         float: right;
         padding: 0;
         position: relative;
     }


     .hidden-xs {
         display: none;
     }

     .footerContainer div:nth-child(3),
     .footerContainer div:nth-child(2) {
         padding-left: 15px;
     }

     .item-wrap img {
         max-height: 300px;
     }

     .downloadProcure {
         /*margin-top: 2% !important;*/
         text-align: center;
     }
 }

 .clickable-row {
     cursor: pointer;
 }

 .title {
     /*color: #007a53;*/
     color: #007a53;
 }

 .no-link,
 .no-link:hover {
     color: #333;
 }

 .search {
     max-width: 180px;
 }

 /*.slider1 img {
    height: 30px;
}*/

 /*.jSlider img {
    max-height: 30vw !important;
}*/

 .singleJobAnnouce h2 {
     font-size: 23px;
 }

 .smartphoto {
     z-index: 9999 !important;
 }

 .post-title h5 {
     font-weight: 700;
 }

 .dropdown-menu {
     background-color: #f8f9fa;
     border: 1px solid #007a53;
 }

 .custom-red {
     color: #881b1b;
 }

 .album-box {
     background-color: #f8f9fa;
     margin-bottom: 10px;
 }

 .album-box img {
     object-fit: cover !important;
     height: 200px;
     width: 100%;
 }

 .compulsury {
     color: red;
 }

 .logo-project {
     /*object-fit: cover !important;*/
     /*height: 230px;*/
 }






 /*Vuthy app.blade.php*/


 input[name="search"] {
     height: 30px;
     font-size: 17px;
     display: inline-block;
     font-family: 'Lora', serif !important;
     border: none;
     outline: none;
     color: #555;
     padding: 3px;
     padding-right: 60px;
     width: 0px;
     position: absolute;
     top: 0;
     right: 0;
     background: none;
     z-index: 3;
     transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
     cursor: pointer;
 }

 input[name="search"]:focus:hover {
     border-bottom: 1px solid #BBB;
 }

 input[name="search"]:focus {
     width: 17vw;
     z-index: 1;
     border-bottom: 1px solid #BBB;
     cursor: text;
 }

 input[type="submit"] {
     display: inline-block;
     color: red;
     float: right;
     text-indent: -10000px;
     border: none;
     position: absolute;
     top: 0;
     right: 0;
     z-index: 2;
     cursor: pointer;
     opacity: 0.4;
     cursor: pointer;
     transition: opacity .4s ease;
     background-color: transparent;
     width: 30px;
     height: 30px;
 }

 .icofont-search {
     font-size: 25px;
 }

 .search {
     padding-right: 0px;
     color: #495057;
     background-color: #fff;
     border-color: transparent !important;
     outline: 0;
     box-shadow: 0 0 0 2px rgb(99, 178, 1) !important;
     color: #007a53 !important;
 }

 input[type="submit"]:hover {
     opacity: 0.8;
 }


 .contact-container img:hover {
     border: double 5px #5c5a5c;
     -moz-border-radius: 9px;
     -webkit-border-radius: 9px;
     border-radius: 9px;
 }

 p,
 span {
     font-family: 'Hanuman', serif;
     /* overflow-y: scroll !important; */
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'Hanuman', serif;
 }

 /*#007a53*/
 /*#007a53*/


 .langauges img {
     margin-top: 5px;
     height: 13px;
 }
 .location-footer{
     line-height: 23px !important;
 }
 /* OLD COLOR # 538e0a*/
 /*# daa734 */
 /*# daa734