:root{
    --pri-color: #015198;
    --sec-color: #fa360a;
    --third-color: #f19abd;
}

.nav-link{
  font-weight:bold;
  color: #212529 !important;
  transition: color .3s ease-in-out;
}

.nav-link:hover{
  color: var(--pri-color) !important;
}

.dropdown-item:hover{
  color: var(--sec-color) !important;
}

/* ==============NAVBAR==================*/
.main_header_area{
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.header_top{
background-color: #0c5240;
color: #fff;
padding: 0 1rem;
}
.header_top .header_top_inner {
overflow: hidden;
border-bottom: 1px solid rgba(255, 255, 255, 0.149);
}
.header_top .header_top_inner ul li {
display: inline-block;
font-size: 90%;
font-weight: bold;
color: #fff;
padding: 8px;
}
.header_top .header_top_inner ul li a {
color: #fff;
padding: 0 .8rem;
position: relative;
}
.header_top .header_top_inner ul li a:hover {
color: #fff;
}


.navbar .nav .nav-item a:after {
display: none;
}
.navbar .nav .nav-item {
position: relative;
}
.navbar .nav .nav-item ul {
border: none;
padding: 0px 15px;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
margin: 0px;
}
.dropdown-menu{
border: 0px;
padding: 0px;
box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);
/* top: calc(100% + 10px); */
border-radius: 0px;
}
.dropdown-menu a.dropdown-item{
font-weight: 600;
font-size: 80%;
padding: 10px;
letter-spacing: 1px;
white-space: inherit;
}
@media (min-width: 992px) {
.navbar .nav .nav-item ul {
  position: absolute;
  top: 80px;
  left: 0;
  min-width: 130px;
  background: #fff;
  -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
  text-align: left;
  opacity: 0;
  -webkit-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
  visibility: hidden;
  display: block;
  border: none;
  padding: 0px;
  border-radius: 0px;
  transition-delay: 200ms;
}
.dropdown-submenu{
  position: relative;
}
.dropdown-submenu .dropdown-menu{
  top: 100%;
}
.dropdown-submenu ul.dropdown-menu{
  visibility: hidden!important;
}
.dropdown-submenu:hover ul.dropdown-menu{
  visibility: visible!important;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: .8rem;
  padding-left: .8rem;
}

.navbar-nav .nav-item{
  position: relative;
}
.navbar-nav .nav-item:last-child::after{
  display: none;
}
}
.navbar .nav .nav-item ul li {
float: none;
margin-right: 0px;
margin-left: 0px;
}
.navbar .nav .nav-item ul li a {
line-height: 40px;
/* color: #242424; */
padding: 0px 15px;
text-transform: capitalize;
-webkit-transition: all 150ms linear;
-o-transition: all 150ms linear;
transition: all 150ms linear;
display: block;
}
.navbar .nav .nav-item ul li:last-child {
border-bottom: none;
}
.navbar-light .navbar-nav .nav-link {
font-size: 14px;
line-height: normal;
font-weight: 600;
color: #000;
/* padding: 40px 13px; */
text-transform: capitalize;
/* font-weight: 600;
font-size: 95%;
letter-spacing: 1px; */
}
.dropdown-item:focus, .dropdown-item:hover {
background-color: #f3f3f3;
}

/*@media (min-width: 992px) {*/
.navbar .nav .nav-item:hover ul {
top: 57px;
visibility: visible;
opacity: 1;
transition-delay: 0ms;
}
/*}*/

.navbar-toggler[aria-expanded="false"] span:nth-child(2) {
opacity: 1;
}
.navbar-toggler[aria-expanded="true"] span:nth-child(2) {
opacity: 0;
}
.navbar-toggler[aria-expanded="true"] span:first-child {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
position: relative;
top: 7.7px;
}
.navbar-toggler[aria-expanded="true"] span:last-child {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
bottom: 4px;
position: relative;
}
.navbar-toggler {
border: 0px;
padding: 0px;
cursor: pointer;
}
.navbar-toggler span {
display: block;
width: 25px;
height: 2px;
background: #232323;
margin: auto;
margin-bottom: 4px;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
cursor: pointer;
}
.navbar-toggler span:last-child {
margin-bottom: 0px;
}
.navbar .navbar-brand > img{
/* width: 100%; */
}

/*=============== affix css ===============*/
.navbar_fixed {
width: 100%;
left: 0;
top: -70px;
background: #fff;
position: fixed;

border-bottom: 0px;
z-index: 999;
-webkit-transform: translateY(70px);
-ms-transform: translateY(70px);
transform: translateY(70px);
transition: background 500ms linear, -webkit-transform 1000ms ease;
-webkit-transition: background 500ms linear, -webkit-transform 1000ms ease;
-o-transition: transform 1000ms ease, background 500ms linear;
transition: transform 1000ms ease, background 500ms linear;
transition: transform 1000ms ease, background 500ms linear, -webkit-transform 1000ms ease;
-webkit-transition: transform 1000ms ease, background 500ms linear;
-webkit-backface-visibility: hidden;
}
.navbar_fixed .navbar .navbar-brand img {
width: 130px;
}
.navbar_fixed .navbar .navbar-toggler span {
background: #0D2891;
}

