
.row.mx-0.home-banner-1.align-items-center.position-relative {
    padding: 172px 0px 90px ;
}


/*css chnages by prithvai Singh 05042024*/

.






.home-our-product{ margin:0px; padding:50px 0px; }

.row.mx-0.home-banner-1.align-items-center.position-relative{ position:relative; }
.btn.btn-outline-primary.sgn {
    margin: 0px 20px;
}

.row.mx-0.home-banner-1.align-items-center.position-relative::before {
    content: "";
    background: rgba(4, 12, 23, 0.83);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.row.mb-60px.align-items-center {
    margin: 50px 0px;
}


.mb-0.font-rubik.fz-16.fz-md-14.lh-1-5.color-dark-blue-theme-80 {
    font-size: 18px;
    line-height: 38px;
}



/*pricing pages css here */

.heading-product{font-size:40px;
    text-align: left;
    color: #000; line-height: 50px; color: 301c83;  }
.heading-product span{ color: #ff6200; font-weight: bold; }



.text-area{ margin: 0px; padding: 0px; }
.text-area h3 {
    font-size: 20px;
    text-align: left;
    color: #000;
    border-top: 1px solid #ccc;
    padding-left: 60px;
    padding-top: 10px;
}


.text-area ul{ display: flex; justify-content: safe start; flex-wrap: wrap; }
.text-area ul li {
    flex: 0 0 100%;
    color: #000;
    font-size: 16px;
    text-align: left;
    padding: 0px 0px 0px 41px;
    line-height: 32px;
    list-style: none;
    position: relative;
}

.rec {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}


.text-area ul li::before {
    content: url(../../assets/media/tick.png);
    width: 14px;
    position: absolute;
    left: 10px;
    top:5px;
}


.btn-primary{ background:#ff6200 !important; border: 1px solid #ff6200;}

/*.home-banner-1{ background:#301c83 !important; }*/




/*Home pages chnages */
.hrpayroll{ margin: 20px 0px; }
.hrpayroll p{ font-size: 20px; text-align: left; color: #444; padding: 30px 0px; }
.hrpayroll ul{ display: flex; justify-content: space-around; flex-wrap: wrap; padding:0px; margin:0px;}
.hrpayroll ul li {
    font-size: 17px;
    text-align: left;
    color: #fff;
    flex: 0 0 48%;
    list-style: none;
    position: relative;
    padding: 4px 0px 4PX 15PX;
}

.hrpayroll ul li:before {
    content: '\f00c';
    font-family: FontAwesome;
    color: #f4b303;
    font-size: 16px;
    position: absolute; 
    left: -7px;
    top: 6px;
}


.navbar a.nav-link:hover, .navbar a.nav-link.active {
    transition: all 0.4s ease-in-out; color: #ff6200  !important;
}


.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{ color: #ff6200; }

.bgcolor-orange-theme, .navbar-style-3 .navbar-toggler[aria-expanded=true] {
    background-color: #ff6200;
}

.btn-orange {
    background: #ff6200;
    color: #fff;
    padding: 10px 20px;
}
button:focus{ outline: none; }
.btn.focus, .btn:focus{ outline: none; box-shadow: none !important; }


.home-banner-1-illustration{right:250px}
.hrpayroll h2{ font-size:18px; text-align: left; color: #444; padding:10px 0px; }

a.text-decoration{transition: .3s;}
a.text-decoration:hover{text-decoration: none;transform: scale(1.1); transition: .3s;}

.products-sec{ width: 100%; padding:60px 0px; }




.products-sec h2 {
    font:36px/60px DINPro-Medium,sans-serif;
    color: #444;
    padding-bottom: 25px;
    text-align: center;
}

.products-sec p {
    font: 20px/30px DINPro-Regular,sans-serif;
    color: #575757;
    text-align: center;
}

.product-listnew ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.product-listnew ul li { list-style: none;
    flex: 0 0 31%;
    border:1px solid #f0f0f0;
     margin-bottom: 20px;
    text-align: center;
    padding: 20px; -webkit-transition: all 0.5s ease;
}

.product-listnew ul li:hover {
    border-color: #91dce6
}


.product-listnew h3 {
    font: 20px/30px DINPro-Medium,sans-serif;
    color: #444;
    margin: 15px 0;
}

.product-listnew p {
    font: 16px/26px DINPro-Regular,sans-serif;
    color: #575757;
}

.product-listnew ul li .red-more{ width: 100%; }
.product-listnew ul li .red-more a {
    font-size: 16px;
    text-align: center;
    display: inline-block;
    background: #c63947;
    border-radius: 6px;
    padding: 10px 22px;
    color: #fff;
}
.product-listnew ul li .red-more a:hover{ background: #444; ,list-style: none; text-decoration: none; }



.product-listnew i {
    background: url(../media/products-sprite.png) no-repeat;
    width:67px;
    height:70px;
    display: inline-block;
}

.product-listnew .icon1 {
    background-position:1px 3px;
}
.product-listnew .icon2 {
    background-position:-2px -78px;
}

.product-listnew .icon3 {
    background-position:-2px -161px;
}

.product-listnew .icon4 {
    background-position:3px -246px;
}

.product-listnew .icon5 {
    background-position:3px -334px;
}

.product-listnew .icon6 {
    background-position:2px -414px;
}














/* .checkbox-radio-group-1 input+label, .color-purple-theme, .comemnt-submit-btn, .navbar-style-2 .btn-signup {
    color: #c63947  !important;
} */


.btn-primary-gradient-purple-style, .purple-gradient{  }




/* .btn-primary-gradient-style{ background:#c63947 !important; } */
.home-1-about-section-subscription-form.purple-style .input-group .form-control {
    border-color: #ccc !important;
}


.purple-gradient-reverse{ background: rgb(167,14,29);
background: radial-gradient(circle, rgba(167,14,29,1) 100%, rgba(9,9,121,1) 100%, rgba(211,4,25,1) 100%) !important;  }


/* .bgcolor-purple-theme, .checkbox-radio-group-1 input:checked+label{background: radial-gradient(circle, rgba(167,14,29,1) 100%, rgba(9,9,121,1) 100%, rgba(211,4,25,1) 100%) !important;  } */


/* .checkbox-radio-group-1 input+label, .color-purple-theme, .comemnt-submit-btn, .navbar-style-2 .btn-signup {
    color: #fff;
} */

/* .comemnt-submit-btn:hover, .hover-bgcolor-dark-blue-theme:hover {
    background-color: #fff;
} */

a.py-20px.px-35px.btn.border-0.lh-1.color-purple-theme.hover-color-white-theme.bgcolor-white-theme.hover-bgcolor-dark-blue-theme{ color: #000; }

.checkbox-radio-group-1 input:checked+label{ color: #fff !important; }

/* .blue-gradient, .btn-primary-gradient, .navbar-style-5-signup, .subscription-style-form-btn{ background: rgb(167,14,29);
background: radial-gradient(circle, rgba(167,14,29,1) 100%, rgba(9,9,121,1) 100%, rgba(211,4,25,1) 100%) !important; } */


.light-purple-gradient, .light-pink-gradient{background: rgb(167,14,29);
background: radial-gradient(circle, rgba(167,14,29,1) 100%, rgba(9,9,121,1) 100%, rgba(211,4,25,1) 100%) !important;   }
.light-green-gradient{ background: #191b64 !important; }

/* .contact-us-banner-style {
    background: url(../media/contact-banner-bg.png) no-repeat scroll center top transparent;
    background-size: cover;
    background: #990f1d !important;
} */


.box-shadow-img {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}


/* .blue-darkpurple-gradient, .blue-darkpurple-gradient-reverse:hover, .blue-darkpurple-gradient:hover, .contact-social-media-links .nav-item .nav-link:hover{  background: rgb(167,14,29);
background: radial-gradient(circle, rgba(167,14,29,1) 100%, rgba(9,9,121,1) 100%, rgba(211,4,25,1) 100%) !important; } */

























ul.navbar-nav.navbar-nav-style-2.text-uppercase.mr-auto{width: 690px; }


h2.font-cabin.fz-40.fz-md-30.text-white.mb-0.fw-500.lh-29px {
    font-size: 40px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}


.h3-headings{ font-size: 26p;x text-align: center; color: #000; padding: 10px 0px;}
.sec-padding{ padding: 90px 0px; }




.services-row-hrexpert {
    background: #fff;
    padding: 90px 0;
}

.services-row-hrexpert h2 {
    font:36px/60px DINPro-Medium,sans-serif;
    color: #444;
    padding-bottom: 25px;
    text-align: center;
}

.services-row-hrexpert p {
    font: 20px/30px DINPro-Regular,sans-serif;
    color: #575757;
    text-align: center;
}

.services-list-heexpert ul {
    display: flex;
    justify-content: safe start;
    flex-wrap: wrap;
}

.services-list-heexpert ul li { list-style: none;
    flex: 0 0 33.3%;
    margin-bottom: 20px;
    text-align: center;
    padding: 20px; border: 1px solid #ccc; margin:-1px -1px 0px 0px;
}


.services-list-heexpert h3 {
    font: 20px/30px DINPro-Medium,sans-serif;
    color: #444;
    margin: 15px 0;
}

.services-list-heexpert p {
    font: 16px/26px DINPro-Regular,sans-serif;
    color: #575757;
}



.services-list-heexpert i {
    background: url(../media/sprite.png) no-repeat;
    width:67px;
    height:70px;
    display: inline-block;
}



.services-list-heexpert .icon1 {
    background-position:-62px 1px;
}


.services-list-heexpert .icon2 {
    background-position:6px -77px;
}

.services-list-heexpert .icon3 {
    background-position:-59px -77px;
}

.services-list-heexpert .icon4 {
    background-position:0px 0px;
}

.services-list-heexpert .icon5 {
    background-position:-128px -77px;
}
.services-list-heexpert .icon6 {
    background-position:-200px -77px;
}
.services-list-heexpert .icon7 {
    background-position:-212px 0;
}
.services-list-heexpert .icon8 {
    background-position:-280px -77px; width: 80px;
}

.services-list-heexpert .icon9 {
    background-position:-367px -77px; width: 81px;
}
.services-list-heexpert .icon10 {
    background-position:-458px -77px;
}
.services-list-heexpert .icon11 {
    background-position:0 -151px; width: 105px;
}
.services-list-heexpert .icon12 {
    background-position:-120px -151px; width:74px;
}


.services-list-heexpert .icon13 {
    background-position:-200px -151px; width: 76px;}


.services-list-heexpert .icon14 {
    background-position:-280px -151px;}


.services-list-heexpert .icon15 {
    background-position:-367px -151px;}


.services-list-heexpert .icon16 {
    background-position:-455px -151px;}


.services-list-heexpert .icon17 {
    background-position:0 -231px;}

.services-list-heexpert .icon18 {
    background-position:-301px -305px; width: 77px;}

.services-list-heexpert .icon19 {
    background-position:-60px -231px; width: 77px;}

.services-list-heexpert .icon20 {
    background-position:-144px -231px; width: 64px;}

.services-list-heexpert .icon21 {
    background-position:-386px -305px;}

.services-list-heexpert .icon22 {
    background-position:-212px -231px;}


.services-list-heexpert .icon23 {
    background-position:-452px -305px;  width: 70px;}


.services-list-heexpert .icon24 {
    background-position:-141px 0;  width:60px;}

.services-list-heexpert .icon25 {
    background-position:-301px -305px;  width:77px;}

    .services-list-heexpert .icon26 {
    background-position:-376px 0; width: 43px;}



/*start about us pages css here */    


.col-lg-12.our-vision.contentsec ul li{ flex: 0 0 100%; }



.hrexpert-about {
    padding:30px 0; 
}

.hrexpert-about h2 {
    font:36px/60px DINPro-Medium,sans-serif;
    color: #444;
    text-align: center;
}

.hrexpert-about p {
    font: 20px/30px DINPro-Regular,sans-serif;
    color: #575757;
    text-align: left; padding: 10px 0px;
}


.about-page-bg {
    padding: 70px 0;
    background: #694cfd;
}


.about-page-bg .our-vision ul {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; padding: 0px;
}

.about-page-bg .our-vision ul li {
    flex: 0 0 50%;
    text-align: center;
}

.about-page-bg .our-vision ul li .img-wrap {
    margin: 0;
}

.about-page-bg .our-vision ul li h3 {
    font: 26px/36px DINPro-Medium,sans-serif;
    color: #fff;
    margin: 15px 0;
}

.about-page-bg .our-vision ul li h2 {
    font: 34px/30px DINPro-Medium,sans-serif;
    color: #fff;
    margin: 15px 0;
}

.about-page-bg .our-vision ul li {
    flex: 0 0 50%;
    text-align: center; list-style: none;
}


.about-page-bg .our-vision ul li .Contet-Area {
    margin-bottom:30px;
    padding: 0;
}

.about-page-bg .our-vision ul li .Contet-Area h4 {
    font:28px/42px DINPro-Medium,sans-serif;
    color: #fff;
    margin: 5px 0 30px;
    position: relative;
    text-align: left;
}

.about-page-bg .our-vision ul li .Contet-Area h4::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 44px;
    background: #fff;
    width: 90px;
    height:2px;
}


.about-page-bg .our-vision ul li .Contet-Area p {
    font: 18px/28px DINPro-Regular,sans-serif;
    color: #fff;
    padding: 4px 170px 0 0;
    position: relative;
    text-align: left;
}



/*Our team */


.OurTeam-Mamber {
    position: relative;
}


.Member-Profile ul {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    padding:0px 60px;
}

.Member-Profile ul li {
    flex: 0 0 29%;
    background: #f6f7f9;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    margin: 15px 0;
    list-style: none;
    margin: 20px 20px;
}

.Member-Profile i {
    background: url(../media/about-team-he-expert.png) no-repeat;
    width:120px;
    height:120px;
    display: inline-block;
}

.Member-Profile .icon1 {
    background-position:1px 0px;
}

.Member-Profile .icon2 {
    background-position:1px -147px;
}

.Member-Profile .icon3 {
    background-position:0px -287px;
}

.Member-Profile .icon4 {
    background-position:0px -446px;
}

.Member-Profile .icon5 {
    background-position:0px -621px;
}

.Member-Profile .icon6 {
    background-position:0px -768px;
}





.Member-Profile ul li h3 {
    font: 20px/30px DINPro-Medium,sans-serif;
    color: #444;
    margin: 0;
    text-align: center;
}

.Member-Profile ul li h4 {
    font:16px/30px DINPro-Medium,sans-serif;
    color: #444;
    margin: 0;
    text-align: center; padding: 5px 0px;
}

.Member-Profile ul li p {
    font: 16px/26px DINPro-Regular,sans-serif;
    color: #575757;
    padding: 0;
    position: relative;
    text-align: center;
}
.home-banner-3{
    height: auto;
    padding-top: 70px;
}

.tl-algn{
    position: absolute;
    left: 10px;
    top:-50%
}
.contact-us-banner-style{margin-top: 112px;}
.navbar.position-fixed{top:0}
@media only screen and (max-width: 1366px) {
    .home-banner-1-illustration{right: 20px;}
}




@media (max-width:1920px){

.row.mx-0.home-banner-1.align-items-center.position-relative {
    padding: 134px 0px 30px !important;
}
    
}















@media (max-width:991px){

.home-banner-1-illustration {
    right: 20px;
    width: 110%;
    margin-right: 50px;
    padding: 87px 0px 0px 0px;
}

.hrpayroll ul li {
    font-size: 16px;
    color: #fff;
    flex: 100%;
    padding: 4px 0px 4PX 15PX;
}

.home-banner-3, .pt-155px {
    padding-top: 0px;
}
.home-banner-2, .pb-100px {
    padding-bottom: 80px;
}

.services-row-hrexpert {
    padding: 50px 0;
}

.services-list-heexpert ul li{ flex: 0 0 49.3%; }

.home-banner-3, .pt-155px {
    padding-top: 55px;}

.home-banner-3, .pt-155px {
    padding-top: 55px !important; }

.heading-product {
    font-size:28px;
    line-height:40px;
}    





}







@media (max-width:767px){
.heading-product {
    font-size:26px;
    line-height: 34px;
}    

.services-list-heexpert ul li{ flex: 0 0 100%; }

.pr-md-15px {
    padding-right: 15px;
    margin: 20px;
}

.hrpayroll ul li{ flex: 0 0 100%;}

.home-banner-3, .pt-155px {
    padding-top: 55px;}

.home-banner-3, .pt-155px {
    padding-top: 55px;}


.row.mx-0.trusted-by-1.pt-155px.pb-100px {
    padding-top: 15px !important;
}



}

.hx-content-block{padding:40px 0; color:#4f4e4e;}
.hx-content-block h2{font-size:26px; margin-bottom: 20px;}
.hx-content-block h3{font-size:20px;}
.hx-content-block ul{padding-left:33px;}
.hx-content-block ul li{margin-bottom:10px}

.navbar-nav-style-1 .nav-item .nav-link{padding-top:22px; padding-bottom:22px;}

@media all and (min-width: 992px) {
	.dropdown-menu {width: 13rem;}
	.mega-submenu {left: 100%; top: 0; min-width: 25rem;}
	.ktm-mega-menu {position: static;}
    .mega-menu {left: 0; right: 0; width:760px; margin:auto; top: 99%;}
	.dropdown-menu li {position: relative;}
	.dropdown-menu .submenu {display: none; left: 100%; top: 0;}
	.dropdown-menu>li:hover>.submenu,
	.dropdown:hover>.dropdown-menu {
		display: block;
	}
}


















