/*
Theme Name: Web Agency Elememtor Pro
Description: Web Agency WordPress Theme comes with an array of incredible features such as Contact forms as well as a Newsletter that can generate immense leads for your business. Besides the basic elements, you will also have the plugin compatibility features letting you add the desired functionality to your existing website. You will also have variations of the homepage layout with various sidebar arrangements. You can use the sidebar effectively for presenting promotional content. The theme gives you RTL and WPML compatibility as .pot files are included in it so that your website
becomes ready for an international audience. Woocommerce compliance will play a key role when it comes to pushing your services online to let people avail themselves through your website. They can also make payments for your IT services through various online payment methods. This WP IT Solutions WordPress Theme gives all the goodies that will result in a great IT business website.
Author: wpelemento
Theme URI: https://preview.wpelemento.com/elementor-conference/
Author URI: https://www.wpelemento.com/
Version: 0.0.4
Requires PHP: 7.2
Tested up to: 6.2
Text Domain: web-agency-elementor-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: education, portfolio, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Elementor Wptheme WordPress Theme has been created by wpelemento(wpelemento.com), 2022.
Elementor Wptheme WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

html{
  scroll-behavior: smooth!important;
}
body{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: "open sans";
}
a{
  text-decoration: none;
}
ul, ol{
  list-style: none;
  margin: 0;
  padding: 0;
}

/* loader */
.web-developer-header .svg-inline--fa{
  display:none;
}
.spinner-loading-box{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: pointer;
z-index: 999999;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
}
.spinner-loading-box img, .ets-theme-header-section :is(.ets-topabr-address, .ets-topabr-email) li{
width:300px;
}
.sticky{
position: fixed;
width: 100%!important;
z-index: 9999;
top:0;
}
.web-developer-service-grid .ea-amox-grid .ea-item:hover .ea-img-wrap .ea-img{
transform:none;
}
.web-developer-about-us img{
  padding-bottom:20px!important;
}
 .web-developer-banner-icons{

border-radius: 65px;
background:#ffffffa1;

border: 2px solid  #ffffff00 ;
padding:30px;


}

