@font-face { 

  font-family: "NKSSmart3"; 

  src: url("../fonts/NKSSmart3/NKSSmart3.woff") format("woff"), 

  url("../fonts/NKSSmart3/NKSSmart3.ttf") format("truetype"),

   url("../fonts/NKSSmart3/NKSSmart3.svg#NKSSmart3") format("svg"); 

  }

h1,h2,h3,h4,h5,h6{

  font-family: 'Rajdhani', sans-serif,"NKSSmart3";

}
.h1, h1 {
  font-size: 2rem;
}
*{

  font-family: 'Lato', sans-serif,"NKSSmart3";

}

.text-primary{

  color:#f5710c !important;

}

p,li,a{

  font-size: 16px;

}

body{

  background: #f0f0f0;

}

.grid-container{

  display: grid;

  grid-template-columns: 100px auto;

}

.grid-item {

  padding: 10px 10px;

  position: relative;

}

.grid-item img {

  top: 37px;

  position: absolute;

  text-align: center;

  width: 60px;

  vertical-align: center;

  left: 25px;

}

nav {

  background: #fff;

}

.top_row ul li {

  display: inline-block;

}

.top_row ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.top_row i {

  padding-right: 6px;

}

header{

  position: relative;

}



.top_row a{

  color:#f8f9fa;

}

nav ul li a {

  color: #f8f9fa;

}

/* nav ul li a::after {

  content: "";

  height: 10px;

  width: 2px;

  background: #000;

  display: inline-block;

  margin: 0px 5px 0px 15px;

} */

.index_about_img{

  text-align: center;

  position: relative;

  display: table;

}

.index_about_img img{

  width: 80%;

}

.index_about_img:before,.index_about_img:after {

  content: "";

  position: absolute;

  width: 50px;

  height: 50px;

  border: solid #f5710c;

  border-width: 1px 1px 0 0;

}

.index_about_img:before {

  right: 13px;

  top: -11px;;

}

.index_about_img:after {

  border-width: 0 0 1px 1px;

  bottom: -13px;

  left: 10px;

}

footer i {

  color: #f5710c;

  padding-right: 10px;

}

.custom_btn {

  background: #0d0f2c;

  color: white;

  padding: 8px 15px 8px 15px;

  transition: all 0.3s;

}

.custom_btn:hover{
  background: #f5710c;
  color: #fff;
  transition: 0.5s ease-in-out;
}

.custom_btn:hover{

  color: white;

  text-decoration: none;

  box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);

}

.index_service {

  /* background: linear-gradient(transparent,#0000007a 0),url(../img/home/bg.jpg); */

  background:url(../img/home/bg.jpg) no-repeat center;

  background-size: cover;

  color: #fff;

}

.index_service p{

  color:#ddd;

}

.index_service .card {

  color: #000;

  

}

.index_service .card p{

  color:#7A7A7A;

}

.index_service .card p{

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  line-clamp: 3;

  -webkit-box-orient: vertical;

  width: 100%;

}

.index_service .card .card-title{  

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  line-clamp: 1;

  -webkit-box-orient: vertical;

  width: 100%;

}

footer h4:after {

  content: "";

  height: 1.5px;

  width: 100%;

  display: block;

  background: #f5710c;

  margin: 15px 0px;

}



.footer_quick_link ul {

  padding: 0;

}

.footer_quick_link ul li:after {

  content: "";

  height: 15px;

  background: #c1cbd4;

  width: 2px;

  display: inline-block;

  margin: 0px 11px;

  position: relative;

  top: 2px;

}

.footer_quick_link ul li {

  display: inline;

}

.end_footer ul li a {

  color: #f5710c;

}

.end_footer ul li {

  display: inline;

  padding: 0px 7px;

}

.end_footer {

  background: #0d0f2c;

}

footer .container.py-5 {

  border-bottom: 1px solid #363851;

}

footer {

  background: #0d0f2c;

  color:#c1cbd4;

}

.index_project_div {

  display: grid;

  align-items: center;

  position: relative;

  background: #333;

  transition: all 0.3s;

}

.index_project_div:hover .project_caption{

  opacity: 1;

}

.index_project_div:hover img{

  opacity: 0.6;

}

.project_caption {

  text-align: center;

  position: absolute;

  opacity: 0;

  transition: all 0.3s;

  min-width: 100%;

}

