/* 
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
*/

/* Add your custom styles here */


body{
	overflow-x: hidden !important;
}


.list-grouping-section ul {
  list-style: disc outside !important;
  padding-left: 20px;
  margin-left: -28px;
}

.list-grouping-section ul li {
  font-weight: 400;
}

.list-grouping-section ul li::marker {
  content: "• ";
  font-size: 18px;
}

/* ===================== */

.header-section .sub-menu .sub-arrow svg{
	transform: rotate(268deg) !important;
}


/* Hero Section */

.hero-section .aae--btn-pro{
	width: 278px !important;
	text-align: center !important;
	margin: 0 auto !important;
	justify-content: center;
}

.hero-section .header-hero h1 {
    background: -webkit-linear-gradient(357deg, #0a21e9, #52a1e9) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.elementor-sticky--effects {
  transform: none !important;
}


.new-who-you-are .highlight{
   line-height: 42px !important; 
}





.dm-scrolling-image .pp-info-box .pp-info-box-icon-wrap{
	position: relative !important;
}



.dm-scrolling-image .pp-info-box .pp-info-box-icon-wrap:after{
	content: '';
	width: 100%;
	height: 100%;
	padding: 26px 32px;
	position: absolute;
	bottom: 0;
	background: transparent !important;
	opacity: 0;
	transition: opacity .2s ease-in-out;
	z-index: 0 !important;
	transition: 0.5s !important;
	display: block !important;
}

.dm-scrolling-image .pp-info-box:hover .pp-info-box-icon-wrap:after{
	content: '';
	width: 100%;
	height: 100%;
	padding: 26px 32px;
	position: absolute;
	bottom: 0;
	opacity: 1;
	transition: opacity .2s ease-in-out;
	z-index: 1 !important;
	transition: 0.5s !important;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) -3.69%, rgba(0, 0, 0, 0.90) 100%) !important;
	border-radius: 20px !important;
}

.dm-scrolling-image .pp-info-box .pp-info-box-icon-wrap img{
	border-radius: 20px !important;
}

.dm-scrolling-image .pp-info-box .pp-info-box-content {
    position: absolute !important;
    bottom: 30px !important;
    left: 40px !important;
	z-index: 2 !important;
	opacity: 0 !important;
	transition: 0.5s !important;
}


.dm-scrolling-image .pp-info-box:hover .pp-info-box-content {
    opacity: 1 !important;
}


/* industries-serve-id */

#industries-serve-id .industries-col .elementor-icon svg{
	filter: drop-shadow(6px 7px 2px rgb(32 144 246 / 0.4)) !important;
}

#industries-serve-id .industries-col .elementor-icon svg{
	-webkit-animation-name: tada !important;
	animation-name: tada !important;
	-webkit-animation-duration: 1s !important;
	animation-duration: 1s !important;
	-webkit-animation-fill-mode: both !important;
	animation-fill-mode: both !important;
	     
} 

#industries-serve-id .industries-col:hover .elementor-icon svg{
	-webkit-animation-iteration-count: infinite; !important
	animation-iteration-count: infinite !important;
}

#industries-serve-id .industries-col{
	transition: 0.5s !important;
	transform: translateY(0) !important;
	top: 0 !important;
}

#industries-serve-id .industries-col:hover{
	transform: translateY(-10px) !important;
}

@keyframes tada {

0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
	
	} 

/* ================================================
 *              portfolio-section
 * ================================================ */

.portfolio-section .pp-post{
	position: relative !important;
}

.portfolio-section .pp-post .pp-post-content-wrap{
	position: absolute !important;
	bottom: 0 !important;
}

.pp-btn{
  padding: 10px 16px;
  border-radius: 6px;
  display: inline-block;
}

.portfolio-section .post-main-loop{
	position: relative !important;
}

/* .portfolio-section .post-content-part{
	position: absolute !important;
	bottom: 22px !important;
	left: 0px !important; 
	transform: translateY(155%) !important;
}


.portfolio-section .post-main-loop:hover .post-content-part{
	position: absolute !important;
	bottom: 22px !important;
	left: 0px !important;
	 
	z-index: 2 !important;
	transform: translateY(0%) !important;
} */

.post-button-part{
	position: absolute !important;
	opacity: 0 !important;
	top: 50% !important;
	transition: 0.5s !important;
	transform: translateY(-50%);
}

.portfolio-section .type-portfolio{
	transition: 0.5s !important;
}

.portfolio-section .type-portfolio:hover .post-button-part{
	 opacity: 1 !important;
	z-index: 2 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
}

.portfolio-section  .post-feature-img-cls a{
	position: relative !important;
}

.portfolio-section  .post-feature-img-cls a:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    z-index: 1 !important;
    transition: 0.5s !important;
    background: transparent !important;
    border-radius: 20px !important;
    z-index: 1 !important;
}

.portfolio-section .type-portfolio:hover  .post-feature-img-cls a:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	opacity: 1;
	transition: opacity .2s ease-in-out;
	z-index: 1 !important;
	transition: 0.5s !important;
	background: linear-gradient(180deg, rgb(223 223 223 / 58%) -3.69%, rgb(223 223 223 / 79%) 100%) !important;
	border-radius: 10px !important;
	z-index: 1 !important;
}

