/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*Common CSS */
ol, ul{
	padding-left:18px;
}

/*Scroll bar*/

/* width */
#wayforwebscroll::-webkit-scrollbar {
  width: 4px;
}

#wayforwebscroll::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
#wayforwebscroll::-webkit-scrollbar-thumb {
      background: #000000;
      border-radius: 15px;
}

/* Handle on hover */
#wayforwebscroll::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/*Button CSS*/
.wfw_btn:before {
    content: url(https://businessprojects.in/wayforweb/wp-content/uploads/2024/11/Vector-9.png);
    position: absolute;
    padding: 10px 12px;
    height: 100%;
    background: #FF7D00!important;
}

/*Counter*/
@media(min-width:767px){

.wfw_counter .elementor-counter-number-wrapper {
    padding-right: 24px;
}
}


/*Link*/
.wfw_link a{
    text-decoration: underline;
}

/*Header CSS*/
@media(min-width:767px){
#w4w-header.elementor-sticky--effects{
	background:black;
	padding: 0.2% 7%;
	transition: 1s;
}
}
@media(max-width:767px){
#w4w-header.elementor-sticky--effects{
	background:black;
	padding: 0.2% 1%;
	transition: 1s;
}
}
#w4w-header.elementor-sticky--active{
	transition: 1s;
}
#w4w-header.elementor-sticky--effects .elementor-widget-theme-site-logo img{
    scale: 0.6;
    transition: 1s;
}
.elementor-widget-theme-site-logo img{
    scale: 1;
    transition: 1s;
}

/*Home page CSS*/

/*Services section text adjustment*/

.serv_3l_text{
	height:80px;
	overflow:hidden;
}
.serv_2l_text{
	height:72px!important;
/* 	width:100px!important; */
	overflow:hidden;
}
/*Web development Portfolio*/

.wfw_content {
  position: relative;
}

.wfw_screen {
  display: block;
  width: 100%;
  height: 450px;
  overflow: hidden;
  position: relative;
  border-radius: 1px;
  margin: 0 auto;
}

.wfw_screen img {
  position: absolute;
  bottom: 100; /* Ensure the image starts out of view */
  left: 0;
  width: 100%;
  height: auto;
  z-index: 0;
  margin: 0;
  padding: 0;
  transition: transform 11s ease-in-out;
}

.wfw_screen:hover img {
  transform: translateY(calc(-100% + 450px)); /* Dynamic scroll effect */
}


/*Service card effect*/

.w4w_serv {
    padding: 20px;
    position: relative;
	border-radius:8px;
    transition: background 0.5s ease-in-out, transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}


.w4w_serv:hover {
    background: #f6f6f7;
    transform: scale(1.02); /* Slight scale effect for depth */
    box-shadow: 0px 15px 12px rgb(0 0 0 / 18%); /* Floating shadow effect */
}

/* .w4w_serv:hover svg path, .w4w_serv:hover svg rect {
    fill: white;
    transition: fill 0.3s ease-in-out;
}


.w4w_serv:hover .elementor-element h2 a,
.w4w_serv:hover .elementor-widget-text-editor div {
    color: white;
    transition: color 0.3s ease-in-out;
}

.w4w_serv:hover .arrow_icon svg path{
    fill:#FF4B4B;
}
.w4w_serv:hover .arrow_icon svg circle{
    fill:white;
}
 */


/*key point card effect*/

.w4w_key_points {
    position: relative;
	border-radius:8px;
    transition: background 0.5s ease-in-out, transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}


.w4w_key_points:hover {
    background: #f6f6f7;
    transform: scale(1.02); /* Slight scale effect for depth */
    box-shadow: 0px 15px 12px rgb(0 0 0 / 18%); /* Floating shadow effect */
}