@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

:root {

  --vs_primary-color: #000000;

  --vs_secondary-color: #23398e; 

  --vs_heading-font: "Outfit", sans-serif;

  --vs_body-font: "Rubik", sans-serif;

  --blue: #23398e;

  --lightgreen: #9bff00;

  --darkgreen: #79c207;

  --grey: #f7f7f7;

  --black: #000;

  --white: #fff;

}

html {

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  overflow-x: hidden; }



* {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  outline: none;

  -moz-osx-font-smoothing: grayscale;

  /* Firefox */

  -webkit-font-smoothing: antialiased;

  /* WebKit  */ 

}

body {

  color: var(--black);

  font-weight: 400;

  font-style: normal;

  font-size: 18px; 

  font-family: var(--vs_body-font);

  line-height: 1.6;

  margin: 0 auto; 

  position: relative;

}

h1, .h1 {

  font-size: 42px;

  line-height: 1.2; }



h2, .h2 {

  font-size: 36px; }



h3, .h3 {

  font-size: 28px; }



h4, .h4 {

  font-size: 24px; }



h5, .h5 {

  font-size: 22px; }



h6, .h6 {

  font-size: 20px; }



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

  color: var(--black);

  clear: both;

  font-family: var(--vs_heading-font);

  font-weight: 600;

  line-height: 1.4;

  margin-bottom: 5px;  

  letter-spacing: 0.5px;

}

p {

  color: var(--black);

  margin-bottom: 0.5em;

}

b, strong {

  font-weight: 600;

}

.black-bg {

  background-color: var(--black);

}

.grey-bg {

  background-color: var(--grey);

}

.text-black {

  color: var(--black);

}

.text-white {

  color: var(--white);

}

.vs-btn {  

  padding: 10px 22px;

  border: 1px solid var(--blue);

  font-size: 16px;

  line-height: 24px;

  font-weight: 600;

  transition: all 0.4s ease-in-out;

  color: var(--white);

  position: relative;

  border-radius: 5px;

  overflow: hidden;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  border-radius: 50px;

}

.vs-btn:hover {

  border: 1px solid var(--blue);

  text-decoration: none;

}

.btn--primary {

  z-index: 1;

  color: var(--white);

  background-color: var(--blue);

}

.btn--secondary {

  z-index: 1;

  color: var(--white);

  background-color: var(--darkgreen);

  border-color: var(--darkgreen);

}

.btn--primary:hover {

  color: var(--white);

  background-color: var(--darkgreen);

  border-color: var(--darkgreen); 

}

.btn--secondary:hover { 

  color: #fff;

  background-color: var(--blue);

  border-color: var(--blue); 

}

.btn--white {

  z-index: 1;

  color: var(--white);

  border: 1px solid var(--white);

}

.btn--white:hover {

  border: 1px solid var(--darkgreen);

  color: var(--white);

  background-color: var(--darkgreen);

}

.btn--green {

  z-index: 1;

  color: var(--darkgreen);

  border: 1px solid var(--darkgreen);

}

.btn--green:hover {

  border: 1px solid var(--darkgreen);

  color: var(--white);

  background-color: var(--darkgreen);

}

.btn--blue {

  z-index: 1;

  color: var(--blue);

  border: 1px solid var(--blue);

}

.btn--blue:hover {

  border: 1px solid var(--blue);

  color: var(--white);

  background-color: var(--blue);

}

.pad-tb {

  padding: 50px 0;

}

.section-title {

  margin-bottom: 1rem;

}

.section-title.text-center {

  margin-bottom: 15px; 

  position: relative;

}

.section-title.text-left {

  margin-bottom: 15px;

  position: relative;

}

.section-title.text-left h2, .section-title.text-center h2 {

  padding-bottom: 15px;

  color: var(--blue);

  position: relative;

}

.section-title.text-left h2:before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 65px;

  height: 4px;

  background: var(--darkgreen);

}

.section-title.text-center h2:after {

  content: "";

  position: relative;

  margin: 15px auto 0;

  bottom: 0;

  width: 65px;

  height: 4px;

  background: var(--darkgreen);    

  display: block;

}

.top_bar {

  background: var(--blue); 

  padding: 5px 0; 

  overflow: hidden;

}

.top_bar ul {

  margin-bottom: 0;

  list-style: none;

  float: right;

  position: relative;

  color: var(--white);

  z-index: 999;

  margin-left: 0;

  padding-inline-start: 0; 

  margin-right: 0px; 

}

