/*--------------------------------------------------------------============================================================
[Main Stylesheet]

Project:   Techex
/*==============================
[Table of contents]

TECHEX STYLESHEET
----------------------------------
BUTTON

TAB
ICON BOX
TESTIMONIAL
TEAM
ICON STEP BOX
CASE STUDY
Contact Card

=============================================================--------------------------------------------------------------*/
/* header issue css*/
.elementor-icon {
  font-size: unset;
}
ul.elementor-icon-list-items  {
  margin-bottom: 0;
}
div#cta-4 .elementor-widget-wrap {
  -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 78%, 97% 100%, 0 100%, 0 0) !important;
  clip-path: polygon(50% 0%, 100% 0, 100% 78%, 97% 100%, 0 100%, 0 0) !important;
}
/* header issue css end*/

@media (min-width: 1025px){
  .container {
    max-width: 1170px;
  }
}
@media only screen and (min-width: 1400px) {
  .elementor-section.elementor-section-boxed>.elementor-container {
      max-width: 1220px;
  }
  .container{
    max-width: 1220px;
  }
}

li.elementor-icon-list-item {
  display: inline-flex;
  align-items: baseline;
}


/*---------------------------------------------------
  BUTTON
----------------------------------------------------*/

  a.techex-btn,
  .techex-btn {
      background: var(--accent-color);
      line-height: 25px;
      font-size: 17px;
      padding-bottom: 5px;
      position: relative;
      display: inline-flex;
      cursor: pointer;
      overflow: hidden;
      justify-content: center;
      color: #fff;
      padding: 15px 45px;
      border-radius: 5px;
      -webkit-transition-duration: 0.50s;
      transition-duration: 0.50s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
  }

  a.techex-btn.btn-type-boxed {
      background-color: var(--accent-color);
      color: #fff;
      font-weight: 500;
      line-height: 24px;
      padding: 20px 40px 15px;
      border-radius: 0px;
      display: inline-flex;
      border-color: transparent;
      align-items: center;
  }
  /* Button Hover Animation */
  .techex-btn-style1-bottom,
  .techex-btn-style1-top,
  .techex-btn-style1-right,
  .techex-btn-style1-left,
  .techex-btn-style2-shutouthor,
  .techex-btn-style2-shutoutver,
  .techex-btn-style2-shutinhor,
  .techex-btn-style2-shutinver,
  .techex-btn-style2-scshutouthor,
  .techex-btn-style2-scshutoutver,
  .techex-btn-style2-dshutinhor,
  .techex-btn-style2-dshutinver,
  .techex-btn-style3-radialin,
  .techex-btn-style3-radialout,
  .techex-btn-style3-rectin,
  .techex-btn-style3-rectout {
      display: inline-block;
      vertical-align: middle;
      -webkit-transform: perspective(1px) translateZ(0);
      transform: perspective(1px) translateZ(0);
      box-shadow: 0 0 1px transparent;
      position: relative;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition: all 0.3s ease-in-out !important;
      -moz-transition: all 0.3s ease-in-out !important;
      -ms-transition: all 0.3s ease-in-out !important;
      -o-transition: all 0.3s ease-in-out !important;
      transition: all 0.3s ease-in-out !important;
  }

  .techex-btn-style1-bottom:before,
  .techex-btn-style1-top:before,
  .techex-btn-style1-right:before,
  .techex-btn-style1-left:before,
  .techex-btn-style2-shutinhor:before,
  .techex-btn-style2-shutinver:before,
  .techex-btn-style2-shutouthor:before,
  .techex-btn-style2-shutoutver:before,
  .techex-btn-style2-scshutouthor:before,
  .techex-btn-style2-scshutoutver:before,
  .techex-btn-style2-dshutinhor:before,
  .techex-btn-style2-dshutinver:before,
  .techex-btn-style3-radialin:before,
  .techex-btn-style3-radialout:before,
  .techex-btn-style3-rectin:before,
  .techex-btn-style3-rectout:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition-duration: 0.50s;
      transition-duration: 0.50s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
  }

  .techex-btn-style3-radialin:before,
  .techex-btn-style3-radialout:before {
      -webkit-transform-origin: 50%;
      transform-origin: 50%;
      border-radius: 100%;
      -webkit-transform: scale(0);
      transform: scale(0);
  }

  .techex-btn-style3-radialin:before {
      -webkit-transform: scale(2);
      transform: scale(2);
  }

  .techex-btn-style3-rectin:before,
  .techex-btn-style3-rectout:before {
      -webkit-transform-origin: 50%;
      transform-origin: 50%;
      -webkit-transform: scale(1);
      transform: scale(1);
  }

  .techex-btn-style3-rectout:before {
      -webkit-transform: scale(0);
      transform: scale(0);
  }

  .techex-btn-style3-rectout:hover:before {
      -webkit-transform: scale(1);
      transform: scale(1);
  }

  .techex-btn-style3-rectin:hover:before {
      -webkit-transform: scale(0);
      transform: scale(0);
  }

  .techex-btn-style3-radialout:hover:before {
      -webkit-transform: scale(2);
      transform: scale(2);
  }

  .techex-btn-style3-radialin:hover:before {
      -webkit-transform: scale(0);
      transform: scale(0);
  }

  .techex-btn-style1-top:before {
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
  }

  .techex-btn-style1-right:before {
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transform-origin: 0% 50%;
      transform-origin: 0% 50%;
  }

  .techex-btn-style1-left:before {
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
  }

  .techex-btn-style2-shutouthor:before,
  .techex-btn-style2-scshutoutver:before {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
  }

  .techex-btn-style2-shutoutver:before,
  .techex-btn-style2-scshutouthor:before {
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
  }

  .techex-btn-style2-shutinhor:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transform-origin: 50%;
      transform-origin: 50%;
  }

  .techex-btn-style2-shutinver:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 50%;
      transform-origin: 50%;
  }

  .techex-btn-style1-bottom:hover:before,
  .techex-btn-style1-top:hover:before {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
  }

  .techex-btn-style1-left:hover:before,
  .techex-btn-style1-right:hover:before,
  .techex-btn-style2-shutouthor:hover:before,
  .techex-btn-style2-shutoutver:hover:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
  }

  .techex-btn-style2-shutinhor:hover:before {
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
  }

  .techex-btn-style2-shutinver:hover:before {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
  }

  .techex-btn-style2-scshutouthor:hover:before {
      -webkit-transform: scaleX(0.9);
      transform: scaleX(0.9);
  }

  .techex-btn-style2-scshutoutver:hover:before {
      -webkit-transform: scaleY(0.8);
      transform: scaleY(0.8);
  }
  /*Diagonal*/

  .techex-btn-style2-dshutinhor:before,
  .techex-btn-style2-dshutinver:before {
      top: 50%;
      left: 50%;
      width: 120%;
      height: 0%;
      -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
      transform: translateX(-50%) translateY(-50%) rotate(-45deg);
      -webkit-transform-origin: 50%;
      transform-origin: 50%;
      -webkit-transition-property: all;
      transition-property: all;
  }

  .techex-btn-style2-dshutinver:before {
      -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
      transform: translateX(-50%) translateY(-50%) rotate(45deg);
  }

  .techex-btn-style2-dshutinhor:hover:before,
  .techex-btn-style2-dshutinver:hover:before {
      height: 220%;
  }

  .techex-btn-wrapper {
      overflow: hidden;
  }
  /* Button Style */

  .techex-btn.style-one {
      display: inline-block;
      overflow: hidden;
      transition: all 0.2s linear 0s;
  }

  .techex-btn.style-one:before {
      content: "\f061";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      font-size: 15px;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      right: 0;
      top: 2px;
      opacity: 0;
      height: 100%;
      width: 40px;
      transform: translateX(100%);
      transition: all 0.2s linear 0s;
  }

  .techex-btn.style-one:hover {
      text-indent: -20px;
  }

  .techex-btn.style-one:hover:before {
      opacity: 1;
      text-indent: 0px;
      transform: translateX(-25%);
  }
  /* Button Style two*/

  .techex-btn.style-two {
      display: inline-block;
      position: relative;
      cursor: pointer;
  }

  .techex-btn.style-two .content {
      display: block;
  }

  .techex-btn.style-two::before,
  .techex-btn.style-two::after {
      content: "";
      width: 0;
      height: 2px;
      position: absolute;
      transition: all 0.2s linear;
      background: #5454D4;
  }

  .techex-btn.style-two .content::before,
  .techex-btn.style-two .content::after {
      content: "";
      width: 2px;
      height: 0;
      position: absolute;
      transition: all 0.2s linear;
      background: #5454D4;
  }

  .techex-btn.style-two::before {
      right: 0;
      top: 0;
  }

  .techex-btn.style-two::after {
      left: 0;
      bottom: 0;
  }

  .techex-btn.style-two:hover::before,
  .techex-btn.style-two:hover::after {
      width: 100%;
  }

  .techex-btn.style-two:hover .content::before,
  .techex-btn.style-two:hover ::after {
      height: 100%;
  }

  .techex-btn.style-two::before,
  .techex-btn.style-two::after {
      transition-delay: 0.2s;
  }

  .techex-btn.style-two span::before,
  .techex-btn.style-two span::after {
      transition-delay: 0s;
  }

  .techex-btn.style-two span::before {
      left: 0;
      top: 0;
  }

  .techex-btn.style-two span::after {
      right: 0;
      bottom: 0;
  }

  .techex-btn.style-two:hover::before,
  .techex-btn.style-two:hover::after {
      transition-delay: 0s;
  }

  .techex-btn.style-two:hover span::before,
  .techex-btn.style-two:hover span::after {
      transition-delay: 0.2s;
  }
  /*Youtube Button Style Three*/

  .techex-btn.style-three:before {
      content: "";
      position: absolute;
      z-index: -1;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      display: block;
      width: 90px;
      height: 90px;
      background: #ffffff;
      border-radius: 50%;
      animation: pulse-border 1500ms ease-out infinite;
  }

  @keyframes pulse-border {
      0% {
          transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
          opacity: 1;
      }
      100% {
          transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
          opacity: 0;
      }
  }
  /*Button Style Four*/

  .techex-btn.style-four {
      margin-left: -100px;
  }

  .techex-btn.style-four:hover {
      margin-left: 0px;
  }
  /* Contact form button style */

  .aquan-contact-form-home-01 .techex-btn.style-one:hover:before,
  .aquan-contact-us .techex-btn.style-one:hover:before {
      transform: translateX(-4%);
  }
  /* hover Style All */

  .all-side span.hover-animation {
      position: absolute;
      display: block;
      width: 0;
      background-color: red;
      transform: translate(-50%, -50%);
      transition: width 0.6s, height 0.6s;
      height: 0px;
      z-index: -1;
      border-radius: 50%;
  }

  .all-side:hover span.hover-animation {
      width: 350px;
      height: 350px;
  }
  /* image box start */

  .elementor-image-box-img {
      transition: .4s;
  }

  .elementor-widget-techex-form .techex-contact-from button[type=submit],
  .techex-btn {
      position: relative;
      z-index: 1;
      overflow: hidden;
  }

  .elementor-widget-techex-form .techex-contact-from button[type=submit]:hover:after {
      visibility: visible;
      opacity: 0;
      height: 474%;
      left: -90px;
      top: -83px;
  }

  .btn-icon svg * {
      transition: .3s;
  }

  .wpcf7-form-control.wpcf7-acceptance span {
      display: inline;
  }
