@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 15px;
    line-height: 1.5;
    color: #525252;
}


/* ------------------------
    Typography
------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: capitalize;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

h1 {
    font-size: 48px;
    font-style: normal;
    line-height: 54px;
    font-weight: 700;
    text-transform: capitalize;
    color: #FF4500;
}

h2 {
    font-size: 36px;
    font-style: normal;
    line-height: 46px;
    font-weight: 500!important;
    margin-bottom: 10px;
    text-transform: capitalize;
    position: relative;
}

h3 {
    font-size: 30px;
    font-style: normal;
    line-height: 36px;
}

h4 {
    font-size: 24px;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 30px;
    color: #222021;
}

h5 {
    font-size: 20px;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 25px;
    color: #222021;
}

h6 {
    font-size: 18px;
    font-style: normal;
    line-height: 24px;
}

ul {
    margin: 0px;
    padding: 0px;
}

.line-h-2 {
    line-height: 1.6;
}

.line-h-3 {
    line-height: 1.7;
}

.line-h-4 {
    line-height: 1.8;
}

.line-h-5 {
    line-height: 1.9;
}

.letter-space-1 {
    letter-spacing: 5px;
}

.letter-space-2 {
    letter-spacing: 10px;
}

.letter-space-3 {
    letter-spacing: 15px;
}
.fz-n
{
    font-size: 14px;
}
/* ------------------------
    Helper class
------------------------*/

.lead {
    font-weight: normal;
    font-size: 18px;
    line-height: 1.7;
}

.o-hidden {
    overflow: hidden;
}

.img-center {
    display: inline-block !important;
    max-width: 100%;
}

.pos-r {
    position: relative;
}

.z-index-0 {
    z-index: 0;
    position: relative;
}

.z-index-1 {
    z-index: 1;
    position: relative;
}

h1 span {
    color: #FF4500;
}

section {
    padding: 80px 0;
}

.section-title {
    margin-bottom: 50px;
}

.section-title p {
    font-size: 16px;
}

.align-item-middle {
    display: -webkit-flex;
    /* Safari */
    -webkit-align-items: center;
    /* Safari 7.0+ */
    display: flex;
    align-items: center;
}

.align-item-middle>div {
    width: 100%;
}


/* ------------------------
    Text color
------------------------*/
.text-theme {
    color: #FF4500;
}

.text-black {
    color: #222021 !important;
}

.text-grey {
    color: #aaaaaa;
}

.text-yellow {
    color: #FF4500;
}


/* ------------------------
    Background color
------------------------*/
.white-bg {
    background-color: #ffffff !important;
}

.dark-bg {
    background-color: #212121;
}

.grey-bg {
    background-color: #f8f8f8;
}

.theme-bg {
    background-color: #FF4500;
}

.transparent-bg {
    background-color: inherit !important;
}


/* ------------------------
    Pattern
------------------------*/
.pattern {
    width: 100%;
    background-position: 0px 0px;
    background-repeat: repeat;
    animation: animatedBackground 20s linear infinite;
    -ms-animation: animatedBackground 20s linear infinite;
    -moz-animation: animatedBackground 20s linear infinite;
    -webkit-animation: animatedBackground 20s linear infinite;
}