.project_caption:before,.project_caption:after {

  content: "";

  position: absolute;

  width: 50px;

  height: 50px;

  border: solid #f5710c;

  border-width: 1px 1px 0 0;

  transition: all 0.3s;

}

.project_caption:before {

  top: -10px;

  transform: rotate(-90deg);

  left: 10px;

}

.project_caption:after {

  border-width: 0 0 1px 1px;

  bottom: -10px;

  right: 10px;

  transform: rotate(-90deg);

}

/*------------- go to top strat---------------*/

.scrollToTop {

  text-decoration: none;

  cursor: pointer;

  

  background: #f5710c;



  position: fixed;

  bottom: 50px;

  right: 10px;

  width: 40px;

  height: 40px;

  border-radius: 25px;

  display: none;

  z-index: 999;

}



.scrollToTop .fa-angle-up {

  color: #fff;

  font-size: 19px;

  padding-left: 12px;

  padding-top: 9px;

}

@media(min-width:992px){





.logodiv {

  color: #fff;

  display: flex;

  background: #fff;

  margin-bottom: -40px;

  border-radius: 100%;

  padding: 20px 10px;

  padding-top: 12px;

  margin-top: -40px;

  height: 120px;

}

}

.logodiv img {

  height: 80px;

}

.logodiv h3 {

  font-size: 25px;

  text-transform: uppercase;

  line-height: 1;

  margin: 0;

  padding: 0;

  display: flex;

  flex-direction: column;

  justify-content: center;

  color: #f5710c;

}

.logodiv h3 span {

  font-size: 16px;

  text-transform: capitalize;

  color: #000;

}

.nav-item.active a,.nav-item:hover a {

  color: #f5710c;

}

.nav-link {

  font-size: 16px;

  color: #f5710c;

  color: #000;

  text-transform: uppercase;

}



nav ul li:last-child a::after{

  width:0px;

  height: 0px;

}

header {

  position: absolute;

  z-index: 999;

  left: 0;

  right: 0;

}

.home .grid-container {

  min-height: 215.8px;

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

  background: #f5710c;

}

.project_caption {

  color: #fff;

}

a,a:hover {

  color: #f5710c;

}

.carousel-item::after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: rgba(0, 0, 0, 0.5);

}

.carousel-caption {

  text-align: left;

  position: absolute;

  top: 40%;

}

.caption-inner{

  max-width:500px;

}

.carousel-caption h1 {

  text-transform: uppercase;

  font-weight: bold;

  font-size: 2.3rem;

}

.btn-primary {

  color: #fff;

  background-color: #f5710c;

  border-color: #f5710c;

  border-radius: 0;

  text-transform: capitalize;

  padding: 5px 25px 10px 25px;

}

.btn-primary:hover {

  color: #fff;

  background-color: #0794b0;

  border-color: #0794b0;

}

.carousel-caption p {

  margin-top: 30px;



  margin-bottom: 30px;



}

.vendor.page-title-section {

  min-height: 350px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  position: relative;

}

.vendor.page-title-section h1{

  font-size: 2rem;

}

.vendor.page-title-section h5 span{

  font-weight: bold;

}

.agri-ul {

  list-style: none;

  display: flex;

  justify-content: center;

  margin-left: -40px;

  justify-content: center;

}

.agri-ul li, .agri-ul li a {

  font-size: 13px;

  text-transform: uppercase;

  color:#ddd;

}

.agri-ul li a {

  color: #f5710c;

  font-weight: bold;

}

.agri-ul li.break {

  margin: 0px 10px;

}

.vendor-content-area {

  position: relative;

  z-index: 2;

  margin-top: 150px;

}



.vendor.page-title-section::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: rgba(38, 2, 2, 0.7);

}

.pd50{

  padding-top:50px;

  padding-bottom: 50px;

}

.contactbox {

  background: #fff;

  padding-top: 50px;

  margin-top: -150px;

  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;

}

.contact-information {

  padding: 0px 40px;

  padding-bottom: 40px;

}

.contact-information a, .contact-information p {

  font-size: 16px;

  color: #8b8b8b;

}

.contact-information .email a {

  color: #7A7A7A;

  font-weight: bold;

}

.contact-information i {

  color: #f5710c;

  margin-right: 10px;

}

.form-group-style{

  position: relative;

}