/* cAROUSEL */
.single-item{
  transition: 0.4s ease-in-out;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -ms-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
}
.slick-dotted.slick-slider{
  margin-bottom: 0px;
}



.team-area .slick-prev:before,
.team-area  .slick-next:before {
  display: none;
}
.single-item:focus {
  outline: none;
  box-shadow: none;
}

.team-slider ul.team-slider-dot-list {
  margin-top: 25px;
  text-align: center;
  display: flex;
  justify-content: center;
}

.team-slider ul.team-slider-dot-list {
  list-style: none;
  left: 0;
  bottom: 0;
  margin-bottom: 0px;
  padding:0;

}

.team-slider ul.team-slider-dot-list li.slick-active {
  width: 10px !important;
  height: 10px !important;
  background: #2C4BFF !important;
  opacity: 1;
}

.team-slider ul.team-slider-dot-list li {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  opacity: .3;
  margin: 0 4px;
  background: #1E3D59;
  cursor: pointer;
}

.team-slider ul.team-slider-dot-list li button {
  display: none;
}

.team-slider-arrow .slick-active {
  color: #1D263A;
}
.team-slider-arrow img {
  font-size: 20px;
  color: #ddd;
  margin: 0px 13px;
  cursor: pointer;
}



@media (min-width: 1200px) {
  .team-slider ul.team-slider-dot-list{
    margin-top: 40px;

  }
}