/* ------------------------
    Border Radius
------------------------*/
.radius {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.radius-0 {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.radius-1 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.radius-2 {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.radius-3 {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.radius-4 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


/* ------------------------
    Banner
------------------------*/
.fullscreen-banner {
/*    position: relative;*/
height: 460px!important;
}

.fullscreen-banner .carousel,
.fullscreen-banner .carousel-inner,
.fullscreen-banner .carousel-inner .carousel-item {
    height: 100%;
}

.carousel-fade .carousel-inner .carousel-item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.banner-1::before {
    border: 10px solid rgba(255, 255, 255, 0.1);
    content: "";
    height: 120%;
    left: 50%;
    position: absolute;
    top: -10%;
    transform: translateX(-50%) skewX(-25deg);
    width: 80%;
    z-index: -1;
}

.banner-2 h1 {
    border-top: 3px solid #FF4500;
    border-bottom: 3px solid #ffffff;
    padding: 15px 0;
}

[data-bg-img] {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.align-center {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 9;
}

.align-end {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 9;
}

.fullscreen-banner .nav-dots {
    display: none;
}

.side-navbar .fullscreen-banner .align-center,
.side-navbar .nav-arrows span {
    padding-top: 0 !important;
}

.fullscreen-banner h1 {
    font-size: 41px;
    line-height: 46px;
    font-weight: 600;
}
.fullscreen-banner .sub-hr2eazy-header-one{
    color: #525252!important;
}
.fullscreen-banner .text-theme{
    color: #3985B8!important;
}


/* ------------------------
    Countdown
------------------------*/
.countdown {
    margin: 40px 0;
    display: table;
    width: 100%;
}

.countdown>li {
    padding: 0 30px;
    font-weight: 700;
    text-align: center;
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    list-style-type: none;
    display: table-cell;
    width: auto;
}

.countdown>li:first-child {
    padding-left: 0;
}

.countdown>li:last-child {
    border-right: none;
}

.countdown>li span {
    font-size: 70px;
    font-weight: 600;
    line-height: 60px;
    margin-bottom: 20px;
    display: inline-block;
}

.countdown>li p {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 0;
    color: #3bb143;
}

.countdown>li:nth-child(2) p {
    color: #c71585;
}

.countdown>li:nth-child(3) p {
    color: #663399;
}

.countdown>li:nth-child(4) p {
    color: #ffa500;
}

.countdown>li:last-child {
    padding-right: 0;
}

.dark-bg .countdown>li {
    border-color: rgba(255, 255, 255, 0.2)
}


/* ------------------------
    Terms and Conditions
------------------------*/
.terms-and-conditions .title {
    margin-bottom: 10px;
}

.terms-and-conditions p {
    margin-bottom: 25px;
}

.terms-and-conditions ul.list {
    margin-bottom: 20px;
    display: block;
}

.terms-and-conditions ul.list li i {
    padding-right: 12px;
    font-size: 15px;
}


/* ------------------------
    Privacy Policy
------------------------*/
.privacy-policy .title {
    margin-bottom: 10px;
}

.privacy-policy p {
    margin-bottom: 25px;
}

.privacy-policy ul.list {
    margin-bottom: 20px;
    display: block;
}

.privacy-policy ul.list li i {
    padding-right: 12px;
    font-size: 15px;
}


/* ------------------------
    Login And Register
------------------------*/
.login-form .form-group,
.register-form .form-group {
    position: relative;
}

.login-form .form-group i,
.register-form .form-group i {
    color: #d2d5da;
    font-size: 20px;
    left: 20px;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.login-social ul {
    display: table;
    width: 100%;
}

.login-social li {
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 33.33%;
}

.login-social li a {
    display: block;
    padding: 12px 20px;
    color: #fff;
    font-size: 14px;
    position: relative;
}

.login-social li a.fb {
    background: #4c70ad;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.login-social li a.twitter {
    background: #25b6e6;
}

.login-social li a.gplus {
    background: #dd4b39;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.login-social li a.fb:hover,
.login-social li a.twitter:hover,
.login-social li a.gplus:hover {
    background: #FF4500;
}

.checkbox input[type="checkbox"] {
    opacity: 0;
    position: static;
}

.checkbox {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    width: 50%;
    margin: 0;
    position: relative;
    line-height: 18px;
}

.checkbox input[type="checkbox"]+label::before {
    background-color: #fff;
    border: 1px solid #cecece;
    border-radius: 4px;
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    transition: box-shadow 0.4s ease-in-out 0s;
    width: 18px;
}

.checkbox input[type="checkbox"]:checked+label::after {
    background: #FF4500;
    transform: scale(1, 1);
}

.checkbox input[type="checkbox"]+label::after {
    border-radius: 4px;
    color: #fff;
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 10px;
    height: 18px;
    left: 0;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 0;
    transform: scale(0, 0);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75) 0s;
    width: 18px;
}

.checkbox input[type="checkbox"]+label {
    left: 0;
    padding-left: 25px;
    position: absolute;
    top: 0;
}

.remember-checkbox {
    font-size: 12px;
}

.login-2 .login-social li {
    display: block;
    width: 100%;
}

.login-2 .login-social li a {
    border-radius: 5px;
    font-size: 16px;
    text-transform: uppercase;
}

.login-2 .login-social li a i {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.login-2 .login-form .login-or {
    display: block;
    position: relative;
    margin: 15px 0;
    color: #FF4500;
    font-weight: 700;
    font-style: italic;
}

.login-2 .login-form .login-or:before,
.login-form .login-or:after {
    content: "";
    position: absolute;
    left: 0;
    background: #ddd;
    width: 45%;
    height: 1px;
    top: 50%;
    transform: translateY(-50%);
}

.login-2 .login-form .login-or:after {
    left: inherit;
    right: 0;
}

.register-form .form-control,
.login-form .form-control {
    padding-left: 50px;
}

.register-form .form-group i,
.login-form .form-group i {
    color: #ddd;
}

.register-form .checkbox {
    width: 100%;
    float: none;
    margin: 15px 0;
}

.register-form .checkbox input[type="checkbox"]+label {
    left: 50%;
    padding-left: 25px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
}


/* ------------------------
    Contact
------------------------*/
.contact-info li {
    padding-left: 60px;
    position: relative;
}

.contact-info li .media-icon {
    position: absolute;
    text-align: center;
    overflow: hidden;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.2);
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    -webkit-box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.1);
}

.contact-info li span {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
}

.contact-info li p {
    margin-bottom: 0;
    line-height: 24px;
    font-size: 13px!important;
}

.contact-info li a {
    color: #ffffff
}

.contact-info li .media-icon {
    box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
    animation: none;
}

.contact-info li:hover .media-icon {
    animation: pulse 1.2s infinite;
}

.form-info {
    padding: 20px !important;
}

.contact-2-media .form-info {
    margin-top: -150px;
    padding: 0 !important;
}

.contact-2-media .contact-info {
    display: table;
    vertical-align: middle;
    width: 100%;
    margin: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
       -webkit-appearance: none;
        margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.contact-2-media .contact-info li {
    display: table-cell;
    margin: 0;
    border-right: 1px dashed #ddd;
    padding: 80px 30px;
    vertical-align: middle;
    width: 33.33%;
}

.contact-2-media .contact-info li:last-child {
    border-right: none;
}

.contact-2-media .contact-info li .media-icon {
    background: #FF4500;
    position: inherit;
    left: inherit;
    display: inline-block;
    font-size: 20px;
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.contact-2-media .contact-info li a {
    color: #222021;
}

.contact-2-media .contact-info li a:hover {
    color: #FF4500;
}

.form-group {
    margin-bottom: 20px;
    position: relative;
}

label {
    font-size: 14px;
    color: #222021
}

.form-control {
    height: 50px;
    border-radius: 5px;
    font-size: 13px;
    background: none;
    border-color: #eceff8;
    box-shadow: none;
}

.grey-bg .form-control {
    background: #ffffff
}

textarea.form-control {
    height: 150px;
}

.form-control:focus {
    box-shadow: none;
    border-color: #ff4500;
}

select.form-control {
    /*-moz-appearance: none; -webkit-appearance: none; appearance: none;*/
    height: 50px !important;
}

#map {
    width: 100%;
    height: 100%;
}

iframe {
    width: 100%;
    border: none;
    pointer-events: auto;
}

.iframe-h {
    height: 500px !important;
}

.help-block.with-errors {
    position: absolute;
    color: red;
    right: 0;
    font-size: 10px;
    line-height: 14px;
}


/* ------------------------
    About Us
------------------------*/
.about-img {
    position: relative;
    width: 90%;
    margin-left: auto
}

.about-img img {
    border: 5px solid rgba(0, 0, 0, 0.1)
}

.about-img::before {
    border: 10px solid #FF4500;
    bottom: -5%;
    content: "";
    height: 100%;
    left: -5%;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.about-2:before {
    opacity: 0;
    left: 0;
}

.about-2:hover:before {
    opacity: 1;
    left: -5%
}

.about-3:before {
    display: none;
}

.about-3 {
    margin: inherit;
    width: 100%;
}

.about-img.about-layer img {
    margin-top: 50px;
    width: 90%;
}

.about-layer-two {
    margin-top: -50px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.about-me .desc {
    background: #ffffff;
    padding: 30px;
    text-align: center;
}

.about-me .desc .media-icon li {
    padding-left: 0;
}

.about-me .desc .media-icon li i {
    position: inherit;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.cursor {
    color: #ffffff;
}


/* ------------------------
    Video
------------------------*/
.video-btn .btn-play {
    background: #FF4500;
    color: #fff;
    width: 60px;
    height: 60px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    line-height: 60px;
    font-size: 26px;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    -webkit-transition-property: color, background, border-color;
    transition-property: color, background, border-color;
}

.video-btn .btn-play .icon {
    margin-left: 5px;
}

.video-btn {
    min-width: 60px;
    min-height: 50px;
    padding: 15px 0;
    position: relative;
    display: inline-block;
}

.video-btn .btn-play {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -30px;
    z-index: 5;
}

.video-btn .btn-play:after,
.video-btn .btn-play:before {
    content: '';
    border: 1px solid;
    border-color: inherit;
    width: 150%;
    height: 150%;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    left: -25%;
    top: -25%;
    opacity: 1;
    -webkit-animation: 1s videomodule-anim linear infinite;
    animation: 1s videomodule-anim linear infinite;
}

.video-btn .btn-play:before {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.video-btn-pos {
    position: absolute;
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto !important;
}

.play-btn {
    border: 2px solid #FF4500;
    border-radius: 30px;
    color: #FF4500;
    font-size: 18px;
    display: inline-block;
    padding: 10px 20px 10px 90px;
}

.play-btn span {
    padding: 0 20px 0 15px;
    display: inline-block;
    vertical-align: middle;
}

.play-btn:hover {
    color: #222021;
    padding-left: 80px;
}

.theme-bg .play-btn,
.dark-bg .play-btn {
    border-color: #ffffff;
    color: #ffffff;
}

.theme-bg .video-btn .btn-play,
.dark-bg .video-btn .btn-play {
    background: #ffffff;
    border-color: #ffffff;
    color: #FF4500;
}

.video-2 .img-side.img-left {
    left: -5%;
}

.html5-video {
    height: 100%;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}

.html5-video video {
    width: 100%;
}


/* ------------------------
    App
------------------------*/
.app-img {
    background-position: right -220px bottom -30px;
}

.app-bnr {
    top: 50px;
}

.app-bnr .owl-carousel {
    position: absolute;
    padding: 0 35px;
}

.app-screen-image {
    background-image: url("../images/app/10.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 602px;
    left: 50%;
    position: absolute;
    top: -72px;
    width: 320px;
    z-index: 9;
}

.device-process {
    position: relative;
    z-index: 3;
    margin-left: auto;
    margin-right: auto;
}

.device-process {
    margin-left: auto;
    margin-right: auto;
    width: 316px;
}

.device-image {
    position: absolute;
    top: 0;
    z-index: 3;
}

.device-slider img {
    width: 100%;
    max-width: inherit;
}

.app-screenslider .owl-item {
    transform: scale(0.8);
    transition: all 0.3s ease-in 0s;
}

.app-screenslider .owl-item.center {
    transform: scale(1);
}


/* ------------------------
    Menu Price List
------------------------*/
.price-box li {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
    float: left;
    padding: 15px 0;
    width: 100%;
    color: #222021;
}

.price-box li:last-child {
    border-bottom: none;
}

.theme-bg .price-box li,
.dark-bg .price-box li {
    color: rgba(255, 255, 255, 0.8);
}

.pricing-title {
    float: left;
    font-size: 15px;
    text-transform: uppercase;
}

.price-rate {
    float: right;
    color: #FF4500;
    font-weight: 700;
    font-size: 15px;
}

.menu-list {
    margin-bottom: 15px;
}

.menu-list:last-child {
    margin-bottom: 0;
}

.menu-list h5 {
    padding-right: 80px;
    position: relative;
    line-height: 24px;
    margin-bottom: 0;
}

.menu-list .menu-title {
    font-size: 16px;
    position: relative;
    z-index: 2;
}

.menu-list .menu-dots {
    background-image: radial-gradient(circle closest-side, #ddd 90%, #fff 10%);
    background-position: center center;
    background-repeat: repeat-x;
    background-size: 6px 3px;
    border: 0 none;
    display: block;
    height: 1px;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 6px;
    z-index: 1;
}

.menu-list .menu-price {
    color: #FF4500;
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    right: 0;
    z-index: 2;
}

.menu-list .menu-details {
    font-style: italic;
}


/* ------------------------
    Causes Section
------------------------*/
.causes-desc {
    padding: 30px 30px 10px;
    border: 1px solid #efefef;
    border-bottom: none;
}

.causes-btm {
    background: #f9f9f9;
    display: inline-block;
    width: 100%;
    padding: 40px 30px 20px;
    border: 1px solid #efefef;
    border-top: none;
}


/* ------------------------
    Event Section
------------------------*/
.event {
    margin-bottom: 20px;
    background: #ffffff;
}

.event-thumb {
    position: relative;
}

.event-date {
    bottom: 0;
    position: absolute;
    right: 0;
}

.event-date li {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    float: left;
}

.event-date .date {
    background-color: #212121;
}

.event-date .month {
    background-color: #FF4500;
}

.event-desc {
    padding: 15px;
}

.event-desc a {
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
    color: #222021;
}

.event-desc a:hover {
    color: #FF4500;
}

.event-desc ul li {
    color: #666;
    display: inline-block;
    margin-right: 10px;
}

.event-desc ul li:last-child {
    margin-right: 0;
}

.event-desc ul li i {
    color: #FF4500;
    margin-right: 5px;
}
.p-cd1
{
    font-size: 22px;
    color: #464646;
    text-align: center;
    margin-top: 25px;
}
/* ------------------------
    Timeline
------------------------*/
.education-box {
    position: relative;
    overflow: hidden;
}

.education-box:before {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 50%;
    width: 5px;
    margin-left: -4.5px;
    background: #1b679c99;
    height: 88%;
    transform: translateY(-50%);
}

.education-box .education-box-item {
    width: 50%;
    max-width: 420px;
    background: rgba(255, 255, 255, 0.05);
    padding: 20px;
    position: relative;
    z-index: 2;
    margin-top: 25%;
    transition: all .2s;
    border-radius: 10px;
}
.education-box .education-box-item:hover{
    border-radius: 0px;
}

.education-box .education-box-item img {
    border-radius: 10px;

}
.education-box .education-box-item:hover img {
    border-radius: 0px;
}

.education-box .education-box-item:before {
    content: attr(data-line);
    position: absolute;
    right: -51%;
    margin-right: 9%;
    top: 50%;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 4px solid #FF4500;
    text-align: center;
    color: #FF4500;
    line-height: 43px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    background: #ffffff;
}

.education-box .education-box-item:after {
    content: "";
    height: 4px;
    position: absolute;
    right: -50%;
    margin-right: 15%;
    top: 50%;
    width: 35%;
    border-bottom: 1px dashed rgb(0 162 255);
}

.education-box .education-box-item:nth-child(even) {
    float: right;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.education-box .education-box-item:nth-child(even):before {
    right: auto;
    left: -51%;
    margin-left: 8%;
    top: 49%;
    padding-top: 5px;
    padding-top: 4px;
    font-size: 15px;
}

.education-box .education-box-item:nth-child(even):after {
    left: -51%;
    margin-left: 15%;
    top: 48%;
    font-size: 15px;
}

.education-box .education-box-item:nth-child(odd) {
    float: left;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.education-box .education-box-item:first-child {
    margin-top: 0;

}

.education-box .education-box-item h6 {
    font-size: 14px;
    color: #FF4500;
    font-weight: 700;
}

.education-box .education-box-item h4 {
    font-size: 18px;
    color: #ffffff;
}

.education-box .education-box-item h5 {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
}

.education-box .education-box-item p {
    margin-bottom: 10px;
}
.accordion .card-header {
    padding: 15px 70px 15px 15px;
}
.req-cd
{
    border-radius: 4px;
    padding: 18px 18px;
    text-align: center;
    display: block;
    box-shadow: 1px 1px 3px 0px rgba(212, 212, 212, 0.75);
    margin-bottom: 23px;
    min-height: 112px;

}

.bg-1
{
    border: 1px solid #6E5B93;
    background: #f5f0ff; 
}
.bg-2
{
    border: 1px solid #FF89C6;
    background: #fff4fa;
}
.bg-3
{
    border: 1px solid #FF9332;
    background: #fff6ee;
}
.bg-4
{
    border: 1px solid #AF2A62;
    background: #fff7fa;
}
.bg-5
{
    border: 1px solid #ED3960;
    background: #ffe9ee;
}
.bg-3 span
{
    font-weight: 500;
    color: #FF9332 
}
.bg-4 span
{
    font-weight: 500;
    color: #AF2A62 
}
.bg-5 span
{
    font-weight: 500;
    color: #ED3960 
}
.bg-2 span
{
    font-weight: 500;
    color: #FF89C6;
}
.bg-1 span
{
    font-weight: 500;
    color: #6E5B93 !important;
}
.req-cd p
{
    margin-bottom: 0px;
    font-size: 16px;
}
/* ------------------------
    Shop Page
------------------------*/
.product-add {
    position: relative;
    overflow: hidden;
}

.product-add::before {
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0);
    border: none;
}

.product-add:hover::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0);
}

.product-add:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(52, 56, 69, 0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(52, 56, 69, 0.9)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(52, 56, 69, 0.9) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(52, 56, 69, 0.9) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(52, 56, 69, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(52, 56, 69, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#cc343845', GradientType=0);
    background-size: 115%;
    -webkit-transition: all 0.7s cubic-bezier(.68, .11, .13, .98);
    -moz-transition: all 0.7s cubic-bezier(.68, .11, .13, .98);
    transition: all 0.7s cubic-bezier(.68, .11, .13, .98);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.product-add img,
.product-img img {
    transform: translate3d(-5px, 0px, 0px);
    width: calc(100% + 10px);
}

.product-add:hover img,
.product-item:hover img {
    transform: translate3d(0px, 0px, 0px);
}

.product-item {
    position: relative;
    overflow: hidden;
}

.product-img {
    position: relative;
}

.product-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
}

.product-item:hover .product-overlay {
    opacity: 1;
}

.product-btn {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    opacity: 0;
}

.product-item:hover .product-btn {
    bottom: 50px;
    opacity: 1
}

.product-desc {
    background: #fff;
    padding: 15px;
    text-align: center;
}

.product-btn-towishlist,
.product-wishlist {
    color: white;
    display: block;
    font-size: 20px;
    line-height: 0;
    position: absolute;
    right: 20px;
    top: 15px;
    transform: scale(0);
}

.product-item:hover .product-wishlist {
    transform: scale(1);
}

.product-label-sale::before,
.product-label-new::before {
    align-items: center;
    border-radius: 11px;
    color: white;
    display: flex;
    font-size: 12px;
    height: 22px;
    justify-content: center;
    left: 12px;
    position: absolute;
    top: 12px;
    width: 50px;
    z-index: 100;
}

.product-label-new::before {
    background-color: #228b22;
    content: "New";
}

.product-label-sale::before {
    background-color: #FF4500;
    content: "Sale";
}

.label-theme {
    background: #FF4500;
    padding: 5px 10px;
    color: #ffffff;
    border-radius: 5px;
}

.shop-count.countdown li {
    padding: 0 20px;
}

.shop-count.countdown li span {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #ffffff;
}

.shop-count.countdown li p {
    font-size: 15px;
    line-height: 20px;
    color: #ffffff !important;
}

.slick3-dots-main {
    width: 100%;
}

.slick3 {
    width: 100%;
}

.slick3-dots li {
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

.slick3-dots li:last-child {
    margin-right: 0;
}

.slick3-dots li img {
    width: 100%;
}

.slick3-dot-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    border: 3px solid transparent;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.slick3-dot-overlay:hover {
    border: 2px solid #FF4500;
}

.slick3-dots .slick-active .slick3-dot-overlay {
    border: 2px solid #FF4500;
}

.slick3 .slick-list {
    padding: 0 !important;
}

.product-price {
    font-size: 18px;
    color: #222021
}

.product-price del {
    color: #ccc;
    font-size: 14px;
}

.checkbox-color-filter {
    display: none;
}

.filter-color li {
    list-style-type: none;
    display: inline-block;
    margin-right: 10px;
}

.filter-color li:last-child {
    margin-right: 0;
}

.color-filter {
    display: block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 3px;
}

.checkbox-color-filter:checked+.color-filter {
    box-shadow: 0 0 0px 2px black;
    -moz-box-shadow: 0 0 0px 2px black;
    -webkit-box-shadow: 0 0 0px 2px black;
    -o-box-shadow: 0 0 0px 2px black;
    -ms-box-shadow: 0 0 0px 2px black;
}

.product-meta select.form-control {
    height: 40px !important
}

input.form-product {
    -moz-appearance: textfield;
    height: 40px;
    border: 1px solid #e5e5e5;
    text-align: center;
    width: 150px;
    border-left: none;
    border-right: none;
    color: #222021;
    font-weight: 700;
    vertical-align: middle;
}

.btn-product,
.btn-delet {
    border: 1px solid #e5e5e5;
    height: 40px;
    width: auto;
    padding: 0 10px;
    font-size: 13px;
    display: table-cell;
    cursor: pointer;
}

.review-list .review-rating {
    position: absolute;
    right: 0;
    top: 0;
    color: #ddd;
}

.review-list .media-body p {
    border-top: none;
    padding: 0;
    margin: 0;
}

.cart-table {
    border: 1px solid #efefef;
}

.table td,
.table th {
    border-color: #efefef;
}

.cart-table.table>thead>tr>th {
    color: #222021;
    text-transform: uppercase;
    text-align: center;
}

.cart-table.table>tbody>tr>td,
.cart-table.table>tbody>tr>th,
.cart-table.table>tfoot>tr>td,
.cart-table.table>tfoot>tr>th,
.cart-table.table>thead>tr>td,
.cart-table.table>thead>tr>th {
    vertical-align: middle;
}

.checkout-box {
    border: 1px solid #efefef;
    padding: 30px;
    display: inline-block;
    max-width: 500px;
}

.cart-total {
    font-size: 16px;
    color: #222021
}


/* ------------------------
    Side Background
------------------------*/
.img-side img {
    max-width: 100%
}

.img-side.img-right {
    right: 0;
}

.img-side.img-left {
    left: 0;
}

.img-side {
    padding: 0;
    position: absolute !important;
    top: 0px;
    height: 390px;
    overflow: hidden;
    z-index: 9;
}

.img-side .owl-carousel,
.img-side .owl-stage-outer,
.img-side .owl-stage,
.img-side .owl-stage,
.img-side .owl-item,
.img-side .owl-item .item {
    height: 100%
}


/* ------------------------
    Error page
------------------------*/
.error-page-2 {
    background-position: top center;
    background-size: 100% 100%;
}

.error-page img {
    animation: 2s ease 0s normal none infinite running leftRight;
}

.error-page-2 h2 {
    font-size: 200px;
    line-height: 200px;
    font-weight: 700;
    color: #222021;
}

.error-page-2 h2 span {
    color: #ff4500;
}

/* ------------------------
    List Icon
------------------------*/
.list-icon li {
    position: relative;
    padding-left: 30px;
}

.list-icon li i {
    position: absolute;
    left: 0;
    top: 5px
}


/*----------------custom-css----------------*/

.new_navbar_align {
    display: flex;
    align-items: center;
    text-align: left;
    padding: 5px 0px 5px 5px;
}

.new_navbar_align.first img {
    width: 30px;
}

.new_navbar_align.first h6 {
    font-size: 11px;
    font-style: normal;
    line-height: 20px;
    padding-left: 8px;
    font-weight: 500;
    color: #303030;
}

.new_navbar_align.first h6 span {
    font-weight: normal;
    color: #7c828d;
    font-size: 10px;
}

/*.service-width .list-unstyled a:hover {
    background: #f0f0f0;
    border-radius: 10px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%), 0 3px 10px 0 rgb(0 0 0 / 5%);
    transition: all;
}
.features-section .list-unstyled a:hover {
    background: #f0f0f0;
    border-radius: 10px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%), 0 3px 10px 0 rgb(0 0 0 / 5%);
    transition: all;
}*/
.new_navbar_align.first img {
    width: 30px;
}
.solution-features-btn h5{
    color: #2277b0!important;
}
.solution-services-btn h5{
    color: #2277b0!important;
}
.get-in-touch-phone h6{
    color: #3e4555!important;
}
.get-in-touch-phone p{
    color: #7c828d!important;
}

.solution-features-btn .list-unstyled li{
    margin: 0px 5px 10px 0px!important
}
.solution-services-btn .list-unstyled li{
    margin: 0px 10px 10px 0px!important
}

.btn-position:hover{
    font-weight: 500!important;
}
.see-all-btn-top{
    display: flex;
    justify-content: space-between;
}
.see-all-btn-top a{
    color: #2277b0!important;
    padding: 0;
    margin: 0;
    transition: all 0.5S;
}
.see-all-btn-top a:hover{
    margin-right: 5px;
}
.dropdown-menu{
    left: -65px!important;
    width: 110%;
}

.services-list-big{
    width: 183%!important;
}
.get-in-touch-phone {
    display: flex;
    align-items: center;
    border: 1px solid #2277b0;
    padding: 8px;
    border-radius: 10px;
    transition: all .5s;

}
.get-in-touch-main:hover .get-in-touch-phone{
    box-shadow: 3px 3px 0 #2277b0;
    transition: all .5s;
}

.get-in-touch-phone .ph-icon i{
    background: #2277b0;
    width: 40px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    border-radius: 10px;
    text-align: center;
}
.features-section.solution-features-btn .navbar-nav .nav-link {
    line-height: 40px!important;
}
.ess-bg-color:hover{
    background: #f4ffff;
    border-radius: 10px;
    transition: all .5s;
}
.payroll-bg-color:hover{
    background: #fff6ee;
    border-radius: 10px;
    transition: all .5s;
}
.attendance-bg-color:hover{
    background: #fffdef;
    border-radius: 10px;
    transition: all .5s;
}
.leave-bg-color:hover{
    background: #fff4fa;
    border-radius: 10px;
    transition: all .5s;
}
.claim-bg-color:hover{
    background: #ffe9ee;
    border-radius: 10px;
    transition: all .5s;
}
.timesheet-bg-color:hover{
    background: #f9f7ff;
    border-radius: 10px;
    transition: all .5s;
}
.overtime-bg-color:hover{
    background: #ffe4f3;
    border-radius: 10px;
    transition: all .5s;
}
.roster-bg-color:hover{
    background: #edf6ff;
    border-radius: 10px;
    transition: all .5s;
}
.kpi-bg-color:hover{
    background: #fff7f1;
    border-radius: 10px;
    transition: all .5s;
}
.online-bg-color:hover{
    background: #fffdf0;
    border-radius: 10px;
    transition: all .5s;
}
.portal-bg-color:hover{
    background: #fff0f6;
    border-radius: 10px;
    transition: all .5s;
}
.features_list .ess-text:hover{
    border: 1px solid #5fb1b5;
    background: #f4ffff;
}
.features_list .Leave-text:hover{
    border: 1px solid #FF89C6;
    background: #fff4fa;
}
.features_list .Attendance-text:hover{
    border: 1px solid #988E44;
    background: #fffdef;
}
.features_list .Overtime-text:hover{
    border: 1px solid #B13D7E;
    background: #fff2f9;
}
.features_list .sales-text:hover{
    border: 1px solid #6B5891;
    background: #f7f2ff;
}
.features_list .Travel-text:hover{
    border: 1px solid #469AD4;
    background: #f2faff;
}
.features_list .Payroll-text:hover{
    border: 1px solid #FF9332;
    background: #fff6ee;
}
.features_list .Training-text:hover{
    border: 1px solid #AF2A62;
    background: #fff7fa;
}
.features_list .Roster-text:hover{
    border: 1px solid #77ADDF;
    background: #edf6ff;
}
.features_list .Claim-text:hover{
    border: 1px solid #ED3960;
    background: #ffe9ee;
}
.features_list .Pettycash-text:hover{
    border: 1px solid #3D7EAC;
    background: #f2faff;
}
.features_list .Servey-text:hover{
    border: 1px solid #E08B53;
    background: #ffeee4;
}
.features_list .Booking-text:hover{
    border: 1px solid #6E5B93;
    background: #ece3ff;
}
.features_list .Visitor-text:hover{
    border: 1px solid #A59D5C;
    background: #fffce8;
}
.features_list .Timesheet-text:hover{
    border: 1px solid #7B699B;
    background: #f4eeff;
}
.features_list .Recruitment-text:hover{
    border: 1px solid #ED2222;
    background: #fff2f2;
}
.features_list .Inventory-text:hover{
    border: 1px solid #FF80C1;
    background: #fff4fa;
}
.features_list .KPI-text:hover{
    border: 1px solid #E59C6B;
    background: #fff6f0;
}
.features_list .Exit-text:hover{
    border: 1px solid #7188DA;
    background: #f3f6ff;
}
.features_list .Succession-text:hover{
    border: 1px solid #FF9537;
    background: #fffbf8;
}
.features_list .Manpower-text:hover{
    border: 1px solid #D38AA9;
    background: #fffafc;
}
.features_list .Replacement-text:hover{
    border: 1px solid #63B1B4;
    background: #f6ffff;
}
.features_list .Manager-text:hover{
    border: 1px solid #7FA955;
    background: #f8fff1;
}
.features_list .Reports-text:hover{
    border: 1px solid #FAEA90;
    background: #fffdf2;
}
.features_list .multi-text:hover{
    border: 1px solid #2970A2;
    background: #f1f9ff;
}

.row_style{
    background: #fff!important;
    margin: 10px 0px!important;
    padding: 10px 0px!important;
    border-radius: 5px;
}
.row_style:hover{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.update_img{
    background: #fff;
    padding: 5px 0px;
}
.explore-more-text .new_navbar_align.first h6{
        font-size: 13px!important;
}
.dropdown-menu-center-language{
    left: 0px!important;
}
.dropdown-menu-center-language a:hover{
    background: #ddd;
}
.menu-read-more-btn{
    color: #2378B1!important;
}
.menu-read-more-btn:hover{
    margin-left: 5px;
    color: #00008b!important;
}

.fullscreen-banner .hr2eazy-header{
    color: #525252;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    padding-bottom: 5px;
}
.fullscreen-banner .sub-hr2eazy-header{
   color: #525252;
}

.fullscreen-banner .animated4 span{
    color: #2377B1;
}
.left-banner-img img{
    width: 100%;
    height: 400px;
    object-fit: contain;
    transform: scaleX(-1);
}
.inner_tabs_icon{
    width: 40px;
    padding: 5px;
    border-radius: 50px;
}
.ess_tabs_bg{
    background: #f4ffff;
}
.Timesheet_tabs_bg{
    background: #fff6ee;
}
.Attendance_tabs_bg{
    background: #fffdef;
}
.Leave_tabs_bg{
    background: #fff4fa;
}
.Roaster_tabs_bg{
    background: #edf6ff;
}
.Overtime_tabs_bg{
    background: #ffe4f3;
}
.Claim_tabs_bg{
    background: #ffe9ee;
}
.Pettycash_tabs_bg{
    background: #f2faff;
}






.material-icons.ess_icon_tabs{

    background: #f4ffff;
}
.material-icons.payroll_icon_tabs{

    background: #fff6ee;
}
.material-icons.attendance_icon_tabs{

    background: #fffdef;
}
.material-icons.leave_icon_tabs{

    background: #fff4fa;
}
.features_tab_list li{
    list-style-type: none;
    font-size: 15px ;
    margin-bottom: 10px;
}
.features_tab_list li i{
    color: #2377B1;
}
.features_tab_list .read-more-btn{
    color: #2377B1!important;
    font-size: 14px;
    font-weight: 500;
}
.features_tab_list .read-more-btn:hover{
    color: #00008b!important;
    margin-left: 10px;
}
.ess-text span{
    color: #5fb1b5!important;
}
.Payroll-text span{
    color: #FF9332!important;
}
.Attendance-text span{
    color: #988E44!important;
}
.Leave-text span{
    color: #FF89C6!important;
}
.Roster-text span{
    color: #77ADDF!important;
}
.Overtime-text span{
    color: #B13D7E!important;
}
.Claim-text span{
    color: #65A4DB!important;
}
.Pettycash-text span{
    color: #3D7EAC!important;
}
.Timesheet-text span{
    color: #7B699B!important;
}
.KPI-text span{
    color: #5fb1b5!important;
}
.sales-text span{
    color: #6B5891!important;
}
.Travel-text span{
    color: #469AD4!important;
}
.Training-text span{
    color: #AF2A62!important;
}
.Claim-text span{
    color: #ED3960!important;
}
.Servey-text span{
    color: #E08B53!important;
}
.Booking-text span{
    color: #6E5B93!important;
}
.Visitor-text span{
    color: #A59D5C!important;
}
.Recruitment-text span{
    color: #ED2222!important;
}
.Inventory-text span{
    color: #FF80C1!important;
}
.KPI-text span{
    color: #E59C6B!important;
}
.Exit-text span{
    color: #7188DA!important;
}
.Succession-text span{
    color: #FF9537!important;
}
.Manpower-text span{
    color: #D38AA9!important;
}
.Replacement-text span{
    color: #63B1B4!important;
}
.Manager-text span{
    color: #7FA955!important;
}
.Reports-text span{
    color: #F6D835!important
}
.multi-text span{
    color: #2970A2!important;
}
.features_click_here{
    display: flex;
    justify-content: center;
    padding: 30px 0px 0px;
    font-size: 18px;
}
.features_click_here a{
    color: #3985B8!important;
    margin-right: 5px;
}
.features_click_here a:hover{
    margin-right: 10px;
    color: #00008b!important;
}

.owl-carousel .owl-nav button.owl-prev {
    left: -30px;
}
.owl-carousel .owl-nav button.owl-next {
    right: -30px;
}
.owl-carousel.owl-theme .item img {
    cursor: pointer;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    margin: 5px;
    /* height: 418px; */
    border: 1px solid #ad9d9d;
}

/*.owl-carousel.owl-theme .owl-dots{
    bottom: -45px;
}*/

.price-list-section{
    background: #F5F7FB;
}

.price-list-section nav {
    display: flex;
    justify-content: center;
}
.tab .nav-tabs .nav-link {
    color: #222021;
    font-size: 14px;
    border-radius: 50px;
    position: relative;
    display: inline-block;
    border: none;
    margin: 0;
    margin-right: 0px;
    background: #f5f7fb;
    padding: 10px 30px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 0px solid;
    box-shadow: none;
}
.tab .nav-tabs .nav-link.active{
    border: 1px solid #6A5ACD;
}
/* .tab .nav-tabs > a:hover {
    background-color: #f5f7fb !important;
    color: #222021 !important;
} */
.tab .nav-tabs>a:hover{
    border: 1px solid !important;
}
.row-wd100
{
    width: 100%;
}

.features_tab_list img{
    position: absolute;
    right: -48px;
    width: 535px;
    top: -10px;
}
.title-2 img{
    position:relative;
    width: 40px;
    right: 0;
    top:0;
}
.price-icon img {
    width: 90px;
    height: 90px;
    /*border-radius: 50%;
    background: #fff;*/
    padding: 10px;
}
.pd-r0
{
    padding-right: 0;
    padding-left: 4%;
}

.footer_bg_color{
    background: #1B679C;
    overflow: hidden;
}

.bg-white-radius{
    border-bottom-right-radius: 150px;
    background: #fdfcfe;
}
.text-color-black li{
    color: #000;
}
.mail_text a{
    color: #000;
}
.phone_text a{
    color: #000;
}
.social-facebook a{
    background: #3b5998!important;
    color: #fff!important;
    border-radius: 5px!important;
}
.social-twitter a{
    background: #00acee!important;
    color: #fff!important;
    border-radius: 5px!important;
}
.social-linkedin a{
    background: #0A66C2!important;
    color: #fff!important;
    border-radius: 5px!important;
}
.social-whatsapp a{
    background: #25D366!important;
    color: #fff!important;
    border-radius: 5px!important;
}
.media-icon .ti-location-pin{
    background: #1B679C;
    padding: 5px;
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 21px;
}
.media-icon .ti-email{
    background: #1B679C;
    padding: 5px;
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 21px;
}
.media-icon .ti-mobile{
    background: #1B679C;
    padding: 5px;
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 21px;
}
.media-icon .need-help{
    color: #787878;
    font-size: 12px;
    margin-bottom: 5px;
}
.footer-list ul li a{
    color: #fff!important;
}
.list-unstyled .app-link img {
    width: 100%;
    margin-bottom: 10px;
    display: inline-block;
}
.mobile_app_link{
    display: flex;
}
.mobile_app_download a img{
    width: 25%;
}
.mobile_app_download h1{
    color: #000;
    margin-bottom: 20px;
}
.mobile_app_download span{
    color: #3985B8;
}
.Why_Choose_Hr2eazy_bg{
    background: #F5F7FB;
}
#testimonial-area{
    background: rgb(35,119,177);
    background: linear-gradient(0deg, rgba(35,119,177,1) 0%, rgba(27,103,156,1) 100%);
}
/*#testimonial-area h2,h3,h4,h5, span, p{
    color: #fff!important;
}*/
.testimonials_text_color h2,
.testimonials_text_color h3,
.testimonials_text_color h4,
.testimonials_text_color h5{
    color: #fff!important;
}
.client-comment p{
    color: #fff!important;
}
.header_para p{
    color: #fff!important;
}
.header_para h5{
    color: #fff!important;
}


/*new-tabs-design*/

.headers.new-tabs-design .nav-pills-custom .nav-link {
    color: #000!important;
    background: #fff;
    line-height: 24px;
    padding: 10px !important;
    text-transform: initial;
}

.headers.new-tabs-design .nav-pills-custom .nav-link.active {
    color: #fff!important;
    background: #2378B1;
}
.workflow_section h3{
    font-weight: 600;
    padding-bottom: 10px;
}
.workflow_section span{
    color: #2377B1;

}
.workflow_section .workflow_underline p{
    font-size: 18px;
}
.workflow_section .workflow_underline{
    border-bottom: 2px solid orange;
}
.workflow_section .workflow_underline h3{
    color: #000!important;
}
.text-theme.new_text_theme{
    color: #000;
}

.workflow_section .nav.nav-pills .nav-item{
    width: 48%;
    margin: 10px 15px 10px 0px;
}
.workflow_section .nav-pills .nav-link.active{
    background-color: #f1f1f1!important;
}
.workflow_section .text_colors h6{
    color: green;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 10px;
}
.workflow_section .text_colors p{
    color: #525252;
}
.workflow_section .text_colors a{
    color: 2277b0;
    font-weight: 500;
}
.workflow_section .text_colors a:hover{
    margin-left: 10px;
}
.workflow_section .text_colors button{
    border: none;
    background: #fff;
    text-align: left;
}
/* Add indicator arrow for the active tab */
/*@media (min-width: 992px) {

}*/
.headers.new-tabs-design .nav-pills-custom .nav-link::after {
        /*content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #2378B1!important;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;*/
        font-family: "Font Awesome 5 Free";
       content: "\f061";
       display: block;
       position: absolute;
        top: 25%;
        right: 5px;
       padding-right: 3px;
       vertical-align: middle;
       font-weight: 900;
    }
.headers.new-tabs-design .nav-pills-custom .nav-link.active::before {
    opacity: 1;
}
.headers.new-tabs-design .tab-content{
    background: #F0F5F9!important;
    width: 100%;

}
.headers.new-tabs-design .tab-pane{
    height: auto;
    min-height: 350px;
}

.headers.new-tabs-design .tab-content h4{
    color: #1B679B!important;
    font-size: 16px;
    font-weight: 500;
    text-transform: initial;
    line-height: 20px!important;
}
.headers.new-tabs-design  .small.text-uppercase{
    font-weight: 500!important;
}

.Education-institutions
{
    background-color: #d6efff26;
    border-radius: 4px;
   /* // border: 2px solid #376f96; */
}
.Education-institutions h1
{
    text-align: center;
    font-size: 36px;
    line-height: 44px;

}
.industrial-card.Icd-1:hover
{
    background-color: #ece3ff;
}
.industrial-card.Icd-2:hover
{
    background-color: #fffdef;
}
.industrial-card.Icd-3:hover
{
    background-color: #ffe1f1d9;
}
.industrial-card.Icd-4:hover
{
    background-color: #f37f9942;
}
.industrial-card.Icd-5:hover
{
    background-color: #ffd2a96e;
}
.industrial-card.Icd-6:hover
{
    background-color: #a5236e1f;
}
.industrial-card.Icd-7:hover {
    background-color: #c4e3ff91;
}
.industrial-card.Icd-8:hover {
    background-color: #64508c36;
}
.industrial-card.Icd-9:hover {
    background-color: #ffe8d8;
}
.industrial-card.Icd-10:hover {
    background-color: #65518d36;
}
.industrial-card.Icd-11:hover {
    background-color: #cfbc334f;
}
.alg-ctr
{
    align-items: center;
}
.Education-institutions p
{
    padding: 0% 13%;
    text-align: center;
    color: 000;
}
.pos-re
{
    position: relative;
}
.cnfm-btn
{
    left: 180px;
    position: absolute;  
    bottom: -80px;
}
.mr-bc
{
    margin-left: -100px !important;
    padding: 10px 5px !important;
}
.ind-prd-img {
    /* width: 88%; */
    margin: auto;
    background-color: #fff;
}
.industrial-card
{
    background-color: #fff;
    padding: 20px 8px;
    border-radius: 6px;
    border: 2px solid #64508c;
    cursor: pointer;
    min-height: 183px;
}
.industrial-icons-section
{
    text-align: center;
    justify-content: center;
    margin-top: 36px;
}
.industrial-icons
{
    width: 56%;
    margin: auto;
}
.industrial-icons-section p{
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: 500;
}


/*features-css*/

.bg_main_banner{
    background-color: #013A6B;
    background-image: -webkit-linear-gradient(30deg, #013A6B 50%, #004E95 50%);
}
.features_list .new_navbar_align{
    background: #fff;
    padding: 15px 8px;
    text-align: center;
    display: block;
    border: 1px solid #fff;
    font-weight: 500;
}
.features_list .new_navbar_align:hover{
    box-shadow: 5px 5px 5px 0px rgba(212,212,212,0.75);
    -webkit-box-shadow: 5px 5px 5px 0px rgba(212,212,212,0.75);
    -moz-box-shadow: 5px 5px 5px 0px rgba(212,212,212,0.75);
}
.features_list .new_navbar_align.first img {
    margin-right: 5px;
}
.features_list a{
    text-align: center;
    display: block;
}
.padding-top-features-list{
    padding-top: 15px;
}
.call-to-action-text{
    background: #1B679C;
    border-radius: 10px;
}
.call-to-action-text h3{
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #fff;
}
.call-to-action-text p{
    text-transform: capitalize;
    color: #fff!important;
}
.call-to-action-text .btn.btn-white.btn-border {
    border-color: #ffffff!important;
    background: #fff!important;
    color: #2377B1;
    border-radius: 50px;
}
.call-to-action-text .btn.btn-white.btn-border:before {
    background: #2377B1!important;
    color: #fff!important;
}
.features_bg{
    background-image: url('../images/features-bg.jpg');
    height: 500px;
    background-repeat: no-repeat;
}
.features_bg .custom-breadcrumb a{
    color: #ffffff6e;
}
.features_bg .custom-breadcrumb a:hover{
    color: #fff;
}
.features_bg .custom-breadcrumb .active{
    color: #fff;
}
.features_bg .breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    color: #fff;
    content: ">";
}
.features_bg  .list-inline-item:not(:last-child){
    margin-right: 0rem;
}
.features-fullscreen-bg{
    background: #F5F7FB;
    padding: 10px;
/*    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    border-radius: 10px;
    margin-top: 20px;
}
.features_bg .hr2eazy-header{
    text-transform: uppercase;
}
.features_bg .sub-hr2eazy-header{
    text-transform: capitalize;
}
.features_bg .sub-hr2eazy-text{
    font-weight: 500;
}
.h1_text_size .sub-hr2eazy-header{
    font-size: 25px!important;
    line-height: 35px!important;
}

/* Loader start */
/* .testim {
		width: 100%;
		position: absolute;
		top: 50%;
		-webkit-transform: translatey(-50%);
		-moz-transform: translatey(-50%);
		-ms-transform: translatey(-50%);
		-o-transform: translatey(-50%);
		transform: translatey(-50%);
} */

.testim .wrap {
    position: relative;
    width: 100%;
    /* max-width: 1020px; */
    padding: 40px 20px;
    margin: auto;
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #fff;
        background: #1b679c63;
    border-radius: 46px;

    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;    
    -ms-transition: all .3s ease-in-out;    
    -moz-transition: all .3s ease-in-out;    
    -o-transition: all .3s ease-in-out;    
    transition: all .3s ease-in-out;
    padding: 9px  15px;
    z-index: 22222222;
}

.testim .arrow:before {
		cursor: pointer;
}

.testim .arrow:hover {
    color: #1f71aa;
}
    

.testim .arrow.left {
    left: 70px;
}

.testim .arrow.right {
    right: 70px;
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
		height: 12px;
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #1f71aa;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
		position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: #1f71aa;
    border-color: #1f71aa;
}

.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;   
    -moz-animation: testim-scale .5s ease-in-out forwards;   
    -ms-animation: testim-scale .5s ease-in-out forwards;   
    -o-animation: testim-scale .5s ease-in-out forwards;   
    animation: testim-scale .5s ease-in-out forwards;   
}
    
.testim .cont {
    position: relative;
		overflow: hidden;
}

.testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}

.testim .cont > div.inactive {
    opacity: 1;
}
    

.testim .cont > div.active {
    position: relative;
    opacity: 1;
}
    

.testim .cont div .img img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
}

.testim .cont div h2 {
    color: #1f71aa;
    font-size: 1em;
    margin: 15px 0;
}

.testim .cont div p {
    font-size: 1.15em;
    color: #333;
    width: 70%;
    margin: auto;
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    -moz-animation: testim-show .5s ease-in-out forwards;            
    -ms-animation: testim-show .5s ease-in-out forwards;            
    -o-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    
    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -moz-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -ms-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -ms-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -o-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -o-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -moz-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -ms-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -o-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        transform: translateY(0);        
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        transform: scale(1);       
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        transform: scale(0);
    }
}

@media all and (max-width: 300px) {
	body {
		font-size: 14px;
	}
}

@media all and (max-width: 500px) {
	.testim .arrow {
		font-size: 1.5em;
	}
	
	.testim .cont div p {
		line-height: 25px;
	}

}
    
.contact_text h1 {
    font-size: 30px;
    line-height: 44px;
    color: #fff;
}
.hdr-2
  {
    font-size: 19px !important;
    margin-top: 8px;
    font-weight: 600;
    margin-bottom: 7px;
    line-height: 30px !important;
  }
  .contact_text p
  {
    display: flex;
    gap: 8px;
    color: #ffffff;
    font-size: 16px;
    align-items: center;
  }

#ftco-loader{
    position:fixed;
    width:96px;
    height:96px;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background-color:rgba(255,255,255,.9);
    -webkit-box-shadow:0 24px 64px rgba(0,0,0,.24);
    box-shadow:0 24px 64px rgba(0,0,0,.24);
    border-radius:16px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:opacity .2s ease-out,visibility 0s linear .2s;
    -o-transition:opacity .2s ease-out,visibility 0s linear .2s;
    transition:opacity .2s ease-out,visibility 0s linear .2s;
    z-index:1000
}
#ftco-loader.fullscreen{
    padding:0;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    background-color:#fff;
    border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none
}
#ftco-loader.show{
    -webkit-transition:opacity .4s ease-out,visibility 0s linear 0s;
    -o-transition:opacity .4s ease-out,visibility 0s linear 0s;
    transition:opacity .4s ease-out,visibility 0s linear 0s;
    visibility:visible;
    opacity:1
}
#ftco-loader .circular{
    -webkit-animation:loader-rotate 2s linear infinite;
    animation:loader-rotate 2s linear infinite;
    position:absolute;
    left:calc(50% - 24px);
    top:calc(50% - 24px);
    display:block;
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg)
}
#ftco-loader .path{
    stroke-dasharray:1,200;
    stroke-dashoffset:0;
    -webkit-animation:loader-dash 1.5s ease-in-out infinite;
    animation:loader-dash 1.5s ease-in-out infinite;
    stroke-linecap:round
}
@-webkit-keyframes loader-rotate{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes loader-rotate{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes loader-dash{
    0%{
        stroke-dasharray:1,200;
        stroke-dashoffset:0
    }
    50%{
        stroke-dasharray:89,200;
        stroke-dashoffset:-35px
    }
    100%{
        stroke-dasharray:89,200;
        stroke-dashoffset:-136px
    }
}
@keyframes loader-dash{
    0%{
        stroke-dasharray:1,200;
        stroke-dashoffset:0
    }
    50%{
        stroke-dasharray:89,200;
        stroke-dashoffset:-35px
    }
    100%{
        stroke-dasharray:89,200;
        stroke-dashoffset:-136px
    }
}

/* Loader-end */



.new_header_color .sub-hr2eazy-header{
    font-size: 40px!important;
}
/*.fullscreen-banner .new_bg{
    background-image: url(../images/blog/bg-1.jpg);
    background-repeat: no-repeat;
    height: 300px;
}*/
.fullscreen-banner.new_bg{
    height: 300px!important;
}
.new_bg .features_bg {
    background-image: url(../images/blog/bg-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
}
.error-txt
{
    margin-left: 4px;
    margin-top: 3px;
    color: #fc4444;
    font-size: 14px;
}

.new_header_color{
    text-align: center;
}
.new_header_color p{
    color: #fff!important;
}
.new_header_color h1{
    color: #fff!important;
}
.new_header_color a{
    color: #fff;
}

/*blog*/

.masonry-brick h5{
    font-size: 15px;
    margin: 0;
    padding: 0;
}
.masonry-brick .post-desc .post-title span{
    background-color: #6A5ACD;
    padding: 4px 14px;
    border-radius: 50px;
    font-size: 12px;
    width: auto;
}


.section-title .sub-hr2eazy-text.lead.mb-3{
    font-weight: 500;
}
.bottom_tect_booking .sub-hr2eazy-text{
    font-weight: 500;
    font-size: 25px;
    color: #3985B8;
}

/*---------succession_planning--------*/
.attendance_management.succession_planning .featured-item.style-3 .featured-icon{
    transform: rotate(0deg);
}
.attendance_management.succession_planning .featured-item.style-3 .featured-icon i{
    transform: rotate(0deg);
}
.attendance_management.succession_planning .featured-item.style-3{
    height: 300px;
    padding: 5px;
    border: 2px solid #2377B1;
}
.attendance_management.succession_planning .featured-desc p{
    font-size: 15px;
}
.attendance_management.succession_planning .icon_img {
    width: 80px;
    height: 80px;
}
.attendance_management.succession_planning .icon_img img {
    width: 80%;
    height: 80%;
    object-fit: cover;
    margin-top: 5px;
}
.attendance_management.succession_planning .featured-item.style-3:hover .featured-icon{
    border-radius: 50px;
    background: #ff6347!important;
}
.succession_planning.manpower_planning .p_left{
    text-align: left;
    padding-left: 23px;
}
.succession_planning.manpower_planning .featured-item.style-3{
    height: 585px;
    padding: 5px;
    border: 2px solid #2377B1;
}
.succession_planning.manpower_planning  .featured-desc{
    text-align: left;
    padding-bottom: 10px;
}
.succession_planning.manpower_planning .featured-item.style-3:hover i{
    color: #FFF;
}
.succession_planning.manpower_planning .featured-item.style-3.featured-item-resize{
    height: 450px;
}
.column_margin_top{
    margin-top: 3rem;
}
.page-content .row{
    align-items: center;
}



/*features_media_query*/
@media only screen and (max-width: 600px) {
    .features_list .new_navbar_align{
        margin-bottom: 10px;
        text-align: left;
    }
    .Education-institutions p {
        padding: 0% 0%;
        text-align: justify;
    }
    .industrial-icons-section p {
        text-align: center;
    }
    .ind-prd-img {
        margin-bottom: 20px;
    }
    .industrial-card {
margin-bottom: 20px;
    }
    .padding-top-features-list {
        padding-top: 0px;
    }
    .features_click_here{
        font-size: 16px;
    }
    .features-fullscreen-bg{
        margin-top: 15px;
    }
    .features_bg{
        height: 666px;
        color: #fff;
    }
    .fullscreen-banner .sub-hr2eazy-header {
        color: #ffffff;
    }
    .fullscreen-banner .hr2eazy-header {
        color: #ffffff;
        margin: 0;
        padding-top: 10px;
    }
    .features_bg .btn.btn-white.btn-border {
        border-color: #ffffff;
        color: #ffffff;
    }
    .masonry-brick .post-desc .post-title span{
        font-size: 9px!important;
    }
    .masonry-brick h5{
        font-size: 13px;
    }
    .ph-sub-hr2eazy-header{
        margin-top: 30px;
    }
    .latest_news_text{
        height: auto!important;
    }
    .features_bg .btn.btn-white.btn-border:before {
        background: #fff;
    }
    .features_bg .btn.btn-white.btn-border:hover {
        color: #2377B1!important;
    }
    .fullscreen-banner .animated4 span {
        color: #ffffff;
    }
    .fullscreen-banner.attendance_management_ph {
        height: 680px!important;
    }
    .fullscreen-banner.attendance_management_ph .features_bg {
        height: 680px!important;
    }
    .fullscreen-banner.leave_management_ph {
        height: 750px!important;
    }
    .fullscreen-banner.leave_management_ph .features_bg {
        height: 750px!important;
    }
    .fullscreen-banner.roster_management_ph{
        height: 730px!important;
    }
    .fullscreen-banner.roster_management_ph .features_bg {
        height: 730px!important;
    }
    .fullscreen-banner.claim_management_ph{
        height: fit-content !important;
    }
    .fullscreen-banner.claim_management_ph .features_bg {
        height: fit-content !important;
        padding-bottom: 28px;
    }
    .fullscreen-banner.cloud-payroll-service{
        height: 620px!important;
    }
    .cloud-payroll-service .features_bg{
        height: 620px!important;
    }
    .fullscreen-banner.customer-management {
        height: 565px!important;
    }
    .customer-management .features_bg{
        height: 565px!important;
    }
    .fullscreen-banner.employee_payroll_system {
        height: 625px!important;
    }
    .employee_payroll_system .features_bg{
        height: 625px!important;
    }
    .fullscreen-banner.features_page {
        height: 600px!important;
    }
    .features_page .features_bg{
        height: 600px!important;
    }
    .fullscreen-banner.index_page_height{
        height: 700px!important;
    }
    .index_page_height .features_bg{
        height: 700px!important;
    }
    .fullscreen-banner.insurance_management{
         height: 730px!important;
    }
    .insurance_management .features_bg{
         height: 730px!important;
    }
    /* .fullscreen-banner.latest_news_height{
        height: 300px!important;
    } */
    .latest_news_height .features_bg{
        height: 300px!important;
    }
}

/*.attendance_management*/

.attendance_management ul li{
    display: flex;
    list-style-type: none;
    align-items: baseline;
    margin-bottom: 10px;
}
.attendance_management ul li i{
    margin-right: 10px;
    color: #3985B8;
}
.attendance_management .title-2{
    margin-bottom: 15px;
}
.attendance_management img{
    width: 100%;
    /* height: 300px; */
    object-fit: contain;
}


.title-awrd
{
       font-size: 27px;
    -webkit-text-stroke: 1px #ffffff;
    text-shadow: 0px 0px 3px #1b679c;
    line-height: 36px;
    text-align: left; 
    color: #ffffff;
}
/*latest_news*/

.latest_news_section h5 {
    font-size: 13px;
    margin: 0;
    padding: 0;
    color: #000!important;
    font-weight: 600;
}
.latest_news_section span {
    background-color: #6A5ACD;
    padding: 4px 14px;
    border-radius: 50px;
    font-size: 12px;
    width: auto;
    color: #fff!important;
    font-weight: 500;
    line-height: 25px;
    font-style: normal;
    text-transform: uppercase;
}
.latest_news_section p {
    margin-top: 15px;
}
.latest_news_section .post-btn {
    text-transform: uppercase;
    color: #3985B8;
}
.latest_news_section .post-btn:hover {
    color: #222021;
    margin-left: 5px;
}
.latest_news_text{
    box-shadow: 0 0 13px 3px rgb(0 0 0 / 10%);
    padding: 10px;
    height: 240px;
}
.latest_news_img{
    overflow: hidden;
}
.latest_news_img img:hover{
    transform: scale(1.1);
    transition: all 2s;
    overflow: hidden;
}


.h1_text_size .sub-hr2eazy-header {
    line-height: 50px;
}
.blg-wd
{
    width: 60%;
    margin: 18px;
}
.flx-para p
{
    display: flex;
    gap: 12px;
}
@media only screen and (max-width: 600px) {
    .attendance_management_ph_view{
        flex-direction: column-reverse;
    }
    .column_margin_top{
        margin-top: 0!important;
    }
   
  
    .fullscreen-banner .hr2eazy-header{
        padding: 10px 0px;
    }
    .attendance_management.succession_planning .featured-item.style-3{
        height: auto;
    }
    .attendance_management.succession_planning .yearly_review{
        margin-top: 15px;
    }
    .succession_planning.manpower_planning .featured-item.style-3.featured-item-resize{
        height: auto;
    }
    .featured-item.style-3.ph_featured-desc ul li{
        text-align: left!important;
    }
    .ph_margin_bottom{
        margin-bottom: 10px;
    }
    .latest_news_section.py-5 .row.pt-5{
        padding-top: 10px!important;
    }
    .flex-direction-ph-view{
        display: flex;
        flex-direction: column-reverse;
    }
    .blog_inner_page #customers tr th:first-child, #customers tr td:first-child {
        min-width: 10em!important;
        word-break: break-word!important;
    }
    .blog_inner_page .blog-classic .post-image img {
        height: auto!important;
    }
    .price-list-section .card.px-0.p-5{
        padding: 1rem!important;
    }
    .ph_view_thank_you {
        text-align: center;
    }
    .ph_view_breadcrumb {
        margin:0px!important;
    }
    .ph_view_padding{
        margin:0px!important;
        padding: 4px!important;
    }
    .sib-form {
        padding: 8px 12px 32px !important;
    }
    .hdr-2 {
        margin-top: 0px;
        margin-bottom: 7px;
    }
    .ph_view_column_direction{
        flex-direction: column-reverse!important;
    }
    .h1_text_size .sub-hr2eazy-header {
        line-height: 24px;
        font-size: 19px !important;
        margin-top: 6px;
        margin-bottom: 6px !important;
    }
    .features_bg .sub-hr2eazy-text {
        font-size: 14px;
    }
    .phn-flx
    {
        display: flex;
    }
    h2.title {
        font-size: 19px !important;
    }
    .roster_management .section-title .main_header {
        font-size: 18px !important;
    }
}


/*roster_management*/

.roster_management .section-title .main_header{
    font-size: 24px;
    font-weight: 700;
    color: #ff6c02;
}
.roster_management_list .featured-icon img{
    width: 50px;
    height: 50px;
}
.roster_management_list .featured-item .featured-icon{
    text-align: center;
}
.roster_management_list .featured-title h5{
    text-align: center;
    font-size: 16px;
}
.roster_management_list .featured-item.style-6{
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 9%), 0 6px 9px 0 rgb(0 0 0 / 9%);
    margin: 20px;
}
.roster_management_list .featured-item.style-6:hover .roster_management_list .featured-icon img {
    width: 4rem;
    height: 70%;
    margin-top: 13px;
}
.roster_management_list .featured-item.style-6:hover .featured-title h5{
    color: #fff!important;
}

.roster_management_list .featured-item.style-6:hover .featured-title h5:after{
    border-bottom: 3px solid #fff!important;
}

.roster_management_list .featured-item.style-6:hover{
    border-radius: 15px!important;
}
.roster_management_list .section-title h2{
    text-align: center!important;
}
.roster_management_list .section-title.main_header_roster .main_header{
    font-size: 24px;
    font-weight: 700;
    color: #ff6c02;
}
.faq_section .section-title .title{
    font-size: 25px;
    margin: 0;
}
.blog_details .row_style a{
    display: flex!important;
}

/*blog_section*/


.blog_section .post-title h5 a{
    font-size: 14px;
}
.blog_section .masonry.columns-3 .post-image img{
    height: 215px;
}
.blog_section .masonry.columns-3 .post{
    height: 400px;
}
.blog_section .masonry.columns-3 .post .post-desc{
    box-shadow: none;
}
.blog-sub-hdr
{
    color: #ed143d !important;
    font-weight: 600;
    font-size: 15px !important;
    margin-top: 7px !important;
}
.blog_inner_page .post-desc.new-post-desc h4{
    margin-bottom: -4px;
    margin-top: 20px;
    color: #008ed6 ;
    font-size: 16px ;
}

.blog_inner_page .post .post-desc p{
    margin: 0px 0px;
  }
.blog_inner_page .post-desc.new-post-desc h6{
    font-weight: 500;
}

.blog_inner_page  #customers tr th:first-child, #customers tr td:first-child {
    width: 21em;
    min-width: 23em;
    max-width: 8em;
    word-break: break-all;
    font-size: 13px;
}

.blog_inner_page  #customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #00A2FF;
    color: white;
}
.blog_inner_page  #customers td, #customers th {
    border: 1px solid #ddd;
    padding: 8px;
    font-size: 13px;
}
.blog_inner_page  .payroll_procedure li {
    list-style-type: none;
    margin: 15px 0px;
    font-weight: 500;
    color: #313131;
}
.blog_inner_page  .payroll_procedure img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.blog_inner_page .payroll_procedure a {
    color: #313131;
}
.blog_inner_page .advantage_blog{
    list-style-position: inside;
    margin-bottom: 10px;
}

/*progressbar*/

.testimonials-card
{
    background-color: #fff;
    border-radius: 1rem;
    width: 100%;
    transition: transform 0.3s cubic-bezier(.175,.885,.32,1.275);
    box-shadow: 0 1px 3px #00000014, 0 1px 2px #0000000a; 
}
.testimonials-div
{
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    padding: 0.50rem 1.25rem 0.50rem;
    border-radius: 0px 0px 15px 15px;
}
.testi-bg-1
{
    background: #1b679c1f;
}
.testi-bg-2
{
    background-color: #f2b0a14f;
}
.top-sec span{
    color: #ff0202;
    font-weight: 500; 
}
.testi-bg-3
{
    background-color: #b659c740;
}
.testimonials-card .top-sec
{
    padding: 1.25rem;
    min-height: 158px;
}
.top-sec p
{
    margin-bottom: 0;
    font-size: 13px;
}
.post-name
{
    font-weight: 500;
    margin-bottom: 0;
    color: #383838;  
}
.post-date
{
    margin-bottom: 0;
}
.img-circl
{
    width: 18%;
    border-radius: 45px;
}
.img-circl img{
    width: 57px;
    height: 57px;
    border-radius: 88px;
}
/*hr2eazy_payrol_section*/

.hr2eazy_payrol_section #heading {
    text-transform: uppercase;
    color: #673AB7;
    font-weight: normal
}

.hr2eazy_payrol_section #msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

.hr2eazy_payrol_section #msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

.hr2eazy_payrol_section .form-card {
    text-align: left
}

.hr2eazy_payrol_section #msform fieldset:not(:first-of-type) {
    display: none
}

.hr2eazy_payrol_section #msform input,
.hr2eazy_payrol_section #msform textarea {
    padding: 8px 15px 8px 15px;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    margin-bottom: 4px;
    margin-top: 2px;
    box-sizing: border-box;
    color: #2C3E50;
    background-color: #fff;
    font-size: 14px;
    letter-spacing: 1px
}
.paragraph-content img{
    width: 30px;
    height: 30px;
}
#defaultCheck5:checked + div >  .form-check
{
    display: none;
}
#hiddenDiv1 ,#hiddenDiv2
{
    display: none;
}
.pyrl-alt
{

    color: #2377B1;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
}
.checkBox-content p{
    align-items: center;
    margin-bottom: 4px;
    display: flex;
    gap: 10px;
}

