@font-face {
    font-family: 'Graphik';
    src: url('../fonts/Graphik-Regular.eot');
    src: url('../fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Regular.woff2') format('woff2'), url('../fonts/Graphik-Regular.woff') format('woff'), url('../fonts/Graphik-Regular.ttf') format('truetype'), url('../fonts/Graphik-Regular.svg#Graphik-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* start 28-05-2021 By hiral */

.banner {
    padding-bottom: 15px;
    padding-top: 15px;
}

.banner_mainimg img {
    height: 450px;
}

footer h6 {
    text-transform: capitalize;
}

.testbox p {
    height: 122px;
    overflow: hidden;
}

.comntitle {
    font-size: 32px;
}

.listdiv h3 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
    letter-spacing: 0.8px;
}

.zigzag {
    background: #013F7C;
    color: #fff;
    padding: 50px 0;
    line-height: 1.4;
}

.zigzag .comntitle {
    color: #fff;
}

.zigzag_list li {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #fff;
    color: #3d3d3d;
    padding: 25px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 30px;
}

.zigzag_list li small {
    width: 80px;
    height: 80px;
    line-height: 75px;
    border-radius: 50%;
    text-align: center;
    background: #DA241C;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: -40px;
    bottom: 0;
    margin: auto;
}

.zigzag_list li aside {
    padding-left: 40px;
}

.zigzag_list li aside p {
    font-size: 18px;
    margin: 0;
}

.zigzag_list h3 {
    text-transform: capitalize;
    font-size: 24px;
    color: #3d3d3d;
    font-weight: 600;
    margin-bottom: 15px;
    white-space: pre-line;
    margin-top: 0;
}

.zigzag_list h3 span {
    color: #DA241C;
}

.benelist.benelistnumber li .banefit_number {
    width: 100px;
    height: 100px;
    background: #da241c;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 100px;
    font-size: 50px;
    font-weight: 500;
}

.benelist.benelistnumber li .banefit_text {
    width: 90%;
}


/* time line css*/

.main-timeline {
    font-family: 'Raleway', sans-serif;
    /* font-family: 'Montserrat', sans-serif; */
    position: relative;
}

.main-timeline:after {
    content: '';
    display: block;
    clear: both;
}

.main-timeline:before {
    content: '';
    background-color: #fff;
    height: 100%;
    width: 14px;
    border-radius: 20px;
    border: 1px solid #ddd;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 0;
}

.main-timeline .timeline {
    width: 50%;
    padding: 0 60px 0 0;
    margin: 0 10px 20px 0;
    float: left;
}

.main-timeline .timeline-content {
    /*background: #fff;
    text-align: center;
        min-height: 125px; */
    padding: 0 0 20px;
    border-radius: 15px;
    display: block;
    position: relative;
}

.main-timeline .timeline-content:hover {
    text-decoration: none;
}

.main-timeline .timeline-icon {
    color: #fff;
    background-color: #013F7C;
    font-size: 36px;
    line-height: 60px;
    text-align: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 5px solid #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: -100px;
}

.main-timeline .title span {
    color: #DC6E2E;
}

.main-timeline .title {
    color: #3d3d3d;
    background: none;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: capitalize;
    padding-bottom: 7px;
    border-bottom: 1px solid;
    margin: 0 0 15px;
    /* border-radius: 25px;
    border: 4px solid #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); */
}

.main-timeline .description {
    color: #333;
    font-size: 18px;
    letter-spacing: 0.5px;
}

.main-timeline .timeline:nth-child(even) {
    float: right;
    padding: 0 0 0 60px;
    margin: 0 0 20px 10px;
}

.main-timeline .timeline:nth-child(even) .timeline-icon {
    right: auto;
    left: -100px;
}

.main-timeline .timeline:nth-child(4n+1) .timeline-icon
/*, .main-timeline .timeline:nth-child(4n+2) .title */

{
    background-color: #2FC1DD;
}

.main-timeline .timeline:nth-child(4n+2) .timeline-icon
/*, .main-timeline .timeline:nth-child(4n+2) .title */

{
    background-color: #DC6E2E;
}

.main-timeline .timeline:nth-child(4n+3) .timeline-icon
/* ,.main-timeline .timeline:nth-child(4n+3) .title  */

{
    background-color: #61CF2C;
}

.main-timeline .timeline:nth-child(4n+4) .timeline-icon
/* ,.main-timeline .timeline:nth-child(4n+4) .title */

{
    background-color: #9A41F2;
}

.main-timeline .timeline:nth-child(4n+5) .timeline-icon
/* ,.main-timeline .timeline:nth-child(4n+5) .title */

{
    background-color: #4F59E4;
}

.main-timeline .timeline:nth-child(4n+6) .timeline-icon
/* ,.main-timeline .timeline:nth-child(4n+6) .title */

{
    background-color: #E54162;
}

.hirebox span {
    display: block;
    width: 60px;
    height: 60px;
    line-height: 65px;
    border-radius: 50%;
    margin: 0 auto 15px;
    font-size: 36px;
    color: #fff;
}

.hirebox {
    text-align: center;
    margin-bottom: 0px;
    border: 1px solid #ddd;
    padding: 30px 10px;
    height: 90%;
}

.skyblue {
    background: #E0EEF7;
    /*#f3fbfe; */
}

.twoboxset li {
    width: 48%;
}

.CTA2 .comnbtn:hover {
    background: #2fc1dd;
}


/* p{
    font-size: 16px;
} */

.currentopening .card-body p {
    margin-bottom: 0px;
}

.jobopening {
    padding: 50px 0;
    background: #013F7C;
    color: #fff;
}

.jobopening p {
    color: #fff;
}

.jobopening p,
.jobopening h3,
.jobopening .banefit_text span {
    color: #fff;
}

.job-content p {
    font-size: 17px;
    font-weight: 500;
}


/* .customaccordion .card-header p {
	background: #013f7c;
	margin-bottom: 0;
	color: #fff;
	padding: 10px;
	font-weight: 700;
} */

.customaccordion .card-header p {
    background: #fff;
    margin-bottom: 0;
    color: #013f7c;
    padding: 10px;
    font-weight: 700;
    box-shadow: none;
    border-bottom: 1px solid #8cb8c9;
}

.btn-appy {
    padding: 0px 20px 20px;
}


/* .customaccordion .card-body p {
	margin-bottom: 12px;
}
.customaccordion .card-body p a {
	color:#DA241C;
}
.btn-appy {
	padding: 0px 20px 30px;
} */

.customaccordion {
    display: flex;
    flex-wrap: wrap;
}

.card-header {
    margin-bottom: 30px;
    border: 1px solid #8cb8c9;
}

.customaccordion .card-header {
    border: 0;
    box-shadow: none;
    border-radius: 2px;
    padding: 0;
}

.customaccordion .comnbtn {
    font-size: 14px;
    color: #fff;
    background: #DA241C;
    box-shadow: none;
    display: inline-block;
    padding: 5px 10px;
    font-weight: 600;
    border: none;
}

.customcareer .card-body {
    padding: 10px;
    box-shadow: none;
}

.customcareer {
    margin-bottom: 30px !important;
    border: 1px solid #8cb8c9 !important;
    width: 22%;
    margin-right: 20px;
    text-align: center;
}

.style1 li {
    font-size: 18px;
}

.banner_caption span.growth {
    font-size: 18px;
    color: #DA241C;
    font-weight: 500;
    text-transform: capitalize;
    /*margin-bottom: 10px;*/
}

.banner_caption p {
    margin: 30px 0 20px;
    line-height: 30px !important;
}

.banner_caption small {
    margin-bottom: 10px;
}


/* 31-05-2021 */

.icon img {
    width: 30px !important;
    object-fit: contain;
}


/* end 31-os-2021*/

.sticky-top {
    background: #fff;
}


/*08-2-22*/

.Blog span.card-text p {
    max-height: 45px !important;
    overflow: hidden !important;
}

.card-title a {
    font-size: 16px;
    color: #DA241C;
    font-weight: 800;
}

.Blog h6.card-title {
    min-height: 38px;
    overflow: hidden;
}

.ENPROWESS_GUARANTEE .icon {
    width: 50px;
    height: 50px;
    line-height: 48px;
}


/*23-02-2022  Hire-react*/

p.subtitle {
    font-size: 18px;
    color: #3D3D3DD1;
}

.Solution p {
    font-size: 18px;
    color: #ffffff;
    line-height: 24px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 30px;
}

.banefits-tag,
.Hire_Developers-tag,
.faq-tag {
    font-size: 16px;
    color: #3D3D3D;
    line-height: 28px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 30px;
}

#hirereact_dev {
    margin-top: 50px;
}