/* ==============================================
 *                industries-section
 * ============================================== */

.industries-section .industries-col .industries-icon{
	
}


/* =================================================
 *         page-header
 * ================================================ */

.page-header .entry-title{
	display: none !important;
}

/* ===================================================
 *              icon-box-class
 * =================================================== */

/* .icon-box-class .elementor-icon-box-title{
	margin-bottom: 14px !important;
	margin-top: 0 !important;
}
 */

/* =================================================
 *         page-header
 * ================================================ */

/* .elementor-sticky--effects{
	background: #181b1c !important;
} */

.our-core-services-section .swiper-pagination-bullet-active{
	width: 30px !important;
	height: 10px !important;
	border-radius: 7px !important;
}


/* ===============================================
 *               who-we-are-section
 * ============================================== */

.who-we-are-section{
	position: relative !important;
}

.who-we-are-section:before{
	content: '';
	position: absolute !important;
	width: 44% !important;
	height: 80% !important;
	background: #efefef6b !important;
	bottom: 0;
	left: 0;
	top: 24%;
}



/* =================================================
 *          testimonial-section
 * ============================================== */

.testimonial-section .slick-track {
    display: flex !important;
}

.testimonial-section .slick-track .pp-testimonial-slide {
    background: #fff !important;
    margin: 0 10px !important;
}


.testimonial-section .pp-arrow-prev {
    right: 50px !important;
    left: unset !important;
}

.testimonial-section .pp-slider-arrow{
	top: -50px !important;
}

.testimonial-section .pp-arrow-next {
    right: 0px !important;
}

.testimonial-section .slick-dots .slick-active{
	width: 40px !important;
	border-radius: 8px !important;
}

.clients-say-section .swiper-pagination-bullet-active{
	width: 40px !important;
	border-radius: 5px !important;
}

/* ===========================
 *      seo-section
 * ============================ */

.seo-section{
	padding-left: calc((100% - 1240px) /2 + 5px) !important;
}

/* ===================================
 *            post-tag-item
 * =================================== */

.post-tag-item a{
	color: #4d4d4d;
	padding: 10px 20px;
	font-size: 12px !important;
	font-weight: 500;
	background-color: transparent;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 50rem;
	transition: .3s;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: 0.5s !important;
	background: transparent !important;
}

.post-tag-item a:hover{
	background:#2090F6 !important;
	color: #fff !important;
}




/* ================================================
 *   Medical Website Design Services page
 *   Key Benefits of Modern Medical Website Design
 * ================================================ */
.key_sections .key_iconBox_col{ 
position: relative; 
} 

.key_sections .key_iconBox_col:before {
 content: ''; 
 position: absolute; 
 height: 100%; 
 width: 0px; 
 background: #2090F6; 
 top: 0; 
 left: 0; 
 transition: 0.5s; 
 } 
 
 .key_sections .key_iconBox_col:hover:before { 
 width: 100%; 
 transition: 0.5s; 
/*    left: auto;
  right: 0;  */
 }
 
 .key_sections .key_iconBox_col,
.key_sections .key_iconBox_col .elementor-icon {
	transition: 0.5s !important; 
}


.key_sections .key_iconBox_col:hover,
.key_sections .key_iconBox_col:hover .elementor-icon {
    color: #fff !important;
    fill: #fff !important;
    border-color: #fff !important;
	transition: 0.5s !important; 
} 

@media screen and (max-width: 1310px) {
	
	.header-section #menu-primary-menu{
		padding: 0 10px !important;
	}
	#menu-primary-menu .menu-item .pp-menu-item{
		padding-left: 8px !important;
		padding-right: 8px !important;
		padding-top: 14px !important;
		padding-bottom: 14px !important;
		font-size: 12px !important;
	}
	
	    
}

@media screen and (max-width: 1072px) {
   
	.pp-advanced-menu--dropdown-tablet .pp-advanced-menu--main{
		  display: none !important;
	}

	.pp-advanced-menu--dropdown-tablet .pp-menu-toggle:not(.pp-menu-toggle-on-all){
	   display:block !important;

	}
	
   ul.pp-advanced-menu {
       margin-top: 50px !important;
   }
	.pp-menu-clear {
           background: rgb(0 0 0 / 54%) !important;
     }
	
	.elementor-130 .elementor-element.elementor-element-342de0bb .pp-menu-toggle {
		padding: 5px 10px 1px 10px !important;
	}
    
}

@media screen and (max-width: 991px) {
	.testimonial-section .pp-slider-arrow{
		display: none !important;
	}
}


@media screen and (max-width: 767px) {
	.elementor-6372 .elementor-element.elementor-element-1b7f66ea::before{
		display: none !important;
	}
}


@media screen and (max-width: 560px) {

	.elementor-130 .elementor-element.elementor-element-342de0bb .pp-menu-toggle {
		padding: 2px 8px 1px 8px !important;
	}
	
	    .elementor-130 .elementor-element.elementor-element-342de0bb .pp-menu-toggle {
        padding: 0px 8px 0px 7px !important;
    }
    
}


@media screen and (max-width: 480px) {

	.elementor-130 .elementor-element.elementor-element-342de0bb .pp-menu-toggle {
		padding: 0px 8px 0px 7px !important;
	}

}