.form-group-style input,.form-group-style textarea {

  width: 100%;

  padding: 10px 0;

  font-size: 16px;

  color: #7A7A7A;

  margin-bottom: 30px;

  border: none;

  border-bottom: 1px solid #fff;

  outline: none;

  background: transparent;

}

.form-group-style label {

  position: absolute;

  top:0;

  left: 15px;

  padding: 10px 0;

  font-size: 16px;

  color: #7A7A7A;

  pointer-events: none;

  transition: .5s;

}





.form-group-style input:focus ~ label, .form-group-style input:valid ~ label {

  top: -20px;

  left: 15px;

  color: #000;

  font-size: 14px;

}

.form-group-style textarea ~ label {

  top: -20px;

  left: 15px;

  /* color: #000; */

  /* font-size: 14px; */

}

.form-control::placeholder {

  color: #7A7A7A;

  opacity: 1;

}

.form-control {

  display: block;

  width: 100%;

  padding: .375rem .75rem;

  font-size: 1rem;

  line-height: 1.5;

  color: #7A7A7A;

  background-color: #fff;

  background-clip: padding-box;

  border: none;

  border-radius: 0;

  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.form-control:focus {

  color: #495057;

  background-color: #fff;

  border-color: #80bdff;

  outline: 0;

  box-shadow: none;

}

label {

  display: inline-block;

  margin-bottom: .5rem;

  font-size: 18px;

  color: #7A7A7A;

  text-transform: uppercase;

}

.btn-submit {

  background: #0d0f2c;

  color: #fff;

  border-radius: 0px;

  padding: 7px 30px;

}

.btn-submit:hover{
  background-color: #f5710c;
  color: #fff;
  transition:0.5s ease-in-out;
}



.contact-information h1 {

  line-height: 0.7;

  margin-bottom: 20px;

}

.contact-information h1 span {

  font-size: 20px;



}

.about h1 span{

  /* color:#ea1c21; */

  color:#f5710c;

  font-weight: bold;

}

.about p{

  color:#7A7A7A;

}

.subtitle {

  position: relative;

  color: #f5710c !important;

  font-size: 18px;

  text-transform: uppercase;

  font-weight: bold;

}

.bgwhite{

  background-color: #fff;

}



.aboutimg .img1 {

  width:70%;

  margin-right: auto;

  position: relative;

}

.aboutimg .img1::after {

  position: absolute;

  content: "";

  top: 20px;

  left: -20px;

  right: 20px;

  bottom: -20px;

  z-index: 2;

  border: 2.5px solid #f5710c;

  z-index: -1;

}

.aboutimg .img2 {

  width: 40%;

  margin: auto;

  overflow: hidden;

  position: absolute;

  bottom: 0px;

 right: 18%;

  z-index: 3;

  border:5px solid #f0f0f0;

}

.aboutimg {

  margin-bottom: 50px;

  padding-left: 20px;

}

.about .hightlight {

  display: flex;

  align-items: center;

  margin: 30px 0px;

}

.about .hightlight div{

  margin-right: 30px;

}

.about .hightlight h1{

  color:#0794b0;

}

.about .hightlight p{

  color:#000;

}

.about ul,.services ul{

  list-style: none;

  color:#080826;



}

.about ul li, .services ul li {

  position: relative;

  line-height: 1.5;

  padding-left: 10px;

  margin-bottom: 20px;

}

.about ul li::before , .services ul li::before {

  background: url('../img/home/sealogo-update.png') no-repeat center;

    background-size: auto;

  background-size: auto;

  position: absolute;

  content: "";

  width: 35px;

  height: 35px;

  left: -40px;

  background-size: 100%;

  border-radius: 5px;

}

.services img{

  border-radius: 20px;

}

.visionbox {

  background: #fff;

  padding: 50px 20px;

  min-height: 340px;

  transition: 0.3s ease-in-out;

}

.visionbox:hover{

  background: #0794b0;

  color:#fff;

}

.visionbox i{

  color:#0794b0;

  font-size: 30px;

}

.visionbox:hover p{

  color:#ddd;

}

.visionbox h3{

  position: relative;

  margin-bottom: 30px;

}

.visionbox h3:after{

  content:"";

  position: absolute;

  left: 0;

  bottom:-10px;

  width:50px;

  height: 2px;

  background-color: #0794b0;

  z-index: 2;

}

.visionbox:hover h3:after{

  background-color: #fff;

}

.visionbox i {

  color: #0794b0;

  font-size: 30px;

  background: #eee;

  padding: 10px;

  margin-bottom: 20px;

  border-radius: 10px;

}

.project-row{

  background-color: #fff;

  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;

}

.project-row .p-img img {

  max-height: 350px;

  width: 100%;

  object-fit: cover;

}

.pd50{

padding-top:50px;

padding-bottom:50px;

}

.mb50{

  margin-bottom: 50px;

}

.project-box {

  padding: 20px;

  border-bottom: 2px solid #f5710c;

  height: 100%;

}

.project-box .prjmore {

  background: #f5710c;

  color: #fff;

  width: 50px;

  display: inline-flex;

  height: 50px;

  justify-content: center;

  align-items: center;

  font-size: 22px;

  position: absolute;

  right: -25px;

  z-index: 9;

  bottom: 25px;

}

.project-box h3 {

  position: relative;

  margin-bottom: 22px;

}

.project-box h3::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -7px;

  width: 50px;

  height: 2px;

  background: #000;

  z-index: 999;

}