#hirereact_dev img {
    width: auto;
    margin: 0 auto 15px;
}

#hirereact_dev .item a {
    display: block;
    background: #f1f1f1;
    padding: 20px;
    box-shadow: 0 0 5px #ddd;
}

#hirereact_dev .item a:hover {
    background: #013f7c;
    color: #fff;
}

#hirereact_dev p {
    margin-bottom: 10px;
    line-height: initial;
}

#hirereact_dev .item a:hover p,
#hirereact_dev .item:hover span {
    color: #fff;
}

#hirereact_dev .item span {
    text-align: center;
    display: block;
    color: #e31e29;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1px;
}

#hirereact_dev .item span i {
    vertical-align: middle;
}


/*-------------22-02-2022-----------*/

.Engagement {
    text-align: center;
}

.Engagement_box {
    border: 1px solid #ddd;
    padding: 20px;
    margin-top: 25px;
}

.Engagement_box h3 {
    font-size: 22px;
    text-transform: capitalize;
    margin-bottom: 15px;
    font-weight: bold;
}

.Engagement_box i {
    font-size: 30px;
    background: #da241c;
    color: #fff;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    margin-bottom: 20px;
}

p {
    font-family: 'Graphik' !important;
    line-height: 24px !important;
    font-size: 18px;
}