.checkBox-content
{
    padding: 6px 8px;
    position: relative;
    top: -6px;
    border-radius: 4px;
}
.add-bg
{
    background: #b4f2c94f;
    transition: all 0.5s;
    margin-bottom: 5px;
}
.form-check-label {
    margin-bottom: 0px;
    position: relative;
    top: -3px;
    font-size: 16px;
    color: #373636;
}
.form-check-input
{
    padding: 8px 15px 8px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 4px;
    margin-top: 2px;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    background-color: #ECEFF1;
    font-size: 16px;
    letter-spacing: 1px
}

.hr2eazy_payrol_section #msform input:focus,
.hr2eazy_payrol_section #msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #673AB7;
    outline-width: 0
}

.hr2eazy_payrol_section #msform .action-button {
    width: auto;
    background: #2378B1;
    color: white;
    border: 0 none;
    border-radius: 6px;
    cursor: pointer;
    font-family: inherit;
    padding: 9px 28px;
    margin: 10px 0px 10px 5px;
    border: 2px solid #2378B1;
    transition: all 0.5s;
    text-align: center;
}

.hr2eazy_payrol_section #msform .action-button:hover,
.hr2eazy_payrol_section #msform .action-button:focus {
    background-color: #fff;
    color: #2378B1;
    border: 2px solid #2378B1;
    transition: all 0.5s;
}

