/**
Theme Name: Flow HCM
Author: AHP from Sartim Solutions
Author URI: https://www.sartimsolutions.com
Description: This theme is customized and made with astra. Developer is Altaf Hussain working in sartim solutions a software house.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flowhcm
Template: astra
*/

.text-red{color:#cf0001} .bg-red{background-color:#cf0001}
.bg-black{background-color:#000}.text-black{color:#000}
.m-0{margin:0 !important}
.p-0{padding:0 !important}
.mt-0{margin-top:0}
.mb-0{margin-bottom:0}
.d-inline-block{display:inline-block}
.d-inline{display:inline}
.d-none{display:none;}
.position-relative{position:relative;}
.text-gradient-mint-blue-dark {
  background: -webkit-linear-gradient(-70deg, #a2facf 0%, #64acff 100%);
    background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
}
.text-gradient-pink-blue {
  background: -webkit-linear-gradient(-70deg, #db469f 0%, #2188ff 100%);
    background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
}
.mega_menu .sub-menu{width:440px !important}
.mega_menu .sub-menu li{width:50%;float:left}
.sub-menu li{font-size:10px!important;text-transform:capitalize!important;}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item > a, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item > form {font-size: 13px;font-weight: 600;font-style: normal;font-family: Roboto;letter-spacing: 0.5px;}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-right .quadmenu-navbar-nav{margin-top:10px;}
.quadmenu-dropdown-menu .quadmenu-item span{color:#1862A3}

.ast-builder-menu-1 .menu-item > .menu-link{letter-spacing:1px}

#slider_2337 .owl-item .icon-box-item-inner {
  position: relative;
  text-align: left;
  background: #fff;
  padding: 50px 35px;
  border: 1px solid #f7eae8;
  margin: 0 auto;
}
#slider_2337 .owl-item .icon-box-item-inner::before, .gsc-icon-box-carousel.style-1 .icon-box-item-inner::after {
  content: " ";
  display: table;
}
#slider_2337 .owl-item .icon-box-item-content .icon-inner {
  padding-bottom: 0;
}
#slider_2337 .owl-item .icon-box-item-inner .icon-inner {
  display: inline-block;
  position: relative;
}
#slider_2337 .owl-item.icon-box-item-content .icon-inner .box-icon {
  padding: 10px;
}
#slider_2337 .owl-item .icon-box-item-inner .box-icon img{
width: 60px;
margin-bottom: 15px;
height: auto;
-webkit-transition: all .35s;
transition: all .35s;
}
#slider_2337 .owl-item .icon-box-item-inner .title {
 color: #3f3836;
font-size: 19px;
font-weight: 700;
display: block;
line-height: 1.4;
margin-bottom: 0;
letter-spacing: 1px;
}
#slider_2337 .owl-item .icon-box-item-inner .title a{color:#000}
#slider_2337 .owl-item .icon-box-item-inner .content-inner {
margin-top: 0;
position: relative;
}

#slider_home_one{text-align:center}
#slider_home_one .content{text-align:left;position:relative;z-index:999;}
#slider_home_one .carousel-caption {position:absolute;top:0;right:0;left:0;bottom:0;padding:0;text-align:right;text-shadow: none;}
#slider_home_one .carousel-caption .thm-container {display: table;width: 100%;height: 100%;max-width: 1170px;margin-left: auto;margin-right: auto;}
.thm-container .box {display: table-cell;}
.thm-container .box.valign-middle {vertical-align: middle;}

#slider_home_one .content span {
    text-transform: capitalize;
	font-family: Rubik, 'sans-serif';
    font-size: 20px;
    color: #000;
	opacity: 0;
	display:inline-block;
	background-color:#fec931;
	line-height:1;
	padding: 2px 5px;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
	
}
#slider_home_one .active .content span {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
#slider_home_one .content h2 {
    font-family: Rubik;
	color:#000;
    font-size: 70px;
    font-weight: 700;
    letter-spacing: -.06em;
    margin-top:0;
    opacity: 0;
	line-height:1.1;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
#slider_home_one .active .content h2 {
	opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