.web-developer-banner-icons .elementor-social-icon:hover {
     opacity:0px!important;
    color: #fff;
}
.web-developer-banner-icons .elementor-social-icon{
     opacity:0px!important;
}
.post-template-default .web-developer-header{
background-color: #00000075;
}
.services-template-default .web-developer-header{
background-color: #00000075;
}
.web-developer-background-image > div{
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.web-developer-service-vedio-section img{
  filter: brightness(50%);
}
#web-developer-slider-button:after{
border-right: 78px solid #ffb424;
display: block;
height: 1px;
content: " ";
width: 101%;
position: absolute;
left: 0;
top: 1.2em;
}
.web-developer-about-us-learn-more:after{
  border-right: 78px solid #ffb424;
  display: block;
  height: 1px;
  content: " ";
  width: 101%;
  position: absolute;
  left: 0;
  top: 1.2em;
}
.web-developer-about-us-learn-more a{
  background-image: linear-gradient(0deg, #ff6060 0%, #ffd632 100%, #ffd632 100%);
}
.about-us-hire-me-button a{
  background: -webkit-linear-gradient(#ff6060, #ffd632);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
}

 .web-developer-hire-me-button a{
background: -webkit-linear-gradient(#ff6060, #ffd632);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.web-developer-achievements{
margin-left: 30px;
border-radius: 20px;
margin-right: 30px;
}
.web-developer-header-social-icon .elementor-element-populated{
border-radius:50px;
}
.web-developer-work:hover{
padding:15px;
border-radius:20px;
filter: drop-shadow(0px 20px 30px rgba(107,107,135,0.08));
background-color: #ffffff;
border: 1px solid #e9e9f5;
}
.web-developer-work .elementor-image-box-description{
display:none;
}
.web-developer-work:hover .elementor-image-box-description{
display:block;
}
.web-developer-header.sticky .elementor-section-boxed {
background:#00000075;
}
.home.page-template-default .web-developer-header .elementor-section{
z-index: 9;
position: absolute;
}
.web-developer-banner-content{
margin-top: 12%;
}
.web-developer-service-section img{
width:unset!important;
}
.web-developer-service-section{
text-align:center;
}
.web-developer-service-section .ea-item{
filter: drop-shadow(0px 20px 30px rgba(107,107,135,0.08));
border: 1px solid #e9e9f5;
padding:10px;
}
.web-developer-testimonial-post-section .ea-item{
display: flex;
/* gap: 10%; */
align-items: center;
}
.web-developer-testimonial-post-section .ea-item img{
aspect-ratio: 1 / 1;
transform: unset !important;
height: unset !important;
}
.web-developer-my-experience-section .elementor-button {
background-image: linear-gradient(0deg, #b157ff 0%, #db86ff 100%);
}
.web-developer-my-experience{
margin-bottom:10px!important;
}
.web-developer-my-experience-date{
margin-bottom:10px!important;
}
.web-developer-my-experidence-col{
border:1px solid #C870FF;
border-radius:20px;
margin-top:10px;
}
.web-developer-my-experience-section-btn2 .elementor-button{
background-image: linear-gradient(0deg, #477fff 0%, #85aaff 100%);
}
.web-developer-my-experidence-col2{
border:1px solid #4c83ff;
border-radius:20px;
margin-top:10px;
}
/* get in touch section starts here */
.web-developer-get-in-touch-section{
font-family: Poppins;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
color: #6b6b87;
font-weight: 400;
}
.web-developer-get-in-touch-section{
filter: drop-shadow(0px 20px 30px rgba(107,107,135,0.08));
margin-left:-40px;
}
.web-developer-get-in-touch-section input[type="submit"]{
width: 220px;
height: 54px;
border-radius: 27px;
background-image: linear-gradient(0deg, #ff6060 0%, #ffd632 100%, #ffd632 100%);
font-family: Poppins;
font-size: 16px;
color: #ffffff;
font-weight: 600;
font-family: "Poppins";
text-align: center;
}
.web-developer-get-in-touch-section input[type="text"],input[type="email"]{
border: 1px solid #e9e9f5;
border-radius: 10px;
padding: 10px;
margin-bottom: 10px;
}
.web-developer-form p{
display: grid;
grid-template-columns: repeat(2,1fr);
grid-template-rows: repeat(4, 62px);
column-gap: 10px;
}
.web-developer-form input[type="submit"]{
grid-column: 1/-1;
margin: 0 auto;
}
.web-developer-form .wpcf7-form-control{
width: 100%;
}
.web-developer-get-in-touch-img {
z-index: 9;
}
.web-developer-form p label:nth-child(4){
grid-column: 2/-1;
grid-row: 1/4;
}
.web-developer-form .wpcf7-form-control{
border-radius: 10px;
background-color: #ffffff;
border: 1px solid #e9e9f5;
}
/* get in touch section ends here */
.web-developer-service-grid .ea-readmore-icon{
text-transform: capitalize;
}
.web-developer-blog-with-no-sidebar{
min-height: 200px;
width: 100%;
}
.web-developer-left-sidebar .widget-title{
padding: 10px;
margin-bottom: 19px;
background-color: #ffb424;
font-family: 'Poppins';
}
.web-developer-left-sidebar .wp-block-group__inner-container h2{
padding: 10px;
margin-bottom: 19px;
background-color: #ffb424;
font-family: 'Poppins';
}
.web-developer-my-experience-section:after {
content: "";
position: absolute;
bottom: -134%;
left: 50%;
width: 1px;
height: 50px;
background-color: #c870ff;
}
.web-developer-my-experidence-col:after{
content: "";
position: absolute;
bottom: -7%;
left: 55%;
width: 1px;
height: 10px;
background-color: #c870ff;
}
.web-developer-my-experience-section-btn2:after{
content: "";
position: absolute;
bottom: -134%;
left: 50%;
width: 1px;
height: 50px;
background-color:#4c83ff;
}
.web-developer-my-experidence-col2:after{
content: "";
position: absolute;
bottom: -7%;
left: 47%;
width: 1px;
height: 10px;
background-color:#4c83ff;
}
.web-developer-my-work-process{
margin-left: 30px;
border-radius: 20px;
margin-right: 30px;
}
.web-developer-testimonial-section{
margin-left: 30px;
border-radius: 20px;
margin-right: 30px;
}
.web-developer-my-work-process section .elementor-container:after {
content: '';
position: absolute;
height: 1px;
width: 100%;
top: 50%;
z-index: -1;
}
.web-developer-service-grid .ea-amox-grid .ea-img-wrap .ea-img{
width:unset;
}
.web-developer-service-grid .ea-item{
text-align:center;
}
/* contact page csss */
.web-developer-contact-page-form{
  font-family:"Poppins";
}
.web-developer-contact-page-form input[type="submit"]{
font-family:"Poppins";
padding: 5px 14px 5px 14px;
border-radius: 4px;
background-color:#ffb424;
font-weight: bold;
}
.web-developer-contact-page-form input[type="text"]{
border-radius: 4px;
padding: 10px;
}
.web-developer-contact-page-form input[type="email"]{
border-radius: 4px;
padding: 10px;
}
.web-developer-contact-page-form p{
border-radius: 4px;
}
.web-developer-contact-page-form .wpcf7-form-control {
border-radius: 4px;
}
.web-developer-left-sidebar .recent-post-box{
display:flex;
gap:10px;
 }
 .web-developer-left-sidebar .post-thumb.col-md-4.col-sm-4.col-4 {
flex: 0 0 50%;
}
.web-developer-left-sidebar #block-2{
border: 1px solid black;
padding: 10px;
}
.web-developer-left-sidebar #recent-posts-2{
border: 1px solid black;
padding: 10px;
margin-top:20px;
}
.web-developer-left-sidebar #block-4{
border: 1px solid black;
padding: 10px;
margin-top:20px;
}
.web-developer-left-sidebar .wp-block-search__button{
background-color: #ffb424;
margin-left:0;
color:black;
font-family:Poppins;
}
.web-developer-left-sidebar .post-content a{
color:black;
font-family:Poppins;
}
.web-developer-blog-with-nosidebar .ea-readmore-icon{
text-transform: capitalize;
color: #ffb424;
}
/* project section */

.ets-project-section-project-post .ea-alex-wrap{
grid-template-rows: repeat(5, 100px);
}
.ets-project-section-project-post .ea-img{
  border-radius:20px;
}
.ets-project-section-project-post .ea-alex-wrap .ea-item:first-child{
grid-column: 1 / 3;
grid-row: 1 / 4;
}
.ets-project-section-project-post .ea-alex-wrap .ea-item:last-child{
grid-column: 3 / -1;
grid-row: 3 / -1;
}
.ets-project-section-project-post .ea-alex-wrap .ea-item:is(:nth-child(2), :nth-child(3)){
grid-row: 1 / 3;
}
.ets-project-section-project-post .ea-alex-wrap .ea-item:is(:nth-child(4), :nth-child(5)){
grid-row: 4 / -1;
}

/* single blog page css */
.ebs-single-post-page .main_title{
margin-top:50px;
}
.ebs-single-post-page .metabox{
margin-top:10px;
margin-bottom:10px;
}
.ebs-single-post-page .single-content{
font-family: Poppins;
}
.socila_share a{
padding: 10px 25px;
border-radius: 4px;
color: #fff;
display: inline-block;
width: auto;
margin: 5px 3px;
}
.post-facebook {
background: #3b5998;
}
a.post-pinterest{
background: #c92228;
}
a.post-linkedin {
background: #0976b4;
}
a.post-twitter {
background: #1B95E0;
}
.ebs-single-post-page .form-submit input[type="submit"]{
background-image: linear-gradient(0deg, #ff6060 0%, #ffd632 100%, #ffd632 100%);
padding: 10px;
border-radius: 10px;
border-color: #ffb424;
font-family: Poppins;
color:white;
font-weight:600px;
}
.comment-form label{
display:block;
}
.ebs-single-post-page .entry-date{
margin-right: 15px;
}
.ebs-single-post-page .entry-author{
margin-right: 10px;
}
.ebs-single-post-page .entry-author a{
color:black;
}
.ebs-single-post-page .entry-comments{
color:black;
}
.page-template-default .web-developer-header{
background-color:#00000075;
}
/* footer */
.web-developer-footer-copyright b{
  color:#FFB424;
}

.ets-footer-section ul.hfe-nav-menu li{
list-style: disc !important;
color:#8894a0;
width: 100%;
}

  .ets-project-section-project-post .ea-item .ea-image-wrap .ea-img:hover{
    filter: brightness(30%);
  }
  .ets-project-section-project-post .ea-image-wrap:hover{
      filter: brightness(30%);

  }
  .ets-project-section-project-post .ea-title:hover{
    color:#FFB424!important;
  }

  .ets-project-section-project-post .ea-content-wrap{
    display:none;
  }
  .ets-project-section-project-post .ea-item:hover .ea-content-wrap{
    display:block!important;

  }
  .ets-project-section-project-post .ea-item .ea-image-wrap .ea-img{
    position:relative;
  }
  .ets-project-section-project-post .ea-content-wrap{
    position:absolute;
    top:50%;
  }


/* single blog css ends here */
@media only screen and (max-width: 480px){
  .ets-project-section-project-post .ea-image-wrap{
    margin-bottom:10px;
  }
}
@media (min-width: 320px) and (max-width: 480px){
  .web-developer-form input[type="submit"]{
    display: block;
  }
.web-developer-banner-content {
margin-top: 20%!important;
}
}
@media only screen and (max-width:1024px){
.web-developer-form .wpcf7-form-control{
width: 100%;
}
}
@media only screen and (max-width: 577px){
  .web-developer-blog-with-nosidebar .ea-meta{
    justify-content:center;
  }
}
@media only screen and (max-width: 320px){
.web-developer-banner-icons{
  padding:0px;
}

  .web-developer-service-section .ea-item{
    margin-top: 15px;
  }
.web-developer-my-experidence-col:after{
display:none;
}
.web-developer-my-experience-section-btn2:after{
display:none;
}
.web-developer-my-experidence-col2:after{
display:none;
}
.web-developer-my-work-process section .elementor-container:after  {
display:none;
}
.web-developer-banner-content {
margin-top: 64%;
}

}
@media only screen and (max-width: 1025px){
  #web-developer-slider-button:after{
    display:none;
  }
}
@media only screen and (max-width: 768px){
  .web-developer-banner-content {
    margin-top: -3%;
}
  .web-developer-my-experience-section:after{
      display:none;
  }
  .web-developer-about-us-learn-more:after{
    display:none;
  }
.web-developer-my-experidence-col:after{
  display:none;
}
.web-developer-my-experience-section-btn2:after{
display:none;
}
.web-developer-my-experidence-col2:after{
display:none;
}
.web-developer-my-work-process section .elementor-container:after  {
display:none;
}
.web-developer-contact-page-form input[type="text"],input[type="email"]{
width:100%;
}

.web-developer-header.sticky .elementor-section-boxed {
background:unset;
}
.sticky{
position:unset;
}
.web-developer-get-in-touch-section{
margin:0px;
}
.web-developer-form p{
display:block!important
}
.web-developer-banner{
background-image:unset!important;
}
.web-developer-achievements{
margin:0;
}
.web-developer-my-work-process{
margin:0;
}
.web-developer-testimonial-section{
margin:0;
}
}



@media (min-width: 1024px) and (max-width: 1025px) {
.web-developer-form .elementor-31 .elementor-element.elementor-element-bcf1f19 > .elementor-widget-container{
  padding-left:30px!important;
}
}
@media only screen and (max-width: 1024px){
  .elementor-31 .elementor-element.elementor-element-588c445 .ea-alex-grid .ea-style-2{
    grid-template-columns:unset!important;
}


@media only screen and (max-width: 1040px){
.elementor-53 .elementor-element.elementor-element-96c689b .menu-item a.hfe-menu-item {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (min-width: 2000px){
.ets-project-section-project-post .ea-alex-wrap{
  grid-template-rows: repeat(3, 300px);
  }
}
@media screen and (max-width:768px){

  .web-developer-form input[type="submit"]{
    display:block;
  }
  .web-developer-quick-link-footer .hfe-nav-menu a{
    justify-content:center;
    list-style: none;
  }
  .ets-footer-section ul.hfe-nav-menu li{
    list-style: none!important;
  }

}
body:not(.rtl) .elementor-58 .elementor-element.elementor-element-68aecfa6 .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){
  margin:0!important;
}
body:not(.rtl) .elementor-58 .elementor-element.elementor-element-a5c5fc0 .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){
    margin:0!important;
}
}


/* back to top */

#button {
  display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

/* Styles for return-to-top */

#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
background-image: linear-gradient(0deg, #ff6060 0%, #ffd632 100%, #ffd632 100%);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99999;
}
#return-to-top i {
  color: white;
  font-weight: 600px;
  position: relative;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 3px 18px;
}
#return-to-top:hover {
  background-image: linear-gradient(0deg, #ff6060 0%, #ffd632 100%, #ffd632 100%);
}
#return-to-top:hover i {
  color: white;
  top: 5px;
}
#return-to-top .elementor-icon i:before, .elementor-icon svg:before{
  position: absolute;
    left: 32%;
}
/*return-to-top ends here  */

@media screen and (max-width:768px){
.ets-project-section-project-post .ea-img {
  margin-top:20px;
}


.ets-appointment-section form p,
.ets-project-section-project-post .ea-alex-wrap,
.ets-testimonial-post-section .ea-item{
  display: unset !important;
}

.ets-project-section-project-post .ea-content-wrap{
  display: block;
}
#web-developer-slider-button:after {
  display:none;
}

}
@media screen and (max-width: 1024px){
.ets-project-section-project-post .ea-alex-wrap{
grid-template-rows: repeat(5, 100px);
}
.ets-project-section-project-post .ea-img{
  border-radius:20px;
}
.ets-project-section-project-post .ea-alex-wrap .ea-item:first-child{
grid-column: 1 / 3;
grid-row: 1 / 4;
}
.ets-project-section-project-post .ea-alex-wrap .ea-item:last-child{
grid-column: 3 / -1;
grid-row: 3 / -1;
}
.ets-project-section-project-post .ea-alex-wrap .ea-item:is(:nth-child(2), :nth-child(3)){
grid-row: 1 / 3;
}
.ets-project-section-project-post .ea-alex-wrap .ea-item:is(:nth-child(4), :nth-child(5)){
grid-row: 4 / -1;
}


}