.top_bar ul > li {

  margin-left: 15px;

  float: left;    

  line-height: 1.4;

}

.top_bar ul > li a {

  color: var(--white); 

  font-size: 17px;

  position: relative;

  padding-right: 15px;

}

.top_bar ul > li a:after {

  position: absolute;

  content: "";

  top: 0;

  right: 0;

  border-right: 1px solid #eee;

  width: 100%;

  height: 100%;

  margin-left: 15px;

}

.top_bar ul > li:last-child a:after {

  display: none;

}

.top_bar ul > li a i {

  margin-right: 8px;

}

.top_bar ul > li a:hover, .top_bar a:hover {

  text-decoration: none;

}

.top_bar ul > li:last-child a {

  padding-right: 0px;

}

header .header-logo {

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  -ms-transition: 0.4s;

  -o-transition: 0.4s;

}

header {

  background: #fff;

  -webkit-box-shadow: 3px 2px 5px 0px rgba(83, 83, 83, 0.4);

  box-shadow: 3px 2px 5px 0px rgba(83, 83, 83, 0.4); 

  z-index: 99999;

  padding: 5px 0;

}

header .main-menu > li {

  position: relative;

}

header .main-menu > li > a {

  color: var(--black);

  padding: 8px 1.5vw;

  display: block;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  -ms-transition: 0.4s;

  -o-transition: 0.4s;

}

header .main-menu > li.active > a {

  color: var(--blue);

}

header .main-menu > li:hover > a {

  color: var(--blue);

  text-decoration: none;

}

header .main-menu > li > a > i {

  color: var(--blue);

}

header .main-menu > li > a:hover > i {

  color: #fff;

}

header .main-menu > li:hover > a i {

  color: #fff;

}

header .main-menu > li:last-child > a { 

  background: var(--darkgreen);

  color: #fff;

  border-radius: 50px;

}

header .main-menu .sub-menu {

  display: none;

  position: absolute;

  left: 50%;

  top: 100%;

  width: 285px;

  overflow: hidden;

  border-top: 2px solid var(--blue);

  background: #fff;

  -webkit-box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.2);

  box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.2);

  z-index: 5;

  transform: translateX(-50%);

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

}

header .main-menu .sub-menu a {

  padding: 8px 10px;

  display: block;

  color: var(--black);

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  -ms-transition: 0.4s;

  -o-transition: 0.4s;

}

header .main-menu .sub-menu a i {

  color: var(--black);

}

header .main-menu .sub-menu a:hover {

  background: var(--blue);

  color: #fff;

  text-decoration: none;

}

header .main-menu > li:hover .sub-menu {

  display: block;

}

header .header-logo figure img {

  max-width: 200px;

}

header .demo-link {

  margin-left: 1vw;

}

header .side-menu-close {

  background: transparent;

}

header .side-menu-close span {

  background: var(--black);

  width: 28px;

}

/* side menu */

.side-menu-wrap {

  width: 300px;

  position: fixed;

  right: -100%;

  top: 0;

  background: #fff;

  height: 100%;

  -webkit-box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.2);

  box-shadow: 0 1px 5px 0 rgba(83, 83, 83, 0.2);

  overflow-y: auto;

  z-index: 999999;/*15000*/

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  -ms-transition: 0.4s;

  -o-transition: 0.4s;

}

.side-menu-wrap.opened {

  right: 0;

  transition: 0.8s;

  -webkit-transition: 0.8s;

  -moz-transition: 0.8s;

  -ms-transition: 0.8s;

  -o-transition: 0.8s;

}

.side-menu-logo {

  border-bottom: 2px solid var(--grey-bg);

  padding-left: 0.5rem;

  display: none!important;

}

.side-menu-nav .main-menu > li {

  position: relative;

  border-bottom: 1px solid #ccc;

}

.side-menu-nav .main-menu > li > a > i {

  color: var(--black);

}

.side-menu-nav .main-menu .sub-menu {

  border-top: 1px solid var(--green);

  background: #fff;

  display: none;

}

.side-menu-nav .main-menu .sub-menu li {

  border-bottom: 1px solid #ccc;

}

.side-menu-nav .main-menu .sub-menu a {

  padding: 10px 22px;

  display: block;

  color: var(--black);

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  -ms-transition: 0.4s;

  -o-transition: 0.4s;    

  font-size: 15px;

  text-transform: uppercase;

}

.side-menu-nav .main-menu .sub-menu a i {

  color: var(--black);

}