#slider_home_one .elementor-button{display:none}
@media(max-width:500px){
	#slider_home_one .content h2{font-size:30px;line-height:40px}
}
.module-card{background-color:#1862A3 !important;position:relative;overflow:hidden;border-radius: 10px;text-align:center;padding:20px 10px;}
.module-card .module-name{text-align:center;}
.module-card h2{font-size:19px;color:#fff;}
.module-card h2 span{font-size:13px;display:block;}
.module-card .m-btn{margin-top: 20px;font-size:12px;display:inline-block;padding:1px 10px;border-radius: 25px;background: #fff !important;color: #1862a3;}
.module-card .m-btn i{color:#000}

.module-card .module-name, .module-card .m-btn, .module-card img{z-index:6;position:relative;}

.module-card:before{content: "";width: 130px;height: 130px;background-color: rgba(90, 178, 255, 0.5);position: absolute;top: -125px;left: -89px;border-radius: 50%;transition: all 1s linear;animation-delay:1s;z-index:3;}
.module-card:hover:before{bottom: -160px;right: -260px;width: 600px;height: 600px;}
.module-card:after{content: "";width: 0;height: 0;background-color: #08104D;bottom: -50px;right: -30px;position: absolute;
border-radius: 50%;transition: all 1s linear;z-index:4;}
.module-card:hover:after{bottom: -160px;right: -260px;width: 600px;height: 600px;}

.module-card svg{text-align: center}
.module-card img{display: block;margin: 0 auto;width: 70px !important;height: 70px !important;margin-bottom:20px;}

.front-take-tour{
box-shadow: 0 20px 50px 0 rgba(12,21,41,.1);
padding: 45px 50px 35px;
text-align: center;
width: auto;
height: auto;
position: absolute;
right: 30px;
z-index: 1;
font-size:10px;
text-transform: uppercase;
font-weight:600;
letter-spacing: 1px;
display:block;
line-height:2.5;
background-color: #fff;
}
.front-take-tour p{margin-bottom:0;}
.front-take-tour i{font-size:20px;color:#cf9800;animation-iteration-count:50;
transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
	-webkit-animation-duration: 2s;
animation-duration: 2s;
}

:root{
    --e-global-color-13b6c01: #29c0c8 !important;
    --e-global-color-primary: #29c0c8 !important
}
.logos-columns .elementor-element img{
background: rgb(255, 255, 255);box-shadow: 0 0 5px #ece9e9;border-radius: 10px;padding: 10px;border:1px solid #243a67;transition:all 0.5s linear}
.logos-columns img:hover{
    transform: scale(1.2)
}
.typed-me{font-size:24px;color:#fff;}



.htmega-player-container .magnify-video-active i{z-index: 10 !important;}
.video-play-button:before {
  content: "";color: red;position:absolute;z-index:0;left:50%;
top:50%;transform:translateX(-50%) translateY(-50%);display:block;
width:100px;height:100px;background:#3376c7;
border-radius:50%;animation:pulse-border 1500ms ease-out infinite;}

.video-play-button:after {content: "";position: absolute;z-index: 1;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);
  display: block;width: 80px;height: 80px;background: #3376c7;border-radius: 50%;transition: all 200ms;}

.video-play-button:hover:after {background-color:#000;}
.magnify-video-active{z-index:9999;}



.s-section-change .elementor-element-populated{background-color:#0170b9}
.s-section-change simple-section .elementor-element-populated h3, .simple-section .elementor-element-populated elementor-heading-title{color:#fff}
.s-section-change simple-section .elementor-element-populated p{color:#C8C7C7}

span.underline{position:relative;padding:4px;}
span.underline:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
	height:2px;
	background-color: #d63638;
	animation:animateit 1s 10;
}




.wplp_outside .wpcu-front-box{padding:0 20px}
.ast-above-header.ast-above-header-bar{background-color:#0079c2 !important;}
.ast-above-header .ast-above-header-bar .menu-link{font-family: roboto;font-size: 14px;letter-spacing: 1px;}
.ast-above-header.ast-above-header-bar a{color:#fff}

.site-header-above-section-right .widget.widget_custom_html{padding-left:10px;padding-right:10px;color:#fff}

#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a > .quadmenu-item-content {color:#1862A3}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item .quadmenu-has-link{border-bottom:1px dashed #1862A3;}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item .quadmenu-has-link:last-child{border-bottom: none}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.quadmenu-has-link:hover{background-color:#1862A3;}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.quadmenu-has-link:hover span{color:#fff !important;background-color:#1862A3;}

#quadmenu.quadmenu-default_theme.quadmenu-is-horizontal .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item:not(.quadmenu-item-type-tab):not(:last-child):not(:only-child) > a{border:none !important}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a > .quadmenu-item-content > .quadmenu-icon{color:#1862A3}
#quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav li.quadmenu-dropdown > .quadmenu-dropdown-menu.quadmenu-dropdown-stretch-boxed {left:50px;right:50px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;}

#quadmenu .quadmenu-navbar-nav li.quadmenu-item > a > .quadmenu-item-content > .quadmenu-caret{font-size: 18px;}
#quadmenu .quadmenu-navbar-nav li.quadmenu-item.open > a > .quadmenu-item-content > .quadmenu-caret::before{content:'\e900';}
#quadmenu .quadmenu-navbar-nav li.quadmenu-item > a > .quadmenu-item-content > .quadmenu-caret::before{margin-top:-10px}
#quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav li.quadmenu-item.open > .quadmenu-dropdown-menu.quadmenu_btt{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}


.elementor-testimonial-wrapper{}
#front_testimonial_slider .owl-item .sa_hover_container .elementor-testimonial-wrapper{padding:20px 15px;box-shadow:0px 0px 12px -4px rgba(0,0,0,0.3);border-radius:20px;background-color:#fff}
#front_testimonial_slider .owl-item .elementor-testimonial-content, #front_testimonial_slider .owl-item  .elementor-testimonial-name{color: #919191;line-height: 2;font-size: 16px;letter-spacing: 0.3px;font-family: Roboto;word-spacing: 2.5px;}
#front-testimonial-slider .elementor-testimonial-job{#b7b7b7}

.elementor-testimonial-wrapper .elementor-testimonial-meta {width:100%;line-height:1;margin-top: 30px;}
.elementor-testimonial-wrapper .elementor-testimonial-meta-inner {  display: inline-block;}
.elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-aside .elementor-testimonial-image {vertical-align: middle;border-radius: 50%;border: 1px solid #ccc;width:80px;height:80px;display: table-cell;text-align: center;padding: 5px;}
.elementor-testimonial-wrapper .elementor-testimonial-meta .elementor-testimonial-image img{-webkit-border-radius: 50%;  border-radius: 50%;  -o-object-fit: cover;  object-fit: cover;  max-width: none;}
.elementor-testimonial-wrapper .elementor-testimonial-meta.elementor-testimonial-image-position-aside .elementor-testimonial-details {text-align: left;display: block;margin-top:15px}
name {  line-height: 1.5;  display: block;}
.elementor-testimonial-wrapper .elementor-testimonial-job {  font-size: .85em;  display: block;}
.elementor-testimonial-wrapper .elementor-testimonial-content{font-size:1.1em}

.infinite-animation{animation-iteration-count:infinite}

/* pop over */
.portfolio-logo span.port{
display: none;position: absolute;top: -20px;width: auto;background: rgba(0,0,0,0.8);z-index: 44;left: 0;color: #fff;
padding: 2px 5px 3px 5px;line-height: 1.5;font-size: 12px;letter-spacing: 0.5px;}

.request-call__entries .elementor-icon-list-items{display: flex;flex-wrap: wrap;justify-content: space-between;padding-left: 0;width: 100%;margin-left: auto;margin-right: auto;}
.request-call__entries .elementor-icon-list-item{margin-bottom: 1.3rem;display: flex;width: 100%;min-height: 3rem;max-width: calc(50% - 20px);font-size: 0.9rem;line-height: 1.285;position: relative;padding: 1.2rem 1rem;background-color: #fff;border-radius: 5px;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.15);margin-right: 14px;}

.request-call__entries .elementor-icon-list-item .elementor-icon-list-icon{min-width:30px;}
.request-call__entries .elementor-icon-list-item .elementor-icon-list-icon i{opacity:0;transition:all 0.3s linear;}
.request-call__entries .elementor-icon-list-item:hover .elementor-icon-list-icon i{opacity:1}
.request-call__entries .elementor-icon-list-item .elementor-icon-list-text{}

.module-top-section{background-image:url('http://demos.sartimsolutions.com/flowhcm/images/circle.svg');background-size:74%;background-position: top -450px right -300px;background-repeat:no-repeat;position:relative;}

.module-circle{position:relative}
.module-circle-image{width:400px;height:400px;position:absolute;top:50%;transform:translateY(-50%);background-image:url('/flowhcm/wp-content/uploads/2022/07/separation-management.jpg');background-size:cover;padding: 10px;
border-radius: 50%;margin-left: -100px;}
.module-circle-image:after{content: "";width: 420px;height: 420px;position: absolute;border: 2px dashed #ccc;z-index: 1101;border-radius: 50%;top: -10px;left: -10px;}
/*footer*/
#colophon{background-image: url('/flowhcm/wp-content/uploads/2022/05/flow1.png') !important;background-repeat: no-repeat;background-position: bottom -10px right -10px;background-color: #1862a3;}
}

@keyframes animateit{
    from{
        width:0%;
    }
    to{
        width:100%;
    }
    
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.d-block{display:block!important}@media (min-width:576px){.d-sm-block{display:block!important}}@media (min-width:768px){.d-md-block{display:block!important}}@media (min-width:992px){.d-lg-block{display:block!important}}@media (min-width:1200px){.d-xl-block{display:block!important}}.position-relative{position:relative!important}