.border-below{
border-bottom: 2px solid var(--sec-color);
}

.header-top-bar .header-location, .header-top-bar .header-phone {
  margin-right: 25px;
  position: relative;
  padding-right: 25px !important;
}

.header-top-bar .header-item{
color: #fff;
font-size: 13px;
line-height: normal;
padding: 10px 0;
display: inline-block;
font-weight: 600;
}

.header-top-bar .header-item i{
  margin-right: 8px;
  color: #fff;
  font-size: 18px;
  width: 18px;
  vertical-align: middle;
  line-height: 1;
  margin-top: -4px;
  display: inline-flex;
  align-items: center;
}

.header-top-bar .header-location:after{
content: "";
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background-color: #fefefe;
-webkit-transform: skew(-20deg);
transform: skew(-20deg);
}

.header-top-bar .topbar-right .header-phone span{
/* font-weight: 400; */
}

..header-top-bar .topbar-right .header-item span{
margin-right: 3px;
}

.header-top-bar .header-item a{
color: #fff;
}

a:link, a:visited {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
text-decoration: none;
}

.header-top-bar .header-phone:after{
content: "";
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background-color: #fefefe;
-webkit-transform: skew(-20deg);
transform: skew(-20deg);
}

.topbar-right ul {
  list-style-type: none;
  margin: 0;
  padding: 0 !important;
}

.topbar-right ul .topbar-social {
  display: inline-block;
  padding: 7px;
}

.header-top-bar .topbar-right ul .topbar-social a{
font-size: 13px;
color: #fff;
/* margin-right: 5px; */
transition: all 0.3s ease-in-out;
}

.header-top-bar .topbar-right ul .topbar-social a i{
transition: all 0.3s ease-in-out;
}

.header-top-bar .topbar-right ul .topbar-social a:hover i{
animation: toBottomFromTop 0.4s linear forwards;
-webkit-animation: toBottomFromTop 0.4s linear forwards;
}


.header-right-button a {
display: inline-flex;
height: 50px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
background-color: #55a630;
border: none;
border-radius: 5px;
position: relative;
line-height: 50px;
justify-content: space-between;
padding: 0 25px;
transition: all 0.5s ease-in-out;
}

.header-right-button a span.btn-img {
  height: 100%;
  width: 24px;
  margin-right: 10px;
  display: flex;
  align-items: center;
}

.header-right-button a span.btn-img img {
  width: 24px;
  display: block;
}
  .colored-bg{
    background-color: #0c5240;
    border-radius: 0px 50px 0px 50px;
  }

  .cstm_card{
      background-color: transparent;
  }

  .cstm_card .card-title{
    font-family: "Montserrat", Sans-serif;
    font-size: 40px;
    font-weight: 600;
    color: #fff;
  }

  .cstm_card .card-text{
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
  }

  .img_icon{

  }

@media (max-width:600px) {
  .img_icon{
        width: 100px;
  }
}

.title_text_small{
  color: #55a630;
  font-family: "Montserrat", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4em;
}

.Title_text_large{
  color: #0d3329;
  font-family: "Montserrat", Sans-serif;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.4em;
}

.title_text_small::before {
  display: inline-block;
  content: "";
  border-top: 3px solid #55a630;
  width: 60px;
  margin: 0 10px 0 0;
  transform: translateY(-4px);
}

.smap_title{
  color: #333;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.9px;
}

.cstm-button {
  font-family: "Raleway", Sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.6em;
  letter-spacing: 3px;
  color: #ffffff;
  background-color: #55a630;
  box-shadow: 10px 6px 24px 0px rgba(85.00000000000007, 165.99999999999994, 47.99999999999999, 0.47);
  border-radius: 50px 50px 50px 50px;
  padding: 18px 25px 18px 28px;
  display: inline-block;
  fill: #fff;
  text-align: center;
  transition: all .3s;
  border:none;
}

.cstm-button {
  width: 100%;
}

.cstm-button:hover {
  background-color: #0D3329;
  color: #fff;
  box-shadow: 8px 13px 22px 0px rgba(12.99999999999999, 51, 40.999999999999986, 0.41);
}

a {
  box-shadow: none;
  text-decoration: none;
}

.service_title {
  color: #55a630;
  font-family: "Montserrat", Sans-serif;
  font-size: 17px;
  font-weight: 700;
}

