/* ==== Global variables ==== */
/* Contains global variables for the entire styling */
/*$spacer-1x : 10px;
$spacer-2x : 20px;
$spacer-3x : 30px;
$spacer-4x : 40px;
$spacer-5x : 50px;*/
/* ==== Common Styling to use globally ==== */
/*!
Theme Name: Seneview Base Template
Theme URI: http://www.seneview.com
Author: Seneview Technologies (Pvt) Ltd.
Author URI: http://www.seneview.com
Description: This theme was customly built by Seneview Technologies (Private) Limited Sri Lanka
Version: 2.0.2
License: SENTECHv2 
*/
/* Globals begin */
/*.spacer-1x{ margin-top:$spacer-1x; }
.spacer-2x{ margin-top:$spacer-2x; }
.spacer-3x{ margin-top:$spacer-3x; }
.spacer-4x{ margin-top:$spacer-4x; }
.spacer-5x{ margin-top:$spacer-5x; }*/
/* Globals end */
/*======================FONTS=================================================*/
@font-face {
  font-family: Montserrat-Regular;
  src: url("fonts/Montserrat-Regular.ttf"); }
@font-face {
  font-family: Montserrat-SemiBold;
  src: url("fonts/Montserrat-SemiBold.ttf"); }
@font-face {
  font-family: Montserrat-Light;
  src: url("fonts/Montserrat-Light.ttf"); }
@font-face {
  font-family: Montserrat-Medium;
  src: url("fonts/Montserrat-Medium.ttf"); }
@font-face {
  font-family: Montserrat-ExtraLight;
  src: url("fonts/Montserrat-ExtraLight.ttf"); }
@font-face {
  font-family: MYRIADPRO-REGULAR;
  src: url("fonts/MYRIADPRO-REGULAR.OTF"); }
@font-face {
  font-family: Montserrat-Regular;
  src: url("fonts/Montserrat-Regular.ttf"); }
@font-face {
  font-family: BilboSwashCaps;
  src: url("fonts/BilboSwashCaps-.ttf"); }
@font-face {
  font-family: RobotoCondensed;
  src: url("fonts/RobotoCondensed-Light.ttf"); }
@font-face {
  font-family: RobotoCondensed-Regular;
  src: url("fonts/RobotoCondensed-Regular.ttf"); }
@font-face {
  font-family: RobotoCondensed-Bold;
  src: url("fonts/RobotoCondensed-Bold.ttf"); }
@font-face {
  font-family: Oswald-Regular;
  src: url("fonts/Oswald-Regular.ttf"); }
.sub-head-top {
  font-family: Montserrat-Light;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  position: relative;
  color: #2e9e32; }
  .sub-head-top:before {
    content: '';
    width: 18px;
    background-color: #2e9e32;
    position: absolute;
    height: 1px;
    top: 50%;
    left: 40%; }
    @media only screen and (max-width: 1280px) {
      .sub-head-top:before {
        left: 38%; } }
    @media only screen and (max-width: 992px) {
      .sub-head-top:before {
        left: 35%; } }
    @media only screen and (max-width: 768px) {
      .sub-head-top:before {
        left: 30%; } }
    @media only screen and (max-width: 560px) {
      .sub-head-top:before {
        left: 25%; } }
    @media only screen and (max-width: 450px) {
      .sub-head-top:before {
        left: 20%; } }
    @media only screen and (max-width: 390px) {
      .sub-head-top:before {
        left: 15%; } }
  .sub-head-top:after {
    content: '';
    width: 18px;
    background-color: #2e9e32;
    position: absolute;
    height: 1px;
    top: 50%;
    right: 40%; }
    @media only screen and (max-width: 1280px) {
      .sub-head-top:after {
        right: 38%; } }
    @media only screen and (max-width: 992px) {
      .sub-head-top:after {
        right: 35%; } }
    @media only screen and (max-width: 768px) {
      .sub-head-top:after {
        right: 30%; } }
    @media only screen and (max-width: 560px) {
      .sub-head-top:after {
        right: 25%; } }
    @media only screen and (max-width: 450px) {
      .sub-head-top:after {
        right: 20%; } }
    @media only screen and (max-width: 390px) {
      .sub-head-top:after {
        right: 15%; } }

h2 {
  font-size: 37px;
  line-height: 60px;
  font-family: Montserrat-Light;
  text-align: center;
  position: relative;
  color: #2e9e32;
  margin-bottom: 10px; }
  h2 strong {
    font-family: Montserrat-Semibold; }
  @media screen and (max-width: 768px) {
    h2 {
      font-size: 29px; } }

.heading-section {
  margin-top: 80px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .heading-section {
      margin-top: 35px; } }
  .heading-section .underline {
    margin-left: -5%;
    width: 10%;
    position: absolute;
    left: 50%;
    bottom: -5px;
    border-bottom: 2px solid #2e9e32; }
  .heading-section span {
    margin-top: 25px;
    position: absolute;
    bottom: -15px;
    left: 48.5%; }
    @media screen and (max-width: 1199px) {
      .heading-section span {
        left: 47.5%; } }
    .heading-section span img {
      padding: 0px 10px 0px 8px;
      background-color: #FFF;
      justify-content: center; }
      @media screen and (max-width: 768px) {
        .heading-section span img {
          display: none; } }

h3 {
  font-family: Montserrat-Light;
  font-size: 30px;
  line-height: 40px;
  position: relative;
  color: #2e9e32;
  font-weight: bold; }

.sub-text-head-2 {
  line-height: 30px;
  font-size: 24px;
  text-align: center;
  font-family: MYRIADPRO-REGULAR;
  color: #8a1d03; }

.btn-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  /*btn-center*/ }

.center-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px; }

.btn-primary-white {
  text-transform: uppercase;
  font-family: 'Oswald-Regular';
  font-size: 18px;
  background-color: transparent;
  padding: 15px 45px;
  border: none;
  color: #FFF;
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 1px;
  line-height: 18px; }
  .btn-primary-white:before {
    content: '';
    position: absolute;
    height: 50%;
    width: 50%;
    top: 0;
    left: 0;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-top-left-radius: 10px;
    transition: width 0.6s 0.4s, border 0.4s, border-radius 0.4s; }
  .btn-primary-white:after {
    content: '';
    position: absolute;
    height: 50%;
    width: 50%;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-bottom-right-radius: 10px;
    transition: width 0.6s 0.4s, border 0.4s, border-radius 0.4s; }
  .btn-primary-white:active, .btn-primary-white:focus, .btn-primary-white:hover {
    color: #FFF;
    text-decoration: none; }
    .btn-primary-white:active:before, .btn-primary-white:focus:before, .btn-primary-white:hover:before {
      width: 100%;
      border-right: 1px solid #fff;
      border-top-right-radius: 10px;
      transition: width 0.6s, border 0.3s 0.6s  ease-in-out, border-radius 0.4s 0.4s; }
    .btn-primary-white:active:after, .btn-primary-white:focus:after, .btn-primary-white:hover:after {
      width: 100%;
      border-left: 1px solid #fff;
      border-bottom-left-radius: 10px;
      transition: width 0.6s, border 0.3s 0.6s ease-in-out, border-radius 0.4s 0.4s; }

.btn-primary-green {
  text-transform: uppercase;
  font-family: RobotoCondensed;
  font-size: 16px;
  background-color: transparent;
  padding: 5px 30px;
  border: none;
  color: #2e9e32;
  font-weight: bold;
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 1px; }
  .btn-primary-green:before {
    content: '';
    position: absolute;
    height: 50%;
    width: 50%;
    top: 0;
    left: 0;
    border-top: 1px solid #2e9e32;
    border-left: 1px solid #2e9e32;
    border-top-left-radius: 10px;
    transition: width 0.6s 0.4s, border 0.4s, border-radius 0.4s; }
  .btn-primary-green:after {
    content: '';
    position: absolute;
    height: 50%;
    width: 50%;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #2e9e32;
    border-right: 1px solid #2e9e32;
    border-bottom-right-radius: 10px;
    transition: width 0.6s 0.4s, border 0.4s, border-radius 0.4s; }
  .btn-primary-green:active, .btn-primary-green:focus, .btn-primary-green:hover {
    color: #2e9e32;
    text-decoration: none;
    border-radius: 10px;
    transition: ease-in;
    outline: none; }
    .btn-primary-green:active:before, .btn-primary-green:focus:before, .btn-primary-green:hover:before {
      width: 100%;
      border-right: 1px solid #2e9e32;
      border-top-right-radius: 10px;
      transition: width 0.6s, border 0.3s 0.6s  ease-in-out, border-radius 0.4s 0.4s; }
    .btn-primary-green:active:after, .btn-primary-green:focus:after, .btn-primary-green:hover:after {
      width: 100%;
      border-left: 1px solid #2e9e32;
      border-bottom-left-radius: 10px;
      transition: width 0.6s, border 0.3s 0.6s ease-in-out, border-radius 0.4s 0.4s; }

.top-sec {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .top-sec span {
    width: 50%;
    position: relative;
    display: inline-block;
    padding: 5px 5px 5px 5px;
    font-size: 25px;
    font-family: MYRIADPRO-REGULAR;
    text-transform: uppercase; }
    @media screen and (max-width: 768px) {
      .top-sec span {
        font-size: 18px; } }
    .top-sec span:first-child {
      background-color: #e4d9c8;
      text-align: right;
      color: #329e35; }
      .top-sec span:first-child:before {
        content: '';
        border: 9px solid transparent;
        border-left-color: #e4d9c9;
        position: absolute;
        bottom: 28%;
        right: -25px;
        border-left-width: 17px;
        z-index: 5; }
    .top-sec span:last-child {
      color: #fff;
      background-color: #329e35;
      padding-left: 20px; }
    .top-sec span a {
      color: inherit; }
      .top-sec span a:active, .top-sec span a:focus, .top-sec span a:hover {
        color: inherit;
        text-decoration: none; }

.flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 768px) {
    .flex-box {
      display: block; } }

.secondry-box {
  margin-top: 50px;
  margin-bottom: 50px;
  border: 1px solid #ccc;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  -webkit-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.23);
  box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.23); }
  .secondry-box h3 {
    font-style: 25px;
    line-height: 32px;
    margin-bottom: 20px;
    text-align: center;
    font-family: RobotoCondensed;
    text-transform: uppercase; }
  .secondry-box .secondry-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: inset 0px 1px 40px 32px white;
    -moz-box-shadow: inset 0px 1px 40px 32px white;
    box-shadow: inset 0px 1px 40px 32px white;
    width: 100%;
    margin: 10px auto;
    padding-bottom: 43.93%;
    overflow: hidden;
    margin-bottom: 40px; }
    .secondry-box .secondry-bg.spacer-top {
      margin-top: 28px; }
    .secondry-box .secondry-bg img {
      width: 100%;
      margin: 0px auto;
      margin-top: -10px;
      margin-bottom: 30px; }
  .secondry-box .secondry-content {
    padding: 0px 20px 30px 20px;
    text-align: center; }
    .secondry-box .secondry-content p {
      margin-top: 15px;
      margin-bottom: 15px;
      font-family: Montserrat-Light;
      font-size: 16px;
      line-height: 25px; }
      .secondry-box .secondry-content p:last-child, .secondry-box .secondry-content p:first-child {
        margin-top: 10px; }
      .secondry-box .secondry-content p.offer {
        text-align: right;
        color: green;
        margin-top: 30px; }
        .secondry-box .secondry-content p.offer:before {
          content: '';
          display: inline-block;
          height: 2px;
          width: 18px;
          background-color: #2e9e32;
          margin-bottom: 5px; }
    .secondry-box .secondry-content ul {
      margin: 10px auto; }
      .secondry-box .secondry-content ul li {
        margin-top: 15px;
        margin-bottom: 15px;
        font-family: Montserrat-Light;
        font-size: 16px;
        line-height: 25px;
        text-align: left;
        list-style-image: url("images/icons/list-icon.png"); }

