body {
}

 .logo-white {
    height: 45px ;
}

.logo-color{
    height:45px;
}
.python-form {
    background: #fff;
    padding: 15px 30px;
    border-radius: 8px;
}

.affix .navbar-toggler {
    color:#f16122 
}
.affix .navbar-brand{
    padding-top:10px;
}
/*#phpbtnSubmit {
    border-radius: 5px;
    padding: 15px 0 35px 0;
    width: 100%;
    color: #FFF;
    background-color: #0096e3;
    border: 1px solid transparent;
    font-weight: 700;
    color: #FFF;
}

#phpbtnSubmit:hover {
    background-color: #3276B1;
    border-color: #285E8E;
    cursor: pointer;
}*/
.left-blue2 {
    /*background-color: #066bcc;*/
    padding: 60px 20px 50px 100px;
}
.left-blue {
    color: #fff;
}

.card{
    border:0;
}

.card-body h3{
    font-size:21px;
}
/* The actual timeline (the vertical ruler) */
.main-timeline {
    position: relative;
}

    /* The actual timeline (the vertical ruler) */
    .main-timeline::after {
        content: "";
        position: absolute;
        width: 2px;
        background-color: #939597;
        top: 0;
        bottom: 0;
        left: 50%;
        /*margin-left: -3px;*/
    }

/* Container around content */
.timeline {
    position: relative;
    background-color: inherit;
    width: 50%;
}

    /* The circles on the timeline */
    .timeline::after {
        content: "";
        position: absolute;
        width: 25px;
        height: 25px;
        right: -13px;
        background-color: #f4bc6e;
        border: 5px solid #e7601f;
        top: 15px;
        border-radius: 50%;
        z-index: 1;
    }

/* Place the container to the left */
.left {
    padding: 0px 40px 20px 0px;
    left: 0;
}

/* Place the container to the right */
.right {
    padding: 0px 0px 20px 40px;
    left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
    content: " ";
    position: absolute;
    top: 18px;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right::before {
    content: " ";
    position: absolute;
    top: 18px;
    z-index: 1;
    left: 30px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after {
    left: -12px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
    /* Place the timelime to the left */
    .main-timeline::after {
        left: 31px;
    }

    /* Full-width containers */
    .timeline {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

        /* Make sure that all arrows are pointing leftwards */
        .timeline::before {
            left: 60px;
            border: medium solid white;
            border-width: 10px 10px 10px 0;
            border-color: transparent white transparent transparent;
        }

    /* Make sure all circles are at the same spot */
    .left::after,
    .right::after {
        left: 18px;
    }

    .left::before {
        right: auto;
    }

    /* Make all right containers behave like the left ones */
    .right {
        left: 0%;
    }
}

section.services_section {
    padding: 60px 0 0;
}

section.services_section .page-header {
    padding-bottom: 60px;
}

.page-header h2 {

    font-size: 25px;
    font-weight: 700;
    text-align: center;
    font-family: extrabold;

}
section.services_section {
    padding: 60px 0 0;
}

.full-section.row {
    padding-bottom: 50px;
}

    .full-section.row .col-sm-2.col-xs-2 {
        padding-right: 10px;
    }

.services_section img {
    transition: transform 3s;
}

section.quote-btn-sec {
    padding: 80px 0 40px;
    text-align: center;
}

.quote-btn-sec h1 {
    font-family: poppins-extrabold;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 30px;
}

a.quotebtn.iticks-call.drift-open-chat {
    transition: all .5s ease-in;
    border-radius: 4x;
}

.accordian-section h1, .yoga-section h1 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    width: 100%;
}

div#accordion {
    padding: 20px 0 40px;
}

.panel.panel-default {
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgba(230,224,224,.55);
    border-radius: 5px;
    background-color: #fff;
}

/*#accordion .panel-heading {
    padding: 0;
}*/

.accordion-header a {
    font-size: 20px;
    color: #000;
    margin: 0;
}


.panel.panel-default a{
    font-size:20px;
    color:#000;
}
/*
.accordion-header {
    display: block;
    padding: 22px 0.6em;
    outline: none;
    font-weight: 700;
    text-decoration: none;
}*/

#accordion .accordion-header > a {
    display: block;
    padding: 22px 0.6em;
    outline: none;
    font-weight: 700;
    text-decoration: none;
}