.service_p{
  color: #5f746f;
  font-family: "Montserrat", Sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.bg_style{
  border-radius: 0px 50px 0px 50px;
  background-color: rgba(225, 243, 219, 0.39);
  background-image: url(https://gracefulpixels.com/mindly/wp-content/uploads/2021/07/background3.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.txt_grn{
  color: #55a630!important;
}

.accordion-item{
  background: transparent;
}

.accordion-button {
  background: transparent;
}

.accordion-button:not(.collapsed) {
  background-color: transparent;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-button{
  color: #0d3329;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.accordion-button:not(.collapsed) {
  color: #0d3329;
}

/* Contact us */

  .page_top_div{
    background: #E1F3DB;
    padding: 20px;
  }

  .head_h2{
    font-family: "Montserrat", Sans-serif;
    font-size: 55px;
    font-weight: 800;
    color: #333;
  }

  .contact_wrapper{
    display: flex;
    flex-direction: row;
    text-align: start;
  }

  .icon_div{
    text-align: center;
  }
  .icon_div i{
    font-size: 35px;
    color: #55a630;
  }

  .content_div h3{
    font-family: "Montserrat", Sans-serif;
    font-size: 19px;
    font-weight: 800;
    color: #222222;
  }

  .content_div p{
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 500;
  }

  .cstm_h5{
    font-family: "Montserrat", Sans-serif;
    font-size: 25px;
    font-weight: 700;
    color:#0d3329;
  }

  .cstm_a_p{
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 10px;
  }

  .form-control{
    border-radius: 20px;
  }

  .form-control[type="text"] {
    height: 50px !important;
}

.top_section{
    background-image: url('../../assets/imgs/topimg.jpeg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 90vh;
    background-blend-mode: darken;
    background-color: rgba(0,0,0,0.5);
  }

  .di_flex{
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    text-align: center;
    height: 80vh;
  }

  /* .top_wrapper{
    position: absolute;
    top: 50%;
    left: 25%;
    text-align: center;
  } */

  h3{
    font-family: "Montserrat", Sans-serif;
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    font-style: normal;
    text-transform: capitalize;
  }

  h4{
    font-family: "Montserrat", Sans-serif;
    font-size: 45px;
    font-weight: 600;
    color: #fff;
    font-style: normal;
    /* font-weight: 500; */
    text-transform: uppercase;
  }

.servicesection{
background-image: url('../../imgs/servicebackground.jpg');
background-size: cover;
/* background-position: center; */
background-repeat: no-repeat;
/* padding: 120px 0 0 0; */
}

.service-item{
display: inline-block;
box-shadow: 0 10px 30px 0 rgb(0 0 0 / 20%);
border-radius: 10px;
background-color: #fff;
border: 0.2px solid #dedede;
position: relative;
overflow: hidden;
transition: all 0.3s ease;
margin: 0 0 30px 0;
}

.service-item .service-figure {
position: relative;
overflow: hidden;
height: 100%;
}

.service-item .service-figure img {
object-fit: cover;
filter: grayscale(1);
transform: scale(1.02);
opacity: 0;
min-height: 330px;
transition: all 0.3s ease;
}

.service-item .service-box-content {
padding: 40px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}

.service-content .icon i {
font-size: 60px;
line-height: 1;
vertical-align: middle;
display: flex;
justify-content: flex-start;
align-items: center;
transition: all 0.3s ease;
color: #0c5240;
}

.service-content .service-title {
position: relative;
padding-top: 20px;
margin-bottom: 12px;
font-size: 24px;
font-weight: 600;
}

.service-content .service-title a {
color: #000;
transition: none;
}

.service-content .service-text {
margin-bottom: 15px;
}

.service-item .btn-style8 {
margin-top: 10px;
}

.btn-style8 {
display: inline-flex;
align-items: center;
border: 1px solid #fa360a;
color: #fa360a;
border-radius: 4px;
padding: 8px 28px;
transition: all 0.4s ease;
}

.service-item:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgb(12 82 64 / 79%);
visibility: hidden;
opacity: 0;
border-radius: 10px;
transition: all 0.3s ease;
}

.service-item:hover .service-figure img {
transform: scale(1.1);
opacity: 1;
}

.service-item:hover .service-content .icon i {
color: #fff;
}

.service-item:hover .service-content .service-title a {
color: #fff;
}

.service-item:hover .service-content .service-text {
color: #fff!important;
}

.service-item:hover .btn-style8 {
background-color: #fff;
border-color: #fff;
}

.service-item:hover:after {
visibility: visible;
opacity: 1;
}


  .h6_style{
    color: #212529;
  }

  .pp{
    font-size: 14px;
    font-weight: 400;
    color: #828282;
    line-height: 1.5;
  }

  .cosse_a {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    line-height: 1;
    letter-spacing: 0.5px;
    text-decoration: none;
    color: #076459;
}

.service-item:hover .cosse_a{
    color: #fff !important;
}