.hr2eazy_payrol_section #msform .action-button-previous {

    width: auto;
    min-width: 100px;
    background: #DCDCDC;
    color: #757474;
    border: 0 none;
    border-radius: 6px;
    cursor: pointer;
    padding: 8px;
    font-family: 'Poppins';
    margin: 10px 0px 10px 5px;
    border: 2px solid #DCDCDC;
    transition: all 0.5s;
}

.hr2eazy_payrol_section #msform .action-button-previous:hover,
.hr2eazy_payrol_section #msform .action-button-previous:focus {
    background-color: #fff;
    color: #616161;
    border: 2px solid #616161;
    transition: all 0.5s;
}

.hr2eazy_payrol_section .card {
    z-index: 0;
    border: none;
    position: relative
}
.btn.btn-border
{
    padding-top: 12px !important;
}
.Getqut-btn
{
    padding: 8px 13px;
    border: 1px solid #fff;
    color: white;
    background: #303030;
    border-radius: 5px;
    margin-left: 4px;
}
.reqdem-btn
{
    padding: 8px 13px;
    border: 1px solid #fff;
    color: white;
    background: #1f71aa;
    border-radius: 5px;
    margin-left: 4px;
}
    .reqdem-btn:hover
{

    border: 1px solid #2378b1;
    color: #2378b1;
    background: #fff;

}
.Getqut-btn:hover
{

    border: 1px solid #2378b1;
    color: #ffff;
    background: #2378b1;

}