.modal {
  z-index: 9999; }
  .modal button {
    cursor: pointor !important; }
  .modal .close {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 99999;
    cursor: pointor !important;
    color: #363636;
    background-color: transparent;
    padding: 1px 6px;
    border: none; }

.modal-dialog {
  max-width: 900px !important; }
  @media screen and (max-width: 1100px) {
    .modal-dialog {
      max-width: 800px !important; } }
  @media screen and (max-width: 900px) {
    .modal-dialog {
      max-width: 700px !important; } }
  .modal-dialog button {
    cursor: pointor !important;
    color: #ccc; }
  .modal-dialog .col-12 {
    background-color: #fff;
    padding: 20px; }
    .modal-dialog .col-12 .imagebox {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .modal-dialog .col-12 img {
      width: 160px;
      height: 100%;
      border-radius: 50%;
      border: 0.5px solid #90be43; }
    .modal-dialog .col-12 .details-box {
      width: 100%;
      padding: 5px 20px 20px 20px; }
      .modal-dialog .col-12 .details-box .name {
        text-align: center;
        color: #2e9e32;
        font-size: 20px;
        text-transform: uppercase;
        font-family: RobotoCondensed; }
      .modal-dialog .col-12 .details-box .designation {
        margin-top: 10px;
        font-size: 15px;
        text-align: center;
        color: #111;
        font-family: Montserrat-Light; }
      .modal-dialog .col-12 .details-box .text {
        margin-top: 10px;
        font-size: 13px;
        text-align: center;
        color: #777;
        font-family: Montserrat-Light; }
        .modal-dialog .col-12 .details-box .text p {
          font-size: 13px; }
        .modal-dialog .col-12 .details-box .text ul {
          margin: 10px auto; }
          .modal-dialog .col-12 .details-box .text ul li {
            margin-top: 10px;
            margin-bottom: 5px;
            font-family: Montserrat-Light;
            font-size: 13px;
            line-height: 20px;
            text-align: left;
            list-style-image: url("images/icons/list-icon.png"); }

/* ==== Header styles ==== */
.header-wrapper {
  width: 100%; }
  .header-wrapper .header-sec-1 {
    width: 100%;
    background-color: #2e9e32;
    color: #fff; }
    @media screen and (max-width: 768px) {
      .header-wrapper .header-sec-1 {
        display: none; } }
    .header-wrapper .header-sec-1 .header-text {
      display: block; }
      .header-wrapper .header-sec-1 .header-text .header-text-left {
        float: left;
        padding-bottom: 10px;
        padding-top: 12px;
        font-family: MYRIADPRO-REGULAR; }
        @media screen and (max-width: 992px) {
          .header-wrapper .header-sec-1 .header-text .header-text-left {
            float: none;
            text-align: center; } }
        .header-wrapper .header-sec-1 .header-text .header-text-left span {
          font-family: Montserrat-Regular;
          font-size: 13px;
          font-weight: bold; }
        .header-wrapper .header-sec-1 .header-text .header-text-left a {
          margin-right: 10px;
          font-weight: bold;
          color: #FFF; }
          .header-wrapper .header-sec-1 .header-text .header-text-left a:focus, .header-wrapper .header-sec-1 .header-text .header-text-left a:active, .header-wrapper .header-sec-1 .header-text .header-text-left a:hover {
            text-decoration: none; }
      .header-wrapper .header-sec-1 .header-text .header-text-right {
        float: right;
        padding-bottom: 10px;
        padding-top: 10px; }
        @media screen and (max-width: 992px) {
          .header-wrapper .header-sec-1 .header-text .header-text-right {
            float: none;
            text-align: center;
            padding-top: 0px; } }
        .header-wrapper .header-sec-1 .header-text .header-text-right a {
          margin-left: 5px;
          padding-left: 5px;
          color: white; }
        .header-wrapper .header-sec-1 .header-text .header-text-right i {
          color: #FFF;
          font-size: 23px; }
  .header-wrapper .header-sec-2 {
    width: 100%;
    background-color: #FFF; }
    .header-wrapper .header-sec-2 .navbar {
      margin-bottom: 0px;
      border: none;
      background-color: transparent;
      border: none; }
    .header-wrapper .header-sec-2 .navbar-default {
      background-color: transparent;
      border: none; }
      .header-wrapper .header-sec-2 .navbar-default .navbar-toggle {
        margin-top: 23px; }
      .header-wrapper .header-sec-2 .navbar-default .navbar-brand {
        display: block;
        height: 100%; }
        .header-wrapper .header-sec-2 .navbar-default .navbar-brand img {
          width: 70px;
          height: 100%; }
      .header-wrapper .header-sec-2 .navbar-default .navbar-nav {
        padding: 10px 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: -webkit-fill-available; }
        @media screen and (max-width: 768px) {
          .header-wrapper .header-sec-2 .navbar-default .navbar-nav {
            display: block;
            padding: 0px; } }
        .header-wrapper .header-sec-2 .navbar-default .navbar-nav li {
          text-transform: uppercase;
          margin: 10px 0px;
          height: max-content;
          font-size: 15px;
          font-family: Montserrat-Regular; }
          @media screen and (max-width: 992px) {
            .header-wrapper .header-sec-2 .navbar-default .navbar-nav li {
              font-size: 12px; }
              .header-wrapper .header-sec-2 .navbar-default .navbar-nav li + li {
                margin-left: 15px; } }
          @media screen and (max-width: 768px) {
            .header-wrapper .header-sec-2 .navbar-default .navbar-nav li {
              padding: 2px 0px;
              text-align: center; } }
        @media screen and (max-width: 992px) {
          .header-wrapper .header-sec-2 .navbar-default .navbar-nav .active {
            margin-left: 15px; } }
        @media screen and (max-width: 768px) {
          .header-wrapper .header-sec-2 .navbar-default .navbar-nav .active {
            margin-left: 0px;
            text-align: center; } }
        .header-wrapper .header-sec-2 .navbar-default .navbar-nav .active a {
          border-top: 2px solid #2e9e32;
          color: #2e9e32;
          background-color: transparent;
          font: 15px 'Montserrat-Regular'; }
          @media screen and (max-width: 768px) {
            .header-wrapper .header-sec-2 .navbar-default .navbar-nav .active a {
              border: none; } }
        .header-wrapper .header-sec-2 .navbar-default .navbar-nav a {
          padding: 5px 0px;
          margin: 5px 12.5px;
          font: 15px 'Montserrat-Light'; }
          @media screen and (max-width: 992px) {
            .header-wrapper .header-sec-2 .navbar-default .navbar-nav a {
              margin: 0; } }
          .header-wrapper .header-sec-2 .navbar-default .navbar-nav a:hover, .header-wrapper .header-sec-2 .navbar-default .navbar-nav a:active, .header-wrapper .header-sec-2 .navbar-default .navbar-nav a:focus {
            background-color: transparent;
            color: #2e9e32; }
  .header-wrapper .header-sec-2-2 {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    .header-wrapper .header-sec-2-2 .navbar {
      margin-bottom: 0px;
      border: none;
      background-color: transparent;
      border: none; }
    .header-wrapper .header-sec-2-2 .navbar-default {
      background-color: transparent;
      border: none; }
      .header-wrapper .header-sec-2-2 .navbar-default .navbar-toggle {
        margin-top: 45px; }
      .header-wrapper .header-sec-2-2 .navbar-default .navbar-collapse {
        border-color: #2e9e32; }
        .header-wrapper .header-sec-2-2 .navbar-default .navbar-collapse li {
          text-align: center; }
      .header-wrapper .header-sec-2-2 .navbar-default .navbar-header .navbar-brand {
        padding: 0px;
        margin: 10px 0px;
        height: 130px; }
        @media screen and (max-width: 1024px) {
          .header-wrapper .header-sec-2-2 .navbar-default .navbar-header .navbar-brand {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; } }
        @media screen and (max-width: 992px) {
          .header-wrapper .header-sec-2-2 .navbar-default .navbar-header .navbar-brand {
            margin: 0px; } }
        .header-wrapper .header-sec-2-2 .navbar-default .navbar-header .navbar-brand img {
          height: 100%;
          width: auto; }
          @media screen and (max-width: 1024px) {
            .header-wrapper .header-sec-2-2 .navbar-default .navbar-header .navbar-brand img {
              height: 75px; } }
      .header-wrapper .header-sec-2-2 .navbar-default .navbar-nav {
        margin-top: 30px;
        height: 60px; }
        @media screen and (max-width: 1280px) {
          .header-wrapper .header-sec-2-2 .navbar-default .navbar-nav {
            margin-top: 60px; } }
        @media screen and (max-width: 768px) {
          .header-wrapper .header-sec-2-2 .navbar-default .navbar-nav {
            margin-top: 0px; } }
        .header-wrapper .header-sec-2-2 .navbar-default .navbar-nav li {
          text-transform: uppercase;
          font-weight: bold;
          margin-bottom: 0px;
          height: max-content;
          font-size: 16px;
          color: #2e9e32;
          box-sizing: border-box; }
          @media screen and (max-width: 1280px) {
            .header-wrapper .header-sec-2-2 .navbar-default .navbar-nav li {
              font-size: 14px; } }
          @media screen and (max-width: 992px) {
            .header-wrapper .header-sec-2-2 .navbar-default .navbar-nav li {
              font-size: 12px; } }
          @media screen and (max-width: 768px) {
            .header-wrapper .header-sec-2-2 .navbar-default .navbar-nav li {
              padding: 2px 0px;
              font-size: 14px; } }
        .header-wrapper .header-sec-2-2 .navbar-default .navbar-nav .active a {
          border-top: 2px solid #90be43;
          color: #2e9e32;
          font-family: Montserrat-Regular;
          background-color: transparent;
          border-left: none;
          border-right: none;
          outline: none;
          padding: 5px 17px; }
          @media screen and (max-width: 768px) {
            .header-wrapper .header-sec-2-2 .navbar-default .navbar-nav .active a {
              border: none; } }
        .header-wrapper .header-sec-2-2 .navbar-default .navbar-nav a {
          padding: 5px 17px;
          margin: 0 0px;
          color: #2e9e32;
          font-family: Montserrat-ExtraLight;
          border-top: 2px solid #2e9e32; }
          @media screen and (max-width: 1280px) {
            .header-wrapper .header-sec-2-2 .navbar-default .navbar-nav a {
              padding: 5px 10px; } }
          @media screen and (max-width: 992px) {
            .header-wrapper .header-sec-2-2 .navbar-default .navbar-nav a {
              padding: 5px; } }
          @media screen and (max-width: 768px) {
            .header-wrapper .header-sec-2-2 .navbar-default .navbar-nav a {
              padding: 10px;
              border: none; } }
          .header-wrapper .header-sec-2-2 .navbar-default .navbar-nav a:hover, .header-wrapper .header-sec-2-2 .navbar-default .navbar-nav a:active, .header-wrapper .header-sec-2-2 .navbar-default .navbar-nav a:focus {
            border-left: none;
            border-right: none;
            outline: none;
            color: #2e9e32;
            font-family: Montserrat-Regular; }

.navbar-collapse.in {
  overflow-y: -webkit-paged-x; }

/* ==== Footer styles ==== */
footer .footer-top-sec {
  width: 100%; }
  footer .footer-top-sec img {
    width: 100%;
    height: auto; }
footer .footer-mid-sec {
  background-color: #329e35;
  padding-top: 10px; }
  @media screen and (max-width: 768px) {
    footer .footer-mid-sec {
      padding-top: 20px; } }
  footer .footer-mid-sec ul {
    display: flex;
    margin: 0px;
    justify-content: center;
    padding-bottom: 0px; }
    @media screen and (max-width: 768px) {
      footer .footer-mid-sec ul {
        display: block; } }
    @media screen and (max-width: 560px) {
      footer .footer-mid-sec ul {
        margin: 0px;
        padding: 0px; } }
    footer .footer-mid-sec ul li {
      display: inline-block;
      padding-right: 30px;
      color: #FFF;
      padding-bottom: 2px;
      font: 14px 'Montserrat-Light'; }
      @media screen and (max-width: 768px) {
        footer .footer-mid-sec ul li {
          padding-right: 10px;
          font-size: 12px; } }
      @media screen and (max-width: 560px) {
        footer .footer-mid-sec ul li {
          display: block;
          padding: 5px;
          text-align: center; } }
      footer .footer-mid-sec ul li:last-child {
        padding-right: 0px; }
      footer .footer-mid-sec ul li a {
        color: inherit;
        text-transform: uppercase; }
        footer .footer-mid-sec ul li a:hover, footer .footer-mid-sec ul li a:active, footer .footer-mid-sec ul li a:focus {
          color: inherit;
          text-decoration: none; }
    footer .footer-mid-sec ul .active {
      font-family: Montserrat-Regular; }
      footer .footer-mid-sec ul .active a {
        font-family: 'Montserrat-Regular';
        border-bottom: 2px solid #fff; }
footer .footer-mid-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #329e35; }
  footer .footer-mid-logo svg {
    width: 150px;
    height: auto; }
    @media screen and (max-width: 768px) {
      footer .footer-mid-logo svg {
        width: 120px;
        height: 120px;
        margin-bottom: 15px; } }
    footer .footer-mid-logo svg .st0, footer .footer-mid-logo svg .st1 {
      fill: #fff; }
footer .footer-text {
  background-color: #329e35;
  color: #FFF;
  font: 15px 'Montserrat-Light';
  line-height: 30px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 30px; }
  @media screen and (max-width: 768px) {
    footer .footer-text {
      font: 14px 'Montserrat-Light'; } }
  @media screen and (max-width: 568px) {
    footer .footer-text {
      font: 13px 'Montserrat-Light'; } }
footer .footer-bottom-sec {
  background-color: #329e35;
  -webkit-box-shadow: 0px -4px 12px -3px rgba(0, 0, 0, 0.27);
  -moz-box-shadow: 0px -4px 12px -3px rgba(0, 0, 0, 0.27);
  box-shadow: 0px -4px 12px -3px rgba(0, 0, 0, 0.27);
  padding-top: 15px;
  padding-bottom: 15px; }
  footer .footer-bottom-sec .footer-bottom-text {
    text-align: right;
    color: #FFF;
    font-size: 14px;
    line-height: 18px;
    font-family: Montserrat-ExtraLight; }
    @media screen and (max-width: 992px) {
      footer .footer-bottom-sec .footer-bottom-text {
        text-align: center; } }
    footer .footer-bottom-sec .footer-bottom-text a {
      color: #FFF;
      text-decoration: none; }
      footer .footer-bottom-sec .footer-bottom-text a:active, footer .footer-bottom-sec .footer-bottom-text a:focus, footer .footer-bottom-sec .footer-bottom-text a:hover {
        color: #FFF;
        text-decoration: none; }

/* ==== Homepage styles page-home.php ==== */
.top-section-wrapper {
  width: 100%;
  position: relative; }
  .top-section-wrapper .carousel-inner {
    height: auto;
    width: 100%; }
    @media screen and (max-width: 768px) {
      .top-section-wrapper .carousel-inner {
        height: auto; } }
    .top-section-wrapper .carousel-inner .item {
      height: 1000px;
      background-size: cover;
      background-position: center bottom;
      background-repeat: no-repeat; }
      @media screen and (max-width: 1200px) {
        .top-section-wrapper .carousel-inner .item {
          height: 800px; } }
      @media screen and (max-width: 1050px) {
        .top-section-wrapper .carousel-inner .item {
          height: 700px; } }
      @media screen and (max-width: 850px) {
        .top-section-wrapper .carousel-inner .item {
          height: 600px; } }
      @media screen and (max-width: 768px) {
        .top-section-wrapper .carousel-inner .item {
          height: 420px; } }
      .top-section-wrapper .carousel-inner .item img {
        height: auto;
        width: 100%;
        background-size: cover; }
        @media screen and (max-width: 768px) {
          .top-section-wrapper .carousel-inner .item img {
            height: 420px; } }
      .top-section-wrapper .carousel-inner .item .logo-top {
        position: absolute;
        border-radius: 0px 0px 20px 20px;
        top: 0px;
        right: 50%;
        margin-right: -110px;
        padding: 0px 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #FFF; }
        @media screen and (max-width: 768px) {
          .top-section-wrapper .carousel-inner .item .logo-top {
            display: none; } }
        .top-section-wrapper .carousel-inner .item .logo-top img {
          width: 200px;
          height: 180px; }
          @media screen and (max-width: 950px) {
            .top-section-wrapper .carousel-inner .item .logo-top img {
              width: 150px;
              height: 135px; } }
  .top-section-wrapper .carousel-caption {
    background-color: #0000006b;
    justify-content: center;
    padding: 50px;
    position: absolute;
    bottom: 130px;
    text-shadow: none;
    right: initial; }
    @media screen and (min-width: 768px) {
      .top-section-wrapper .carousel-caption {
        bottom: 180px; } }
    @media screen and (min-width: 815px) {
      .top-section-wrapper .carousel-caption {
        bottom: 180px; } }
    @media screen and (min-width: 950px) {
      .top-section-wrapper .carousel-caption {
        bottom: 135px; } }
    @media screen and (min-width: 1050px) {
      .top-section-wrapper .carousel-caption {
        bottom: 160px; } }
    @media screen and (min-width: 1100px) {
      .top-section-wrapper .carousel-caption {
        bottom: 160px; } }
    @media screen and (min-width: 1200px) {
      .top-section-wrapper .carousel-caption {
        bottom: 28%; } }
    @media screen and (min-width: 1400px) {
      .top-section-wrapper .carousel-caption {
        bottom: 35%; } }
    @media screen and (max-width: 1020px) {
      .top-section-wrapper .carousel-caption {
        padding: 40px; } }
    @media screen and (max-width: 950px) {
      .top-section-wrapper .carousel-caption {
        padding: 25px; } }
    .top-section-wrapper .carousel-caption .text-one,
    .top-section-wrapper .carousel-caption .text-two,
    .top-section-wrapper .carousel-caption .text-three {
      display: block;
      text-transform: uppercase; }
    .top-section-wrapper .carousel-caption .text-one {
      font-family: 'RobotoCondensed-Regular';
      font-size: 61.3px;
      line-height: 71px; }
      @media screen and (max-width: 1050px) {
        .top-section-wrapper .carousel-caption .text-one {
          font-size: 55px;
          line-height: 58px; } }
      @media screen and (max-width: 1000px) {
        .top-section-wrapper .carousel-caption .text-one {
          font-size: 50px;
          line-height: 55px; } }
      @media screen and (max-width: 900px) {
        .top-section-wrapper .carousel-caption .text-one {
          font-size: 40px;
          line-height: 42px; } }
    .top-section-wrapper .carousel-caption .text-two {
      font-family: 'RobotoCondensed';
      font-size: 40px;
      line-height: 50px; }
      @media screen and (max-width: 1050px) {
        .top-section-wrapper .carousel-caption .text-two {
          font-size: 35px;
          line-height: 40px; } }
      @media screen and (max-width: 1000px) {
        .top-section-wrapper .carousel-caption .text-two {
          font-size: 30px;
          line-height: 35px; } }
      @media screen and (max-width: 900px) {
        .top-section-wrapper .carousel-caption .text-two {
          font-size: 25px;
          line-height: 29px; } }
    .top-section-wrapper .carousel-caption .text-three {
      font-family: 'RobotoCondensed-Bold';
      font-size: 77.4px;
      line-height: 80px; }
      @media screen and (max-width: 1050px) {
        .top-section-wrapper .carousel-caption .text-three {
          font-size: 70.4px;
          line-height: 75px; } }
      @media screen and (max-width: 1000px) {
        .top-section-wrapper .carousel-caption .text-three {
          font-size: 65px;
          line-height: 70px; } }
      @media screen and (max-width: 1000px) {
        .top-section-wrapper .carousel-caption .text-three {
          font-size: 57px;
          line-height: 62px; } }
    .top-section-wrapper .carousel-caption .btn-primary-white {
      margin-top: 35px; }
      @media screen and (max-width: 1050px) {
        .top-section-wrapper .carousel-caption .btn-primary-white {
          font-size: 16px;
          padding: 10px 35px; } }
      @media screen and (max-width: 900px) {
        .top-section-wrapper .carousel-caption .btn-primary-white {
          font-size: 15px; } }
      @media screen and (max-width: 660px) {
        .top-section-wrapper .carousel-caption .btn-primary-white {
          padding: 10px 35px; } }
  .top-section-wrapper .bx1 {
    left: 800px;
    text-align: right; }
    @media only screen and (max-width: 1280px) {
      .top-section-wrapper .bx1 {
        left: 500px; } }
    @media only screen and (max-width: 1110px) {
      .top-section-wrapper .bx1 {
        left: 400px; } }
    @media only screen and (max-width: 992px) {
      .top-section-wrapper .bx1 {
        left: 50%;
        text-align: center; } }
    @media screen and (max-width: 768px) {
      .top-section-wrapper .bx1 {
        width: 100%;
        left: 0;
        top: 0;
        margin: 0;
        padding: 10px;
        bottom: 0;
        padding-top: 85px; } }
    @media screen and (max-width: 400px) {
      .top-section-wrapper .bx1 {
        padding-top: 115px; } }
  .top-section-wrapper .bx2 {
    left: 28%;
    text-align: center; }
    @media only screen and (max-width: 1190px) {
      .top-section-wrapper .bx2 {
        left: 17%; } }
    @media only screen and (max-width: 992px) {
      .top-section-wrapper .bx2 {
        left: 25%; } }
    @media screen and (max-width: 768px) {
      .top-section-wrapper .bx2 {
        width: 100%;
        left: 0;
        top: 0;
        margin: 0;
        padding: 10px;
        bottom: 0;
        padding-top: 85px; } }
  .top-section-wrapper .bx3 {
    left: 90px;
    text-align: left; }
    @media screen and (max-width: 992px) {
      .top-section-wrapper .bx3 {
        left: 6%;
        text-align: center; } }
    @media screen and (max-width: 768px) {
      .top-section-wrapper .bx3 {
        width: 100%;
        left: 0;
        top: 0;
        margin: 0;
        padding: 10px;
        bottom: 0;
        padding-top: 85px; } }
  .top-section-wrapper .ci {
    width: 100%; }
    .top-section-wrapper .ci .carousel-indicators {
      position: absolute;
      bottom: initial;
      left: 124%;
      z-index: 15;
      width: 0px;
      padding-left: 0;
      top: 50%;
      margin-top: -75px;
      text-align: center;
      list-style: none; }
      @media only screen and (max-width: 1280px) {
        .top-section-wrapper .ci .carousel-indicators {
          left: 122%; } }
      @media only screen and (max-width: 992px) {
        .top-section-wrapper .ci .carousel-indicators {
          left: 120%; } }
      @media screen and (max-width: 768px) {
        .top-section-wrapper .ci .carousel-indicators {
          left: 50%;
          width: auto;
          bottom: 120px;
          top: initial;
          margin-left: -78px;
          margin-bottom: 0; } }
      @media screen and (max-width: 660px) {
        .top-section-wrapper .ci .carousel-indicators {
          bottom: 145px; } }
      @media screen and (max-width: 400px) {
        .top-section-wrapper .ci .carousel-indicators {
          bottom: 135px; } }
      .top-section-wrapper .ci .carousel-indicators li {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        padding-bottom: 5px;
        right: 10px;
        border: 2px solid #2e9e32;
        margin-left: 15px;
        margin-bottom: 12px;
        transform: scale(0.75);
        transition: transform 0.6s; }
        @media screen and (max-width: 768px) {
          .top-section-wrapper .ci .carousel-indicators li {
            display: inline-block;
            margin: 0; }
            .top-section-wrapper .ci .carousel-indicators li + li {
              margin-left: 10px; } }
        .top-section-wrapper .ci .carousel-indicators li .li-b {
          position: relative;
          top: 45px; }
          @media screen and (max-width: 768px) {
            .top-section-wrapper .ci .carousel-indicators li .li-b {
              display: none; } }
      .top-section-wrapper .ci .carousel-indicators .active {
        transform: scale(1);
        border: 2px solid #2e9e32;
        transition: transform 0.6s; }
  .top-section-wrapper .vision-mission-container {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 768px) {
      .top-section-wrapper .vision-mission-container {
        padding: 20px 15px 0  15px; } }
    .top-section-wrapper .vision-mission-container .grid {
      margin: 0 auto;
      background-color: #2e9e32;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      flex-wrap: wrap;
      position: relative;
      width: calc(100% * 2/5);
      border-radius: 10px;
      margin-top: -51px;
      box-shadow: 0 -2px 7px 0px #828282; }
      @media screen and (max-width: 992px) {
        .top-section-wrapper .vision-mission-container .grid {
          width: calc(100% * 3/5); } }
      @media screen and (max-width: 768px) {
        .top-section-wrapper .vision-mission-container .grid {
          margin-top: 0; } }
      @media screen and (max-width: 620px) {
        .top-section-wrapper .vision-mission-container .grid {
          width: 100%; } }
      .top-section-wrapper .vision-mission-container .grid .col {
        width: 50%;
        text-align: center; }
        @media screen and (max-width: 620px) {
          .top-section-wrapper .vision-mission-container .grid .col {
            padding-left: 5px !important;
            padding-right: 5px !important; } }
        .top-section-wrapper .vision-mission-container .grid .col.heading {
          font: 24px 'Oswald-Regular';
          padding-top: 10px;
          padding-bottom: 5px;
          border-bottom: 1px solid #fff; }
        .top-section-wrapper .vision-mission-container .grid .col:nth-child(odd) {
          padding-left: 50px;
          padding-right: 20px; }
          @media screen and (max-width: 685px) {
            .top-section-wrapper .vision-mission-container .grid .col:nth-child(odd) {
              padding-right: 10px;
              text-align: right; } }
          @media screen and (max-width: 620px) {
            .top-section-wrapper .vision-mission-container .grid .col:nth-child(odd) {
              text-align: center; } }
        .top-section-wrapper .vision-mission-container .grid .col:nth-child(even) {
          padding-right: 50px;
          border-left: 1px solid #fff;
          padding-left: 20px; }
          @media screen and (max-width: 685px) {
            .top-section-wrapper .vision-mission-container .grid .col:nth-child(even) {
              padding-left: 10px;
              text-align: left; } }
          @media screen and (max-width: 620px) {
            .top-section-wrapper .vision-mission-container .grid .col:nth-child(even) {
              text-align: center; } }
        .top-section-wrapper .vision-mission-container .grid .col.data {
          padding-bottom: 20px;
          padding-top: 11px;
          font: 16px 'Montserrat-Light'; }
      .top-section-wrapper .vision-mission-container .grid .pos-ab {
        position: absolute;
        padding: 20px;
        background-color: #2e9e32;
        height: 100%;
        border: 3px solid #fff;
        border-radius: 50%; }
        @media screen and (max-width: 620px) {
          .top-section-wrapper .vision-mission-container .grid .pos-ab {
            display: none; } }
        .top-section-wrapper .vision-mission-container .grid .pos-ab.i-left {
          left: 0;
          margin-left: -51px; }
        .top-section-wrapper .vision-mission-container .grid .pos-ab.i-right {
          right: 0;
          margin-right: -51px; }
        .top-section-wrapper .vision-mission-container .grid .pos-ab img {
          height: 100%;
          margin: 0 auto; }

.heading-section {
  margin-bottom: 50px; }
  .heading-section h2 {
    margin-top: 0px; }

.what-we-do-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 50px; }
  @media screen and (max-width: 768px) {
    .what-we-do-sec {
      margin-top: 20px; } }
  @media only screen and (max-width: 1280px) {
    .what-we-do-sec {
      margin-top: 100px; } }
  @media screen and (max-width: 768px) {
    .what-we-do-sec {
      margin-top: 40px; } }
  .what-we-do-sec .bottom-layer {
    border-radius: 50%;
    box-sizing: border-box;
    height: 600px;
    background-color: transparent;
    position: relative;
    width: 600px;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: none;
    -webkit-box-shadow: 0px 9px 5px -2px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 9px 5px -2px rgba(0, 0, 0, 0.23);
    box-shadow: 0px 9px 5px -2px rgba(0, 0, 0, 0.23); }
    .what-we-do-sec .bottom-layer ul {
      margin: 0px;
      padding: 0px;
      width: 100%;
      height: 100%; }
      .what-we-do-sec .bottom-layer ul li {
        height: 100%;
        width: 100%;
        margin: 0px;
        padding: 0px;
        list-style: none; }
    @media only screen and (max-width: 742px) {
      .what-we-do-sec .bottom-layer {
        display: none; } }
    .what-we-do-sec .bottom-layer .mid-layer-shadow {
      width: 550px;
      height: 550px;
      -webkit-box-shadow: 0px 9px 5px -2px rgba(0, 0, 0, 0.23);
      -moz-box-shadow: 0px 9px 5px -2px rgba(0, 0, 0, 0.23);
      box-shadow: 0px 9px 5px -2px rgba(0, 0, 0, 0.23);
      position: absolute;
      top: 25px;
      background-color: #c4c4c3;
      bottom: 25px;
      border-radius: 50%;
      z-index: 8;
      right: 25px;
      left: 25px; }
      @media only screen and (max-width: 1280px) {
        .what-we-do-sec .bottom-layer .mid-layer-shadow {
          height: 450px;
          width: 450px; } }
    .what-we-do-sec .bottom-layer .middle-layer {
      overflow: hidden;
      -webkit-clip-path: circle(50% at 50% 50%);
      clip-path: circle(50% at 50% 50%);
      height: 550px;
      box-sizing: border-box;
      position: absolute;
      width: 550px;
      background-color: #FFF;
      z-index: 10;
      -webkit-box-shadow: 0px 9px 5px -2px rgba(0, 0, 0, 0.23);
      -moz-box-shadow: 0px 9px 5px -2px rgba(0, 0, 0, 0.23);
      box-shadow: 0px 9px 5px -2px rgba(0, 0, 0, 0.23); }
      @media only screen and (max-width: 1280px) {
        .what-we-do-sec .bottom-layer .middle-layer {
          height: 450px;
          width: 450px; } }
      .what-we-do-sec .bottom-layer .middle-layer .list-what-we-do {
        width: 100%;
        position: absolute;
        height: 100%;
        transform: scale(0);
        transition: transform 0.6s ease-in-out; }
        .what-we-do-sec .bottom-layer .middle-layer .list-what-we-do .bg-image {
          height: 275px;
          border: 3px solid #FFF;
          border-bottom: none;
          width: 550px;
          border-top-left-radius: 550px;
          border-top-right-radius: 550px;
          background-position: center;
          background-size: cover; }
          @media only screen and (max-width: 1280px) {
            .what-we-do-sec .bottom-layer .middle-layer .list-what-we-do .bg-image {
              border-top-left-radius: 450px;
              border-top-right-radius: 450px;
              height: 225px;
              width: 450px;
              border: 3px solid #FFF;
              border-bottom: none; } }
        .what-we-do-sec .bottom-layer .middle-layer .list-what-we-do .middle-layer-b {
          overflow: hidden;
          padding: 5px;
          box-sizing: border-box;
          height: 275px;
          width: 550px;
          border-bottom-left-radius: 550px;
          border-bottom-right-radius: 550px;
          border: 3px solid #FFF;
          border-top: none; }
          @media only screen and (max-width: 1280px) {
            .what-we-do-sec .bottom-layer .middle-layer .list-what-we-do .middle-layer-b {
              border-bottom-left-radius: 450px;
              border-bottom-right-radius: 450px;
              height: 225px;
              width: 450px;
              border-top: none; } }
          .what-we-do-sec .bottom-layer .middle-layer .list-what-we-do .middle-layer-b .mid-layer-b-t {
            position: relative;
            display: block; }
            .what-we-do-sec .bottom-layer .middle-layer .list-what-we-do .middle-layer-b .mid-layer-b-t .middle-layer-header {
              text-transform: uppercase;
              font-size: 25px;
              padding-top: 20px;
              padding-bottom: 5px;
              line-height: 30px;
              color: #2e9e32;
              font-weight: bold;
              font-family: RobotoCondensed;
              text-align: center; }
              @media only screen and (max-width: 1280px) {
                .what-we-do-sec .bottom-layer .middle-layer .list-what-we-do .middle-layer-b .mid-layer-b-t .middle-layer-header {
                  font-size: 22px;
                  line-height: 25px; } }
            .what-we-do-sec .bottom-layer .middle-layer .list-what-we-do .middle-layer-b .mid-layer-b-t hr {
              margin: 0px auto;
              width: 90%;
              background-color: #2e9e32;
              border: 1px solid #2e9e32; }
            .what-we-do-sec .bottom-layer .middle-layer .list-what-we-do .middle-layer-b .mid-layer-b-t .middle-layer-text {
              padding-left: 12%;
              padding-right: 12%;
              font-size: 18px;
              line-height: 20px;
              color: #000;
              padding-top: 10px;
              width: fit-content;
              font-family: Montserrat-ExtraLight;
              text-align: center;
              margin: 0px auto; }
              @media only screen and (max-width: 1280px) {
                .what-we-do-sec .bottom-layer .middle-layer .list-what-we-do .middle-layer-b .mid-layer-b-t .middle-layer-text {
                  font-size: 16px;
                  line-height: 18px; } }
            .what-we-do-sec .bottom-layer .middle-layer .list-what-we-do .middle-layer-b .mid-layer-b-t .btn-back {
              margin-top: 15px;
              position: relative;
              bottom: 0; }
      .what-we-do-sec .bottom-layer .middle-layer .active {
        transform: scale(1);
        transition: transform 0.9s ease-in-out; }
    .what-we-do-sec .bottom-layer .indicators {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
      .what-we-do-sec .bottom-layer .indicators .li-outer {
        float: none; }
        .what-we-do-sec .bottom-layer .indicators .li-outer .li-img {
          height: 150px;
          width: 150px;
          z-index: 1;
          position: absolute;
          border-radius: 50%;
          list-style: none;
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          border: 8px solid #90be43;
          cursor: pointer;
          margin: 0px;
          float: none;
          top: 50%;
          margin-top: -50px;
          left: 50%;
          margin-left: -50px;
          transform: scale(1);
          transition: transform 0.6s ease-in-out; }
          @media only screen and (max-width: 1280px) {
            .what-we-do-sec .bottom-layer .indicators .li-outer .li-img {
              height: 150px;
              border-width: 3px;
              width: 150px; } }
        .what-we-do-sec .bottom-layer .indicators .li-outer #li-c-1 {
          transform: translate(-250px, -250px); }
          @media only screen and (max-width: 1280px) {
            .what-we-do-sec .bottom-layer .indicators .li-outer #li-c-1 {
              transform: translate(-185px, -245px); } }
        .what-we-do-sec .bottom-layer .indicators .li-outer #li-c-2 {
          transform: translate(-340px, 0px); }
          @media only screen and (max-width: 1280px) {
            .what-we-do-sec .bottom-layer .indicators .li-outer #li-c-2 {
              transform: translate(-310px, 0px) !important; } }
        .what-we-do-sec .bottom-layer .indicators .li-outer #li-c-3 {
          transform: translate(-200px, 250px); }
          @media only screen and (max-width: 1280px) {
            .what-we-do-sec .bottom-layer .indicators .li-outer #li-c-3 {
              transform: translate(-170px, 220px) !important; } }
        .what-we-do-sec .bottom-layer .indicators .li-outer #li-c-4 {
          transform: translate(200px, -250px); }
          @media only screen and (max-width: 1280px) {
            .what-we-do-sec .bottom-layer .indicators .li-outer #li-c-4 {
              transform: translate(130px, -245px) !important; } }
        .what-we-do-sec .bottom-layer .indicators .li-outer #li-c-5 {
          transform: translate(290px, 0px); }
          @media only screen and (max-width: 1280px) {
            .what-we-do-sec .bottom-layer .indicators .li-outer #li-c-5 {
              transform: translate(260px, 0px) !important; } }
        .what-we-do-sec .bottom-layer .indicators .li-outer #li-c-6 {
          transform: translate(150px, 250px); }
          @media only screen and (max-width: 1280px) {
            .what-we-do-sec .bottom-layer .indicators .li-outer #li-c-6 {
              transform: translate(120px, 220px) !important; } }
        .what-we-do-sec .bottom-layer .indicators .li-outer .li-topic {
          position: relative;
          bottom: -106px;
          width: 325px;
          border-bottom: 1px dashed #90be43;
          font-size: 18px;
          font-family: Montserrat-ExtraLight;
          color: #333333;
          cursor: pointer;
          padding-right: 50px;
          transform: scale(1);
          transition: transform 0.9s ease-in-out; }
          @media only screen and (max-width: 1280px) {
            .what-we-do-sec .bottom-layer .indicators .li-outer .li-topic {
              display: none; } }
      .what-we-do-sec .bottom-layer .indicators #li-1 .li-topic {
        transform: translate(-265px, 0px);
        text-align: right; }
      .what-we-do-sec .bottom-layer .indicators #li-2 .li-topic {
        transform: translate(-225px, 195px);
        text-align: right;
        width: 220px;
        padding-right: 100px; }
      .what-we-do-sec .bottom-layer .indicators #li-3 .li-topic {
        width: 350px;
        padding-right: 80px;
        transform: translate(-225px, 400px);
        text-align: right; }
      .what-we-do-sec .bottom-layer .indicators #li-4 .li-topic {
        transform: translate(500px, -155px);
        padding-right: 0px;
        padding-left: 95px;
        width: 400px; }
      .what-we-do-sec .bottom-layer .indicators #li-5 .li-topic {
        transform: translate(615px, 45px);
        padding-right: 0px;
        padding-left: 70px;
        width: 265px; }
      .what-we-do-sec .bottom-layer .indicators #li-6 .li-topic {
        transform: translate(480px, 245px);
        padding-right: 0px;
        padding-left: 70px;
        width: 400px; }
      .what-we-do-sec .bottom-layer .indicators .active #li-c-1 {
        transform: translate(-220px, -220px) !important;
        transition: transform 0.9s ease-in-out; }
        @media only screen and (max-width: 1280px) {
          .what-we-do-sec .bottom-layer .indicators .active #li-c-1 {
            transform: translate(-170px, -215px) !important; } }
      .what-we-do-sec .bottom-layer .indicators .active #li-c-2 {
        transform: translate(-310px, 0px) !important;
        transition: transform 0.9s ease-in-out; }
        @media only screen and (max-width: 1280px) {
          .what-we-do-sec .bottom-layer .indicators .active #li-c-2 {
            transform: translate(-265px, 0px) !important; } }
      .what-we-do-sec .bottom-layer .indicators .active #li-c-3 {
        transform: translate(-170px, 220px) !important;
        transition: transform 0.9s ease-in-out; }
        @media only screen and (max-width: 1280px) {
          .what-we-do-sec .bottom-layer .indicators .active #li-c-3 {
            transform: translate(-145px, 195px) !important; } }
      .what-we-do-sec .bottom-layer .indicators .active #li-c-4 {
        transform: translate(170px, -220px) !important;
        transition: transform 0.9s ease-in-out; }
        @media only screen and (max-width: 1280px) {
          .what-we-do-sec .bottom-layer .indicators .active #li-c-4 {
            transform: translate(105px, -220px) !important; } }
      .what-we-do-sec .bottom-layer .indicators .active #li-c-5 {
        transform: translate(260px, 0px) !important;
        transition: transform 0.9s ease-in-out; }
        @media only screen and (max-width: 1280px) {
          .what-we-do-sec .bottom-layer .indicators .active #li-c-5 {
            transform: translate(220px, 0px) !important; } }
      .what-we-do-sec .bottom-layer .indicators .active #li-c-6 {
        transform: translate(120px, 220px) !important;
        transition: transform 0.9s ease-in-out; }
        @media only screen and (max-width: 1280px) {
          .what-we-do-sec .bottom-layer .indicators .active #li-c-6 {
            transform: translate(80px, 195px) !important; } }
      .what-we-do-sec .bottom-layer .indicators .active #li-t-1 {
        transform: scale(0);
        transform: translate(-245px, 10px) !important;
        transition: transform 0.9s ease-in-out;
        border-bottom: 2px dashed #90be43;
        color: #333333;
        cursor: default;
        font-weight: bold; }
        @media only screen and (max-width: 1280px) {
          .what-we-do-sec .bottom-layer .indicators .active #li-t-1 {
            display: none; } }
      .what-we-do-sec .bottom-layer .indicators .active #li-t-2 {
        transform: scale(0);
        transform: translate(-200px, 195px) !important;
        transition: transform 0.9s ease-in-out;
        border-bottom: 2px dashed #90be43;
        color: #333333;
        cursor: default;
        font-weight: bold; }
        @media only screen and (max-width: 1280px) {
          .what-we-do-sec .bottom-layer .indicators .active #li-t-2 {
            display: none; } }
      .what-we-do-sec .bottom-layer .indicators .active #li-t-3 {
        transform: scale(0);
        transform: translate(-190px, 380px) !important;
        transition: transform 0.9s ease-in-out;
        border-bottom: 2px dashed #90be43;
        color: #333333;
        cursor: default;
        font-weight: bold; }
        @media only screen and (max-width: 1280px) {
          .what-we-do-sec .bottom-layer .indicators .active #li-t-3 {
            display: none; } }
      .what-we-do-sec .bottom-layer .indicators .active #li-t-4 {
        transform: scale(0);
        transform: translate(490px, -135px) !important;
        transition: transform 0.9s ease-in-out;
        border-bottom: 2px dashed #90be43;
        color: #333333;
        cursor: default;
        font-weight: bold; }
        @media only screen and (max-width: 1280px) {
          .what-we-do-sec .bottom-layer .indicators .active #li-t-4 {
            display: none; } }
      .what-we-do-sec .bottom-layer .indicators .active #li-t-5 {
        transform: scale(0);
        transform: translate(585px, 45px) !important;
        transition: transform 0.9s ease-in-out;
        border-bottom: 2px dashed #90be43;
        color: #333333;
        cursor: default;
        font-weight: bold; }
        @media only screen and (max-width: 1280px) {
          .what-we-do-sec .bottom-layer .indicators .active #li-t-5 {
            display: none; } }
      .what-we-do-sec .bottom-layer .indicators .active #li-t-6 {
        transform: scale(0);
        transform: translate(450px, 225px) !important;
        transition: transform 0.9s ease-in-out;
        border-bottom: 2px dashed #90be43;
        color: #333333;
        cursor: default;
        font-weight: bold; }
        @media only screen and (max-width: 1280px) {
          .what-we-do-sec .bottom-layer .indicators .active #li-t-6 {
            display: none; } }
    @media only screen and (max-width: 1280px) {
      .what-we-do-sec .bottom-layer {
        height: 500px;
        width: 500px; } }
  .what-we-do-sec #accordion {
    display: none; }
    @media only screen and (max-width: 742px) {
      .what-we-do-sec #accordion {
        width: 100%;
        display: block; } }
    .what-we-do-sec #accordion .acc-bg-image {
      height: 250px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
    .what-we-do-sec #accordion a {
      width: 100%;
      text-align: center; }
      .what-we-do-sec #accordion a:active, .what-we-do-sec #accordion a:focus, .what-we-do-sec #accordion a:hover {
        text-decoration: none; }
    .what-we-do-sec #accordion .btn-back {
      padding-bottom: 15px; }
      .what-we-do-sec #accordion .btn-back a {
        width: 150px; }
    .what-we-do-sec #accordion .middle-layer-header {
      text-transform: uppercase;
      font-size: 20px;
      line-height: 24px;
      padding-top: 5px;
      padding-bottom: 0px;
      color: #2e9e32;
      font-weight: bold;
      font-family: RobotoCondensed;
      text-align: center; }
    .what-we-do-sec #accordion .middle-layer-text {
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 15px;
      font-size: 18px;
      line-height: 22px;
      color: #000;
      padding-top: 10px;
      width: fit-content;
      font-family: Montserrat-ExtraLight;
      text-align: center;
      margin: 0px auto; }
      @media only screen and (max-width: 1280px) {
        .what-we-do-sec #accordion .middle-layer-text {
          font-size: 16px;
          line-height: 20px; } }

