/*!

Theme Name: wdcj

Text Domain: wdcj

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned.



wdcj is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/

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

html {
  line-height: 1.15;

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

body {
  margin: 0;

  font-family: "Montserrat", Sans-serif;

  background: #000;
}

.global_button .elementor-button {
  background: none;

  border: none;

  padding: 40px;

  font-weight: bold;

  font-size: 50px;

  position: relative;
}

.global_button .elementor-button:after {
  transform: translateY(-50%);

  content: "";

  width: 100px;

  height: 100px;

  border-radius: 50%;

  background-color: #333;

  position: absolute;

  left: -20px;

  top: 50%;

  z-index: -1;

  transition: 0.3s ease;
}

.global_button .elementor-button:hover:after {
  width: 100%;

  height: 100%;

  left: 0;

  border-radius: 10px;
}

/* From Uiverse.io by vinodjangid07 */

.global_button .elementor-button {
  position: relative;
}

.global_button span.elementor-button-icon i {
  transform: rotate(-40deg);

  border: 1px solid#A1FF14;

  border-radius: 100px;

  height: 30px;

  width: 30px;

  line-height: 30px;

  position: absolute;

  transition: 0.6s;
}

.global_button:hover span.elementor-button-icon i {
  transform: rotate(0);

  border: 1px solid#000 !important;
}

.sec-heading h2 span {
  color: #a1ff14;
}

/*Header*/

.header-sec {
  background: #121519;

  position: relative;

  width: 100%;
}

.get-quote {
  margin-right: 10px;

  margin-left: 30px !important;
}

.get-quote a {
  background-color: rgb(161, 255, 20) !important;

  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.116) !important;

  color: rgb(19, 19, 19) !important;

  padding: 15px 40px !important;

  border-radius: 30px;

  font-size: 16px;
}

.top-leftbar ul li:last-child {
    background: #a1ff14;
    padding: 10px 10px;
    border-radius: 5px;
}

.top-leftbar ul li .elementor-icon-list-icon svg {
    fill: #000000 !important;
    transition: fill 0.3s;
}

.top-leftbar ul li:last-child .elementor-icon-list-text {
    color: #000000 !important;
    transition: color 0.3s;
}

.top-rightbar ul li:last-child .elementor-icon-list-icon i {
    color: #a1ff14;
    transition: color 0.3s;
}

.infro-info ul.elementor-icon-list-items.elementor-inline-items li {
  width: 45%;
  line-height: 42px;
}

.infro-info
  ul.elementor-icon-list-items.elementor-inline-items
  li
  a:hover
  span {
  color: #e7e430;
}

.our_service .elementor-position-top {
  height: 100%;
}

.our_service .elementor-image-box-wrapper {
  height: 100% !important;
}

.our_service .e-con.e-flex {
  height: 100%;
}

.our_service .figure.elementor-image-box-img:hover img{
    -webkit-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}
.our_service .figure.elementor-image-box-img {
    -webkit-transition: all 0.4s 
ease-in-out;
    transition: all 0.4s 
ease-in-out;
}
.our_service .figure.elementor-image-box-img img {
    -webkit-transition: 0.4s 
ease-in-out;
    transition: 0.4s 
ease-in-out;
}






.cta-section .e-con-inner {
  background-color: #0a0a0a;

  padding: 30px;

  border-style: solid;

  border-width: 1px 1px 1px 1px;

  border-color: #262626;

  border-radius: 10px 10px 10px 10px;
}

.technologies-sec li.elementor-icon-list-item.elementor-inline-item {
  background-color: #0a0a0a;

  padding: 10px 4px;

  border-style: solid;

  border-width: 1px 1px 1px 1px;

  border-color: #262626;

  border-radius: 0px;
}

.technologies-sec li.elementor-icon-list-item.elementor-inline-item {
  background-color: #0a0a0a;

  padding: 10px 20px;

  border-style: solid;

  border-width: 1px 1px 1px 1px;

  border-color: #262626;

  border-radius: 100px;
}

.technologies-sec li.elementor-icon-list-item.elementor-inline-item:hover {
  background: #262626;
}

.technologies-sec .techno-list {
  margin-bottom: 20px;
}

.technologies-sec .techno-list:after {
  content: "";

  /* width: 580px; */

  height: 1px;

  background: radial-gradient(
    50% 50% at 50% 50%,
    #a1ff14 0%,
    rgba(152, 70, 22, 0) 100%
  );

  position: absolute;

  width: 100%;

  bottom: -20px;
}

.work-process h3 {
  margin: 0px;

  padding-bottom: 10px;
}

.review-rating img {
  width: 140px;

  height: 140px;
}

.contact-form .elementor-shortcode {
    background: #111;
    padding: 30px;
    border: 1px solid #a1ff1429;
    border-radius: 10px;
}
.contact-form label {
    color: #ddd;
    margin-bottom: 10px;
    display: inline-block;
}
.contact-form input {
    border: 1px solid #222;
    padding: 16px 10px;
    outline: none;
    width: 100%;
}

.contact-form input:focus {
  outline: none;

  box-shadow: inherit;
}

.contact-form textarea {
  border: 1px solid #222;

  padding: 16px 10px;

  outline: none;
  width: 100%;
}
.contact-form  input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #a1ff14;
    display: inline;
    width: auto;
    padding: 15px 40px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 100px;
}

.blog-sec .elementskit-post-image-card:hover .elementskit-entry-thumb > img {
  transform: inherit !important;
}

.blog-sec .elementskit-post-image-card i {
  padding-left: 10px;
}

.footer-sec h3 {
  margin-top: 0px;
}
.footer-sec a {
    color: #fff;
}


@media(max-width: 1024px){
  .technologies-sec li.elementor-icon-list-item.elementor-inline-item {
    margin-bottom: 10px;
}
}


@media(max-width: 991px){
.get-quote a {
    padding: 15px 20px !important;
    border-radius: 0px;
    font-size: 16px;
}.get-quote {
    margin-left: 0px !important;
}
}




@media(max-width: 520px){

.top-leftbar ul li:last-child{
  display: none !important;
}
}