.projectdetails img {

  border: 2px solid #fff;

}

a[aria-expanded="true"] .fa-chevron-down,a[aria-expanded="false"] .fa-chevron-right{

  display: inline;

}

a[aria-expanded="false"] .fa-chevron-down,a[aria-expanded="true"] .fa-chevron-right{

  display: none;

}



.sl-overlay {

  background: #000;

}



.service-card .imgbox {

  width: 100px;

  height: 100px;

  padding: 20px;

  position: relative;

  background: rgba(255, 255, 255, 0.5);

  border: 4px solid #000;

}

.imgbox img:first-child {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  object-fit: cover;

  z-index: 999;

  content: "";

  width: 100%;

  height: 100%;

  z-index: -1;

  background: rgb();

}

.service-card {

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  margin-bottom: 30px;

}

.service-card::after {

  background: #fff;

  border: 1px solid #ddd;

  content: "";

  position: absolute;

  left: 15%;

  top: 0;

  bottom: 0;

  right: 0;

  z-index: -2;

}

.service-card .des {

  width: 70%;

  padding: 10px 15px;

}

.services p{

  color:#7A7A7A;

}

.mm-panel_has-navbar .mm-navbar {

  background: #f5710c;

  color: #fff;

}

.mm-listitem.mm-listitem_selected {

  color: #f5710c;

}

a:hover{

  text-decoration: none;

}

.mb30{

  margin-bottom: 30px;

}

.footer_quick_link ul li:last-child::after {

  background: transparent;

}

@media(max-width:1400px){

  .carousel-caption {

    text-align: left;

    position: absolute;

    top: 30%;

  }

}

@media(max-width:1199px){

  .carousel-caption h1 {

    text-transform: uppercase;

    font-weight: bold;

    font-size: 25px;

  }

  .carousel-caption p {

    margin-top: 30px;

    margin-bottom: 30px;

    font-size: 14px;

  }

}

@media (max-width:991px){

  header {

    position: unset;

    background-color: #fff;

  }

  nav ul li a::after {

    display: none;

  }

  .carousel-caption h1 {

    font-size: 21px;

  }

  .carousel-caption {

    text-align: left;

    position: absolute;

    top:20%;

  }

  .carousel-caption p {

    margin-top: 10px;

    margin-bottom: 10px;

  }

  .project-row .p-img img {

    max-height: 250px;

    width: 100%;

    object-fit: cover;

  }

  .project-box .prjmore {

    background: #f5710c;

    color: #fff;

    width: 50px;

    display: inline-flex;

    height: 50px;

    justify-content: center;

    align-items: center;

    font-size: 22px;

    position: absolute;

    right: 50%;

    z-index: 9;

    bottom: -25px;

  }

  .visionbox {

    background: #fff;

    padding: 10px 20px;

    min-height: 200px;

    transition: 0.3s ease-in-out;

    border-bottom: 1px solid #ddd;

  }

  /* .aboutimg .img1 {

    width: 70%;

    margin-left: 0;

    border-radius: 5px;

    overflow: hidden;

    position: relative;

    margin-right: auto;

  }

  .aboutimg .img2 {

    width: 40%;

    margin: auto;

    border-radius: 5px;

    overflow: hidden;

    position: absolute;

    bottom: 0px;

    left: unset;

    z-index: 3;

    right: 18%;

  } */

  .home .grid-container {

    min-height: 100.8px;

    margin-bottom: 10px;

  }

  .vendor.page-title-section {

    background-position: bottom;

    min-height: 200px;

  }

  .vendor.page-title-section h1{

    font-size: 20px;

  }

  .agri-ul li, .agri-ul li a {

    font-size: 14px;

  }

  .vendor-content-area {

    margin-top: 100px;

  }

  .contactbox {

    margin-top: -50px;

  }

}