@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .techex--tn-single.yes::before{
    left: -15px;
    top: -15px;
    opacity: 1;
    visibility: inherit;

  }
  .techex-case-study-content.style-two .bottom-content{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

}

.single-item {
  margin-bottom: 30px;
  margin-right: 24px;
}

.team-area{
  margin-right: -24px;
  margin-bottom: -24px;
}

.team-image {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.team-area .hover-one .team-image img{
  transition: all 0.4s ease-in-out;
}
.team-area .hover-one .team-image:hover img{
  transform: scale(1.1);
}

/* Team Area normal */
.social-icons:after {
  position: absolute;
  content: '';
  height: 300px;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #2C4BFF 74.48%);
  border-radius: 10px;
  transition: all 0.4s ease-in-out;
  bottom: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}

.social-icons ul {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
}

.social-icons li a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  color: #84b5eb;
  border: 1px solid #84b5eb;
  transition: 0.4s;
  margin: 0px 4px;
}

.social-icons li a:hover {
  color: #086AD7;
  background-color: #fff;
  border: 1px solid #fff;
}

.team-area.team-area-style-01 .single-item {
  position: relative;
}

.team-area.team-area-style-01 .team-image {
  position: absolute;
  left: 0;
  top: -90;
}

.single-item {
  background-color: #F5F5F5;
}