/*.panel-heading h4.panel-title a {
    color: #000;
}
*/
#accordion a.collapsed[data-bs-toggle=collapse]::before {
    content: "\f063" !important;
    color: #0037ce;
    border: 1px solid #0037ce;
    width: 38px;
    height: 38px;
    line-height: 39px;
    text-align: center;
    border-radius: 50%;
    font-size: 25px;
    font-weight: 100;
    margin: -8px 0;
}

#accordion a[data-bs-toggle=collapse]::before {
    content: "\f062" !important;
    color: #0037ce;
    border: 1px solid #0037ce;
    width: 38px;
    height: 38px;
    line-height: 39px;
    text-align: center;
    border-radius: 50%;
    font-size: 25px;
    font-weight: 100;
    margin: -8px 0;
}

#accordion .panel-title > a.accordion-toggle::before, #accordion a[data-bs-toggle=collapse]::before {
    content: "\f01b";
    float: right;
    font-family: fontawesome;
    font-size: 25px;
    font-weight: lighter;
    color: #0037ce;
}



.panel.panel-default span {
    color: #0037ce;
    padding-right: 10px;
}


.accordion-item span {
    color: #0037ce;
    padding-right: 10px;
}
/*.show {
    opacity: 1!important;
}*/
.accordion-body {
    padding: 10px 0;
    padding-top: 0;
}

.accordion-body p {
    padding: 0 43px !important;
}


.accordion-item
{
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgba(230,224,224,.55);
    border-radius: 5px;
    background-color: #fff;
}

.accordion {
    padding: 20px 0 40px;
}

#accordion .accordion-header {
    padding: 0;
}



.accordion-item:first-of-type .accordion-button {
    display: block;
    /*padding: 22px 0.6em;*/
    outline: none;
    font-weight: 700;
    text-decoration: none;
}


.hiring_process {
    display: flex;
    padding: 60px 0
}

    .hiring_process h2 {
        font-size: 25px;
        font-family: popinbold;
        font-weight: 700;
        text-align: center;
        color: #1d1e1e
    }

    .hiring_process p {
        font-size: 16px;
        font-family: muli;
        text-align: center
    }

.strip-section span.num-circle {
    border-radius: 50%;
    background-color: #fff;
    padding: 0 5px 1px;
    height: 5px;
    width: 5px;
    border: 1px solid #ccc;
    line-height: 0;
    font-weight: 700;
    font-size: 13px
}

.strip-section::after {
    content: '----------------------------------------------------------------------------------------------------------------------------------------------';
    color: #ccc;
    left: 22%;
    position: absolute
}

.strip-section {
    width: 800px;
    margin: 0 auto;
    padding: 40px 0
}

.blue-triangle {
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #505cfd;
    position: absolute;
    left: 36%;
    margin-top: 8px;
    z-index: 999
}

.hiring-card {
    text-align: center;
    background-color: #fff;
    border: 1px solid #eaebf1;
    transition: all .25s ease-in;
    cursor: pointer;
    padding: 20px;
    height: 345px
}

.main-hiring.hiring-card {
    height: 430px !important
}

.main-hiring1.hiring-card {
    height: 380px !important
}

.hiring-card:hover {
    box-shadow: 0 0 10px #e4dfdf;
    transition: all .25s ease-in
}

.hiring-card .content-sec {
    padding-top: 15px
}

.hiring_process .row {
    margin-top: 30px
}

.hiring-card h1 {
    font-size: 19px;
    font-family: poppins-semibold
}

.top-img-sec {
    width: 160px;
    height: auto;
    margin: 0 auto
}

.top-img-sec img {
    width: 160px;
    height: 117px;
    object-fit: cover;
    margin: 0 auto
}

.hiring-card p {
    font-size: 16px;
    font-family: muli;
}

span.num-circle.num2 {
    position: relative;
    left: 46%;
    z-index: 999
}

span.blue-triangle.tri2 {
    left: 64%
}

span.num-circle.num3 {
    position: relative;
    left: 90%;
    z-index: 999
}

