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

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

  .nav-link:hover{
    color: #28aa4a !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: #ff5e17; */
  background-color: #28aa4a;
  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: 10px;
}
.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: 18px;
  line-height: 22px;
  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; */
  background: #ffffff;
  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: 15px;
  line-height: 24px;
  padding: 13px 0;
  display: inline-block;
}

.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 .header-phone{
  font-weight: 600;
}

.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: 10px;
}

.header-top-bar .topbar-right ul .topbar-social a{
  font-size: 18px;
  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-image: linear-gradient(to right,#ff5e17,#fa360a); */
  background-image: linear-gradient(to right,#56a969,#28a745);
  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;
}


  .headerimagetopsection{
    background-color: rgba(0,0,0,0.3);
    background-image: url('../imgs/headerimg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: darken;
    height: 90vh;
  }

  .banner-content {
      position: relative !important;
      z-index: 2;
  }

  .banner-content-absolut {
    position: absolute;
    top: 150px;
}

  .subtitle {
    padding-left: 0;
    font-size: 16px;
    color: #fff;
    position: relative;
    padding: 0 17px;
    min-height: 33px;
    line-height: 32px;
    display: inline-block;
    letter-spacing: 1px;
    border: 2px solid #fff;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.banner-title {
  font-size: 46px;
  font-weight: 700;
  color: #fff;
  line-height: 50px;
  position: relative;
  /* padding-left: 20px; */
  margin-bottom: 20px;
}

.banner-content p {
    color: #FFF;
    font-size: 18px;
    max-width: 75%;
    width: 100%;
    margin-bottom: 27px;
}


.image-box {
  position: relative;
  display: block;
  overflow: hidden;
  height: 250px;
}

figure {
  margin: 0px;
}

.image-box:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    box-shadow: inset 0px -150px 50px -40px rgb(0 0 0 / 80%);
    z-index: 1;
    transition: all 500ms ease;
}

.image-box .category {
    position: absolute;
    display: inline-block;
    top: 20px;
    right: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #272727;
    font-weight: 700;
    background: #fff;
    padding: 4.5px 10px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 2;
    transition: all 500ms ease;
}

.link a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #757575;
    font-weight: 500;
    padding-top: 14px;
    z-index: 1;
}

.link a:before {
    position: absolute;
    content: '';
    background: url('../../assets/imgs/shape-2.png');
    width: 76px;
    height: 8px;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    background-repeat: no-repeat;
    transition: all 500ms ease;
}

.card-body h3 a {
    display: inline-block;
    color: #272727;
    font-weight: 600;
}


						.postionrela{
							position: relative;
						}

						.experienct-box {
							/* position: absolute; */
							/* top: -20px; */
							/* right: 0px; */
							max-width: 250px;
							width: 100%;
							background: #fff;
							padding: 10px 10px;
						}

						.experienct-box {
							border: 2px solid #28aa4a;
						}

						.experienct-box .inner {
						    position: relative;
						    background: #f6f6f6;
						    padding: 29px 30px 25px 25px;
						    display: flex;
						}

						.experienct-box .inner h2 {
					    font-size: 50px;
					    line-height: 50px;
					    margin-right:15px;
						}

						.experienct-box .inner p {
						    font-size: 16px;
						    line-height: 20px;
						    font-weight: 600;
						    position: relative;
						    top: 3px;
						}

            @media (max-width:600px) {
      				#headertop{
      					display: none;
      				}
      				.headerimagetopsection{
      					height: 90vh !important;
      				}

      				.header-right-button-displaynone {
      					display: none;
      				}
      			}

      			.titlehead p {
      			    position: relative;
      			    display: block;
      			    font-size: 16px;
      			    line-height: 26px;
      			    font-weight: 500;
      			    margin-bottom: 7px;
      			}

      			.titlehead p {
      			    color: #28aa4a;
      			}

      			.titlehead h2 {
      			    position: relative;
      			    display: block;
      			    font-size: 48px;
      			    line-height: 65px;
      			    font-weight: 700;
      			    margin: 0px;
      			}

            @media (max-width: 600px) {
              .titlehead h2 {
                font-size: 44px;
                line-height: 48px;
              }
            }

      			.inner-box .icon-box {
      			    position: relative;
      			    display: inline-block;
      			    width: 222px;
      			    height: 192px;
      			    line-height: 192px;
      			    text-align: center;
      			    font-size: 65px;
      			    color: #272727;
      			    transition: all 500ms ease;
      			    margin-bottom: 22px;
      			}

      			.inner-box .icon-box span {
      			    position: absolute;
      			    top: 3px;
      			    right: 4px;
      			    width: 67px;
      			    height: 67px;
      			    line-height: 67px;
      			    font-size: 20px;
      			    font-weight: 700;
      			    background: #272727;
      			    color: #fff;
      			    border-radius: 50%;
      			    text-align: center;
      			    z-index: 1;
      			}

      			.inner-box .icon-box .icon-shape {
      			    position: absolute;
      			    left: 0px;
      			    top: 0px;
      			    right: 0px;
      			    width: 222px;
      			    height: 192px;
      			    background-repeat: no-repeat;
      			}

      			.icon-box i{
      				font-size: 55px;
      			}

      			.texttt{
      				position: relative;
      		    display: block;
      		    font-size: 18px;
      		    line-height: 30px;
      		    font-weight: 400;
      		    margin-bottom: 23px;
      			}

      			.aboutp{
      				font-size: 20px;
      		    line-height: 36px;
      				color: #757575;
      				font-weight: 400;
      			}

      			.about-item h5 {
      			    position: relative;
      			    display: block;
      			    font-size: 18px;
      			    line-height: 26px;
      			    font-weight: 500;
      			    padding-left: 60px;
      			    margin-bottom: 13px;
      			}

      			.about-item h5:before {
      			    position: absolute;
      			    content: '';
      			    width: 23px;
      			    height: 2px;
      			    left: 27px;
      			    top: 12px;
      			}
      			.about-item h5:before {
      			    background: #28aa4a;
      			}

      			.about-item h5 span {
      			    position: absolute;
      			    left: 0px;
      			    top: 0px;
      			    font-weight: 700;
      			}
      			.about-item h5 span {
      			    color: #28aa4a;
      			}

      			.about-item p {
      			    font-size: 16px;
      			    line-height: 30px;
      			    color: #757575;
      			    font-weight: 400;
      			    margin: 0px;
      			    transition: all 500ms ease;
      			}

      			.abt-img:before {
      			    position: absolute;
      			    content: '';
      			    width: 95%;
      			    height: 10px;
      			    left: 0px;
      			    bottom: 0px;
      			}
      			.abt-img:before {
      			    background: #28aa4a;
      			}

            @media (max-width:600px) {
              .abt-img:before {
        			    background: #fff !important;
        			}
            }

            .btn-box {
        			position: relative;
        			opacity: 1;
        			transform: translateY(0);
        			transition-delay: 1300ms;
        		}

        		.btn-box .theme-btn-one {
        		    padding: 13px 39px;
        		}

        		.theme-btn-one {
        		    position: relative;
        		    display: inline-block;
        		    font-size: 12px;
        		    line-height: 26px;
        		    font-weight: 700;
        		    color: #fff !important;
        		    text-align: center;
        		    padding: 14.5px 31px;
        		    letter-spacing: 1px;
        		    text-transform: uppercase;
        		    z-index: 1;
        		}

        		.theme-btn-one {
        		    background: #28aa4a;
        		}

        		a {
        		    text-decoration: none;
        		    -webkit-transition: all 500ms ease;
        		}

        		.theme-btn-one:before {
        		    position: absolute;
        		    content: '';
        		    width: 0%;
        		    height: 100%;
        		    background: #272727;
        		    left: 0px;
        		    top: 0px;
        		    z-index: -1;
        		    transition: all 500ms ease;
        		}

        		.theme-btn-one:hover:before {
        		    width: 100%;
        		}

            @media (max-width:600px) {
              .headerimagetopsection{
                background-position: 70% 20% !important;
              }
            }

            .counter-inner {
              /* position: absolute;
              left: 0px;
              top: 9px; */
              /* width: 215px; */
              border: 2px solid rgba(255,255,255,0.2);
              padding: 10px;
            }

            .counter-inner .inner-box {
                position: relative;
                background: rgba(31,31,31,0.8);
                text-align: center;
                /* padding: 37px 30px 31px 30px; */
            }

            .counter-inner .inner-box .icon-box {
                position: relative;
                font-size: 65px;
                line-height: 65px;
                margin-bottom: 8px;
            }

            .counter-inner .inner-box .icon-box .fa-user{
                font-size: 75px;
                color: #fff;
            }

            .counter-inner .inner-box .icon-box .fa-star{
                font-size: 20px;
                color: #ffc107;
                padding-bottom: 10px;
            }

            .counter-inner .inner-box .count-outer {
                position: relative;
                display: block;
                font-size: 40px;
                line-height: 50px;
                color: #fff;
                margin-bottom: 3px;
            }

            .counter-inner .inner-box p {
                font-size: 14px;
                line-height: 24px;
                font-weight: 500;
                color: #a7a7a7;
            }

            .colorsection{
              background-image:url('../../assets/imgs/progress-1.jpg');
              background-repeat: no-repeat;
              background-size: cover;
              background-color: rgba(0,0,0,0.7);
              background-blend-mode: darken;
            }

            .progress-box {
              margin-bottom: 26px;
              position: relative;
            }

            .content_block_4 .content-box .progress-inner .progress-box h5 {
                  position: relative;
                  display: block;
                  font-size: 18px;
                  line-height: 28px;
                  color: #fff;
                  font-weight: 700;
                  margin-bottom: 9px;
              }

              .progress-box .bar {
                  position: relative;
                  width: 100%;
                  height: 8px;
                  background: rgba(255,255,255,0.1);
                  border-radius: 0px;
              }

              .progress{
                height: 0.5rem;
              }

    footer{
      background-color: rgba(0,0,0,0.9);
      background-image: url('../imgs/footer.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-blend-mode: darken;
    }

    .footer-social {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .footer-social li {
  display: inline-block;
  margin-right: 1px;
  padding-bottom: 0;
  transition: all 0.3s ease-in-out;
}

footer ul li {
  margin-bottom: 9px;
  /* padding-bottom: 9px; */
  position: relative;
  line-height: 1.6;
}

.footer-social li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  /* background-color: #efefef; */
  color: #fff;
  width: 30px;
  height: 30px;
  font-size: 18px;
  transition: all 0.3s ease-in-out;
}

footer ul li a {
  text-decoration: none;
}


  .widgettitle {
    color: #fff;
    position: relative;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 25px;
    padding-bottom: 20px;
  }

  .widgettitle:before {
      content: "";
      height: 4px;
      width: 15px;
      background-color: #56a969;
      position: absolute;
      bottom: 0;
      left: 0;
      border-radius: 10px;
      border: none;
  }

  .widgettitle:after {
      content: "";
      height: 4px;
      width: 34px;
      background-color: #28aa4a;
      position: absolute;
      bottom: 0;
      left: 21px;
      border-radius: 10px;
      border: none;
  }

  .footer-links ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
  }

  .footer-links ul li {
      margin-bottom: 9px;
      padding-bottom: 9px;
      position: relative;
      line-height: 1.6;
      font-size: 17px;
  }

  .footer-links ul li a {
      color: #bbb;
      padding-left: 15px;
      display: inline-block;
      position: relative;
      transition: all 0.3s ease-in-out;
  }

  .footer-links ul li a::before {
      color: #bbb;
      content: "\f105";
      font-family: "Font Awesome 5 Free";
      font-weight: 600;
      font-size: 16px;
      position: absolute;
      top: 0;
      left: 0;
      transition: all 0.3s ease 0s;
      transform: translateX(0);
  }

  .footer-contact ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
  }

  .footer-contact ul li {
      margin-bottom: 9px;
      padding-bottom: 9px;
      position: relative;
      line-height: 1.6;
      color: #bbb !important;
      font-weight: 400;
      font-size: 17px;
  }

  .footer-contact ul li i {
      color: #fff;
      font-size: 18px;
      margin-right: 12px;
      position: relative;
      top: 1px;
  }

  .footer-contact ul li a {
      color: #bbbbbb!important;
  }


  		/* Absolute Center Spinner */
  				.loading {
  				position: fixed;
  				z-index: 999;
  				height: 2em;
  				width: 2em;
  				overflow: show;
  				margin: auto;
  				top: 0;
  				left: 0;
  				bottom: 0;
  				right: 0;
  				}

  				/* Transparent Overlay */
  				.loading:before {
  				content: '';
  				display: block;
  				position: fixed;
  				top: 0;
  				left: 0;
  				width: 100%;
  				height: 100%;
  				background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
  				background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
  				}

  				/* :not(:required) hides these rules from IE9 and below */
  				.loading:not(:required) {
  				/* hide "loading..." text */
  				font: 0/0 a;
  				color: transparent;
  				text-shadow: none;
  				background-color: transparent;
  				border: 0;
  				}

  				.loading:not(:required):after {
  				content: '';
  				display: block;
  				font-size: 10px;
  				width: 1em;
  				height: 1em;
  				margin-top: -0.5em;
  				-webkit-animation: spinner 150ms infinite linear;
  				-moz-animation: spinner 150ms infinite linear;
  				-ms-animation: spinner 150ms infinite linear;
  				-o-animation: spinner 150ms infinite linear;
  				animation: spinner 150ms infinite linear;
  				border-radius: 0.5em;
  				-webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  				box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
  				}

  				/* Animation */

  				@-webkit-keyframes spinner {
  				0% {
  					-webkit-transform: rotate(0deg);
  					-moz-transform: rotate(0deg);
  					-ms-transform: rotate(0deg);
  					-o-transform: rotate(0deg);
  					transform: rotate(0deg);
  				}
  				100% {
  					-webkit-transform: rotate(360deg);
  					-moz-transform: rotate(360deg);
  					-ms-transform: rotate(360deg);
  					-o-transform: rotate(360deg);
  					transform: rotate(360deg);
  				}
  				}
  				@-moz-keyframes spinner {
  				0% {
  					-webkit-transform: rotate(0deg);
  					-moz-transform: rotate(0deg);
  					-ms-transform: rotate(0deg);
  					-o-transform: rotate(0deg);
  					transform: rotate(0deg);
  				}
  				100% {
  					-webkit-transform: rotate(360deg);
  					-moz-transform: rotate(360deg);
  					-ms-transform: rotate(360deg);
  					-o-transform: rotate(360deg);
  					transform: rotate(360deg);
  				}
  				}
  				@-o-keyframes spinner {
  				0% {
  					-webkit-transform: rotate(0deg);
  					-moz-transform: rotate(0deg);
  					-ms-transform: rotate(0deg);
  					-o-transform: rotate(0deg);
  					transform: rotate(0deg);
  				}
  				100% {
  					-webkit-transform: rotate(360deg);
  					-moz-transform: rotate(360deg);
  					-ms-transform: rotate(360deg);
  					-o-transform: rotate(360deg);
  					transform: rotate(360deg);
  				}
  				}
  				@keyframes spinner {
  				0% {
  					-webkit-transform: rotate(0deg);
  					-moz-transform: rotate(0deg);
  					-ms-transform: rotate(0deg);
  					-o-transform: rotate(0deg);
  					transform: rotate(0deg);
  				}
  				100% {
  					-webkit-transform: rotate(360deg);
  					-moz-transform: rotate(360deg);
  					-ms-transform: rotate(360deg);
  					-o-transform: rotate(360deg);
  					transform: rotate(360deg);
  				}
  				}




