/*Gallery*/
.twm-two-part-section {
  margin-bottom: 30px;
}

.tw-sidebar-gallery ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0px -10px;
}

@media (max-width: 1991px) {
  .tw-sidebar-gallery ul {
    margin: 0px -2px;
  }
}

.tw-sidebar-gallery ul li {
  width: 14%;
}

.tw-sidebar-gallery ul li .tw-service-gallery-thumb {
  padding: 12px;
  position: relative;
  z-index: 1;
}

.tw-sidebar-gallery ul li .tw-service-gallery-thumb:after {
  position: absolute;
  left: -2px;
  top: -2px;
  right: -2px;
  bottom: -2px;
  content: '';
  border: 2px solid #1967d2;
  border-radius: 10px;
  opacity: 0;
  z-index: -1;
}

.tw-sidebar-gallery ul li .tw-service-gallery-thumb:hover:after {
  opacity: 1;
}

.tw-sidebar-gallery ul li a {
  display: block;
  text-align: center;
  position: relative;
  background-color: #000;
  border-radius: 10px;
}

.tw-sidebar-gallery ul li a img {
  transition: 0.5s all ease;
  border-radius: 10px;
}

.tw-sidebar-gallery ul li a i {
  opacity: 0;
  width: 46px;
  height: 46px;
  line-height: 46px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s all ease;
}

.tw-sidebar-gallery ul li:hover a img {
  opacity: 0.3;
}

.tw-sidebar-gallery ul li:hover a i {
  opacity: 1;
}



/*==================================================
	Start Work
==================================================*/
/*Working Process*/
.bg-clr-sky {
  background-color: #3898e2;
}
.bg-clr-csk {
  background-color: #101840;
}
.bg-clr-csk1 {
  background-color: #bbb6b7;
}

.bg-clr-pink {
  background-color: #bc84ca;
}

.bg-clr-green {
  background-color: #56d8b1;
}

.bg-clr-sky-light {
  background-color: #7cb5ea;
}

.bg-clr-pink-light {
  background-color: #cea7d9;
}

.bg-clr-green-light {
  background-color: #8be3c6;
}

.bg-clr-yellow-light {
  background-color: #eac87c;
}

.bg-sky-light-shadow {
  box-shadow: 0px 0px 40px rgba(124, 181, 234, 0.7);
}

.bg-pink-light-shadow {
  box-shadow: 0px 0px 40px rgba(206, 167, 217, 0.7);
}

.bg-green-light-shadow {
  box-shadow: 0px 0px 40px rgba(139, 227, 198, 0.7);
}

.bg-yellow-light-shadow {
  box-shadow: 0px 0px 40px rgba(234, 200, 124, 0.7);
}

.text-clr-sky {
  color: #3898e2;
}

.text-clr-pink {
  color: #bc84ca;
}

.text-clr-green {
  color: #56d8b1;
}

.text-clr-green2 {
  color: #05AD05;
}

.text-clr-yellow {
  color: #e2b438;
}

.text-clr-yellow-2 {
  color: #ffe119;
}

.text-clr-red {
  color: #ff0000;
}