@media (max-width:767px){

  .vendor.page-title-section {

    min-height: 150px;

  }

  .vendor-content-area {

    margin-top: 50px;

  }

  .project-box h3 {

    font-size: 20px;

  }

  .contact-information h1 {

    font-size: 23px;

  }

  .contact-us h3{

    font-size: 20px;

  }

}

@media (max-width: 666px) {

  .carousel-caption {

    text-align: left;

    position: absolute;

    top: 10%;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .carousel-caption p {

    display: none;

  }

  .carousel-caption h1 {

    font-size: 16px;

  }

  .btn-primary {

    color: #fff;

    background-color: #f5710c;

    border-color: #f5710c;

    border-radius: 0;

    text-transform: capitalize;

    padding: 2px 15px 5px 15px;

    font-size: 12px;

  }



}

.nav-item {

  display: flex;

  align-items: center;

}

@media (min-width: 992px) {

  .navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 1.5rem;

    padding-left: 1.5rem;

  }

}

footer div:first-child a {

  color: #fff;

}

.certificate-block {
  position: relative;
  max-width: 300px;
  margin: auto;
}

.certificate-block .inner-box::after {

  position: absolute;

  content: '';

  left: 0;

  right: 0;

  bottom: 10px;

  top: 50%;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);

  background-color: #fff;

}

.certificate-block .inner-box::before {

  position: absolute;

  content: '';

  left: 15px;

  right: 15px;

  bottom: 0;

  top: 50%;

  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);

}

.certificate-block .image::before {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  border: 4px solid transparent;

  transition: .5s;

}

.certificate-block .image {

  position: relative;

  display: inline-block;

  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);

  z-index: 9;

  margin: 40px;

  margin-bottom: 0;

  border: 4px solid #f5710c;

}

.certificate-block .content {

  position: relative;

  padding-top: 30px;

  padding-bottom: 35px;

  z-index: 9;

  text-align: center;

}

.certificate-block h4 {

  font-size: 18px;

  font-weight: 700;

  text-transform: uppercase;

  margin-bottom: 5px;

}

.vision .card-head button {

  width: 100%;

  text-align: left;

  border: 2px solid #eee;

  margin-bottom: 20px;

  background: #fff;

  color: #7F7F6F;

  border-radius: 0px;

  padding: 15px;

  font-size: 20px;

  text-transform: uppercase;

}

.vision .card-head button[aria-expanded="true"] {

  border-color: #f5710c;

  color: #000;

}

.vision .card-head button i {

  margin-right: 8px;

  display: inline-block;

  transform: rotate(45deg);

  color: #cecac4;

  transition: .5s;

}

.vision .card-head button[aria-expanded="true"] i{

  transform: rotate(0deg);

}

.btn.focus, .btn:focus {

  outline: 0;

  box-shadow: unset;

}

.vision::after {

  content: "";

  background: #f5710c;

  position: absolute;

  z-index: 1;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  transform: rotate(-33deg);

  overflow: hidden;

  height: 150%;

  width: 215%;

}

.vision {

  position: relative;





  overflow: hidden;



}

.vision .container{

  position: relative;

z-index: 2;

}

.vision .collapse-body {

  background: rgba(255, 255, 255, 0.9);

  padding: 20px;

}
.certificatelogo{
  max-width: 250px;
}

@media(min-width: 1200px){
  .mainlogo{
    max-width: 162px;
  }

}

