*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
a:hover, a:visited, a{
  text-decoration: none;
}
.cd_v2v .animateCol-12,
.cd_v2v .animateCol-6,
.cd_v2v .animateCol-4,
.cd_v2v .animateCol-3{
  display: flex;
  margin-bottom: 30px;
}
.card_tyon_bx {
  perspective: 2000px;
  margin-bottom: 2rem;
  display:flex;
  height:100%;
  width:100%;
}
.card_tyon_inner {
  position: relative;
  background-color: #024873;
  background-size: cover;
  overflow: hidden;
  transition: transform 0.48s ease-out;
}
.card_tyon_inner::before {
  content: "";
  position: absolute;
  top: var(--y, -100%);
  left: var(--x, 0);
  width: 200%;
  height: 200%;
  border-radius: inherit;
  background: radial-gradient(circle, #fff 3%, transparent 60%);
  z-index: 1;
  transition: var(--trans, top 0.48s ease-out, left 0.48s ease-out);
}
.card_tyo_content {
  position: relative;
  z-index: 2;
}
.card_tyo_image {
  overflow: hidden;
  margin-bottom: 15px;
  z-index: 2;
  position: relative;
  max-height: 190px;
  width: 100%;
}
.card_tyo_image img {
  border-radius: inherit;
}

.card_tyon_inner {
  padding: 25px 25px 30px;
  width: 100%;
  transition: 0.5s ease-in-out;
  position: relative;
  margin-bottom: 30px;
}

/* ---- Card two ---- */

.card_tytwo {
  width: 100%;
  margin-bottom: 1rem;
  width: 100%;
  height: 100%;
  display: flex;
}
.c2_v2 .animateCol-6,
.c2_v2 .animateCol-3,
.c2_v2 .animateCol-4,
.c2_v2 .animateCol-12{
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
}
.card_tytwo .car_outr{
  position: relative;
  width:100%;
  overflow: hidden;
}
.card_tytwo .car_outr::before{
  transition: 0.2s ease-in-out;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  position: absolute;
  content:'';
  visibility: hidden;
  scale: .9;
  overflow: hidden;

}
.card_tytwo .car_outr:hover:before{
  visibility: visible;
  scale: 1;
}
.card_display {
  position: relative;
  z-index: 2;
}

.card_typeheading .sub_title{
  display: block;
  margin-bottom: .7rem;
  line-height: normal;
}
.card_typeheading .title_heading{
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: normal;
}
.title_description,
.title_description > div,
.title_description > p{
  margin-bottom: 1rem;
}
/* card slider  */




/*card three  */

.service-grid {
  position: relative;
  z-index: 2;
  text-align: left;
}

.service-grid .box-number {
  line-height: 1.4em;
  position: absolute;
  right: 32px;
  top: 12px;
}
.box-title {
  font-size: 24px;
  line-height: 1.4em
    font-weight: 600;
  margin-bottom: 8px;
}
.box-text, .box-text p {
  margin: 0 0 18px 0;
  margin-bottom: 18px;
  margin-bottom: 18px;
  line-height: 1.6em;
}

.service-grid .box-icon {
  margin-bottom: 30px;
  height: auto;
}
.service-grid .box-icon img {
  height: auto;
}
.service-grid .box-img img {
  height: 170px;
  width: 100%;
  object-fit: cover;
  object-position: top;
  transition: .4s all;
}
.box-icon img {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  border:none;
}
.service-grid:hover .box-icon img {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  border:none;
  transition: .4s all;
}
.service-grid:hover .box-img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transition: .4s all;
}
.slick-slider {
  margin:0 -15px;
  margin-bottom:0 !important;
}
.slick-slide {
  margin-right:15px;
  margin-left:15px;
}
.slick-dots li {
  margin: 0 !important;
}

.slick-dots li button::before {
  font-size: 9px !important;
}
.slick-dots{ margin-bottom:0;} 

/* -- responsive css */
/* Coulmn css */
.animateContainer {  
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.animateRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.animateCol-6,
.animateCol-4,
.animateCol-3,
.animateCol-7,
.animateCol-5,
.animateCol-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px) {
  .animateContainer {
    max-width: 540px;
  }
  .animateCol-6,
  .animateCol-4,
  .animateCol-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .animateContainer {
    max-width: 720px;
  }

  .animateCol-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .animateCol-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .animateCol-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 992px) {
  .animateContainer {
    max-width: 960px;
  }
  .animateCol-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .animateCol-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .animateCol-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 1200px) {

  .animateCol-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .animateCol-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .animateCol-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .animateCol-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66%;
    flex: 0 0 41.66%;
    max-width: 41.66%;
  }
  .animateCol-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33%;
    flex: 0 0 58.33%;
    max-width: 58.33%;
  }
}