.row.row-2 .strip-section {
    padding: 50px 0
}

.top_companies h1 {
    text-align: center;
    font-size: 29px;
    font-weight: 700;
}


.p_hiring .top-img-sec img {
    max-width: 160px;
    width: auto;
    height: auto;
    object-fit: cover;
    margin: 0 auto;
}

.feature-promo{
    padding-top:30px;
}
.feature-promo h3 {
    text-align: center;
    font-size: 29px;
    font-weight: 700;
}

.pythone-form-align {
    text-align: left !important;
    padding-top: 50px !important;
}

.heading.single-line h1.header-text {
    margin: 0;
    margin-bottom: 20px;
}

.single-line .text-align p {
    text-align: center;
    color: #fff;
    padding: 0;
    font-size: 20px;
    max-width: 900px;
    margin: 0 auto;
}

.pythone-form-align p {
    text-align: left !important;
}

.main-bg {
    background: url(../assets/img/dot-iconfull.png);
    /*background-image: url('../assets/img/dot-iconfull.png');*/
}

section.resontohire {
    margin-top: 60px;
}
.para-title {
    /*font-family: muli;*/
    font-family: extrabold !important;
    font-weight: 900;
    font-size: 25px;
    color: #434548;
    margin-bottom: 40px;
    text-align: center;
}
.para-title span {
    position: relative;
}

.para-title span:after {
    content: '';
    border: 2px solid #066bcc;
    width: 36px;
    height: 0;
    position: absolute;
    bottom: -15px;
    left: 46%;
    right: 51%;
}

.hiring_process {
    display: flex;
    padding: 60px 0;
}

   /* .hiring_process p {
        font-size: 16px;
        font-family: muli;
        text-align: center;
    }*/
.para-regular {
     font-family: muli; 
    font-weight: 400;
    font-size: 16px;
    color: #434548;
}

.benefit_hiring .hiring-card {
    max-width: 501px;
    height: 190px;
    margin-top: 40px;
    border-radius: 4px;
}
.benefit_hiring .hiring-card .media {
    margin-top: 20px;
}

.benefit_hiring .hiring-card .media img {
    width: 72px;
    height: 72px;
}

.media {
    display: flex;
}
.media-body {
    -ms-flex: 1;
    flex: 1;
}

.benefit_hiring .hiring-card .media h5 {
    color: #444;
    line-height: 22px;
    font-size: 18px;
    text-align: left;
    margin-left: 30px;
}
.benefit_hiring .hiring-card .media p {
    color: #666;
    line-height: 25px;
    font-size: 16px;
    text-align: left;
    margin-left: 30px;
}

.benefit_hiring .hiring-card:hover {
    background-color: #066bcc;
}

.benefit_hiring .hiring-card:hover .media-body h5 {
    color: #fff;
}

.benefit_hiring .hiring-card:hover .media-body p {
    color: #fff;
}
.para-title21 {
    font-family: muli;
    font-weight: 800;
    font-size: 21px;
    color: #434548;
    line-height: 18px;
}

#asking-quote .pro-title p {
    margin-bottom: 35px;
    font-size: 16px;
    color: #434548;
}

.through-eb p.para-regular.title-sub.text-center {
    max-width: 990px;
    margin: 0 auto;
}

#asking-quote .pro-title h4 {
    font-size: 18px;
    font-weight: 500;
    font-family: muli;
    line-height: 18px;
    color: #434548;
    margin-bottom: 34px;
    position: relative;
    margin-left: 16px;
}

.through-eb .through-app h4 {
    font-size: 19px !important;
    font-weight: 900 !important;
    font-family: muli;
    line-height: 18px;
    color: #434548;
}

#asking-quote .pro-title h4:before, h4.yellow:before, h4.bluee:before, h4.pink:before {
    content: "\2022";
    color: #f37d4c;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: 0;
    position: absolute;
    display: inline-flex;
    left: -18px;
}

.col-op {
    margin-left: 1em;
}

h4.green:before {
    color: #9fe581 !important;
}

h4.violet:before {
    color: #8188e5 !important;
}

h4.bluee:before  {
    color: #4ce2f3 !important
}