.side-menu-nav .main-menu .sub-menu ~ i {

  font-size: 0.8em;

  position: absolute;

  padding: 21px 11px;

  right: 0;

  top: 0;

  border-left: 1px solid #ccc;

}

.side-menu-nav .main-menu .sub-menu a:hover {

  background: #f5f5f5;

}

.side-menu-nav .main-menu > li > a {

  color: #000000;

  font-size: 15px;

  text-transform: uppercase;

  padding: 15px 20px 15px 20px;

  display: block;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  -ms-transition: 0.4s;

  -o-transition: 0.4s;

}

.side-menu-nav .main-menu > li > a:hover {

  text-decoration: none;

}

.side-menu-wrap .side-menu-close {

  position: absolute;

  right: 0;

  top: 0;

  height: 30px;

  width: 30px;

  border-radius: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  -ms-border-radius: 0;

  -o-border-radius: 0;

}

.side-menu-close {

  height: 40px;

  width: 40px;

  background: var(--blue); 

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

}

.side-menu-close span {

  height: 2px;

  width: 20px;

  background: var(--white);

  position: relative;

  opacity: 1;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  -ms-transition: 0.4s;

  -o-transition: 0.4s;

}

.side-menu-close span:nth-child(1) {

  top: -5px;

}

.side-menu-close span:nth-child(3) {

  bottom: -5px;

}

.side-menu-close.closed span:nth-child(1) {

  transform: translateY(7px) rotate(45deg);

  -webkit-transform: translateY(7px) rotate(45deg);

  -moz-transform: translateY(7px) rotate(45deg);

  -ms-transform: translateY(7px) rotate(45deg);

  -o-transform: translateY(7px) rotate(45deg);

}

.side-menu-close.closed span:nth-child(2) {

  opacity: 0;

}

.side-menu-close.closed span:nth-child(3) {

  transform: translateY(-7px) rotate(-45deg);

  -webkit-transform: translateY(-7px) rotate(-45deg);

  -moz-transform: translateY(-7px) rotate(-45deg);

  -ms-transform: translateY(-7px) rotate(-45deg);

  -o-transform: translateY(-7px) rotate(-45deg);

}

/*  custom overlay */

.custom-overlay {

  position: fixed;

  left: 0;

  top: 0;

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

  z-index: 12500;

  visibility: hidden;

  opacity: 0;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  -ms-transition: 0.4s;

  -o-transition: 0.4s;

}

.custom-overlay.show {

  visibility: visible;

  opacity: 1;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -moz-transition: 0.4s;

  -ms-transition: 0.4s;

  -o-transition: 0.4s;

}

/**/

.breadcrumb_wrap {

  padding: 45px 0;

  background-color: var(--darkgreen);

  position: relative;

}

.breadcrumb_title h1 {

  text-transform: uppercase;

  font-size: 38px;

  color: var(--white);

  position: relative;

  margin-bottom: 0;

}

label {

  display: block;

}

.form-control {

  border: 1px solid #ccc;   

  padding: 0.5rem 0.75rem;

  color: var(--black);    

  height: 52px;

}

.form-control:focus {

  box-shadow: none;

  border: 1px solid var(--blue);

}

textarea.form-control {

  height: 170px;

}

.img-wrap {

  border-radius: 10px;

  position: relative;

  overflow: hidden;

}

.img-wrap img {

  transition: 0.2s linear;

}

.img-wrap:hover img {

  transform: scale(1.08);

}

ul.vs-list {

  list-style: none;

  padding: 0;

  margin-bottom: 0;

}

ul.vs-list > li {

  margin-bottom: 5px;  

  position: relative;

  padding-left: 28px;

}

ul.vs-list > li:before {

  font-family: "Font Awesome 6 Free";

  content: "\f14a";/*f560 f14a f058 f105 f054*/

  position: absolute;

  left: 0;

  font-weight: 400;

  color: var(--darkgreen);

}

.call_toaction {

  display: none;

}

/*banner*/

.banner-section{

  position: relative;

}

.banner-carousel .slide-item {

  position: relative;

  overflow: hidden;

  min-height: 880px; /*700px*/

}

.banner-carousel .slide-item .image-layer {

  position: absolute;

  left: 0px;

  top: 0px;

  right: 0px;

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  -webkit-transition: all 6000ms linear;

  -moz-transition: all 6000ms linear;

  -ms-transition: all 6000ms linear;

  -o-transition: all 6000ms linear;

  transition: all 6000ms linear;

}

.slider-content.style-two {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 100%; 

  z-index: 10;

}