.custom-control-label {
   font-size: 16px;
    cursor: pointer;
    margin-bottom: 0 ;
}

.paragraph-content {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease;
    transition: all 0.5s;
}
.pyrl-list .list-group-item
{
    border: none;
    display: flex;
    gap: 13px;
    align-items: flex-start;
    padding: 15px 55px 2px 0px;
}
.pyrl-list p
{
    margin-bottom: 0;
    font-size: 18px;
    color: #373636;
}
.pyrl-vl::-webkit-scrollbar {
    width: 5px;
  }
  .pyrl-vl::-webkit-scrollbar-thumb {
    background: #2377b1;
    border-radius: 30px;
  }

.pyrl-vl
{
    border-right: 2px solid #2377B1;
    max-height: 524px;
    overflow-y: scroll;
}
.paragraph-content.open {
    display: block;
    opacity: 1;
}
.pyrl-input
{
    border-right: 0px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-bottom: 2px solid #d4d4d4 !important;
    border-radius: 1px !important;
    width: 86%;
}
.ctr-alg-in
{
    text-align: center;
}

.add-bg .selected-lable {
    color: #426B18;
    margin-bottom: 4px;
    transition: all 0.5s;}

.h3-sub-hdr
{
    color: #1B679C;
    font-weight: 500;
    font-size: 16px;
}
.hr2eazy_payrol_section .fs-title {
    font-size: 25px;
    color: #1B679C;
    margin-bottom: 20px;
    text-align: left;
    margin-bottom: 0;
    font-weight: 600!important;
}
.form-tp
{
    margin-top: 54px;
}
.sub-hdr-payrol{
    color: #1B679C;
    font-size: 34px;
    text-align: center;
    padding-top: 30px;
}