@media(max-width: 1199px) and (min-width: 992px){
  .mainlogo{
    max-width: 160px;
  }
  .sealogo{
    max-width: 150px; 
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .content{
    min-height: 180px !important;
  }
}

@media (max-width:1200px) and (min-width:992px){

  .vision::after {

    content: "";

    background: #f5710c;

    position: absolute;

    z-index: 1;

    left: 0;

    right: 0;

    top: 5%;

    bottom: 0;

    transform: rotate(-45deg);

    overflow: hidden;

    height: 79%;

    width: 213%;

  }

}

@media (max-width:991px){

  .vision::after {

    content: "";

    background: #f5710c;

    position: absolute;

    z-index: 1;

    left: 0;

    right: 0;

    top: 50%;

    bottom: 0;

    transform: rotate(-33deg);

    overflow: hidden;

    height: 100%;

    width: 277%;

  }

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

  .vision::after {

    content: "";

    background: #f5710c;

    position: absolute;

    z-index: 1;

    left: 0;

    right: 0;

    top: 80%;

    bottom: 0;

    transform: rotate(-33deg);

    overflow: hidden;

    height: 100%;

    width: 277%;

  }

}
@media (max-width:500px){

  .vision::after {

    content: "";

    background: #f5710c;

    position: absolute;

    z-index: 1;

    left: 0;

    right: 0;

    top: 88%;

    bottom: 0;

    transform: rotate(-40deg);

    overflow: hidden;

    height: 365px;

    width: 200%;

  }

}

.contact-us p{

  color:#7A7A7A;

}

.contact-us a{

  color:#7A7A7A;

}

.contact-us i{

  font-size: 2rem;

  color:#f5710c;

}

.contact-us i {

  font-size: 23px;

  width: 30px;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-right: 15px;

}

.contact-us p.d-flex span {

  width: 70%;

}

.btn-submit {

  display: flex;

}

.btn-submit i{

  color: #fff;

  font-size: 16px;

}

.mm-listview .mm-listitem:nth-child(3) {

  display: none !important;

}

footer p, footer li, footer a {

  font-size: 14px;

}

.services .leftimg{

  height: 100%;

  object-fit: cover;

}

.process-box{

  position: relative;

}

.process-box::before {

  content: "";

  position: absolute;

  top: 0;

  left: 25px;

  bottom: 0;

  border-right: 3px dashed #ddd;

  z-index: -1;

}

.process-box .inner {

  display: flex;

  justify-content: center;

}

.process-box .inner .count {

  width: 40px;

  height: 40px;

  font-size: 22px;

  font-weight: bold;

  background: #0d0f2c ;

  color: #fff;

  border-radius: 100%;

  display: flex;

  align-content: center;

  justify-content: center;

  align-items: center;

  margin-right: 10px;

}

.process-box .inner .content {

  width: 90%;

}

@media (max-width:992px){

  /* .process-box {

    background: url(../img/services/ser1.jpg);

    border-radius: 20px;

    padding: 50px 20px;

    position: relative;

    overflow: hidden;

  }

  .process-box:after{

    content: "";

    background: rgba(0, 0, 0, 0.7);

    position: absolute;

    top: 0;

    left:0;

    right:0;

    bottom: 0;

    z-index: 1;

  }

  .process-box .inner{

    position: relative;

    z-index: 2;

  }

  .process-box p,.process-box h3,.process-box ul{

    color:#ddd;

  } 

  .process-box::before {

    content: "";

    position: absolute;

    top: 0;

    left: 37px;

    bottom: 0;

    border-right: 2px dashed #8c8787;

    z-index: 2;

  }*/

}

.value {

  background: url(../img/services/bg-section-4-1.png) no-repeat center right #0d0f2c;

  border-bottom: 1px solid #373853;

}

.value h3,.value ul li{

  color:#fff;

}

.value ul li::before {

  background: url('../img/home/sealogo-update.png') no-repeat center;

    background-size: auto;

  width: 33px;

  height: 33px;

  background-size: 100%;

}

.value p{

  color:#ddd;

}

@media (max-width:992px){

  .value {

    background: url(../img/services/bg-section-4-1.png) no-repeat bottom right #0d0f2c;

      background-size: auto;

    background-size: 33%;

    padding-bottom: 100px;

  }

  .h1, h1 {

    font-size: 2rem;

  }

  .h3, h3 {

    font-size: 1.5rem;

  }

  footer h4::after {

    content: "";

    height: 1px;

  }

}

.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid #eee;
  border-radius: .25rem;
  color: #000;
}