.Engagement p {
    font-size: 18px;
}


/* 23/02/2022 */

.banefits img {
    height: auto;
    width: 70%;
}


/* end 23/02/2022 */


/* 24/02/2022 */

.special_title {
    line-height: 1.4rem;
}


/* end 24/02/2022 */


/* 02/03/2022 */

.custom_img {
    width: 32% !important;
}

/* 4/03/2022 */
.case_subname{
    font-size: 36px !important;  
    font-family: 'Graphik'; 
    text-transform: capitalize !important;
    font-weight: 100 !important;
    line-height: 45px !important;
}
/*end 4/03/2022 */

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

                    Responsive Css Start Here

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

@media screen and (max-width:1024px) {
    .customcareer {
        width: 30%;
    }
}

@media screen and (max-width:767px) {
    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even) {
        width: 100%;
        padding: 0 110px 0 0;
        margin: 0 0 20px 0;
    }
    .main-timeline .timeline:nth-child(even) {
        padding: 0 0 0 110px;
    }
    .main-timeline:before {
        display: none;
    }
    .main-timeline .title {
        font-size: 18px;
    }
    .customaccordion {
        justify-content: space-between;
    }
    .customcareer {
        width: 47%;
        margin: 0;
    }
    /* 23/02/2022 */
    .banefits img {
        width: unset !important;
    }
    .banner_caption a {
        display: block;
        text-align: center;
        width: 50%;
        margin: 0 auto;
    }
    #wpcf7-f5-o1 .wpcf7-form-control.wpcf7-submit.comnbtn {
        text-align: center;
        display: block;
        margin: 0 auto;
    }
    /* end  23/02/2022 */
}

@media screen and (max-width:479px) {
    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even) {
        padding: 110px 0 0;
    }
    .main-timeline .timeline-icon,
    .main-timeline .timeline:nth-child(even) .timeline-icon {
        transform: translateY(0) translateX(-50%);
        top: -110px;
        left: 50%;
        right: auto;
    }
    .customcareer {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .zigzag_list li {
        flex-wrap: wrap;
    }
    .zigzag_list h3 {
        font-size: 20px;
        margin-top: 15px;
    }
    .zigzag_list li aside {
        padding-left: 0;
    }
    .zigzag_list li small {
        position: initial;
    }
    .banner_mainimg img {
        height: auto;
        object-fit: cover;
    }
    .banner_caption span.growth {
        font-size: 18px;
        text-align: center;
        display: block;
        /*left: 30px;
            position: relative;*/
    }
}

@media screen and (max-width: 991px) {
    .banner_caption span.growth {
        font-size: 18px;
        color: #DA241C;
        font-weight: 500;
        text-transform: capitalize;
    }
    .hirebox {
        height: 95%;
    }
}


/* end 28-05-2021 */

.devloperbox .card-header {
    box-shadow: none !important;
    background-color: #fff;
}

.devloperbox .card-header p {
    border-bottom: none;
    margin-bottom: 10px;
}

.devloperbox .btn-appy {
    padding: 0px 20px 15px;
}