.our-achievements-sec {
  padding-bottom: 100px; }
  @media screen and (max-width: 768px) {
    .our-achievements-sec {
      padding-bottom: 40px; } }
  .our-achievements-sec .st-owlcarousel-1 .newsborder {
    margin-bottom: 20px;
    border: 1px black dashed;
    margin-right: 20px;
    margin-left: 20px;
    height: max-content;
    position: relative; }
    .our-achievements-sec .st-owlcarousel-1 .newsborder:hover, .our-achievements-sec .st-owlcarousel-1 .newsborder:active, .our-achievements-sec .st-owlcarousel-1 .newsborder:focus {
      border: 1px #2e9e32 dashed;
      cursor: pointer; }
  .our-achievements-sec .st-owlcarousel-1 .achieve-bg {
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    height: 300px; }
  .our-achievements-sec .st-owlcarousel-1 .eventborder {
    padding: 2%; }
    @media only screen and (max-width: 768px) {
      .our-achievements-sec .st-owlcarousel-1 .eventborder {
        padding-bottom: 10px; } }
    .our-achievements-sec .st-owlcarousel-1 .eventborder .limit-des {
      height: 190px;
      overflow-y: hidden;
      margin-bottom: 10px; }
      @media only screen and (max-width: 1280px) {
        .our-achievements-sec .st-owlcarousel-1 .eventborder .limit-des {
          height: 205px; } }
      @media only screen and (max-width: 992px) {
        .our-achievements-sec .st-owlcarousel-1 .eventborder .limit-des {
          height: 200px; } }
      @media only screen and (max-width: 768px) {
        .our-achievements-sec .st-owlcarousel-1 .eventborder .limit-des {
          height: 100px; } }
      @media only screen and (max-width: 742px) {
        .our-achievements-sec .st-owlcarousel-1 .eventborder .limit-des {
          height: 150px; } }
      @media only screen and (max-width: 502px) {
        .our-achievements-sec .st-owlcarousel-1 .eventborder .limit-des {
          height: 170px; } }
      @media only screen and (max-width: 502px) {
        .our-achievements-sec .st-owlcarousel-1 .eventborder .limit-des {
          height: 220px; } }
      .our-achievements-sec .st-owlcarousel-1 .eventborder .limit-des h3 {
        font: bold 26px 'Oswald-Regular';
        color: #2e9e32;
        font-size: 20px;
        line-height: 25px;
        font-family: RobotoCondensed;
        text-align: center;
        width: 100%;
        text-transform: uppercase;
        margin-top: 10px;
        padding-bottom: 10px; }
        @media only screen and (max-width: 768px) {
          .our-achievements-sec .st-owlcarousel-1 .eventborder .limit-des h3 {
            padding-right: 0%; } }
        @media only screen and (max-width: 480px) {
          .our-achievements-sec .st-owlcarousel-1 .eventborder .limit-des h3 {
            padding-right: 0%; } }
      .our-achievements-sec .st-owlcarousel-1 .eventborder .limit-des .post-dis {
        position: fixed;
        font: 16px 'Montserrat-Light';
        display: block;
        padding-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        text-align: center;
        line-height: 29.76px;
        overflow-y: hidden; }
      .our-achievements-sec .st-owlcarousel-1 .eventborder .limit-des .news-back {
        content: '';
        width: 100%;
        height: 35%;
        position: absolute;
        left: 0;
        bottom: 33px;
        background: linear-gradient(transparent 100px, white);
        background: linear-gradient(transparent 100px, white); }
        @media only screen and (max-width: 992px) {
          .our-achievements-sec .st-owlcarousel-1 .eventborder .limit-des .news-back {
            display: block;
            width: 78%; } }
        @media only screen and (max-width: 480px) {
          .our-achievements-sec .st-owlcarousel-1 .eventborder .limit-des .news-back {
            display: block; } }
    .our-achievements-sec .st-owlcarousel-1 .eventborder .btn-back {
      margin-bottom: 35px; }
      .our-achievements-sec .st-owlcarousel-1 .eventborder .btn-back .btn-primary-green {
        font: 18px 'Oswald-Regular';
        padding: 10px 45px; }
  .our-achievements-sec .st-owlcarousel-1 .owl-dots .owl-dot span {
    background-color: #2e9e32;
    border-color: #2e9e32; }
  .our-achievements-sec .st-owlcarousel-1 .owl-dots .active {
    background-color: #FFF;
    border-color: #2e9e32; }
    .our-achievements-sec .st-owlcarousel-1 .owl-dots .active span {
      border: 1px solid;
      background-color: #FFF;
      border-color: #2e9e32; }
  .our-achievements-sec .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 30px; }

.future-plans-sec {
  background-color: #efede8;
  padding-bottom: 50px; }
  .future-plans-sec .heading-section span img {
    background-color: #efede8; }
  .future-plans-sec .st-owlcarousel-2 .owl-dots .owl-dot span {
    background-color: #2e9e32;
    border-color: #2e9e32; }
  .future-plans-sec .st-owlcarousel-2 .owl-dots .active {
    background-color: #efede8;
    border-color: #2e9e32; }
    .future-plans-sec .st-owlcarousel-2 .owl-dots .active span {
      border: 1px solid;
      background-color: #efede8;
      border-color: #2e9e32; }
  .future-plans-sec .st-owlcarousel-2 .plans {
    padding: 10px;
    position: relative; }
    @media screen and (max-width: 992px) {
      .future-plans-sec .st-owlcarousel-2 .plans {
        margin-bottom: 15px; } }
    @media screen and (max-width: 768px) {
      .future-plans-sec .st-owlcarousel-2 .plans {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto; } }
    @media only screen and (max-width: 568px) {
      .future-plans-sec .st-owlcarousel-2 .plans {
        padding: 0px 10px 10px 10px; } }
    .future-plans-sec .st-owlcarousel-2 .plans:hover .planborder {
      box-shadow: 0 0 7px #2e9e32; }
    @media only screen and (max-width: 992px) {
      .future-plans-sec .st-owlcarousel-2 .plans {
        margin-top: 20px; } }
    .future-plans-sec .st-owlcarousel-2 .plans .achieve-bg {
      height: 260px;
      position: relative;
      z-index: 999;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      border: 5px solid #90be43; }
      @media only screen and (max-width: 1198px) {
        .future-plans-sec .st-owlcarousel-2 .plans .achieve-bg {
          height: 295px; } }
      @media only screen and (max-width: 992px) {
        .future-plans-sec .st-owlcarousel-2 .plans .achieve-bg {
          height: 325px; } }
      @media only screen and (max-width: 480px) {
        .future-plans-sec .st-owlcarousel-2 .plans .achieve-bg {
          height: 280px; } }
      @media only screen and (max-width: 350px) {
        .future-plans-sec .st-owlcarousel-2 .plans .achieve-bg {
          height: 250px; } }
    .future-plans-sec .st-owlcarousel-2 .plans .planborder {
      background-color: #FFF;
      box-shadow: 0 0 7px #ccc;
      margin-top: -130px;
      padding: 115px 5px 25px 5px;
      text-align: center;
      height: 500px;
      position: relative; }
      @media only screen and (max-width: 992px) {
        .future-plans-sec .st-owlcarousel-2 .plans .planborder {
          margin-top: -150px;
          padding: 170px 5px 20px 5px; } }
      @media only screen and (max-width: 768px) {
        .future-plans-sec .st-owlcarousel-2 .plans .planborder {
          margin-top: -180px;
          padding: 195px 5px 20px 5px; } }
      @media only screen and (max-width: 480px) {
        .future-plans-sec .st-owlcarousel-2 .plans .planborder {
          height: 425px;
          margin-top: -155px;
          padding: 180px 5px 5px 5px; } }
      @media only screen and (max-width: 350px) {
        .future-plans-sec .st-owlcarousel-2 .plans .planborder {
          height: 475px;
          margin-top: -120px;
          padding: 145px 5px 5px 5px; } }
      .future-plans-sec .st-owlcarousel-2 .plans .planborder .plan-topic {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font: 24px 'Oswald-Regular';
        color: #2e9e32;
        padding-top: 20px;
        line-height: 30px;
        text-align: center;
        width: 100%;
        text-transform: uppercase;
        margin-top: 10px; }
        @media only screen and (max-width: 992px) {
          .future-plans-sec .st-owlcarousel-2 .plans .planborder .plan-topic {
            padding-top: 0px;
            margin-top: 0px; } }
        @media only screen and (max-width: 768px) {
          .future-plans-sec .st-owlcarousel-2 .plans .planborder .plan-topic {
            padding-right: 0%;
            font-size: 22px;
            line-height: 26px; } }
        @media only screen and (max-width: 480px) {
          .future-plans-sec .st-owlcarousel-2 .plans .planborder .plan-topic {
            padding-right: 0%; } }
      .future-plans-sec .st-owlcarousel-2 .plans .planborder .plan-dis {
        position: relative;
        font: 16px 'Montserrat-Light';
        line-height: 29px;
        display: block;
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative;
        overflow-y: hidden; }
        @media only screen and (max-width: 768px) {
          .future-plans-sec .st-owlcarousel-2 .plans .planborder .plan-dis {
            padding-right: 0%;
            font-size: 15px;
            line-height: 22px; } }
    .future-plans-sec .st-owlcarousel-2 .plans .btn-back {
      position: absolute;
      bottom: 30px;
      right: 0px; }
      .future-plans-sec .st-owlcarousel-2 .plans .btn-back .btn-primary-green {
        font: 18px 'Oswald-Regular';
        padding: 10px 45px; }

.other-services-sec {
  margin-bottom: 50px; }
  @media screen and (max-width: 768px) {
    .other-services-sec {
      padding-top: 20px; }
      .other-services-sec .heading-section {
        margin-bottom: 70px; } }
  @media only screen and (max-width: 768px) {
    .other-services-sec .col-md-4 {
      display: block; } }
  .other-services-sec .col-md-4 .col-md-12 {
    margin-bottom: 25px; }
    @media screen and (max-width: 992px) {
      .other-services-sec .col-md-4 .col-md-12 {
        text-align: center; } }
  @media only screen and (max-width: 768px) {
    .other-services-sec .col-md-4 .left-s {
      text-align: center; } }
  .other-services-sec .col-md-4 .left-s hr {
    background-color: #2e9e32;
    border: 1px solid #2e9e32;
    margin: 0; }
    @media screen and (max-width: 992px) {
      .other-services-sec .col-md-4 .left-s hr {
        display: none; } }
    .other-services-sec .col-md-4 .left-s hr:before {
      content: '';
      border: 7px solid transparent;
      border-left-color: #2e9e32;
      position: absolute;
      bottom: -6px;
      right: 1px;
      z-index: -40; }
  @media only screen and (max-width: 768px) {
    .other-services-sec .col-md-4 .right-s {
      text-align: center; } }
  .other-services-sec .col-md-4 .right-s hr {
    background-color: #2e9e32;
    border: 1px solid #2e9e32;
    margin: 0; }
    @media screen and (max-width: 992px) {
      .other-services-sec .col-md-4 .right-s hr {
        display: none; } }
    .other-services-sec .col-md-4 .right-s hr:before {
      content: '';
      border: 7px solid transparent;
      border-right-color: #2e9e32;
      position: absolute;
      bottom: 0;
      margin-bottom: -6px;
      left: 1px;
      z-index: -40; }
  .other-services-sec .col-md-4 h3 {
    font: 26px 'Oswald-Regular';
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 0; }
    @media screen and (max-width: 768px) {
      .other-services-sec .col-md-4 h3 {
        font-size: 21px; } }
  .other-services-sec .col-md-4 .btn-primary-green {
    font: 18px 'Oswald-Regular';
    padding: 10px 45px;
    margin-bottom: 30px; }
    @media screen and (max-width: 768px) {
      .other-services-sec .col-md-4 .btn-primary-green {
        font-size: 14px; } }
  .other-services-sec .other-services-img {
    height: 100%;
    width: auto;
    margin: auto; }
    .other-services-sec .other-services-img img {
      margin: 0 auto;
      display: block; }
    @media only screen and (max-width: 992px) {
      .other-services-sec .other-services-img {
        display: none; } }
  .other-services-sec p {
    font-family: Montserrat-Light;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px; }

/* ==== Services styles page-home.php ==== */
.our-services {
  margin-top: 80px;
  position: relative; }
  .our-services .underline {
    margin-left: -5%;
    width: 10%;
    position: absolute;
    left: 50%;
    bottom: -5px;
    border-bottom: 2px solid #2e9e32; }
  .our-services span {
    margin-top: 25px;
    position: absolute;
    bottom: -15px;
    left: 48.5%; }
    .our-services span img {
      padding: 0px 10px 0px 8px;
      background-color: #FFF;
      justify-content: center; }

.service-box {
  margin-top: 50px;
  margin-bottom: 50px;
  border: 1px solid #ccc;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  -webkit-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.23);
  box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.23); }
  .service-box h3 {
    font-style: 25px;
    line-height: 32px;
    margin-bottom: 20px;
    text-align: center;
    font-family: RobotoCondensed;
    text-transform: uppercase; }
  .service-box .service-bg {
    height: 400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%; }
  .service-box .service-content {
    padding: 25px 20px 30px 25px;
    text-align: center; }
    .service-box .service-content p {
      margin-top: 15px;
      margin-bottom: 15px;
      font-family: Montserrat-Light;
      font-size: 16px;
      line-height: 25px; }
      .service-box .service-content p:last-child, .service-box .service-content p:first-child {
        margin-top: 10px; }

.other-services {
  margin-top: 80px;
  position: relative;
  margin-bottom: 60px; }
  .other-services .underline {
    margin-left: -5%;
    width: 10%;
    position: absolute;
    left: 50%;
    bottom: -5px;
    border-bottom: 2px solid #2e9e32; }
  .other-services h2 {
    margin-top: 0px; }
  .other-services span {
    margin-top: 25px;
    position: absolute;
    bottom: -15px;
    left: 48.5%; }
    .other-services span img {
      padding: 0px 10px 0px 8px;
      background-color: #fff;
      justify-content: center; }

/* ==== About-Us styles page-home.php ==== */
.about-us-box {
  width: 100%;
  margin-top: 80px;
  margin-bottom: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: fit-content;
  background-color: #FFF; }
  .about-us-box:before {
    content: '';
    -webkit-box-shadow: 0px 0px 28px 5px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0px 0px 28px 5px rgba(0, 0, 0, 0.27);
    box-shadow: 0px 0px 28px 5px rgba(0, 0, 0, 0.27);
    width: 48%;
    left: 25%;
    margin: 0px auto;
    position: absolute;
    float: none;
    z-index: -5; }
  .about-us-box:after {
    z-index: -5;
    left: 25%;
    float: none;
    content: '';
    -webkit-box-shadow: 0px 0px 28px 5px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0px 0px 28px 5px rgba(0, 0, 0, 0.27);
    box-shadow: 0px 0px 28px 5px rgba(0, 0, 0, 0.27);
    width: 48%;
    margin: 0px auto;
    position: absolute; }
  .about-us-box .about-us {
    position: relative; }
    .about-us-box .about-us h2 {
      margin-top: 15px; }
    .about-us-box .about-us .underline {
      margin-left: -5%;
      width: 10%;
      position: absolute;
      left: 50%;
      bottom: -5px;
      border-bottom: 2px solid #2e9e32; }
    .about-us-box .about-us span {
      margin-top: 25px;
      position: absolute;
      bottom: -15px;
      left: 48.5%; }
      .about-us-box .about-us span img {
        padding: 0px 10px 0px 8px;
        background-color: #FFF;
        justify-content: center; }
  .about-us-box .level1-layer p {
    margin-top: 40px; }
    .about-us-box .level1-layer p:first-child {
      margin-top: 10px; }
    @media screen and (max-width: 998px) {
      .about-us-box .level1-layer p {
        margin-top: 20px; } }

.about-us-top-full-wrapper {
  margin-top: 50px;
  margin-bottom: 70px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 80px 0px; }
  .about-us-top-full-wrapper .col-sm-6 .outline-box {
    margin-left: 4%;
    width: 90%;
    border: 2px solid #2e9e32;
    background-color: transparent;
    padding: 5px;
    height: auto;
    border-radius: 20px; }
    .about-us-top-full-wrapper .col-sm-6 .outline-box table {
      background-color: #2e9e32;
      color: #FFF;
      border: none;
      width: 100%;
      text-align: center;
      border-radius: 20px; }
      .about-us-top-full-wrapper .col-sm-6 .outline-box table th {
        text-align: center;
        font-family: RobotoCondensed;
        font-size: 22px;
        line-height: 30px;
        height: 45px;
        font-weight: bold;
        text-transform: uppercase;
        border-bottom: 1px solid #FFF; }
        @media screen and (max-width: 998px) {
          .about-us-top-full-wrapper .col-sm-6 .outline-box table th {
            text-align: right;
            font-size: 18px;
            line-height: 22px;
            padding-right: 45px; } }
        @media screen and (max-width: 768px) {
          .about-us-top-full-wrapper .col-sm-6 .outline-box table th {
            text-align: center;
            font-size: 18px;
            line-height: 22px;
            padding-right: 0px; } }
        @media screen and (max-width: 420px) {
          .about-us-top-full-wrapper .col-sm-6 .outline-box table th {
            height: 35px; } }
        @media screen and (max-width: 380px) {
          .about-us-top-full-wrapper .col-sm-6 .outline-box table th {
            font-size: 15px;
            line-height: 1px; } }
      .about-us-top-full-wrapper .col-sm-6 .outline-box table td {
        height: 45px;
        font-family: Montserrat-ExtraLight;
        font-size: 18px;
        line-height: 25px; }
        @media screen and (max-width: 998px) {
          .about-us-top-full-wrapper .col-sm-6 .outline-box table td {
            padding-right: 60px;
            text-align: right;
            font-size: 15px;
            line-height: 18px; } }
        @media screen and (max-width: 768px) {
          .about-us-top-full-wrapper .col-sm-6 .outline-box table td {
            padding-right: 0px;
            text-align: center;
            font-size: 15px;
            line-height: 18px; } }
        @media screen and (max-width: 420px) {
          .about-us-top-full-wrapper .col-sm-6 .outline-box table td {
            height: 35px; } }
        @media screen and (max-width: 380px) {
          .about-us-top-full-wrapper .col-sm-6 .outline-box table td {
            font-size: 13px;
            line-height: 15px; } }
    .about-us-top-full-wrapper .col-sm-6 .outline-box .i-left, .about-us-top-full-wrapper .col-sm-6 .outline-box .i-right {
      position: absolute;
      top: -45px; }
      .about-us-top-full-wrapper .col-sm-6 .outline-box .i-left img, .about-us-top-full-wrapper .col-sm-6 .outline-box .i-right img {
        padding: 13px 15px;
        background-color: #2e9e32;
        border-radius: 50%;
        height: 120px;
        top: 35px;
        left: -30px;
        color: white;
        border: 5px solid white;
        position: absolute; }
        @media screen and (max-width: 420px) {
          .about-us-top-full-wrapper .col-sm-6 .outline-box .i-left img, .about-us-top-full-wrapper .col-sm-6 .outline-box .i-right img {
            height: 80px;
            top: 47px; } }
  @media screen and (max-width: 768px) {
    .about-us-top-full-wrapper .col-sm-6:first-child {
      margin-bottom: 30px; } }

.awards-won {
  position: relative; }
  .awards-won h2 {
    margin-top: 15px; }
  .awards-won .underline {
    margin-left: -5%;
    width: 10%;
    position: absolute;
    left: 50%;
    bottom: -5px;
    border-bottom: 2px solid #2e9e32; }
  .awards-won span {
    margin-top: 25px;
    position: absolute;
    bottom: -15px;
    left: 48.5%; }
    .awards-won span img {
      padding: 0px 10px 0px 8px;
      background-color: #FFF;
      justify-content: center; }

.awards-box {
  margin-top: 50px;
  margin-bottom: 50px;
  border: 1px solid #ccc;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  -webkit-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.23);
  box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.23); }
  .awards-box h3 {
    font: 24px "Oswald-Regular";
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase; }
  .awards-box .award-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    margin: 10px auto; }
    .awards-box .award-bg img {
      width: 100%;
      margin: 0px auto;
      margin-top: -10px;
      margin-bottom: 30px;
      height: auto; }
    .awards-box .award-bg p {
      padding: 0 20px;
      margin-top: 0px;
      margin-bottom: 30px;
      font-family: Montserrat-Light;
      font-size: 16px;
      line-height: 30px; }
  .awards-box .award-content {
    padding: 0px 20px 30px 20px;
    text-align: center; }
    .awards-box .award-content p {
      margin-top: 15px;
      margin-bottom: 15px;
      font-family: Montserrat-Light;
      font-size: 16px;
      line-height: 30px; }
      .awards-box .award-content p:last-child, .awards-box .award-content p:first-child {
        margin-top: 10px; }
      .awards-box .award-content p a {
        color: #2e9e32;
        text-decoration: none;
        word-wrap: break-word; }
    .awards-box .award-content ul {
      margin-top: 10px; }
      .awards-box .award-content ul li {
        list-style-image: url("images/icons/list-icon.png");
        font-size: 15px;
        font: 15px "Montserrat-Light"; }
        .awards-box .award-content ul li + li {
          margin-top: 25px; }

.about-us-our-team-full-wrapper {
  margin-top: 50px;
  margin-bottom: 70px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 40px 0px; }
  .about-us-our-team-full-wrapper .our-team {
    position: relative; }
    .about-us-our-team-full-wrapper .our-team h2 {
      margin-top: 15px; }
    .about-us-our-team-full-wrapper .our-team .underline {
      margin-left: -5%;
      width: 10%;
      position: absolute;
      left: 50%;
      bottom: -5px;
      border-bottom: 2px solid #2e9e32; }
    .about-us-our-team-full-wrapper .our-team span {
      margin-top: 25px;
      position: absolute;
      bottom: -15px;
      left: 48.5%; }
      .about-us-our-team-full-wrapper .our-team span img {
        padding: 0px 10px 0px 8px;
        background-color: #fdf2ff;
        justify-content: center; }
  .about-us-our-team-full-wrapper .team-members {
    margin-top: 50px;
    margin-bottom: 30px; }
    .about-us-our-team-full-wrapper .team-members .team-box {
      margin-bottom: 30px;
      padding-top: 40px;
      padding-bottom: 40px;
      -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.23);
      -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.23);
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.23);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: #fff;
      border-radius: 5px; }
      @media screen and (max-width: 767px) {
        .about-us-our-team-full-wrapper .team-members .team-box {
          display: block; } }
      .about-us-our-team-full-wrapper .team-members .team-box .team-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        @media screen and (max-width: 767px) {
          .about-us-our-team-full-wrapper .team-members .team-box .team-img {
            width: 100%; } }
        .about-us-our-team-full-wrapper .team-members .team-box .team-img .team-image {
          width: 220px;
          border-top-left-radius: 50%;
          border-top-right-radius: 50%;
          border-bottom-right-radius: 50%;
          height: 220px; }
      .about-us-our-team-full-wrapper .team-members .team-box .col-md-8 {
        border-left: 1.5px solid #ccc; }
        @media screen and (max-width: 767px) {
          .about-us-our-team-full-wrapper .team-members .team-box .col-md-8 {
            border: none; } }
      @media screen and (max-width: 767px) {
        .about-us-our-team-full-wrapper .team-members .team-box .details-box {
          margin-top: 20px;
          text-align: center; } }
      .about-us-our-team-full-wrapper .team-members .team-box .details-box .name {
        font: 24px "Oswald-Regular";
        color: #2e9e32; }
      .about-us-our-team-full-wrapper .team-members .team-box .details-box .designation {
        font: 18px "Montserrat-Light";
        margin-bottom: 25px; }
      .about-us-our-team-full-wrapper .team-members .team-box .details-box .text {
        font: 15px "Montserrat-Light"; }
        .about-us-our-team-full-wrapper .team-members .team-box .details-box .text ul li {
          list-style: none;
          list-style-image: url(images/icons/list-icon.png); }

.about-us-bottom-layer {
  position: relative; }
  .about-us-bottom-layer .level1-layer {
    margin-top: 50px;
    height: 850px; }
    @media screen and (max-width: 620px) {
      .about-us-bottom-layer .level1-layer {
        height: 950px; } }
    @media screen and (max-width: 530px) {
      .about-us-bottom-layer .level1-layer {
        height: 1050px; } }
    @media screen and (max-width: 450px) {
      .about-us-bottom-layer .level1-layer {
        height: 1250px; } }
    @media screen and (max-width: 375px) {
      .about-us-bottom-layer .level1-layer {
        height: 1350px; } }
    @media screen and (max-width: 350px) {
      .about-us-bottom-layer .level1-layer {
        height: 1450px; } }
    .about-us-bottom-layer .level1-layer .shape {
      float: right;
      shape-outside: url("images/fly-half-png.png");
      shape-image-threshold: 0.1; }
      .about-us-bottom-layer .level1-layer .shape img {
        margin-top: -40px;
        padding-left: 20px; }
      @media screen and (max-width: 998px) {
        .about-us-bottom-layer .level1-layer .shape {
          display: none; } }
    .about-us-bottom-layer .level1-layer p {
      font-family: Montserrat-Light;
      font-size: 16px;
      line-height: 26px; }
      @media screen and (max-width: 1120px) {
        .about-us-bottom-layer .level1-layer p {
          font-size: 15px; } }
      @media screen and (max-width: 620px) {
        .about-us-bottom-layer .level1-layer p {
          font-size: 14px; } }
      @media screen and (max-width: 530px) {
        .about-us-bottom-layer .level1-layer p {
          font-size: 13px; } }

/* ==== About-Us styles page-home.php ==== */
.contact-us-page .about-us-box:after {
  box-shadow: none; }

#contact-map {
  width: 100%; }
  #contact-map .row {
    margin: 0px;
    height: 600px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 998px) {
      #contact-map .row {
        display: block;
        height: 500px; } }
  #contact-map .col-md-6 {
    padding: 0px; }
    #contact-map .col-md-6.office-image {
      height: 600px;
      background-position: left top;
      background-repeat: no-repeat; }
      @media screen and (max-width: 998px) {
        #contact-map .col-md-6.office-image {
          height: 500px; } }

.contact-details-sec {
  margin-top: 30px;
  margin-bottom: 30px; }
  .contact-details-sec .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap; }
    .contact-details-sec .row .col-md-4 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0px; }
    .contact-details-sec .row .details-sec {
      width: 100%;
      background-color: #e6dac9;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      padding: 10px 10px 10px 5px; }
      @media screen and (max-width: 998px) {
        .contact-details-sec .row .details-sec {
          padding: 20px 20px 20px 20px; } }
      .contact-details-sec .row .details-sec h3 {
        text-transform: uppercase;
        margin-top: 0px;
        padding-left: 25px;
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 30px; }
        @media screen and (max-width: 998px) {
          .contact-details-sec .row .details-sec h3 {
            text-align: center; } }
      .contact-details-sec .row .details-sec .detail-sec {
        padding-left: 25px;
        margin-bottom: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 15px;
        font-family: Montserrat-Regular; }
        .contact-details-sec .row .details-sec .detail-sec a {
          color: inherit;
          text-decoration: none; }
          .contact-details-sec .row .details-sec .detail-sec a:active, .contact-details-sec .row .details-sec .detail-sec a:hover, .contact-details-sec .row .details-sec .detail-sec a:focus {
            text-decoration: none; }
        @media screen and (max-width: 998px) {
          .contact-details-sec .row .details-sec .detail-sec {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; } }
        .contact-details-sec .row .details-sec .detail-sec i {
          font-size: 22px;
          padding-right: 20px;
          width: 25px;
          color: #2e9e32;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
        .contact-details-sec .row .details-sec .detail-sec.spacer {
          margin-bottom: 35px; }
    .contact-details-sec .row .form-sec {
      margin-top: 50px;
      margin-bottom: 70px;
      padding: 25px 25px 25px 50px;
      -webkit-box-shadow: inset 0px 0px 50px 2px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: inset 0px 0px 50px 2px rgba(0, 0, 0, 0.25);
      box-shadow: inset 0px 0px 50px 2px rgba(0, 0, 0, 0.25); }
      @media screen and (max-width: 998px) {
        .contact-details-sec .row .form-sec {
          padding: 25px 25px 25px 25px; } }
      .contact-details-sec .row .form-sec h3 {
        text-align: center;
        text-transform: uppercase;
        font-size: 24px; }
      .contact-details-sec .row .form-sec form {
        margin-top: 20px;
        margin-bottom: 30px; }
        .contact-details-sec .row .form-sec form .name {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .contact-details-sec .row .form-sec form .name input {
            width: 47%;
            border-bottom: 1px solid #2e9e32; }
            .contact-details-sec .row .form-sec form .name input:first-child {
              margin-right: 3%; }
        .contact-details-sec .row .form-sec form .single input {
          width: 98%;
          border-bottom: 1px solid #2e9e32; }
        .contact-details-sec .row .form-sec form .long-textareas textarea {
          width: 98%; }
          .contact-details-sec .row .form-sec form .long-textareas textarea#textareaaddress {
            height: 70px; }
          .contact-details-sec .row .form-sec form .long-textareas textarea#textaremessage {
            height: 100px; }
        .contact-details-sec .row .form-sec form .form-button {
          margin-top: 20px;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .contact-details-sec .row .form-sec form .form-button input.btn-primary-green {
            text-transform: uppercase;
            font-family: RobotoCondensed;
            font-size: 16px;
            background-color: transparent;
            padding: 5px 30px;
            border: none;
            color: #2e9e32;
            font-weight: bold;
            position: relative;
            display: inline-block;
            cursor: pointer;
            margin: 1px; }
            .contact-details-sec .row .form-sec form .form-button input.btn-primary-green:before {
              content: '';
              position: absolute;
              height: 50%;
              width: 50%;
              top: 0;
              left: 0;
              border-top: 1px solid #2e9e32;
              border-left: 1px solid #2e9e32;
              border-top-left-radius: 10px;
              transition: width 0.6s 0.4s, border 0.4s, border-radius 0.4s; }
            .contact-details-sec .row .form-sec form .form-button input.btn-primary-green:after {
              content: '';
              position: absolute;
              height: 50%;
              width: 50%;
              bottom: 0;
              right: 0;
              border-bottom: 1px solid #2e9e32;
              border-right: 1px solid #2e9e32;
              border-bottom-right-radius: 10px;
              transition: width 0.6s 0.4s, border 0.4s, border-radius 0.4s; }
            .contact-details-sec .row .form-sec form .form-button input.btn-primary-green:active, .contact-details-sec .row .form-sec form .form-button input.btn-primary-green:focus, .contact-details-sec .row .form-sec form .form-button input.btn-primary-green:hover {
              color: #2e9e32;
              text-decoration: none;
              border-radius: 10px;
              transition: ease-in;
              outline: none; }
              .contact-details-sec .row .form-sec form .form-button input.btn-primary-green:active:before, .contact-details-sec .row .form-sec form .form-button input.btn-primary-green:focus:before, .contact-details-sec .row .form-sec form .form-button input.btn-primary-green:hover:before {
                width: 100%;
                border-right: 1px solid #2e9e32;
                border-top-right-radius: 10px;
                transition: width 0.6s, border 0.3s 0.6s  ease-in-out, border-radius 0.4s 0.4s; }
              .contact-details-sec .row .form-sec form .form-button input.btn-primary-green:active:after, .contact-details-sec .row .form-sec form .form-button input.btn-primary-green:focus:after, .contact-details-sec .row .form-sec form .form-button input.btn-primary-green:hover:after {
                width: 100%;
                border-left: 1px solid #2e9e32;
                border-bottom-left-radius: 10px;
                transition: width 0.6s, border 0.3s 0.6s ease-in-out, border-radius 0.4s 0.4s; }
        .contact-details-sec .row .form-sec form input {
          margin: 5px 7px;
          border: none;
          outline: none;
          padding: 10px;
          color: #2e9e32;
          font-size: 15px;
          font-family: Montserrat-Regular; }
          @media screen and (max-width: 768px) {
            .contact-details-sec .row .form-sec form input {
              font-size: 14px; } }
          .contact-details-sec .row .form-sec form input::placeholder {
            color: #2e9e32; }
          .contact-details-sec .row .form-sec form input:active, .contact-details-sec .row .form-sec form input:focus, .contact-details-sec .row .form-sec form input:hover {
            outline: none; }
        .contact-details-sec .row .form-sec form textarea {
          margin: 5px 7px;
          border: none;
          outline: none;
          padding: 10px;
          border-bottom: 1px solid #2e9e32;
          color: #2e9e32;
          font-size: 15px;
          font-family: Montserrat-Regular; }
          .contact-details-sec .row .form-sec form textarea::placeholder {
            color: #2e9e32; }
          .contact-details-sec .row .form-sec form textarea:active, .contact-details-sec .row .form-sec form textarea:focus, .contact-details-sec .row .form-sec form textarea:hover {
            outline: none; }

    .embded-logo-1 {
      position: absolute;
      right: 200px;
      top: 15px;
      width: 150px ;
      height: 150px;
    }

    .embded-logo-2 {
      position: absolute;
      right: 30px;
      top: 15px;
    }

    @media screen and (max-width: 950px) {
      .embded-logo-1 {
        width: 80px ;
        height: 80px;
        right: 125px;
      }

      .embded-logo-2 {
        width: 80px ;
        height: 80px;
      }
    }
    @media screen and (max-width: 768px) {
      .embded-logo-1 {
        width: 65px ;
        height: 65px;
        right: 110px;
      }

      .embded-logo-2 {
        width: 65px ;
        height: 65px;
      }
    }

/*# sourceMappingURL=style.css.map */