.slider-main-title {

  text-align: center;

  max-width: 1400px;

  margin: 0px auto;

}

.slider-main-title h2, .slider-main-title h1 {

  font-size: 60px;

  color: #FFF;

  font-weight: 700;

  line-height: 70px;

  text-transform: uppercase;

  margin-block-start: 0;

  margin-block-end: 0;    

  margin-bottom: 0; /*30px*/

  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);

}

.banner-section .container {

  max-width: 100%;

  margin: 0;

  padding: 0;

}

.banner-carousel .slide-item:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

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

  z-index: 1;

} 

.banner-section .owl-carousel .owl-nav button:hover, 

.banner-section .owl-carousel .owl-nav button:focus {

  outline: 0;

}

.banner-section .owl-carousel .owl-nav button.owl-prev {

  left: 50px;

}

.banner-section .owl-carousel .owl-nav button.owl-next {

  left: unset;

  right: 50px;

}

.banner-section .owl-carousel .owl-nav button.owl-prev span, 

.banner-section .owl-carousel .owl-nav button.owl-next span {

  font-size: 45px;

  color: #ccc;

}

.banner-section .owl-carousel .owl-nav button.owl-prev span:hover, 

.banner-section .owl-carousel .owl-nav button.owl-next span:hover {

  color: #fff;

}

.banner-section .owl-carousel .owl-nav button {

  position: absolute;

  top: 48%;

}

/**/

.services-wrap {

  background: var(--blue);

  padding: 50px 0 50px;

  position: relative;

  overflow-x: hidden;

}

.services-wrap .row a {

  float: right;

}

.services-wrap .section-title.text-left h2 {

  color: #fff;

}

.services-item {

  --space: 75px;/*20*/

  position: relative;

  background: #ffffff;

  padding: 15px 15px 15px 15px;

  z-index: 2;

  margin-top: 10px;

  -webkit-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

  margin-bottom: 30px;

  text-align: center;

}

.services-item_img {

  position: relative;

  text-align: center;

  margin-bottom: 15px;

  max-height: unset;

  overflow: hidden;

}

.services-item_img img {

  transition: 0.2s linear;

}

.services-item:hover .services-item_img img {

  transform: scale(1.04);

}

.services-item_title {

  font-weight: 600;

  text-align: center;  

  margin: 0 0 8px;

}

.services-item:hover .services-item_title {

  color: var(--blue);

}

.services-view-all {

  display: none;

}

.services-carousel.owl-carousel .owl-nav button.owl-next, 

.services-carousel.owl-carousel .owl-nav button.owl-prev {

  position: absolute;

  top: 45%;

}

.services-carousel.owl-carousel .owl-nav button.owl-prev {

  left: -48px;

}

.services-carousel.owl-carousel .owl-nav button.owl-next {

  right: -48px;

}

.services-carousel.owl-carousel .owl-nav button.owl-next span, 

.services-carousel.owl-carousel .owl-nav button.owl-prev span {

  background-color: #fff;

  width: 40px;

  height: 40px;

  line-height: 40px;

}

.services-carousel.owl-carousel .owl-nav button.owl-next span:hover, 

.services-carousel.owl-carousel .owl-nav button.owl-prev span:hover {

  background-color: var(--darkgreen);

  color: var(--white);

}

.services-carousel.owl-carousel .owl-nav button.owl-next:focus, 

.services-carousel.owl-carousel .owl-nav button.owl-prev:focus {

  box-shadow: none;

  outline: none;

}

/**/

.footer {

  position: relative;

  background-color: var(--blue); 

  margin-top: 0px; 

}

.footer-logo p {

  color: #fff;

  margin-bottom: 0;

  margin-top: 10px;

}

.footer-logo img {

  width: 220px;

}

.footer-top {

  padding: 40px 0 30px;

  position: relative;

}

.footer-top .col-off-40 {

  margin-left: -40px;

  margin-right: 40px; 

}

.footer-top .col-pad-20 {

  padding-left: 45px;

}

.footer-widget {

  margin-bottom: 15px;

}

.footer-widget h3 {

  color: var(--white);

  padding-bottom: 12px;

  margin-bottom: 20px;

  position: relative;

  font-weight: 500;

}

.footer-widget h3:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 50px;

  height: 3px;

  background: var(--lightgreen);

}

.footer-widget ul {

  list-style: none;

  padding: 0;

}

.footer-widget ul.widget-links > li {

  margin-bottom: 10px;

}