.hr2eazy_payrol_section .purple-text {
    color: #673AB7;
    font-weight: normal
}
.flx-btn .img {
    position: relative;
    width: 9%;
   
}
.business-content p {
    text-align: left;
    display: flex;
    gap: 10px;
    margin-bottom: 5px;
}
.hr2eazy_payrol_section .steps {
    font-size: 21px;
    color: #2C3E50;
    margin-bottom: 20px;
    text-align: right;
    margin-bottom: 0;
    font-weight: 600!important;
}

.hr2eazy_payrol_section .fieldlabels {
    color: gray;
    text-align: left
}

.hr2eazy_payrol_section #progressbar {
    margin-bottom: 15px;
    margin-top: 15px;
    overflow: hidden;
    color: lightgrey
}
.progressbar-flx
{
    display: flex;
    justify-content: center;
}
.Enterprise-btn
{
    padding: 12px 26px;
    border: none;
    border-radius: 3px;
    font-size: 16px;
    margin: 3px 6px;
}

.int-btn-sec
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
    margin-top: 24px;
}
.workflow_section
{
    background-image: url('../images/home/home-banner-2.jpg');   
     background-size: cover;
    background-repeat: no-repeat;
}
.features-sec-bg
{
    background-image: url('../images/home/landing-background-1.png');
     background-size: cover;
     background-color: #f8fafc; 
}
.int-btn:hover
{
    background-color: #2377b147;
    color: #ffff;
    border: 1px solid white;
}
.button-default {
    color: white;
    background-color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 9px 14px;
    margin: 10px;
    display: inline-block;
  }
  
  .button-slanted {
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
  }
  
  .button-slanted-content {
    -ms-transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);  
    display: inline-block;
  }
  
  .button-fixedwidth {
    width: 100px;
  }
  .ind-hm{
    font-size: 40px;
    line-height: 30px;
    color: #fff ;
    font-weight: 700;
}
.industry-sec p{
    font-size: 18px;
    color: #fff ;
}
.ind-hm span{
   
    color: #fff ;
    font-size: 24px;
    font-weight: 500;
}
/* .int-btn:hover {
    background-color: #2377b147;
    color: #002d4d;
} */
.int-btn {
    padding: 12px 26px;
    font-size: 19px;
    background-color: #fff;
    border: 1px solid white;
}
.py-rl-subhdr
{
    color: #373636;
    font-weight: 600;
    font-size: 26px;
}
.int-btn-sec-2
{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
    margin-bottom: 38px;
}
.int-btn-sec-3
{
    display: flex;
    justify-content:start;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 22px;
}
.price-list-payrol {
    background: #2377B1;
}
.int-btn-sec-3 p
{
    font-size: 14px;
    text-align: center;
    margin-top: 3px;

}
/* .btn-bg1
{
    background: #64b3b759 !important;
}
.btn-bg2
{
    background: #ff9c4570 !important;
}
.btn-bg3
{
    background: #b7ad7787 !important;
}
.btn-bg4
{
    background: #ff8ac35c !important;
}
.btn-bg5
{
    background: #67a6dc5e !important;
}
.btn-bg6
{
    background: #bcaec49c !important;
}
.btn-bg7
{
    background: #c7729e7d !important;
}
.btn-bg8
{
    background: #f79caaad !important;
}
.btn-bg9
{
    background: #87b2ce70 !important;
} */
/* .macaw-tabs.macaw-aurora-tabs > [role=tablist] > [role=tab][aria-selected=true] {
    background: linear-gradient(257deg, #007bff, #1b679c 50.33%, #013356) !important;
    color: #fff !important;
    border-left: 5px solid #063d63 !important;
    
} */
/* .macaw-tabs.macaw-aurora-tabs > [role=tablist] > [role=tab] {

    background: #1b679c0a !important;
} */
.int-bg1
{
    background-color: #1A5319;
}
.int-btn {
    justify-content: space-between;
    padding: 8px 20px;
    border: none;
    border-radius: 9px;
    font-size: 16px;
    color: #373636;
    background-color: #f9f4f4;
    display: flex;
    align-items: center;
    gap: 10px;
}
.payrol-hdr
{
    border: 1.5px solid #2377B1;
    width: 24%;
    margin-bottom: 38px;
}
.selected {
    background-color: #2377b147;
}
.Enterprise-bg1
{
background-color: #2D969B;
color: #fff;
}
.Enterprise-bg2
{
color: #FF64B4;
}
.Enterprise-bg3
{
color:#968C41
}
.hr2eazy_payrol_section #progressbar .active {
    color: #fff;
}
.checkbx-sec
{
    display: flex;
    justify-content: space-around;
    margin-top: 11px;
}
.ctr-alg
{
    align-items: baseline;
}
.hr2eazy_payrol_section #progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 33%;
    color:#fff;
    /* float: left; */
    position: relative;
    font-weight: 300
}

.hr2eazy_payrol_section #progressbar #account:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\31";
}

.hr2eazy_payrol_section #progressbar #personal:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\32";
}

.hr2eazy_payrol_section #progressbar #payment:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\33";
}

.hr2eazy_payrol_section #progressbar #confirm:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f007";
}

.hr2eazy_payrol_section #progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    border: 3px solid white;
    color: #ffffff;
    background: #2377b1;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
    z-index: 11;
    position: relative;
}

.hr2eazy_payrol_section #progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background:#fff;
    position: absolute;
    left: 0;
    top: 25px;
}

.hr2eazy_payrol_section #progressbar li.active:before,
.hr2eazy_payrol_section #progressbar li.active:after {
    background: #ffffff;
    border-radius: 32px;
    color: #2377b1;
}

.hr2eazy_payrol_section .progress {
    height: 20px
}

.hr2eazy_payrol_section .progress-bar {
    background-color: #2377B1
}

.hr2eazy_payrol_section .fit-image {
    width: 100%;
    object-fit: cover
}

.hr2eazy_payrol_section #heading{
    font-size: 32px ;
    line-height: 22px;
    color: white;
}
.pyrl-p
{
    color: white;
    font-size: 19px;
}