.team-area-style-01 .single-item {
  padding: 130px 3px 30px 30px;
}
.user-identity h6, .user-identity span {
  transition: 0.4s;
}
a.team-image:hover {
  opacity: 1;
}
/* arrow */
.team-slider-arrow .prev{
  position: absolute;
  left: 0;
  bottom:rgb(200, 127, 127);
}
.team-slider-arrow .next{
  position: absolute;
  right: 0;
  bottom: 0px;
}
.team-slider-arrow .slick-active {
  background: #2C4BFF ;
  color: #fff;
}

.team-slider-arrow button {
  transition: all 0.4s ease-in-out;
  font-size: 20px;
  color: #1D263A;
  margin: 0px 13px;
  cursor: pointer;
  height: 60px;
  width: 60px;
  background: rgba(	44, 71, 255,0.6);
  line-height: 60px;
  text-align: center;
}
.team-slider-arrow button:hover{
  background-color:#1D263A;
  color:#fff;
}
/*---------------------------------------------------
SERVICE
----------------------------------------------------*/
.techex-service-widget-item, .btn-icon {
  transition:0.4s;
}



/*---------------------------------------------------
TESTIMONIAL
----------------------------------------------------*/
.techex-tn-bottom {
  display: flex;
  align-items: center;
}
.techex--t-thumb img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  object-position: center top;
  border-radius: 50%;
  margin-right: 25px;
}

.testimonial-slider-dot-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.testimonial-slider-dot-list li button {
  width: 10px;
  height: 10px;
  text-indent: -9999px;
  margin-bottom: 0;
  display: block;
  padding: 0;
  border-radius: 50%;
  margin-left: 20px;
  background-color: #dae9f9;
}

.testimonial-slider-dot-list li.slick-active button {
  background-color: #086ad7;
  position: relative;
}