.footer-widget ul.widget-links > li a {

  color: var(--white);

  position: relative;

  padding-left: 25px;

  display: block;

} 

.footer-widget ul.widget-links > li a:hover {

  color: var(--white);

  text-decoration: none;

} 

.footer-widget ul.widget-links > li a:before {

  font-family: "Font Awesome 6 Free";

  content:"\f105";/*"\f0da"*/

  position: absolute;

  left: 0;

  font-weight: 600;

}

.icn_txt {

  position: relative;

  display: block;

  margin-bottom: 5px;

}

.icn {

  position: absolute;

  left: 0;

  color: #fff;

}

.txt {

  padding-left: 30px;

  color: #fff;

}

.footer-bottom {

  border-top: 1px solid #394d9e; 

  padding: 15px 0;position: relative;

}

ul.social-links > li {

  display: inline-block;

  margin-right: 5px;

}

ul.social-links > li a {

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  background: var(--lightgreen);

  color: var(--blue);

  display: inline-block;

  font-size: 16px;

  border-radius: 50%;

}

ul.social-links > li a:hover {

  background: var(--white); 

}

.footer-bottom ul {

  margin-bottom: 0;

  float: right;

  margin-right: 30px;

}

.footer-widget h3.widget_title_one {

  opacity: 0;

} 

.design-by {

  display: none;

}

.bg-white {

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

  background: #fff;

}

.contact-form {

  padding: 50px 0 60px;

  background: #f7f7f7;

}

.contact-form textarea.form-control {

  height: 130px;

} 

label {

  margin-bottom: .2rem;

}   

.contact-form .form-group a {

  color: var(--green);

  text-decoration: underline;

}

.contact-form .vs-btn {

  padding: 10px 30px;

}

.gallery-fancybox a.fancybox {

  display: block;

  position: relative;

  margin: 15px 0;

  background: #ffffff;

  padding: 15px 15px 15px 15px;

  -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);

}

.gallery-fancybox img {

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease;

}

.gallery-fancybox .grid-img-overlay {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background: rgb(35 57 142 / 90%); 

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  opacity: 0;

}

.gallery-fancybox .grid-img-overlay i {

  color: #fff;

  font-size: 35px;

  display: flex;

  justify-content: center;

  position: relative;

  height: 100%;

  align-items: center;

}

.gallery-fancybox a.fancybox:hover .grid-img-overlay {

  opacity: 1;

}

.thanks-sec {

  text-align: center;

  border-top: 1px solid #e1e1e1;

  padding: 55px 0;

}

.thanks-sec h2 {

  margin-top: 20px;

  margin-bottom: 15px;

  color: #211d21;

  font-size: 48px;

}

.thanks-sec h3 {

  font-size: 28px;

  line-height: 36px;

  margin-bottom: 20px;

  color: #000;

  font-weight: 500;

}

.contact-box-wrap {

  text-align: center;

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

  background: #fff;

  padding: 20px 15px;

  border-radius: 5px;

}

.contact-box-wrap:hover h3 {

  color: var(--blue);

}

.contact-box-wrap { 

  min-height: 280px;

}

.contact-icon {

  font-size: 35px;

  position: relative;

  width: 85px;

  height: 85px;

  line-height: 85px;

  background: var(--blue);

  text-align: center;

  border-radius: 50%;

  margin-right: 0;

  display: inline-block;

  margin-bottom: 22px;

  color: var(--lightgreen);

}

.contact-icon::before {

  content: "";

  position: absolute;

  inset: -5px;

  border: 2px solid var(--blue);

  border-radius: 50%;

}

.contact-box-wrap p a {

  color: var(--black);

}

.contact-box-wrap p a:hover {

  color: var(--blue);

}

/**/

.about-section-wrap.pad-tb {

  padding: 80px 0 50px; 

}

.about-section-wrap ul.vs-list {

  margin-bottom: 15px;

}

.about_img {

  position: relative;

  display: block;

  max-width: 100%;

  width: 100%;

  margin-left: 20px;

  z-index: 1;

}

.about_img .shape1 {

  position: absolute;

  top: -40px;

  left: -40px;

  z-index: -1;

}

.zoom-fade {

  animation-name: zoom-fade;

  animation-duration: 5s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -webkit-animation-name: zoom-fade;

  -webkit-animation-duration: 5s;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

  -moz-animation-name: zoom-fade;

  -moz-animation-duration: 5s;

  -moz-animation-iteration-count: infinite;

  -moz-animation-timing-function: linear;

  -ms-animation-name: zoom-fade;

  -ms-animation-duration: 5s;

  -ms-animation-iteration-count: infinite;

  -ms-animation-timing-function: linear;

  -o-animation-name: zoom-fade;

  -o-animation-duration: 5s;

  -o-animation-iteration-count: infinite;

  -o-animation-timing-function: linear;

}