.services .wrapper {
  margin: 10vh;
}

.services .card {
  border: none;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  overflow: hidden;
  border-radius: 20px;
  min-height: 450px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
  .services .card {
    min-height: 350px;
  }
}
@media (max-width: 420px) {
  .services .card {
    min-height: 300px;
  }
}
.services .card.card-has-bg {
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  background-size: 120%;
  background-repeat: no-repeat;
  background-position: center center;
}
.services .card.card-has-bg:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: inherit;
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.services .card.card-has-bg:hover {
  transform: scale(0.98);
  box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.3);
  background-size: 130%;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.services .card.card-has-bg:hover .card-img-overlay {
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
  background: #234f6d;
  background: linear-gradient(0deg, rgba(4, 69, 114, 0.5) 0%, #044572 100%);
}
.services .card .card-footer {
  background: none;
  border-top: none;
}
.services .card .card-footer .media img {
  border: solid 3px rgba(255, 255, 255, 0.3);
}
.services .card .card-meta {
  color: #26bd75;
}
.services .card .card-body {
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.services .card:hover {
  cursor: pointer;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
}
.services .card:hover .card-body {
  margin-top: 30px;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
}
.services .card .card-img-overlay {
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
  background: #234f6d;
  background: linear-gradient(0deg, rgba(35, 79, 109, 0.3785889356) 0%, #455f71 100%);
}