.testimonial-slider-dot-list li.slick-active button:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  border: 2px solid #086ad7;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  transform: translate(-50%,-50%);
}
.techex--tn-single {
  transition: all 0.4s ease-in-out;
}
.techex--tn-single.yes {
  position: relative;
  background: #fff;
  margin-top: 15px;
  margin-left: 15px;
}
.techex--tn-single.yes::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #086ad7;
  border-radius: 7px;
  content: "";
  left: 0px;
  top: 0px;
  z-index: -1;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.techex--tn-single.yes:hover::before{
  left: -15px;
  top: -15px;
  opacity: 1;
  visibility: inherit;
}
@media only screen and (min-width: 320px) and (max-width: 1024px) {
  .techex--tn-single.yes::before{
    left: -15px;
    top: -15px;
    opacity: 1;
    visibility: visible;

  }
}
/*---------------------------------------------------
ICON BOX
----------------------------------------------------*/
.techex-feature-box-item {
  transition: .4s;
}

.techex-feature-box-item .icon-background-yes .techex-feature-icon {
  width: 70px;
  height: 70px;
  display: flex;
  text-align: center;
  line-height: 70px;
  font-size: 30px;
  background-color: var(--accent-color);
  border-radius: 0px;
  color: #fff;
  align-items: center;
  justify-content: center;
}

.techex-feature-box-item .icon-background-yes .techex-feature-icon svg {
  width: 35px;
}

span.techex-feature-icon.icon-type-image img {
  object-fit: cover;
}

.techex-feature-icon-wrap {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.techex-feature-title {
  margin-bottom: 18px;
  font-size: 20px;
}

.techex-feature-content p {
  margin-bottom: 0;
}

.techex-feature-box-item.techex-icon-position-left {
  display: inline-flex;
  text-align: left;
}

.techex-feature-box-item.techex-icon-position-right {
  display: flex;
  text-align: right;
  flex-direction: row-reverse;
}

.techex-feature-box-item.techex-feature-icon-center {
  text-align: center;
}

.techex-feature-box-item.techex-feature-icon-left {
  text-align: left;
}

.techex-feature-box-item.techex-feature-icon-left .techex-feature-icon-wrap {
  justify-content: flex-start;
}

.techex-feature-box-item.techex-feature-icon-right .techex-feature-icon-wrap {
  justify-content: flex-end;
}

.techex-feature-box-item.techex-feature-icon-right {
  text-align: right;
}

.techex-feature-icon-wrap i,
.techex-feature-icon-wrap svg,
.techex-feature-icon {
  transition: .3s ease-in-out;
  ;
}

.techex-feature-box-item .icon-background-no .techex-feature-icon svg {
  MAX-HEIGHT: 118PX;
}

.techex-feature-icon svg {
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}

.techex-feature-box-item .techex-feature-icon i {
  font-size: 25px;
}

.techex-feature-box-number {
  font-size: 22px;
  letter-spacing: -0.73px;
  font-weight: 700;
  color: #ffffff;
}

.techex-feature-box-number span {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .16);
}
.techex-icon-shape-yes .techex-feature-icon-wrap {
  position: relative;
  z-index: 1;
}

