/*
Theme Name: Elemento IT Solutions Pro
Description: IT Solutions 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/elemento-it-solutions/
Author URI: https://www.wpelemento.com/
Version: 1.6
Requires PHP: 7.2
Tested up to: 6.2.2
Text Domain: elemento-it-solutions-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%;
}
.ets-theme-header-section .ekit_social_media > li {
  border-inline-end: 1px solid #fff;
}
.ets-theme-header-section .ekit_social_media > li:first-child{
  border-inline-start: 1px solid #fff;
}
.ets-topabr-address a{
  justify-content:end;
}
.ets-topabr-email a{
  justify-content:center;
}
.ets-header-contact-box .elementor-widget:not(:last-child){
  margin-bottom: 0;
}
/* 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;
}
.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;
  color: #157efd;
  text-decoration: underline;
}
.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{
  border-radius: 10px;
}
.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';
  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;
  text-align:center;
}
/* .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;
  border-inline-start: 5px solid #157efd;
}
.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;
}
.ets-footer-section .ets-techsolution-footer-twitter svg path{
  fill: #157efd;
}
.ets-footer-section ul.hfe-nav-menu li{
  list-style: disc !important;
  color:#8894a0;
  width: 100%;
}
/* without demo import */
#ets-header{
  box-shadow: 0px 0px 1px #157efd;
}
.ets-topbar{
  background-color: #157efd;
}
.ets-topbar *{
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
.ets-topbar .ets-hiring-btn {
  background: #fff;
  color: #157efd;
  border-radius: 30px;
  padding: 5px 10px;
}
.ets-topbar .ets-register-btn{
  text-decoration: underline;
  color: #ffea00;
  font-weight: 600
}
.social-share li{
  padding: 10px;
  height: 100%;
  border-right:1px solid #fff;
}
.social-share li:first-child{
  border-left:1px solid #fff;
}
.ets-menu-header .primary-menu ul li a{
  font-size: 16px;
  color: #222222;
  font-weight: 600;
}
.ets-menu-header .header-contact-text{
  font-size: 16px;
  color: #6c6c6c;
  font-weight: 400;
}
.ets-menu-header .header-contact-number{
  font-size: 24px;
  color: #157efd;
  font-weight: 400;
}
.ets-footer{
  background-color: #1e2328;
}
.ets-footer p{
  color: #ffffff;
  font-weight: 500;
  text-align: center;
}

/* Additional CSS */

.ets-header-main-menu ul #menu-item-216{
	background-color: #157efd;
	border-radius: 40px 40px 40px 40px;
}
.ets-header-main-menu ul #menu-item-216 a{
	color: #fff !important;
	font-weight: 700;
}
.ets-header-main-menu ul{
	justify-content: end !important;
	margin-left: auto;
	margin-right: unset !important;
}
#menu-1-296fa975 li{
	width: 100%;
}
#menu-1-296fa975 li:last-child{
	width: max-content !important;
	padding: 5px 10px;
}
.ets-theme-header-section .ekit_social_media a{
	color: #fff !important;
}
.ets-theme-header-section .ekit_social_media a path{
	fill: #fff !important;
}
.ets-footer-section .ets-techsolution-footer-twitter svg path{
	fill: #157efd;
}
.ets-footer-section ul.hfe-nav-menu li{
  width: 100%;
}
@media screen and (max-width:767px){
	.ets-footer-section ul.hfe-nav-menu li a, .ets-theme-header-section a, .ets-topabr-address a{
		justify-content:center !important;
	}
	.ets-home-page-book-schedule-contact-form form p span[data-name="your-message"]{
	display:flex;
	}
	.ets-home-page-book-schedule-contact-form form p span[data-name="your-message"] textarea{
		width:100%;
	}
	.ets-footer-section ul.hfe-nav-menu li{
		list-style:none !important;
	}
}
@media screen and (max-width: 375px){
  .ets-footer-newsletter-form form input[type=submit]{
    position: unset;
		margin-top: 10px;
  }
}
@media (min-width:768px) and (max-width:800px){
	.ets-our-blog-section-content .ea-date{
		top:24%;
	}
}
@media screen and (min-width:1440px){
.ets-our-blog-section-content .ea-date {
    top: 50%;
  }
}
.ets-our-blog-section-content .ea-date{
	border-inline-start: 5px solid #157efd;
}
.ets-theme-header-section .ekit_social_media > li {
  border-inline-end: 1px solid #fff;
}
.ets-theme-header-section .ekit_social_media > li:first-child{
  border-inline-start: 1px solid #fff;
}
.ets-topabr-address a{
	justify-content:end;
}
.ets-topabr-email a{
	justify-content:center;
}
.ets-header-contact-box .elementor-widget:not(:last-child){
	margin-bottom: 0;
}
.ets-project-section-project-post .ea-item{
  border-radius: 10px;
}
.ets-team-section-content .profile-footer:after{
	text-align:center;
}
.ets-our-blog-section-content .ea-button-wrap a{
	color: #157efd;
	text-decoration: underline;
}
.ets-footer-section ul.hfe-nav-menu li{
	list-style: disc !important;
	color:#8894a0;
}
.ets-appointment-section .wpcf7-not-valid-tip{
	display:none;
}