.hr2eazy_payrol_section .alert-price {
    font-size: 14px;
    color: #ff4c4c;
    font-weight: bold;
}
.hr2eazy_payrol_section  .cost-month h3 {
    font-size: 20px;
    color: #343e82;
    font-weight: bold;
    text-align: left;
    margin-left: 0px;
}
#msform input, #msform textarea {
    padding: 0px 8px 4px 8px;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 25px;
    margin-top: 2px;
    /* width: 100%; */
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 16px;
    letter-spacing: 1px;
}
.captcha-fake-field {
    background: transparent;
    bottom: 0;
    border: none;
    display: block;
    height: 1px;
    left: 12px;
    width: 1px;
    position: absolute;
    z-index: -1;
}

.thankyou_section p{
    font-size: 25px!important;
}


/*contact_us*/


.contact_imgs .card-img-top{
    width: 100%;
    height: 180px;
    display: block;
    padding: 10px;
    border-radius: 10%;
    margin: 0 auto;
}

.contact_us_section .img_text{
    display: flex;
    justify-content: center;
    align-items: center;
}
.images_section a{
    display: block;
    margin-bottom: 20px;
    border-width: 1px 1px 3px 3px;
    border-color: #2378B1;
    border-style: solid;
    border-radius: 10px;
}
.images_section a:hover{
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
.images_section .icon_center{
    text-align: center;
}

.fullscreen-banner.index_top.index_page_height{
    background-image: url('../images/bg-2.jpg');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}


/*id-------css*/



.id_page_wrapper .dropdown-menu .list-unstyled{
    width: 70%!important;
}
.id_page_wrapper .new_navbar_align.first h6 {
    font-size: 9px;
}
.id_page_wrapper .new_navbar_align.first h6 span {
    font-size: 9px;
}
.id_page_wrapper .featured-item.style-3{
    height: 415px;
}
.id_page_wrapper .macaw-tabs.macaw-aurora-tabs > [role=tablist] > [role=tab] {
    font-size: 11px;
}

/*latest_release_timeline*/

@import "https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700";
 header:after, #timeline .timeline-item:after, header:before, #timeline .timeline-item:before {
     content: '';
     display: block;
     width: 100%;
     clear: both;
}

 #timeline {
     width: 100%;
     margin: 30px auto;
     position: relative;
     padding: 0 10px;
     -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     transition: all 0.4s ease;
}
 #timeline:before {
     content: "";
     width: 3px;
     height: 100%;
     background: #ee4d4d;
     left: 50%;
     top: 0;
     position: absolute;
}
 #timeline:after {
     content: "";
     clear: both;
     display: table;
     width: 100%;
}
 #timeline .timeline-item {
     margin-bottom: 25px;
     position: relative;
}
 #timeline .timeline-item .timeline-icon {
     background: #ee4d4d;
     width: 50px;
     height: 50px;
     position: absolute;
     top: 0;
     left: 50%;
     overflow: hidden;
     margin-left: -23px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
}
 #timeline .timeline-item .timeline-icon svg {
     position: relative;
     top: 14px;
     left: 14px;
}
 #timeline .timeline-item .timeline-content {
     width: 45%;
     background: #fff;
     padding: 20px;
     -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
     -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
     box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     border-radius: 5px;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 #timeline .timeline-item .timeline-content h2 {
     padding: 0px 10px;
     background: #ee4d4d;
     color: #fff;
     margin: -20px -20px 0 -20px;
     font-weight: 300;
     -webkit-border-radius: 3px 3px 0 0;
     -moz-border-radius: 3px 3px 0 0;
     -ms-border-radius: 3px 3px 0 0;
     border-radius: 3px 3px 0 0;
     font-size: 15px;
}
 #timeline .timeline-item .timeline-content:before {
     content: '';
     position: absolute;
     left: 45%;
     top: 20px;
     width: 0;
     height: 0;
     border-top: 7px solid transparent;
     border-bottom: 7px solid transparent;
     border-left: 7px solid #ee4d4d;
}
 #timeline .timeline-item .timeline-content.right {
     float: right;
}
 #timeline .timeline-item .timeline-content.right:before {
     content: '';
     right: 45%;
     left: inherit;
     border-left: 0;
     border-right: 7px solid #ee4d4d;
}
 #timeline .timeline-item  .btn {
     padding: 5px 15px;
     text-decoration: none;
     background: transparent;
     border: 2px solid #f27c7c;
     color: #f27c7c;
     display: inline-block;
     position: relative;
     text-transform: uppercase;
     font-size: 12px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     border-radius: 5px;
     -webkit-transition: background 0.3s ease;
     -moz-transition: background 0.3s ease;
     -ms-transition: background 0.3s ease;
     transition: background 0.3s ease;
     -webkit-box-shadow: 2px 2px 0 #f27c7c;
     -moz-box-shadow: 2px 2px 0 #f27c7c;
     -ms-box-shadow: 2px 2px 0 #f27c7c;
     box-shadow: 2px 2px 0 #f27c7c;
}
 #timeline .timeline-item  .btn:hover {
     box-shadow: none;
     top: 2px;
     left: 2px;
     -webkit-box-shadow: 2px 2px 0 transparent;
     -moz-box-shadow: 2px 2px 0 transparent;
     -ms-box-shadow: 2px 2px 0 transparent;
     box-shadow: 2px 2px 0 transparent;
}

.latest_news_sections .project-name{
    font-size: 20px;
    color: #3e4555;
    text-align: center;
}
@media screen and (min-width: 1024px) and (min-height: 1320px) {

       .features_tab_list img {
        position: static !important;
        width: 100% !important ;
    }
    .title-2 img {
        position: relative;
        width: 40px !important;
       }
}

@media screen and (min-width: 1024px) and (max-height: 1310px) {

    .title-2 img {
     position: relative;
     width: 40px !important;
    }
}

 @media screen and (max-width: 768px) {
     #timeline {
         margin: 30px;
         padding: 0px;
         width: 90%;
    }
    .features_tab_list img {
        position: static !important;
        width: 100% !important ;

    }
    .title-2 img {
     position: relative;
     width: 40px !important;
    }

     #timeline:before {
         left: 0;
    }
     #timeline .timeline-item .timeline-content {
         width: 90%;
         float: right;
    }
     #timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before {
         left: 10%;
         margin-left: -6px;
         border-left: 0;
         border-right: 7px solid #ee4d4d;
    }
     #timeline .timeline-item .timeline-icon {
         left: 0;
    }
}



 .workflows .arrow {
    position: relative;
    background: #333;
    color: #Fff;
    height: 40px;
    padding: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
    line-height: 1;
    font-size: 14px;
}
.workflows .arrow::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #333;
    bottom: 0;
    right: -10px;
    z-index: 9;
    border-right: 2px solid #fff;
    transform: skewX(-45deg);
}
.workflows .arrow::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #333;
    top: 0;
    right: -10px;
    z-index: 9;
    border-right: 2px solid #fff;
    transform: skewX(45deg);
}

.workflows .arrow-bg-1 {
    background: #ff3219!important;
}
.workflows .arrow-bg-2 {
    background: #ff8c1e!important;
}
.workflows .arrow-bg-3 {
    background: #fac81d!important;
}
.workflows .arrow-bg-4 {
    background: #a8ca3a!important;
}
.workflows .arrow-bg-1::after, .arrow-bg-1::before {
    background: #ff3219!important;
}
.workflows .arrow-bg-2::after, .arrow-bg-2::before {
    background: #ff8c1e!important;
}
.workflows .arrow-bg-3::after, .arrow-bg-3::before {
    background: #fac81d!important;
}
.workflows .arrow-bg-4::after, .arrow-bg-4::before {
    background: #a8ca3a!important;
}

.workflows .steps {
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #fff;
    color: #000;
    text-align: center;
    border-radius: 50px;
    margin-right: 10px;
    font-weight: 900;
}


.workflows  .list_itme{
    padding: 5px 0px;
    margin-bottom: 0;
}

.new_sticky_icon {

    z-index: 99999;

    position: fixed;

    top: 40%;

    left: -16%;

    width: 180px;

    display: flex;

    flex-direction: column;

    letter-spacing: 1px;

}

.new_sticky_icon a {

    transform: translate(100px, 0px);

    border-radius: 0px 50px 50px 0px;

    text-align: right;

    margin: 2px;

    text-decoration: none;

     text-transform: uppercase;

    padding: 5px;

    font-size: 14px;

    font-family: 'Poppins';

    transition: all 0.5s;

}

.new_sticky_icon a:hover {

    color: #2C80D3;

    transform: translate(215px, 0px);

    font-weight: bold;

}

.new_sticky_icon a:hover img {

    transform: rotate(360deg);

}

/*.search_icon a:hover i  {

    transform:rotate(360deg);}*/

.new_sticky_icon .Facebook {

    background-color: #fff;

    color: #2C80D3;

    border: 2px solid;

}

.new_sticky_icon a img {

    background-color: #FFF;

    height: 50px;

    width: 50px;

    color: #000;

    text-align: center;

    line-height: 30px;

    border-radius: 25%;

    margin-left: 20px;

    transition: all 0.5s;

    object-fit: contain;

}

.new_sticky_icon a i.fa-facebook-f {

    background-color: #FFF;
    color: #2C80D3;

}

.grounded-radiants {
    position: relative;
    border: 4px solid transparent;
    border-radius: 16px;
    background: #fff4f7;
    background-clip: padding-box;
    padding: 10px;
    /* just to show box-shadow still works fine */
}

.grounded-radiants::after {
    position: absolute;
    top: -4px; bottom: -4px;
    left: -4px; right: -4px;
    background: linear-gradient(27deg, #f04e235c, #ffffff8c);
    text-align: center;
    content: '';
    z-index: -1;
    border-radius: 16px;
}
.sub-hr2eazy-header {
    color: #525252;
}
.sub-hr2eazy-header span {
    color: #2378B1;
}
.min-card-1
{
    padding: 4% 4%;
    background: #1b679c17;
    border-radius: 8px;  
    min-height: 185px;
}
.min-card-1 h4
{
    font-size: 15px;
    text-transform: capitalize;
}
.min-card-1 h3
{
    font-size: 22px;
    font-weight: 600;
    color: #3985b8;
}
.sub-hr2eazy-header {
    text-transform: capitalize;
}
.sub-hr2eazy-header {
    font-size: 19px !important;
    line-height: 35px !important;
}
.accordion .card-header {
    padding: 7px 13px 7px 8px;
}
.job-card .card {
    margin-bottom: 6px;
}
.accordion .card-header {
    padding: 7px 13px 7px 8px;
}
  .job-card
    {
        padding: 10px 6px;
    background: white;
    /* box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); */
    border-radius: 5px;
    border: 1px solid #2082e3;
    }
    .job-desp-btn {
    border: none;
    background: white;
    font-size: 18px;
    color: #2378b1;
    text-decoration: none !important;
}
.min-card-1 p
{ 
    margin-bottom: 4px;
}
.HRD-img-sec
{
    width: 30%;
    margin: auto;
    padding-bottom: 12px;
}
.HRD-img-sec img ,.HRD-img-sec-2 img
{
    width: 100%;
    height: auto;
}
.sub-h3 {
    font-size: 16px;
    font-weight: 500;
    color: #1b679c;
}
.job-card-2 {
    padding: 10px 6px;
    background: white;
    box-shadow: 0 4px 8px 0 rgb(193 193 193 / 20%), 0 6px 20px 0 rgb(201 201 201 / 19%);
    border-radius: 5px;
    border: 1px solid #ffc57c;
}
.train-card2 {
    background: #fff;
    border-radius: 10px;
    padding: 2% 2%;
    border: 2px solid #fbedea;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}
.train-card
{
    background: #fbf6f5;
    border-radius: 24px;
    padding: 3% 3%;
    border: 2px solid #fbedea;
}
.HRD-Corp-card
{
    padding: 3% 3%;
    border-radius: 8px;
    text-align: center;
}
.HRD-img-sec-2 {
    width: 75%;
    margin: auto;
    padding-bottom: 12px;
}
.HRD-img-cont
{
    text-align: center;
}
.HRD-Corp-hdr
{
    font-size: 23px;
    color: #1b679c;
    font-weight: 500;;
}
.new_sticky_icon .fa-arrow-circle-up {

    font-size: 30px;

}
.blg-img-sec
{
    width: 50%;
    margin: auto;  
}
.blink_me {
    animation: blinker 1s linear infinite;
      color: #ffffff;
      position: absolute;
      right: 2px;
      top: -7px;
      font-size: 12px;
      background-color: red;
      padding: 2px 6px;
      border-radius: 3px;
  }
  
  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }

  .blink_me-offer {
    animation: blinker-offer 1s linear infinite;
      color: #ffffff !important;
     /* box-shadow: 0px 0px 23px 2px #ffffff59; */
      position: absolute;
      width: 46px;
    right: 2px;
    top: -7px;
    font-size: 12px;
    background-color: #ffffff00;
    padding: 0px 0px !important;
  }
  
  @keyframes blinker-offer {
    50% {
      opacity: 0;
    }
  }
  
.video-bdrsec:before, .video-bdrsec:after {
    content: '';
    position: absolute;
    left: 21px;
    top: 7px;
    border-radius: 6px;
    right: -1px;
    bottom: -4px;
    background: linear-gradient(45deg,  #0069d9,#dfc5ed, #00a2ff,#a36ac8, #4b969b, #1b679c ,#5a17a4);
    background-size: 400%;
    width: calc(88.4% + 4px);
    height: calc(93.6% + 4px);
    z-index: 0;
    animation: steam 20s linear infinite;
}
@keyframes steam
{
  0% {
    background-position: 0 0;
}

50% {
    background-position: 400% 0;
}
100% {
    background-position: 0 0;
}
}

  .blink_me {
    animation: blinker 1s linear infinite;
    color: #ffffff;
    position: absolute;
    right: 2px;
    top: -7px;
    font-size: 12px;
    background-color: red;
    padding: 2px 6px;
    border-radius: 3px;
  }

  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }

  #videoWrapper {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
    height: auto; /* Adjust this to control the aspect ratio of the video */
    overflow: hidden;
    background: linear-gradient(90deg, rgb(1 53 90) 0%, #03346e73 35%, #2378b100 100%);
  }

  #videoWrapper video {
    position: absolute;
    width: 100%;
    object-fit: cover;
    z-index: -100;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    object-fit: cover; /* Ensures the video covers the container while maintaining its aspect ratio */
  }

  #videoWrapper .caption {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  #videoWrapper .caption .contents {
    width: 98%;
    color: #fff;
    text-align: center;
    padding: 2rem;
    /* background-color: rgba(0, 0, 0, 0.8); */
  }

  .header-para p {
  
  text-align: center;
  transform: scale(0.94);
  animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
}
@keyframes scale {
  100% {
    transform: scale(1);
  }
}

