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

:root {
  --main: #1e5da2;
  --secondMainColor: #1a8bdb;
  --thirdMainColor: #dce9f9;
  --white: #ffffff;
  --black: #000000;

  --facebook-clr: #3b5998;
  --twitter-clr: #55acee;
  --instagram-clr: #bc2a8d;
  --whatsapp-clr: #2abc36;
}


.service-wrapper .service-footer {
  max-width: 720px;
}
.service-work.card {
  border-radius: 10px !important;
  cursor: pointer;
}
.service-work .service-work-vertical {
	background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 33.33%, rgb(102 171 233) 66.66%, rgba(255,255,255,0) 99.99%);
  background-size: 300% 300%;
  background-position: 0% 100%;
  transition: .5s;
  flex-direction: column-reverse;
}
.service-work .service-work-vertical:hover {
  background-position: 0% 0%;
  transition: .5s;
}
.service-work .service-work-vertical:hover * {
  color: #000;
  border-color: #000;
  transition: .5s;
}

.recent-work.card{
  border-radius: 10px !important;
}
.recent-work .recent-work-vertical {
	background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(135, 213, 226) 0%, rgba(255,255,255,0) 33.333%, rgba(97,84,199,1) 66.666%, rgba(255,255,255,0) 99.999%);
  background-size: 300% 300%;
  background-position: 0% 100%;
  transition: .5s;
  cursor: pointer;
}
.recent-work .recent-work-vertical:hover {
  background-position: 0% 0%;
  transition: .5s;
}
.recent-work .recent-work-vertical:hover div.recent-work-content {
  top: 50%;
  margin-top: -2.5em;
  position: absolute;
}
.recent-work .recent-work-vertical:hover * {
  color: white;
  transition: .5s;
}
.last_blog .row .card img, .all_blogs .blogs .card img {
  height: 100%;
  object-fit: cover;
}
.last_blog .row .card img{
  height: 250px;
}

.about_us .row .card{
  background-color:#fbfbfb ;
}

.about_us .row .card .bg-secondary-gradient, .bg-success-gradient, .bg-danger-gradient {
  background: var(--secondMainColor) !important;
}

.about_us .row .card i.text-white {
  color: var(--white) !important;
}

.about_us .row .card h5,
.about_us .row .card h2{
  color: var(--secondMainColor);
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
}
.row-cards>[class*=col-] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 59px !important;
}

.about_us .row .card .statistics-info .counter-status .counter-icon:hover {
  background-color: var(--white) !important;
  cursor: pointer;
  transition: .5s;
}
.about_us .row .card .statistics-info .counter-status .counter-icon:hover > i {
 color: var(--secondMainColor) !important;
 transition: .5s;
}

.modal.fade .modal-dialog{
    position: absolute;
	top: 0;
	left:0;
	right:0;
	bottom: 0;
	margin: auto;
	height: 50vh;
}
.page-link {
    color: #1a8bdb;
}