/*
Theme Name: Web Designer Elementor Pro
Description: Web Designer Elementor Pro 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:
Author URI: https://www.wpelemento.com/
Version: 0.0.4
Requires PHP: 7.2
Tested up to: 6.2
Text Domain: web-designer-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;
}
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;
}
img{
  max-width: 100% !important;
}
/* loader */
.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: 100%;
}
.ebs-testimonial-section .ea-img-wrap::after {
  content: "";
  background-image: url(assets/images/testimonial/testimonial-quote.png);
  position: absolute;
  bottom: -15px;
  right: -15px;
  height: 50px;
  width: 50px;
  display: block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}
.ebs-testimonial-section .ea-content {
  background-image: url(assets/images/testimonial/testimonial-content-bg.png);
  background-repeat: no-repeat;
  background-position: center;
}

/* slider */
.ets-slider-text{
  position: absolute;
  top: 34%;
  transform: translateY(-50%);
}
.ets-appointment-section form p{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 50px);
  grid-gap: 10px;
}
.ets-appointment-section form p input{
  width: 100%;
  border-radius: 6px;
  background-color: #efedff;
  border: 1px solid #dfddee;
}
.ets-appointment-section form input:is([type="text"], [type="email"], [type="tel"] ){
  padding: 16px 10px;
}
.ets-appointment-section form p textarea{
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 3;
  height: 110px;
  border-radius: 6px;
  background-color: #efedff;
  border: 1px solid #dfddee;
  padding: 16px 10px;
}
.ets-appointment-section form p input[type="submit"]{
  position: absolute;
  right: 0;
  top: -50%;
  width: max-content;
  color: #fff;
  background-color: #157efd;
  padding: 10px 10px;
  border-radius: 21px;
  font-family: 'FontAwesome';
}
.ets-appointment-section form ::placeholder{
  font-size: 14px;
  color: #a39ec4;
  font-weight: 500;
}
.ets-appointment-section form ::-ms-input-placeholder{
  font-size: 14px;
  color: #a39ec4;
  font-weight: 500;
}
.ets-appointment-section form ::-ms-input-placeholder{
  font-size: 14px;
  color: #a39ec4;
  font-weight: 500;
}
.ets-about-us-left-text>div{
  border-radius: 46% 54% 61% 39% / 64% 55% 45% 36%;
}
.ets-about-us-feature-section i{
  background-color: #70b453;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  padding-top: 4px;
  margin-top: 12px;
}
.ets-about-us-left-text>div h5{
  display: flex;
  align-items: center;
}
.ets-about-us-left-text>div h5 span{
  font-size: 70px;
  font-weight: 700 !important;
  margin-inline-end: 10px;
}
.ets-services-section-main-heading h2, .ets-testimonialsection-main-heading h2,
 .ets-team-section-content .ets-team-section-main-heading h2{
  width: 22ch;
  margin: 0 auto;
  max-width: 100%;
}
.ets-services-post-section .ea-item{
  position: relative;
  transition: width 2s;
}
.ets-services-post-section .ea-item:before, .ets-services-post-section .ea-item:after{
  content:'';
  position: absolute;
  top: 0;
  left: 10%;
  height: 3px;
  width: 0;
  background: #157efd;
}
.ets-services-post-section .ea-item:after{
  top: unset;
  bottom: 0;
}
.ets-services-post-section .ea-item:hover{
  filter: drop-shadow(18.928px 27.032px 20px rgba(65,144,240,0.2));
}
.ets-services-post-section .ea-item:hover:after,
.ets-services-post-section .ea-item:hover:before{
  width: 80%;
}
.ets-services-post-section .ea-img-wrap{
  text-align: center;
  overflow: visible !important;
}
.ets-services-post-section img{
  width: 40% !important;
  margin: 0 auto;
  aspect-ratio: 1 / 1;
}
.ets-services-post-section .ea-item p{
  font-size: 15px;
  line-height: 26px;
  color: #6c6c6c;
  font-weight: 400;
}
.ets-services-post-section .ea-item .ea-button-wrap a,
.ets-our-blog-section-content .ea-button-wrap a{
  text-transform: capitalize;
  font-size: 15px;
  line-height: 26px;
  font-weight: 600;
  position: relative;
  margin-left: -20px;
  text-align: center;
}
.ets-services-post-section .ea-item .ea-button-wrap a:after,
.ets-our-blog-section-content .ea-button-wrap a:after{
  content: '\e876';
  position: absolute;
  font-family: elementskit!important;
  right: -30px;
  color: #fff;
  background: #157efd;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  line-height: 20px;
  font-size: 10px;
  top: 0;
}
/* project section */
.ets-project-section-project-post .ea-alex-wrap{
  grid-template-rows: repeat(3, 200px);
}