.header-para .txtani1 {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);
}

.header-para .txtani1 {
  animation: fade-in 1.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}
.icon-flx
{
  display: flex;
  justify-content: space-between;
  gap: 4px;
  margin-top: 40px;
  flex-wrap: wrap;
}
.ic-img img
{
  width: 68px;
}
.icon-crl
{
    width: fit-content;
    padding: 18px 18px;
    background-color: #0652a5;
    border-radius: 61px;
    box-shadow: 0px 0px 23px 2px #ffffff59;
    margin: auto;
}
  .header-para p
{
    margin-bottom: 0;
    font-size: 20px;
    margin-top: 15px;
    color: #fff;
}
  .txt-type > .txt {
      border-right: 0.2rem solid #777;
    }
    .header-para h1 , .header-para h1 p
    {
      -webkit-text-stroke: 1px #ffffff;
    text-shadow: 0px 0px 3px #d3d3d3;
    }

  /* @media(min-width: 1200px) {
    .header-para  h1 {
        font-size: 3rem;
      }
    }

    @media(max-width: 500px) {
      .header-para  h1 {
        font-size: 2.5rem;
      }
    } */

    .video-bdrsec:before, .video-bdrsec:after {
        content: '';
        position: absolute;
        left: 21px;
        top: 7px;
        border-radius: 6px;
        right: -1px;
        bottom: -4px;
        background: linear-gradient(45deg,  #0069d9,#dfc5ed, #00a2ff,#a36ac8, #4b969b, #1b679c ,#5a17a4);
        background-size: 400%;
        width: calc(88.4% + 4px);
        height: calc(93.6% + 4px);
        z-index: 0;
        animation: steam 20s linear infinite;
    }
    @keyframes steam
    {
      0% {
        background-position: 0 0;
    }
    
    50% {
        background-position: 400% 0;
    }
    100% {
        background-position: 0 0;
    }
    }
    
      .blink_me {
        animation: blinker 1s linear infinite;
        color: #ffffff;
        position: absolute;
        right: 2px;
        top: -7px;
        font-size: 12px;
        background-color: red;
        padding: 2px 6px;
        border-radius: 3px;
      }
    
      @keyframes blinker {
        50% {
          opacity: 0;
        }
      }
    
      #videoWrapper {
        position: relative;
        padding-top: 40px;
        padding-bottom: 40px;
        width: 100%;
        height: auto; /* Adjust this to control the aspect ratio of the video */
        overflow: hidden;
        background: linear-gradient(90deg, rgb(1 53 90) 0%, #03346e73 35%, #2378b100 100%);
      }
    
      #videoWrapper video {
        position: absolute;
        width: 100%;
        object-fit: cover;
        z-index: -100;
        height: auto;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        object-fit: cover; /* Ensures the video covers the container while maintaining its aspect ratio */
      }
    
      #videoWrapper .caption {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
      }
    
      #videoWrapper .caption .contents {
        width: 98%;
        color: #fff;
        text-align: center;
        padding: 2rem;
        /* background-color: rgba(0, 0, 0, 0.8); */
      }
    
      .header-para p {
      
      text-align: center;
      transform: scale(0.94);
      animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
    }
    @keyframes scale {
      100% {
        transform: scale(1);
      }
    }
    
    .header-para .txtani1 {
      display: inline-block;
      opacity: 0;
      filter: blur(4px);
    }
    
    .header-para .txtani1 {
      animation: fade-in 1.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
    }
    
    @keyframes fade-in {
      100% {
        opacity: 1;
        filter: blur(0);
      }
    }
    .icon-flx
    {
      display: flex;
      justify-content: space-between;
      gap: 4px;
      margin-top: 40px;
    }
    .ic-img img
    {
      width: 68px;
    }
    .icon-crl
    {
        width: fit-content;
        padding: 18px 18px;
        background-color: #0652a5;
        border-radius: 61px;
        box-shadow: 0px 0px 23px 2px #ffffff59;
        margin: auto;
    }
      .header-para p
    {
      margin-bottom: 0;
        font-size: 20px;
        margin-top: 15px;
    }
      .txt-type > .txt {
          border-right: 0.2rem solid #777;
        }
        .header-para h1 , .header-para h1 p
        {
          -webkit-text-stroke: 1px #ffffff;
        text-shadow: 0px 0px 3px #d3d3d3;
        }

        
  .price-list-section {
    background-image: linear-gradient(to right, #007bff38, #1c689d5e);
}
.workflow_tabs .tab-pane {
    background: #f5f7fb00;
    padding: 18px;
}
.workflow_section .nav-pills .nav-link.active {
    background-color: #ffffff !important;
    border: 1px solid orange;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}
.bg-anim {
    background: linear-gradient(45deg, #49a09d, #5f2c82, #49a09d, #5f2c82);
    background-size: 400% 400%;
    animation: gradientBG 15s ease infinite;
  }

  @keyframes gradientBG {
    0% {
      background-position: 0% 50%;
    }

    50% {
      background-position: 100% 50%;
    }

    100% {
      background-position: 0% 50%;
    }
  }
  .sib-form-block 
  {
      font-size: 32px;
  }
  .fnt-sz
  {
    font-size: 32px;
  }
    
      @media(min-width: 1200px) {
        .header-para  h1 {
            font-size: 3rem;
          }
        }
    
        @media(max-width: 500px) {
          .header-para  h1 {
            font-size: 22px;
          }
          .header-para p {
            margin-bottom: 0;
            font-size: 16px;
            margin-top: 0px;
        }
        .ind-hm {
            font-size: 29px;
        }
        .ind-hm span {
            color: #fff;
            font-size: 19px;
        }
        .industry-sec p {
            font-size: 16px;
            color: #fff;
        }
        .workflow_section .workflow_underline p {
            font-size: 15px;
        }
        .section-title.ph-section-title h2 {
            font-size: 20px;
        }
        .section-title p {
            font-size: 15px;
        }
       
        .contact_text h1 {
            font-size: 22px;
            line-height: 26px;
        }
        .hdr-2 {
            font-size: 20px !important;
        }
        .contact_text p {
            font-size: 12px;
            margin-bottom: 2px;
        }
        .sib-form-block 
            {
            font-size: 22px;
            }
            .fnt-sz
    {
    font-size: 22px;
    }
    .features_tab_list li{
    font-size: 13px ;
      }
        }
    
       



  .logo-slider , .logo-slider2 {
    overflow: hidden;
    padding: 30px 0 0 0;
    white-space: nowrap;
    position: relative;
} 

.logo-slider:hover .logos-slide {
    animation-play-state: paused;
}
.logo-slider2:hover .logos-slide2 {
    animation-play-state: paused;
}

.logos-slide {
    display: inline-block;
    animation: 40s slide infinite linear;
}

.logos-slide2 {
    display: inline-block;
    animation: 40s slide2 infinite linear;
}

.logos-slide img , .logos-slide2 img{
    /* width: 183px;
    height: 83px; */
    margin: 0 18px;
    box-shadow: rgb(0 8 36 / 5%) 0px 8px 16px;
    border-radius: 8px;
    background-color: #fff;
}


@keyframes slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}
@keyframes slide2 {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0%);
    }
}
.video_width
{
    position: relative;
    z-index: 1;  
}
.blink,.blink2,.blink3,.blink4,.blink5,.blink6 {
    display: inline-block;
    border-radius: 70px;
    width: max-content;
    transform: translate(0%, 0%);
  }
  .blink:before, .blink:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 123 255 / 39%);
    border-radius: 65px;
    opacity: 0;
  }
  .blink2:before,.blink2:after{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 74 0 / 49%);
    border-radius: 65px;
    opacity: 0;
  }
  .blink3:before,.blink3:after{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(150 191 72 / 72%);
    border-radius: 65px;
    opacity: 0;
  }
  .blink4:before,.blink4:after{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(81 23 82 / 78%);
    border-radius: 65px;
    opacity: 0;
  }
  .blink5:before,.blink5:after{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(253 221 76 / 77%);
    border-radius: 65px;
    opacity: 0;
  }
  .blink6:before,.blink6:after{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(23 33 50 / 78%);
    border-radius: 65px;
    opacity: 0;
  }
  .blink:before,.blink2:before ,.blink3:before ,.blink4:before ,.blink5:before ,.blink6:before {
    transform: scale(1);
    -webkit-animation: blink 1.6s infinite linear;
            animation: blink 1.6s infinite linear;
  }
  .blink:after ,.blink2:after ,.blink3:after,.blink4:after,.blink5:after,.blink6:after {
    -webkit-animation: blink 1.6s 1.2s infinite linear;
            animation: blink 1.6s 1.2s infinite linear;
  }
  
  @-webkit-keyframes blink {
    0% {
      opacity: 0;
      transform: scale(0.4);
    }
    33.33333% {
      opacity: 1;
      transform: scale(1);
    }
    100% {
      opacity: 0;
      transform: scale(2);
    }
  }
  
  @keyframes blink {
    0% {
      opacity: 0;
      transform: scale(0.4);
    }
    33.33333% {
      opacity: 1;
      transform: scale(1);
    }
    100% {
      opacity: 0;
      transform: scale(2);
    }
  }
  .par-ic1
{
    font-size: 17px;
    color: #1b679c;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    font-weight: 500;
    gap: 4px;
}
  .course-card1 h3
  {
    font-size: 18px;
    color: #4a4a4a;
    font-weight: 600;
  }
  .course-card1 p
  {
    font-size: 16px;
    color: #4a4a4a;
    margin-bottom: 0;
  }
  .lk-scl-btn2
  {
    padding: 8px 14px;
    background: #1b679c;
    border-radius: 122px;
    font-weight: 500;
    color: #ffffff;
    font-size: 17px;
  }
  .rg-icn {
    position: relative;
    top: 2px;
    margin-left: 13px;
}
.lin-bdr-cd
{
    background: #fbf6f5;
    border: 5px solid #1b679c;
    border-image: repeating-linear-gradient(379deg, transparent, transparent 1px, #ffcabf 0, #ffcabf 3px) 5;
}
.tabl1-ipad
{
padding: 21px 21px;
background: #fee6e99e;
border-radius: 30px;
gap: 12px;
}

.ipad-tb-bd
{
padding: 33px 68px;
background-color: #ffffff !important;
border-radius: 30px;
border: 5px solid #d3ddeb;
}
.card-new-bg
{
background-image: url('../images/home/integration-bg.jpg');
background-repeat: no-repeat;
background-size: cover;
border-radius: 30px;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 10px;
padding-right: 10px;
}
.card-newbd
{
background-color: #fff;
box-shadow: 0px 1px 3px rgba(3, 8, 24, 0.1);
border-radius: 100px;
padding: 19px 19px;
display: flex;
justify-content: normal;
align-items: center;
gap: 19px;
margin-bottom: 24px;
}
.featured-title h5 {
color: #1b679c !important;
margin-bottom: 5px;
font-weight: 500;
font-size: 18px;
}
.icon-1bg
{
/* justify-content: center; */
width: 56px;
height: 56px;
/* display: flex; */
padding: 8px 14px;
background-color: #006bff;
text-align: center;
color: white;
border-radius: 41px;
/* outline: 13px solid #1b679c1a; */
font-size: 29px;

}
.bdr-ic
{
border: 24px solid #f3f8ff;
border-radius: 53px;
width: 95px;
height: 95px;
background: #e8f0f5;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.featured-title h5:after {
content: '';
border-bottom: 3px solid #2377B1;
width: 65px;
display: block;
margin: inherit;
}


@media only screen and (max-width: 768px) {
  .new_sticky_icon{
    display: none;
  }
   .blink_me-offer {
width: 40px;
   }
}


@media only screen and (max-width: 600px) {
  .new_sticky_icon{
    display: none;
  }
  #videoWrapper video {
    height: 501vh;
}
.ic-img
{
    margin-bottom: 38px;
}
.icon-flx {
    justify-content: center;
    gap: 33px;
    margin-top: 40px;
}
.card-newbd {
    border-radius: 30px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
}

@media (min-width: 600px) and  (max-width: 900px)  {
    .ic-img
    {
        width: 42%;
    }
    #videoWrapper video
    {
        height: 298vh;
    }
}