h4.pink:before {
    color: #e84cf3 !important;
}

#faq-quote {
    background: url(../assets/img/dot-icon.png);
    background-position: right;
    background-repeat: no-repeat;
}

.faq .panel.panel-default span {
    color: #000;
}

/*.faq #accordion .accordion-header > a {
    display: block;
    padding: 15px 2.4em;
    outline: none;
    font-weight: 700;
    text-decoration: none;
    height: 85px;
    line-height: 51px;
    color: #1d1e1e;
}

.accordion-body p {
    text-align: left;
    padding: 0 67px !important;
}*/

.tech-set h3 {
    background: #d3d9ee85;
    padding: 10px 20px;
}

.tech-set p.subtitle_part {
    font-size: 18px !important;
    font-weight: 900;
    font-family: muli;
    line-height: 25px !important;
    color: #1d1e1e !important;
    margin-bottom: 15px !important;
}

#asking-quote .pro-title p {
    margin-bottom: 35px;
    /* font-size: 16px; */
    color: #434548;
}

.skill-list {
    margin: 30px 0;
}

    .skill-list p {
        margin-bottom: 5px !important;
    }

.hiring-conte-part {
    margin-top: 2px;
    padding: 45px 0;
    background-color: #f6f6fc;
    margin-bottom: 2px;
}

#hiring .title-main span {
    color: #1d1e1e;
    font-size: 25px;
    font-weight: 800;
}

.para-title span {
    position: relative;
}

#blue-strip {
    background-color: #0054a5;
    box-shadow: 2px 27px 97px 5px rgba(0,0,0,.3);
    padding: 60px 0;
}

.blue-strip-heading {
    color: #fff!important;
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 20px;
}

.phpdevelopmentpage h2.future-proof {
    margin: 0 0 50px;
    font-family: muli;
    font-weight: 400 !important;
    font-size: 35px !important;
    color: #fff;
}

a.quotebtn.iticks-call.drift-open-chat {
    transition: all .5s ease-in;
    border-radius: 4x;
}

a.quotebtn {
    background-color: #fff;
    padding: 15px 50px;
    border: 2px solid #fff;
    border-radius: 10px;
    box-shadow: none;
    font-size: 14px;
    font-family: muli,poppins-extrabold;
    position: relative;
    transition: all .3s;
    color: #505cfd !important;
    font-weight: 600 !important;
}

section.top_companies {
    padding-top: 30px;
}

.top_companies .row {
    margin: 40px 0;
    background: #fff;
}

.companies-col {
    text-align: center;
    background-color: #fff;
    padding: 15px 30px;
    border-radius: 5px;
}

    .companies-col .mob-img {
        min-height: 68px;
        line-height: 80px;
        margin-bottom: 9px;
    }

.rite_top {
    position: relative;
    top: 2px;
}

.ios_bigleague .top-img-sec img {
    object-fit: cover;
    width: auto;
    max-width: fit-content;
    height: auto;
}

.full_pad3 {
    padding: 40px 0 30px !important;
}

.dark_bg {
    background-color: #f6f6fc5c;
    padding: 50px 0;
}
section.resontohire {
    margin-top: 60px;
}
.ios-choosing .hired {
    margin-top: 70px;
}

.ios_main-bg {
    background: url(../assets/img/dot-iconfull.png);
    padding: 40px 0;
}
.ios .companies-col {
    border: 1px solid #eaebf1;
    transition: all .25s ease-in;
    cursor: pointer;
    min-height: 363px;
}

.company-col-img {
    min-height: 120px;
    align-items: center;
    line-height: 110px;
}
.ios-through {
    background-color: #fbfbfe;
    padding: 50px 0;
}

.golang_interview p {
    margin-bottom: 15px !important;
}

.pro_dot {
    position: relative;
    left: 20px;
}

.pro_dot:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    color: #434548;
    position: absolute;
    background: #434548;
    left: -20px;
    top: 10px;
}

h4.yelloww:before {
    color: #f3d14c !important;
}

.flutter_othertech h4.mb-2 {
    margin-top: 35px !important;
}

.pl-3, .px-3 {
    padding-left: 1rem !important;
}