.ets-project-section-project-post .ea-item:nth-child(2){
  grid-row: 1 / 3;
  grid-column: 2 / 3;
}
.ets-project-section-project-post .ea-item:nth-child(4){
  grid-row: 2 / 4;
  grid-column: 1 / 2;
}
.ets-project-section-project-post .ea-item:nth-child(6){
  grid-row: 2 / 4;
  grid-column: 3 / 4;
}
.ets-project-section-project-post .ea-item img{
  width: 100%;
}
.ets-project-section-project-post .ea-content-wrap {
  left: 0;
  bottom: 20px !important;
  border-left: 5px solid #157efd;
  display: none;
}
.ets-project-section-project-post .ea-item:hover .ea-content-wrap{
  display: block !important;
}
.ets-project-section-project-post .ea-text p{
  margin-top: 0;
  padding-inline: 15px;
  font-size: 14px;
  line-height: 22px;
  color: #6c6c6c;
  font-weight: 400;
}
/* testimonial section */
.ets-testimonial-post-section .ea-item{
  display: flex;
  gap: 10%;
  align-items: center;
}
.ets-testimonial-post-section .ea-item img{
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  transform: unset !important;
  border: 5px solid #157efd;
  height: unset !important;
}
.ets-testimonial-post-section .ea-item .ea-content{
  background-color: #fff;
  border-radius: 6px;
}
.ets-our-process-section-main-heading h2{
  width: 25ch;
  max-width: 100%;
  margin: 0 auto;
}
.ets-our-process-up-arrow1{
  width: max-content !important;
  padding-left: 20%;
}
.ets-our-process-up-arrow2{
  width: max-content !important;
  padding-left: 43%;
}
.ets-our-process-down-arrow{
  width: max-content !important;
  padding-left: 46%;
  padding-top: 15px;
}
.ets-work-process-main-container > div{
  gap:30px;
}
.ets-work-process-main-container .elementor-widget-image{
  position: relative;
}
.ets-work-process-main-container .elementor-widget-image:before{
  content: '';
  height: 33px;
  width: 2px;
  background: #d5d5d5;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.ets-work-process-main-container .elementor-widget-image:after{
  content: '';
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #157efd;
  position: absolute;
  bottom: -10;
  left: 50%;
  transform: translateX(-50%);
}
.ets-team-section-content .profile-card{
  box-shadow: unset !important;
}
 .ets-team-section-content .profile-footer{
  position: absolute;
  bottom: 30%;
  right: 30px;
  height: 40px;
}
.ets-team-section-content .profile-footer:hover .ekit-team-social-list{
  display: block;
}
.ets-team-section-content .ekit-team-social-list{
  position: relative;
  top: 6px;
  right: 46px;
  display: none;
}
.ets-team-section-content .profile-footer:hover .ekit-team-social-list li{
  position: unset !important;
}
.ets-team-section-content .profile-footer:after{
  content: '\f1e0';
  position: absolute;
  font-family: 'FontAwesome';
  width: 40px;
  height: 40px;
  border-radius: 25px;
  filter: drop-shadow(9.368px 10.404px 10px rgba(99,150,252,0.5));
  background-color: #157efd;
  line-height: 40px;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
}
/* .ets-team-section-content .ekit-team-social-list li{
  position: absolute;
} */
.ets-our-blog-section-content .ea-content{
  padding-left: 0 !important;
}
.ets-our-blog-section-content .ea-date{
  position: absolute;
  top: 38%;
  background: #fff;
  padding: 7px 10px;
}
.ets-our-blog-section-content .ea-button-wrap a{
  padding-left: 20px;
}
.its-partner-section-container .its-partner-image{
  width: max-content !important
}
.its-partner-section-container .its-partner-image img{
  width: 110px;
}
.its-partner-section-container .ets-blog-section-main-heading h2{
  width: 38ch;
  max-width: 100%;
  margin-inline: auto;
}
.ets-footer-newsletter-form{
  width:60% !important;
  margin: 0 auto;
}
.ets-footer-newsletter-form form{
  position: relative;
}
.ets-footer-newsletter-form form input[type="submit"]{
  position: absolute;
  right: 8px;
  top: 8px;
  font-family: 'Font Awesome 5 Free' !important;
  border: none;
}
.ets-work-process-main-container{
  counter-reset: section;
}
.ets-work-process-main-container .elementor-column[data-element_type="column"]::before {
  counter-increment: section;
  content: "0"counter(section);
  position: absolute;
  top: 5px;
  left: 20px;
  font-size: 50px;
  z-index: 3;
  font-weight: 800;
  font-family: "Open Sans";
  color: #efefef;
}
/* without demo import */
.ebs-topbar .custom-container > *{
  padding-block: 10px;
}
.ebs-topbar .custom-container :is(a, p, li){
  font-size: 16px;
  color: #031c52;
  font-weight: 400;
  font-family: "Josefin Sans";
}
.ebs-header-mail{
  background-color:#031c52;
  padding-inline: 7% 4%;
  color: #fff !important;
  position: relative;
}
.ebs-header-mail:after{
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  background: #031c52;
  border-top: 44px solid transparent;
  border-right: 45px solid #fff;
}
.ebs-header-social-share{
  padding-inline-end: 7%;
}
.ebs-header-social-share ul li {
  width: 30px;
  text-align: center;
}
.ets-menu-header{
  margin: 30px 7%;
  filter: drop-shadow(3px 5.196px 12px rgba(3,28,82,0.17));
  background-color: #ffffff;
  height: 70px;
  overflow: visible;
}
.logo {
  text-align: center;
  filter: drop-shadow(5.5px 9.526px 12px rgba(3,28,82,0.16));
  background: #fff;
  padding: 20px;
  height: 80px;
  border-radius: 0px 0px 10px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.primary-menu ul li{
  line-height: 70px;
}
.header-consilt-now-btn{
  background-color: #031c52;
  padding: 10px 25px;
  color: #fff;
  margin: 13px 40px;
  display: inline-block;
}

.ets-footer{
  background-color: #121212;
}
.ets-footer p{
  color: #ffffff;
  font-weight: 500;
  text-align: center;
}