.techex-icon-shape-yes .techex-feature-icon-wrap:after {
  content: "";
  width: 65px;
  height: 65px;
  background: #ffd166;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}


/* vertical menu css  */
.techex-vertical-menu-wrap ul {
  padding: 0;
  margin: 0;
  list-style: none;
  padding: 0px 30px 5px 30px;
}

.techex-vertical-menu a {
  color: #000000;
  font-family: Inter;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  font-style: normal;
  letter-spacing: normal;
  padding: 30px 0 30px 0px;
  transition: .3s;
  display: block;

}
.techex-vertical-menu li {
  border-bottom: 1px solid rgba(44,75,255,0.1);
}
.techex-vertical-menu li:last-child {
  border-bottom: none !important;
}
.techex-vertical-menu-wrap{
  background-color: #2C4BFF0D;
}

.techex-vertical-menu a:hover, .techex-vertical-menu
li.current-menu-item > a {color: #2C4BFF;}


.techex-dual-heading-wrapper .techex-dual-heading-icon {
  position: absolute;
}

/* WIDGET EXTRA */
.techex-accordion-number span {
  position: relative;
  display: block;
  background-color: #FD4C5C;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  font-size: 30px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

/*-------------------------------------
              Case Study
--------------------------------------*/
/* meta */
ul.cs-meta {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 35px;
}

.studies-title h2 {
  position: relative;
  padding: 20px 35px;
  background-color: #086ad7;
  color: #fff;
  margin-bottom: 0;
}
ul.case-isotope-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  margin-bottom: 70px;
}

ul.case-isotope-nav li {
  cursor: pointer;
  padding: 10px 16px;
  box-shadow: 0px 10px 60px 0px rgb(121 121 121 / 45%);
  border-radius: 5px;
  margin-left: 15px;
  color: #211e3b;
  font-weight: 700;
}

.studies-title h2{
    background-image: url(../img/case-head.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
}


.techex-single-cs-meta-widget {
  overflow: hidden;
  background-color: #fff;
  border-radius: 7px;
  box-shadow: 0px 10px 60px 0px rgb(212 212 212 / 38%);
  position: relative;
}

ul.cs-meta li {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 30% 65%;
  grid-template-columns: 30% 65%;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-gap: 50px;
  margin-bottom: 10px;
}

.cs-meta-value {
  color: #211e3b;
  font-weight: 700;
  font-size: 17px;
}

.cs-meta-label {
  font-size: 17px;
  color: #74787c;
  font-weight: 700;
  position: relative;
}

.cs-meta-label:before {
  content: ":";
  right: -10px;position: absolute;
}



.techex-case-study-item {
  position: relative;
}
a.case-image {
  overflow: hidden;
  display: block;

}

.techex-case-study-wrap.hover-one .techex-case-study-item:hover a.case-image img {
  transform: scale(1.1);
}

.case-image img {
  transition: .7s;
  -webkit-transition: .7s;
  -moz-transition: .7s;
  -ms-transition: .7s;
  -o-transition: .7s;
}
/* Style Two */
.techex-case-study-content.style-two {
  width: 90%;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 7px;
  margin-top: -50px;
  position: relative;
  z-index: 9;
  box-shadow: 0px 4px 60px rgba(40, 55, 79, 0.06);
}

.techex-case-study-content.style-two .content-visible {
  padding: 20px 30px 15px;
  position: relative;
  display: inline-block;
}

.techex-case-study-content.style-two .bottom-content {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  padding: 35px 30px;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 7px;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  left: 0;
}


.techex-case-study-item:hover .techex-case-study-content.style-two .bottom-content {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}


.techex-case-study-content.style-two  .case-content-top {
  padding: 20px 30px 15px;
  position: relative;
  display: inline-block;
}
/*-------------------------------------
              Contact Card
--------------------------------------*/
.single-contact-card {
  background-color: #f8f8f8;
  padding: 40px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@media (max-width: 585px) {
  .single-contact-card {
    padding: 30px;
  }
}
.single-contact-card .top-part {
  display: flex;
  align-items: center;
}

.single-contact-card .top-part .icon {
  width: 70px;
  height: 70px;
  font-size: 20px;
  line-height: 70px;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  color: #086ad7;
  margin-right: 20px;
}



.single-contact-card .bottom-part {
  margin-top: 25px;
}

.single-contact-card:hover {
  background-color: #202426;
}

.single-contact-card:hover .icon {
  color: #fff ;
  background-color: #086ad7 ;
}

.single-contact-card:hover .bottom-part .icon {
  color: #086ad7 ;
  background-color: #fff ;
}

.single-contact-card:hover p, .single-contact-card:hover span {
  color: #c5c7c8;
}
.single-contact-card:hover p, .single-contact-card:hover h6 {
  color: #c5c7c8;
  font-weight: 400;
}

.single-contact-card:hover h4 {
  color: #fff;
}

/*icon box v5*/
.techex-iconbox-v5 span.rr-addons-feature-icon.icon-type-icon{
  position: relative;
}
.techex-iconbox-v5 span.rr-addons-feature-icon.icon-type-icon:before{
  content: '';
  left: 50%;
  top: 50%;
  width: 95px;
  height: 95px;
  border-radius: 100%;
  position: absolute;
  border:  1px solid #fff;
  transform: translate(-50%, -50%);
}