@-webkit-keyframes zoom-fade {

  0% {

    transform: scale(0.9);

  }



  50% {

    transform: scale(1);

  }



  100% {

    transform: scale(0.9);

  }

}

@keyframes zoom-fade {

  0% {

    transform: scale(0.9);

  }



  50% {

    transform: scale(1);

  }



  100% {

    transform: scale(0.9);

  }

}

.img-inner {

  position: relative;

  display: block;

  overflow: hidden;

  z-index: 1;

}

.img-inner::before {

  position: absolute;

  top: 0;

  left: -100%;

  display: block;

  content: '';

  width: 50%;

  height: 100%;

  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.5)));

  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);

  -webkit-transform: skewX(-25deg);

  transform: skewX(-25deg);

  z-index: 1;

}

.img-inner img {

  width: 100%;

}

.about_img:hover .img-inner::before, .img-outer:hover .img-inner::before {

  -webkit-animation: shine 1.5s;

  animation: shine 1.5s;

}

@-webkit-keyframes shine {

  100% {

    left: 125%;

  }

}

@keyframes shine {

  100% {

    left: 125%;

  }

}

/**/

.vpm-section-wrap.pad-tb {

  padding: 50px 0 50px;

  background: #f5f5f5;

}

.vpm-one-single {

  position: relative;

  display: block;

  background: #ffffff;

  -webkit-box-shadow: 0px 0px 26px 0px rgba(215, 212, 212, 0.35);

  box-shadow: 0px 0px 26px 0px rgba(215, 212, 212, 0.35);

  padding: 55px 15px 35px;

  border-radius: 5px;

  margin-bottom: 0; 

  z-index: 1;    

  min-height: 485px;

}

.vpm-one-single::before {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  content: "";

  background-color: transparent;

  border: 2px solid var(--blue);

  border-radius: 5px;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  -webkit-transform: scaleY(0);

  transform: scaleY(0);

  z-index: -1;

}

.vpm-one-single-icon {

  position: relative;

  display: inline-block;

  margin-bottom: 23px;

  -webkit-transition-delay: 0.1s;

  transition-delay: 0.1s;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

  z-index: 1;

}

.vpm-one-single-icon::before {

  content: "";

  position: absolute;

  top: -15px;

  left: 0;

  right: 0;

  margin: 0 auto;

  width: 90px;

  height: 90px;

  border-radius: 50%;

  background: var(--lightgreen);

  z-index: -1;

}

.vpm-one-single .text {

  position: relative;

  display: block;

  margin-top: 10px;

}

.vpm-one-single:hover .vpm-one-single-icon {

  -webkit-transform: rotateY(180deg);

  transform: rotateY(180deg);

  -webkit-transition-delay: 0.1s;

  transition-delay: 0.1s;

}

.vpm-one-single:hover:before {

  -webkit-transform: scaleY(1);

  transform: scaleY(1);

}

.vpm-one-single-icon img {

  width: 85px;

  position: relative;

  display: inline-block;

}

.vpm-one-single:hover h3 {

  color: var(--blue);

}

/**/

.features-wrap-single {

  text-align: center;

  margin-bottom: 30px;

  margin-top: 20px;

}

.features-wrap-single .features-wrap-img {

  position: relative;

  width: 100px;

  height: 100px;

  line-height: 98px;

  background: var(--blue);

  text-align: center;

  border-radius: 50%;

  margin-bottom: 0;

  margin-right: 0;

  display: inline-block;

  margin-bottom: 22px !important;

}

.features-wrap-single .features-wrap-img::before {

  content: "";

  position: absolute;

  inset: -5px;

  border: 2px solid var(--blue);

  border-radius: 50%;

}

.features-wrap-single .features-wrap-img img {

  width: 65px; 

  transition: transform 0.3s ease-out;

}

.features-wrap-single:hover .features-wrap-img img {

  transform: rotate(360deg);

}

/**/

.about-section-one {

  background: #f7f7f7;

}

/**/

.rc-section-wrap ul.vs-list {

  margin-bottom: 15px;

}

.single-client {

    margin-bottom: 25px;

    border-radius: 5px;

    padding: 5px;

    text-align: center;

    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);

}