.app_services_section .common_tittle {
    margin-bottom: 100px
}

.app_development_section,
.app_development_section .fp-tableCell {
    display: inline-block !important;
    height: auto !important;
    table-layout: auto !important
}

.app_platform_section {
    counter-reset: listStyle;
    margin-bottom: 70px
}

.app_services_section .definition_column_wrapper {
    counter-increment: listStyle
}

.app_services_section .definition_column_right h3 {
    font-size: 30px;
    font-weight: 700;
    position: relative
}

.common_tittle h3 {
    font-size: 24px
}

.app_tags {
    display: block;
    margin: 0 auto !important;
    text-align: center
}

.app_tags li {
    background-color: #8dc63f;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin: 10px 2px;
    padding: 12px 10px
}

.blog-inner {
    border-radius: 3px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.blog-inner:hover {
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .2);
    transform: translateY(-8px)
}

.blog-img {
    background-size: cover;
    height: 350px
}

.blog-img img {
    height: 350px;
    object-fit: cover;
    width: 100%
}

.blog_main_wrap .blog-inner {
    margin-bottom: 30px;
    min-height: 685px
}

.blog_main_wrap .blog-content p {
    display: block;
    font-size: 17px;
    line-height: 26px;
    margin: 0 auto
}

.blog_main_wrap .pagination {
    justify-content: center;
    margin-top: 50px;
    padding: 0;
    position: static
}

.blog_main_wrap .pagination .page-item .page-link {
    border-radius: 5px;
    color: #333;
    font-size: 16px
}

.blog_main_wrap .pagination .page-item:first-child span {
    background: url(../images/arrow_left_blk.png) 50% no-repeat;
    color: transparent;
    height: 35px;
    margin: 0 10px;
    padding: 0;
    width: 35px
}

.blog_main_wrap .pagination .page-item:last-child a {
    background: url(../images/arrow_right_blk.png) 50% no-repeat;
    color: transparent;
    height: 35px;
    margin: 0 10px;
    padding: 0;
    width: 35px
}

.blog_main_wrap .pagination .page-item.active .page-link {
    background: #5db034;
    color: #fff;
    height: 35px
}

.recent_blogs_wrapper .blog-content h3,
.recent_blogs_wrapper .blog-content p {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.blog-content {
    margin-bottom: 30px !important;
    padding: 20px
}

.blog-content h2 {
    font-size: 26px !important
}

.blog-content h3 {
    font-size: 22px;
    font-weight: 600 !important;
    line-height: 30px
}

.blog-inner .blog-content h3,
.blog-inner .blog-content h3 a {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #222;
    display: -webkit-box;
    overflow: hidden;
    font-size: 19px
}

.blogdetail_cont .blog-content ul li,
.blogdetail_cont .blog-content>p,
.blogdetail_cont .blog-content>span {
    font-family: poppins, sans-serif !important;
    font-size: 15px;
    font-weight: 300
}

.blog-content p {
    margin: 10px 0 !important
}

.blog-inner .blog-content p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    font-size: 16px;
    overflow: hidden
}

.blog-content-top {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.blog-content-top .badge {
    align-items: center;
    background-color: #fae849;
    border-radius: 4px;
    color: #222;
    font-size: 16px;
    font-weight: 500;
    min-width: auto;
    padding: 5px 12px
}

.blog-content-top h4 {
    color: #da5d5d;
    font-size: 20px;
    font-weight: 400 !important
}

.mobile_slider_wrapper {
    padding: 20px
}

.btn-check {
    background: #d54255;
    background: -moz-linear-gradient(left, #d54255 0, #cd2b91 100%);
    background: -webkit-linear-gradient(left, #d54255, #cd2b91);
    background: linear-gradient(90deg, #d54255 0, #cd2b91);
    border-color: #d54255;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 6px 12px;
    margin-top: 6px;
    transition: .3s ease-in-out
}

.btn-check:active,
.btn-check:hover,
.btn-check:visited {
    background: #d54255;
    background: -moz-linear-gradient(left, #cd2b91 0, #d54255 100%);
    background: -webkit-linear-gradient(left, #cd2b91, #d54255);
    background: linear-gradient(90deg, #cd2b91 0, #d54255);
    border-color: #d54255;
    color: #fff;
    transform: translateY(-5px)
}

.mobile_slider_image {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 90px;
    display: inline-block;
    height: 97px;
    margin-bottom: 20px;
    width: 100%
}

.mobile_process .owl-carousel {
    counter-reset: decimal
}

.mobile_process .owl-carousel .mobile_slider_wrapper {
    counter-increment: decimal
}

.technology_section {
    display: block;
    margin: 0 auto;
    padding-top: 240px;
    position: relative;
    text-align: center;
    width: 100%
}

.technology_section img {
    margin-right: 100px;
    max-width: 710px;
    width: 100%
}

.technology_section_column {
    max-width: 331px;
    position: absolute;
    top: 80px
}

.technology_section_column h2 {
    font-size: 60px
}

.technology_section_column h3 {
    font-size: 24px;
    margin-bottom: 12px !important
}

.technology_section_column:nth-child(3) {
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 40px
}

.technology_section_column:nth-child(4) {
    left: auto;
    margin: 0 auto;
    right: 0;
    top: 200px
}

.technology_section_column:nth-child(5) {
    bottom: 120px;
    left: auto;
    margin: 0 auto;
    right: 0;
    top: auto
}

#rc-imageselect {
    transform: scale(.4);
    -webkit-transform: scale(.4);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

.testimonial_slider .user_info p {
    color: #000;
    font-size: 24px;
    margin-top: 10px !important;
    text-align: left
}

.countries_wrapper {
    border: 1px solid #ebebeb
}

.countries_wrapper_image {
    background-repeat: no-repeat;
    background-size: cover;
    height: 234px;
    overflow: hidden;
    width: 100%
}

.country_desc {
    padding: 65px 25px 30px;
    position: relative
}

.country_desc p {
    color: #000;
    font-size: 18px;
    margin-top: 18px !important
}

.country_address {
    min-height: 83px
}

.country_desc p i {
    color: #8bd600;
    font-size: 24px;
    margin-right: 15px;
    position: relative;
    top: 3px
}

.flag_image {
    position: absolute;
    top: -41px
}

.flag_image img {
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 3px #ccc;
    height: 82px;
    width: 82px
}

.contact_number_section h3 {
    font-size: 24px;
    margin-bottom: 40px !important
}

.contact_number_section a {
    background: linear-gradient(45deg, #70ab20, #b1de74);
    color: #fff !important;
    display: inline-block;
    font-size: 24px;
    line-height: 27px;
    margin: 0 4px;
    min-width: 397px;
    padding: 21px 10px 19px
}

.test_video {
    margin-top: 35px
}

.blog_page_column {
    border: 1px solid #e9e9e9;
    margin-top: 35px;
    max-height: 500px;
    transition: .2s ease-in-out !important
}

.blog_page_column:hover {
    box-shadow: 0 0 5px #ccc;
    transform: scale(1.05)
}

.blog_column_img {
    height: 270px;
    overflow: hidden
}

.blog_column_content {
    align-items: center;
    display: flex;
    height: 100px;
    justify-content: space-between;
    padding: 20px 15px 15px;
    text-align: left !important
}

.blog_column_content h4 {
    font-size: 16px;
    margin-bottom: 18px !important
}

.blog_column_content h3 {
    font-size: 20px;
    line-height: 32px
}

.blog_column_content p {
    line-height: 24px;
    margin-top: 16px !important;
    min-height: 100px
}

.blog_column_content a {
    display: inline-block;
    font-size: 18px;
    margin-top: 30px
}

.blog_page_section {
    padding: 100px 0 0
}

.blog_page_tab_left .nav li {
    width: 33%
}

.blog_page_tab_left .nav li a {
    background-color: transparent;
    border-bottom: 1px solid #8bd600 !important;
    border: none;
    border-radius: 0;
    color: #000;
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    padding: 13px 5px;
    text-align: left;
    transition: .8s ease-in-out
}

.blog_page_tab_left .nav li a:focus,
.blog_page_tab_left .nav li a:hover,
.blog_page_tab_left .nav li.active a {
    border: none;
    color: #222
}

.blog_page_search form {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    padding-left: 20px;
    position: relative
}

.blog_page_search form .form-control {
    height: 40px
}

.blog_page_search form .form-control:focus {
    border: 1px solid #ccc;
    box-shadow: none;
    outline: 0
}

.blog_page_search form button {
    background: #79c245;
    border-color: #79c245;
    font-size: 16px;
    padding: 0 30px
}

.blog_page_search form button:hover {
    background: #70ab46;
    border-color: #70ab46
}

.blog_page_search form i {
    font-size: 21px;
    left: 12px;
    position: absolute;
    top: 6px
}

.search_result {
    background-color: #73be42;
    color: #eaeaea;
    float: left;
    font-size: 13px;
    font-weight: 300;
    margin-left: 15px;
    padding: 10px 15px;
    position: relative;
    width: 350px
}

.search_result p,
.search_result strong {
    color: #fff;
    font-size: 15px
}

.search_result p {
    font-weight: 400
}

.search_result strong {
    display: inline-block;
    font-weight: 600;
    width: 100%
}

.search_result p .cross_click {
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 1px
}

.blog_page_search form input {
    font-size: 15px;
    padding-left: 12px;
    padding-top: 5px;
    width: 100%
}

.tabs_pagination li {
    display: inline-block;
    float: left;
    margin: 4px
}

.tabs_pagination li a,
.tabs_pagination li span {
    border: 1px solid #ebebeb;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 44px;
    padding: 9px;
    width: 44px
}

.tabs_pagination li a.active,
.tabs_pagination li a:hover,
.tabs_pagination li span.active,
.tabs_pagination li span:hover {
    background-color: #8bd600;
    border-color: #8bd600;
    color: #fff
}

.tabs_pagination li span.disable:first-child {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    opacity: .65
}

.tabs_pagination li span {
    width: 138px
}

.tabs_pagination li span i {
    margin: 0 13px
}

.services_column:hover {
    box-shadow: 0 0 15px transparent
}

.facts_section.brands i,
.facts_section.figure .common_tittle i {
    display: block;
    font-size: 17px;
    font-weight: 600;
    margin: 10px 0
}

.menutoggle div {
    background-color: #fff;
    border-radius: 10px;
    color: #fff;
    height: 2px;
    margin: 5px 0;
    width: 35px
}

.common_btn1.hvr-sweep-to-right {
    background-color: transparent;
    border: 2px solid #8bd601;
    color: #000;
    display: inline-block;
    font-size: 18px;
    padding: 17px 20px 16px;
    position: relative;
    text-align: left;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color;
    vertical-align: middle
}

.common_btn1.hvr-sweep-to-right:before {
    background: #8bd601;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: -1
}

.common_btn1.hvr-sweep-to-right:active:before,
.common_btn1.hvr-sweep-to-right:focus:before,
.common_btn1.hvr-sweep-to-right:hover:before,
.hvr-free-consult:active:before,
.hvr-free-consult:focus:before,
.hvr-free-consult:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.hvr-free-consult {
    display: inline-block;
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    vertical-align: middle
}

.hvr-free-consult,
.hvr-free-consult:before {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-free-consult:before {
    background: #8bd601;
    border-radius: 5px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: -1
}

.call_us_right_content i.zmdi.zmdi-long-arrow-right {
    margin-right: 10px
}

.common_btn1 i {
    float: right;
    font-size: 30px;
    line-height: 21px;
    position: relative;
    top: 3px
}

.owl-theme .owl-nav .owl-next,
.owl-theme .owl-nav .owl-prev {
    background: 0 0 !important;
    border: 2px solid #92d255;
    height: 32px;
    width: 32px
}

.facts_counts_inner:hover {
    background-color: #86ca4e
}

.flip_brands_wrapper:hover,
.testimonial_page_sec .testimonials-inner {
    background-color: #f5f5f5
}

.services_column:hover .service_overlay h4 {
    align-items: center;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: center
}

.services_column:hover .service_overlay {
    background-color: rgba(139, 214, 0, .8);
    bottom: 0;
    height: 100%
}

.blogs_section_wrapper .blog_section_left i.zmdi.zmdi-long-arrow-right {
    float: none
}

.facts_counts_inner {
    border: 1px solid #d5d5d5
}

.facts_counts_inner,
.flip_brands_wrapper {
    display: inline-block;
    position: relative;
    -webkit-transform: perspective(0) translateZ(0);
    transform: perspective(0) translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: color;
    transition-property: color;
    vertical-align: middle
}

.experts-col:active:before,
.experts-col:focus:before,
.experts-col:hover:before,
.facts_counts_inner:active:before,
.facts_counts_inner:focus:before,
.facts_counts_inner:hover:before,
.flip_brands_wrapper:active:before,
.flip_brands_wrapper:focus:before,
.flip_brands_wrapper:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.brands_section .flip_brands_inner {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.wehelp_col1 h2 {
    color: #8bd600;
    font-size: 67px;
    line-height: 1.2
}

.wehelp_col1 .video-cont p {
    margin-bottom: 25px !important;
    margin-top: 25px !important
}

.video-cont {
    float: left;
    max-width: 90%;
    width: 100%
}

.video-cont iframe {
    border-radius: 10px;
    height: 700px;
    width: 100%
}

.wehelp_icons img {
    max-width: 75px
}

.wehelp_icons h3 {
    color: #8bd600;
    font-size: 54px
}

.wehelp_icons {
    float: left;
    margin-bottom: 30px;
    width: 100%
}

.wehelp_col2 .wehelp_icons p {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 70%;
    width: 100%
}

.iconcont {
    align-items: center;
    background-color: #fff;
    border: 16px solid #a2de33;
    border-radius: 100%;
    box-shadow: 5px 4px 36.98px 6.02px rgba(0, 0, 0, .12);
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 180px;
    min-height: 180px;
    padding: 15px
}

.achieve-col,
.experts-col {
    border-radius: 10px;
    box-shadow: 15px 15px 50px 0 rgba(0, 0, 0, .1);
    transition: .5s ease-in-out
}

.box_shadow_red img {
    box-shadow: 5px -6px 2px 1px #c81f2a
}

.box_shadow_green img {
    box-shadow: 5px -6px 2px 1px #86ca4e
}

.box_shadow_blue img {
    box-shadow: 5px -6px 2px 1px #8ac5ff
}

.box_shadow_yellow img {
    box-shadow: 5px -6px 2px 1px #f7dc79
}

.box_shadow_orange img {
    box-shadow: 5px -6px 2px 1px #fda989
}

.box_shadow_sky img {
    box-shadow: 5px -6px 2px 1px #9dfbf2
}

.box_shadow_pink img {
    box-shadow: 5px -6px 2px 1px #f9b8d3
}

.box_shadow_grey img {
    box-shadow: 5px -6px 2px 1px #1f3347
}

.box_shadow_purple img {
    box-shadow: 5px -6px 2px 1px #612b93
}

.name_red {
    color: #c81f2a
}

.name_green {
    color: #86ca4e
}

.name_blue {
    color: #5fabf7
}

.name_yellow {
    color: #f7d042
}

.name_orange {
    color: #f98053
}

.name_sky {
    color: #59efe0
}

.name_pink {
    color: #ff8abb
}

.name_grey {
    color: #1f3347
}

.name_purple {
    color: #612b93
}

/* .experts-col img {
    border-radius: 100%;
    height: 160px;
    margin: 0 auto 20px;
    object-fit: cover;
    object-position: top;
    width: 160px
} */

.experts-col h4 {
    font-size: 16px
}

.experts-col p {
    color: #000;
    font-size: 12px !important;
    margin-top: 2px !important
}

.experts-col {
    padding: 30px 10px;
    width: 100%
}

.section_mt {
    margin-top: 160px
}

.our_testimonials .slide_right_content_testi {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.our_testimonials p {
    color: #000;
    float: left;
    font-size: 22px !important;
    font-style: italic;
    font-weight: 400;
    line-height: 30px !important;
    padding-left: 100px;
    padding-top: 50px;
    position: relative;
    width: 100%
}

.facts_section.figure .common_tittle p i,
.hr p,
p.desig {
    color: #000 !important
}

.our_testimonials .slide_right_content_testi:before {
    background-image: url(../images/quote-icon.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    height: 76px;
    position: absolute;
    width: 80px
}

.our_testimonials .slide_right_content_testi:after {
    background-image: url(../images/quote-icon2.png);
    background-position: 0 100%;
    background-repeat: no-repeat;
    content: "";
    height: 76px;
    margin-top: 10px;
    position: absolute;
    right: 60px;
    top: 218px;
    width: 80px
}

.slide_right_wrapper_testi h6 {
    float: left;
    font-size: 22px;
    line-height: 30px;
    margin-top: 10px !important;
    padding-left: 100px;
    width: 100%
}

.achieve-col {
    align-items: center;
    display: flex;
    height: 245px;
    justify-content: center;
    margin-bottom: 30px
}

.bdcolimg img,
.ourteam-colimage img {
    border: 10px solid #8bd600;
    padding: 15px
}

.hover,
.hover:before {
    transition-duration: .3s
}

.achieve-col.active,
.achieve-col:hover {
    box-shadow: 3px 4px 19.32px 1.68px rgba(0, 0, 0, .12)
}

.achieve-col .flip_brands_inner {
    transform: none !important
}

.achieve-col .flip_brands_inner img {
    max-width: 155px
}

.awards_sec,
.blogs_section,
.contact_section,
.recent_project_section,
.services_section,
.team_sec {
    padding-bottom: 70px
}

.ourteam-colimage img {
    box-sizing: border-box;
    height: 600px;
    width: auto
}

.ourteam-colimage {
    position: relative;
    right: 240px
}

.ourteam-col p {
    font-style: italic
}

.ourteam-col h5 {
    float: left;
    font-size: 18px;
    margin-top: 30px !important;
    width: 100%
}

.ourteam-col h6 {
    float: left;
    font-size: 17px;
    font-weight: 400;
    margin-top: 10px !important;
    width: 100%
}

.inner-paddingtb {
    padding: 250px 0
}

.ourteammaincol2 h3 {
    font-size: 42px;
    line-height: 1.6
}

.ourteammaincol2 p.unplug {
    color: #74d944;
    font-size: 64px !important;
    padding-bottom: 20px !important;
    padding-top: 50px !important
}

.hovicon,
.view a.info {
    color: #fff;
    display: inline-block
}

.inner-paddingtb.qa,
.pb-100 {
    padding-bottom: 100px
}

.bdcolimg img {
    margin-top: 120px
}

.hrcolimg:after {
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bd {
    margin-top: 50px;
    padding-bottom: 90px
}

.inner-paddingtb.php {
    padding-bottom: 180px
}

.hr {
    bottom: 20px;
    padding: 0 10px;
    position: absolute;
    z-index: 9999
}

.padding-r0 {
    padding-right: 0
}

.hrcolimg img {
    height: 100%;
    max-height: 1355px;
    width: 100%
}

p.desig {
    font-style: normal
}

.culture-caption h2 {
    color: #f9f9f9;
    display: block;
    font-size: 200px;
    text-align: center
}

.jour_section_inner {
    border: 5px solid #84c94c;
    max-width: 786px;
    min-height: 600px;
    padding: 30px
}

span.jour_quote1 {
    left: 0;
    position: absolute;
    top: 40px;
    width: auto;
    z-index: 0 !important
}

.jour_section_quote p {
    background-color: #fff;
    color: #000;
    float: left;
    font-style: italic;
    padding: 60px 80px 100px;
    position: relative;
    z-index: 1 !important
}

span.jour_quote2 {
    left: auto;
    position: absolute
}

.blog-content ul li,
.hover,
.hovicon,
.view,
.view img {
    position: relative
}

.jour_content h3 {
    font-size: 140px
}

.jour_content p {
    color: #000;
    font-size: 26px !important
}

.border-r0 {
    border-right: 0 solid
}

.jour_section .fp-slides {
    float: left;
    left: 30%;
    max-width: 80%;
    position: absolute;
    top: 50%;
    width: 100%
}

.customindicator li span {
    font-size: 24px;
    margin-left: 8px;
    vertical-align: bottom
}

.carousel-indicators.customindicator li {
    border: 0;
    float: left;
    height: auto;
    margin: 0 5px;
    text-indent: 0;
    width: auto
}

#photos img,
.design-screenshot-section .device-app-design img,
.phonecode-section .form-group .btn-group {
    width: 100% !important
}

.carousel-indicators {
    left: 38%
}

.customindicator a {
    color: #000 !important;
    display: block;
    font-size: 18px;
    font-weight: 700
}

.carousel-indicators.customindicator li a:focus {
    outline: 0
}

.mobile_slider_wrapper p {
    min-height: 260px
}

#number-error {
    bottom: -10px;
    font-style: normal;
    left: 260px;
    position: absolute
}

.blog_page_search i.zmdi.zmdi-search {
    align-items: center;
    bottom: 0;
    color: #6b6b6b;
    display: flex;
    font-size: 20px;
    left: 10px;
    margin-left: 15px;
    position: absolute;
    top: 0;
    vertical-align: middle
}

.justify-content-center,
.view-tenth .mask {
    justify-content: center
}

.blog_page_search input#search-keyword {
    background: #fff;
    border-color: #8bd600;
    font-size: 16px;
    height: 45px;
    padding: 0 20px;
    width: 100%
}

.blog_page_search input#search-keyword:focus,
.new-faq .expanded p.answer {
    border-color: #8bd600
}

.blog_page_column,
.overlaydiv {
    overflow: hidden;
    position: relative
}

.blog_page_column img,
.overlaydiv img {
    height: auto;
    width: 100%
}

@keyframes hover {
    50% {
        transform: translateY(-3px)
    }

    to {
        transform: translateY(-6px)
    }
}

@keyframes shadow {

    0%,
    to {
        opacity: .4;
        transform: translateY(6px)
    }

    50% {
        opacity: 1;
        transform: translateY(3px)
    }
}

.hover {
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0);
    transition-property: transform
}

.hover:before {
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, transparent 80%);
    content: "";
    height: 10px;
    left: 5%;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition-property: transform opacity;
    width: 90%;
    z-index: -1
}

.hover:hover {
    animation-name: hover;
    transform: translateY(-6px)
}

.hover:hover:before {
    animation-name: shadow;
    opacity: .6;
    transform: translateY(6px)
}

.firm_logo a img {
    height: 90px;
    max-width: 170px;
    object-fit: contain;
    width: 100%
}

.hovicon.effect-3 {
    box-shadow: 0 0 0 4px #fff;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

.hovicon {
    border-radius: 50%;
    cursor: pointer;
    font-size: 45px;
    height: 90px;
    line-height: 90px;
    margin: 20px;
    text-align: center;
    text-decoration: none;
    width: 90px;
    z-index: 1
}

.hovicon:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    display: block;
    font-size: 48px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 90px;
    text-transform: none
}

.hovicon.effect-3.sub-b:after {
    opacity: 0;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.hovicon.effect-3:after {
    background: #fff;
    left: -2px;
    padding: 2px;
    top: -2px;
    -webkit-transition: -webkit-transform .2s, opacity .3s;
    -moz-transition: -moz-transform .2s, opacity .3s;
    transition: transform .2s, opacity .3s;
    z-index: -1
}

.hovicon:after {
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

.crafting-section .common_tittle h2,
.font-lg {
    font-size: 40px
}

.facts_section_counts {
    border-radius: 4px
}

.facts_counts_inner {
    transition: .3s ease-in-out !important
}

span.image-01 img {
    height: 40px;
    object-fit: contain
}

.d-flex {
    display: flex
}

.align-items-center {
    align-items: center
}

.mx-01 {
    margin-left: 5px;
    margin-right: 5px
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.view {
    overflow: hidden
}

.view .content,
.view .mask {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.view img {
    display: block
}

.view a.info {
    background: linear-gradient(90deg, #56ab2f 0, #a8e063);
    border: 2px solid transparent;
    border-radius: 4px;
    box-shadow: 0 0 1px #00000082;
    font-size: 18px;
    padding: 7px 50px;
    text-transform: capitalize
}

.view-tenth img {
    transform: scaleY(1);
    transition: .7s ease-in-out
}

.view-tenth h2,
.view-tenth p,
padding- .view-tenth a.info {
    transform: scale(0)
}

.view-tenth .mask,
.view-tenth h2,
.view-tenth p,
padding- .view-tenth a.info {
    opacity: 0;
    transition: .5s linear
}

.view-tenth .mask {
    align-items: center;
    background-color: hsla(0, 0%, 7%, .68);
    display: flex
}

.view-tenth .mask a {
    margin-left: 8px
}

.view-tenth h2 {
    background: 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    color: #333;
    margin: 20px 40px 0
}

.view-tenth p {
    color: #fff
}

.photos-box,
.photos-box img {
    transition: .5s ease-in-out
}

.view-tenth:hover img {
    opacity: 0;
    -webkit-transform: scale(10);
    transform: scale(10)
}

.view-tenth:hover a.info,
.view-tenth:hover h2,
.view-tenth:hover p {
    opacity: 1;
    transform: scale(1)
}

.pl-2 {
    padding-left: 7px
}

.my-2 {
    margin-bottom: 15px;
    margin-top: 15px
}

#portfolio-apps .view a.info,
.app-01 .view a.info {
    font-size: 25px;
    padding: 10px 20px
}

.no-height {
    min-height: unset !important
}

.portfolio_tabs .nav-tabs li a {
    border-bottom: 1px solid transparent !important;
    display: block;
    font-size: 22px;
    text-align: center !important;
    transition: .2s ease-in-out
}

.portfolio_tabs .nav-tabs li a:hover,
.portfolio_tabs .nav-tabs li.active a {
    border-bottom: 1px solid #222 !important
}

.blog_column_content .my-2.no-height,
.phonecode-section button span {
    font-size: 15px
}

.bloglisting-banner {
    background-color: #036d85;
    height: auto !important
}

.blog_youtube iframe {
    height: 350px;
    margin-top: 10px
}

.about_banner {
    background-color: #8f358a
}

.MaxWidth-Img {
    max-width: 100px
}

.careerBanner {
    background-color: #e61e66
}

.contactUs {
    background-color: #3eaeed
}

.contact-box-shadow {
    box-shadow: 25px 25px 80px 0 rgba(0, 0, 0, .12)
}

.msg-bg-color {
    background: #8bd600
}

.job_section {
    padding: 70px 0 !important
}

.countryIndia {
    background-image: url(../images/india.png)
}

.countrySingapore {
    background-image: url(../images/singapore.png)
}

.countryCanada {
    background-image: url(../images/canada.png)
}

.countrySweden {
    background-image: url(../images/sweden.png)
}

.crossPlatform,
.industries-Banner,
.menu_bgBanner,
.website-developmentBanner,
.work-with-the-top-developers-banner {
    background-color: #e55353
}

.contact_section .form-group .errMsg,
.internship-form .errMsg {
    color: red;
    display: none
}

.emergingTechnologies,
.maintenance-support-banner,
.ui-uxBanner {
    background-color: #2d0f12
}

.managedServices {
    background-color: #3c417b
}

.mobile-service-consultant {
    background-image: url(../images/consultant.svg)
}

.mobile-service-wireframe {
    background-image: url(../images/wireframe.svg)
}

.mobile-service-ux-icon {
    background-image: url(../images/ux-icon.svg)
}

.mobile-service-web-development-icon {
    background-image: url(../images/web-development-icon.svg)
}

.mobile-service-slider5 {
    background-image: url(../images/slider5.png)
}

.mobile-service-development {
    background-image: url(../images/development.png)
}

.mobile-service-consultation {
    background-image: url(../images/consultation.svg)
}

.mobile-service-wireframe-icon {
    background-image: url(../images/wireframe-icon.svg)
}

.web-developersBanner {
    background-image: url(../images/web-developers.jpg)
}

.mobile-app-developersBanner {
    background-image: url(../images/mobile-app-developers.jpg)
}

.mobile-service-analysis {
    background-image: url(../images/analysis.png)
}

.mobile-service-timeline {
    background-image: url(../images/timeline.png)
}

.mobile-service-execution {
    background-image: url(../images/execution.png)
}

.mobile-service-web-maintenance {
    background-image: url(../images/web-maintenance.png)
}

.internet-of-thingsBanner,
.php-development-banner {
    background-color: #2d39ab
}

.mobile-service-policy {
    background-image: url(../images/policy.svg)
}

.hybrid-development-Banner,
.moble-app-development-servicesBanner,
.offshore-developmentBanner {
    background-color: #d23159
}

.digital-marketing-bannerBanner {
    background-color: #3a46b9
}

.mobile-service-research1 {
    background-image: url(../images/research1.png)
}

.mobile-service-slider2 {
    background-image: url(../images/slider2.png)
}

.mobile-service-implement {
    background-image: url(../images/implement.png)
}

.mobile-service-measurement {
    background-image: url(../images/measurement.png)
}

.mobile-service-maintenance {
    background-image: url(../images/maintenance.png)
}

.mobile-service-information-gathering {
    background-image: url(../images/information-gathering.svg)
}

.mobile-service-planning-icon {
    background-image: url(../images/planning-icon.svg)
}

.mobile-service-design-icon {
    background-image: url(../images/design-icon.svg)
}

.mobile-service-development-icon {
    background-image: url(../images/development-icon.svg)
}

.portfolio_main {
    background-color: #046bbc
}

.privacy-policyBanner {
    background-image: url(../images/privacy-policy.jpg)
}

.testimain {
    background-color: #7b49b6
}

.awards-bg,
.ios-android-app-design-banner,
.team-bg {
    background-color: #606deb
}

.particle-slides img {
    max-width: 350px;
    width: 100%
}

.error_block {
    height: 100vh
}

.intership-form .contactformSubmited {
    opacity: .4
}

.error_block .banner_overlay {
    padding: 40px 0 0
}

.blog-content ul li:before {
    color: #8bd600;
    content: "\f04d";
    font-family: FontAwesome;
    font-size: 9px;
    left: 0;
    position: absolute
}

.blog-content ul li {
    line-height: 32px;
    list-style-type: none !important;
    padding-left: 25px
}

.who-we-are-section {
    padding: 0 0 60px
}

.who-we-are-section p {
    color: #222;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px
}

.who-we-are-section ul {
    margin: 12px 0 !important;
    padding-left: 40px
}

.who-we-are-section ul li {
    color: #222;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    list-style-type: disc;
    margin-bottom: 8px
}

.life_at_softuvo_section {
    background-color: red;
    padding: 50px 0
}

.life_at_softuvo_section h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 700 !important;
    margin-bottom: 40px !important;
    text-align: center
}

.life_at_softuvo_inner {
    border: 20px solid hsla(0, 0%, 100%, .2);
    padding: 10px
}

#photos {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    line-height: 0
}

#photos img {
    border: 5px solid #fff;
    height: auto !important
}

.photos-box {
    margin: 0 10px 10px 0
}

.photos-box img:hover {
    transform: scale(1.03)
}

@media(max-width:1200px) {
    #photos {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4
    }
}

@media(max-width:1000px) {
    #photos {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3
    }
}

@media(max-width:800px) {
    #photos {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2
    }
}

@media(max-width:400px) {
    #photos {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1
    }
}

.work-with-top-developers-section .service-hover-content-wrapper {
    background-color: #34495e;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.work-with-top-developers-section .service-hover-content {
    left: 50%;
    padding: 0 20px 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.work-with-top-developers-section .service-hover-content p {
    color: #fff;
    text-align: center
}

.work-with-top-developers-section .service-hover-content h3 {
    color: #fff;
    margin-bottom: 20px !important
}

.cheaper-better-section .all_services_wrapper {
    border-right: 2px solid #eee !important;
    border: 0;
    min-height: 380px;
    padding: 35px 45px;
    position: relative;
    transition: none
}

.cheaper-better-section .all_services_inner h3 {
    font-size: 23px;
    font-weight: 500 !important;
    margin-bottom: 25px !important;
    min-height: 62px;
    text-align: left;
    transition: none
}

.cheaper-better-section .all_services_inner span {
    display: block;
    min-height: 100px;
    text-align: left
}

.cheaper-better-section .all_services_column:last-child .all_services_wrapper {
    border-right: 0 !important
}

.cheaper-better-section .all_services_column:first-child .all_services_wrapper {
    border: 2px solid #f1f1f1 !important
}

.cheaper-better-section .all_services_wrapper .all_services_inner {
    vertical-align: baseline
}

.cheaper-better-section .all_services_wrapper:hover {
    box-shadow: none
}

.cheaper-better-section .all_services_wrapper .divider-icon {
    position: absolute;
    right: -20px;
    top: 60px
}

.cheaper-better-section .all_services_wrapper .divider-icon img {
    width: 40px
}

.our-work-process-section .our-work-img {
    align-items: center;
    display: flex;
    height: 100% !important;
    justify-content: center;
    margin-top: 50px
}

.our-work-process-section .our-work-content {
    border-radius: 8px;
    box-shadow: 0 0 8px #ccc;
    padding: 50px 60px 30px
}

.our-work-process-section .app_services_section .definition_column_right h3 {
    padding-left: 0;
    text-transform: capitalize
}

.our-work-process-section .process-numbering {
    font-size: 34px;
    margin-bottom: 15px !important
}

.our-work-process-section .blue {
    color: #3e93da
}

.our-work-process-section .green {
    color: #5bae32
}

.our-work-process-section .orange {
    color: #fa8b00
}

.our-work-process-section .light-blue {
    color: #5eacf9
}

.our-work-process-section .divider {
    border-bottom: none;
    position: relative
}

.our-work-process-section .divider:after {
    background-color: #eee;
    content: "";
    height: 100%;
    left: 50%;
    min-height: 1915px;
    position: absolute;
    top: 0;
    width: 5px
}

.our-work-process-section .divider-circle-blue:before {
    background-color: #fff;
    border: 5px;
    border-radius: 100%;
    content: "";
    height: 30px;
    left: 44%;
    position: absolute;
    top: 50px;
    width: 30px;
    z-index: 10
}

.our-work-process-section .divider-circle-green:before {
    border: 5px solid #5bae32 !important
}

.our-work-process-section .divider-circle-orange:before {
    border: 5px solid #fa8b00 !important
}

.our-work-process-section .divider-circle-lightblue:before {
    border: 5px solid #5eacf9 !important
}

.schedule-talktime-btn .common_btn1 {
    border-radius: 5px;
    width: 289px
}

.schedule-talktime-btn .viewportbtn {
    margin-bottom: 15px
}

.iphone-app-development-Banner {
    background-image: url(../images/iphone-app-banner.png)
}

.swift-app-development-Banner {
    background-color: #5a328e
}

.android-app-development-Banner {
    background-color: #3e479b
}

.caseStudies-section .portfolio_col_img img {
    height: 100%;
    object-fit: cover;
    transition: .5s;
    width: 100%
}

.caseStudies-section .mask {
    background: rgba(0, 0, 0, .55);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    padding: 0 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%
}

.caseStudies-section .portfolio_col_img:hover .mask {
    opacity: 1;
    transform: translateY(0)
}

.caseStudies-section .view-tenth:hover img {
    opacity: 1;
    transform: scale(1.1)
}

.caseStudies-section .view a.info {
    bottom: 0;
    left: 0;
    margin-left: 0;
    padding: 12px 15px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%
}

.caseStudies-section .view a.info:hover {
    border-color: transparent
}

.caseStudies-section .portfolio_col_img {
    height: 300px;
    position: relative
}

.caseStudies-section .mask h3 {
    color: #fff;
    margin-bottom: 15px !important;
    margin-top: 20px !important
}

.audit-modal .modal-dialog {
    margin-top: 10%
}

.audit-modal .modal-title {
    color: #222;
    display: inline-block;
    font-weight: 300 !important;
    text-transform: uppercase
}

.audit-modal .modal-header .close {
    color: #222 !important;
    font-size: 27px !important;
    font-weight: 500;
    margin-top: 4px;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 8px
}

.audit-modal .form-group {
    margin-bottom: 0;
    margin-top: 20px
}

.audit-modal .form-control {
    background-color: #f0f0f0;
    border-color: #f0f0f0;
    box-shadow: none;
    color: #222;
    font-size: 14px;
    height: 48px
}

.audit-modal .modal-content {
    padding: 0 20px 50px
}

.audit-submit-btn {
    border-radius: 5px !important
}

.bots-development-Banner {
    background-color: #08047b
}

.wearable-development-Banner {
    background-color: #496196
}

.ibeacon-development-Banner {
    background-color: #4475db
}

.iot-development-Banner {
    background-color: #299794
}

.errMsg,
.errMsg_hire,
label.error {
    color: #bf1212;
    font-size: 14px;
    font-weight: 400 !important
}

.hire-ios-app-developers-banner {
    background-image: url(../images/hire-ios-app-developers-banner.jpg)
}

.hire-android-app-developers-banner {
    background-image: url(../images/hire-android-app-developers-banner.jpg)
}

.hire-react-native-app-developers-banner {
    background-image: url(../images/hire-react-native-app-developers-banner.jpg)
}

.hire-swift-app-developers-banner {
    background-image: url(../images/hire-swift-app-developers-banner.jpg)
}

.hire-android-app-developers-banner .banner_overlay,
.hire-flutter-app-developers-banner .banner_overlay,
.hire-react-native-app-developers-banner .banner_overlay,
.hire-swift-app-developers-banner .banner_overlay {
    background-color: #000 !important
}

.hire-flutter-app-developers-banner {
    background-image: url(../images/hire-flutter-app-developers-banner.jpg)
}

.quality-assurance-banner {
    background-color: #765ec3
}

.hire-resources-banner {
    background-color: #3b3bc7
}

.laravel-development-banner {
    background-color: #634ac6
}

.nodejs-development-banner {
    background-color: #5a76b8
}

.cake-php-development-banner {
    background-color: #559eca
}

.django-development-banner {
    background-color: #4283e4
}

.angular-development-banner,
.seo-banner {
    background-color: #263238
}

.wordpress-development-banner {
    background-color: #3e6cb2
}

.social-media-marketing-banner {
    background-color: #1e4758
}

.ppc-banner {
    background-color: #2d88e1
}

.content-writing-banner {
    background-color: #6576cc
}

.app-store-optimization-banner {
    background-color: #e18a6f
}

.online-reputation-management-banner {
    background-color: #2299ab
}

.hire-dedicated-php-developers-banner {
    background-image: url(../images/hire-dedicated-php-developers-banner.jpg)
}

.hire-dedicated-wordpress-developers-banner {
    background-image: url(../images/hire-dedicated-wordpress-developers-banner.jpg)
}

.hire-dedicated-laravel-developers-banner {
    background-image: url(../images/hire-dedicated-laravel-developers-banner.jpg)
}

.hire-web-developers-banner {
    background-image: url(../images/hire-web-developers-banner.jpg)
}

.hire-django-developers-banner {
    background-image: url(../images/hire-django-developers-banner.jpg)
}

.custom-web-design-banner {
    background-color: #4c40ba
}

.app-interface-design-banner {
    background-color: #252525
}

.front-end-design-banner {
    background-color: #545cb6
}

.web-design-banner {
    background-color: #b64983
}

.ecommerce-app-design-banner {
    background-color: #7e89fd
}

.consumer-app-development-banner {
    background-color: #3c8f7c
}

.infrastructure-banner,
.infrastructure-management-banner {
    background-color: #262c39
}

.ar-vr-app-developement-banner {
    background-color: #176d93
}

.react-native-app-development-banner {
    background-color: #20464d
}

.flutter-app-development-banner {
    background-color: #172438
}

.our-work-process-banner {
    background-color: #032e85
}

.caseStudies-Banner {
    background-color: #9653e5
}

.hire-developer-banner {
    background-color: #4a28d1
}

.calendly-overlay .calendly-popup {
    background-color: #fff
}

.common-faq-section .dropdown-menu {
    margin: 0 !important
}

.common-faq-section .dropdown-menu li a {
    font-size: 14px;
    margin-bottom: 0;
    padding: 3px 20px
}

.common-faq-section .panel-heading {
    background-color: #fff;
    padding: 0
}

.common-faq-section .panel-heading:active,
.common-faq-section .panel-heading:focus,
.common-faq-section .panel-heading:hover,
.common-faq-section.panel-body {
    background-color: #ddd
}

.common-faq-section .panel-body {
    color: #828282;
    font-size: 17px;
    padding: 17px 20px
}

.common-faq-section .panel-title a {
    color: #000;
    display: block;
    padding: 17px 20px
}

.faq-banner {
    background-color: #5368e5
}

.faqTabs {
    margin-top: 0 !important;
    padding: 40px 0
}

.common-faq-section .panel-group .panel {
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    border-top: 1px solid #ddd;
    box-shadow: none;
    margin-top: 0
}

.new-faq main {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    position: relative;
    width: 100%
}

.new-faq .topic {
    border-bottom: 2px solid #ebebeb;
    box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, .13) !important;
    margin-bottom: 15px;
    padding: 0
}

.new-faq .open {
    cursor: pointer;
    display: block;
    padding: 0;
    position: relative
}

.new-faq p.answer {
    border-top: 1px solid #ddd;
    color: #222;
    font-size: 16px;
    margin-top: 0 !important;
    padding: 17px 20px
}

.new-faq .open:hover {
    background-color: #fff;
    opacity: 1
}

.new-faq .question {
    color: #655f5f;
    display: block;
    font-size: 18px;
    font-weight: 500 !important;
    line-height: 24px;
    padding: 17px 15px
}

.new-faq .answer,
.services_column_section ul.devops-services {
    padding-left: 20px
}

.new-faq .answer {
    display: none;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
    padding-right: 20px;
    text-align: justify
}

.new-faq .faq-t {
    background: 0 0;
    border-bottom: 2px solid #8bd600;
    border-left: 2px solid #8bd600;
    display: inline-block;
    float: right;
    height: 10px;
    position: relative;
    right: 20px;
    top: -34px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: .3s ease-in-out;
    width: 10px
}

.new-faq .faq-o {
    top: -34px;
    -moz-transform: rotate(-224deg);
    -ms-transform: rotate(-224deg);
    -webkit-transform: rotate(-224deg);
    transform: rotate(-224deg)
}

.common-loader-wrapper .loader-inner-wrapper .loading {
    -webkit-animation: rotate 1s linear infinite;
    border: 6px solid #ccc;
    border-radius: 22px;
    border-right-color: #8bd600;
    height: 0;
    padding: 15px;
    width: 0
}

.modal_loader {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.menutoggle.change-bg div {
    background: #8bd600 !important
}

.industries-wrapper .view-tenth p {
    transition: .1s ease-in-out
}

.common-faq-section ul.faq-tabs li {
    display: block;
    margin-bottom: 5px;
    text-transform: capitalize
}

.common-faq-section ul.faq-tabs li a {
    border-radius: 3px;
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    padding: 8px 10px !important;
    text-align: left
}

.common-faq-section .faqCategory-btn:hover,
.common-faq-section ul.faq-tabs li a:hover {
    background: #56ab2f;
    border: 1px solid #8bd600;
    color: #fff !important;
    font-weight: 500
}

.common-faq-section .faqCategory-btn:hover {
    transform: scale(1.05);
    transition: transform .4s ease-in-out
}

.faq-category-title {
    margin-bottom: 15px;
    text-decoration: underline
}

.new-faq .open:before {
    background: #8bd600;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 5px
}

.agile-img img,
.step-img img {
    width: 100%
}

.common-faq-section .select-faq-category {
    display: inline-block;
    position: relative
}

.common-faq-section .faqCategory-btn {
    background: 0 0;
    border: 1px solid #8bd600;
    border-radius: 3px;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 16px;
    margin: 0 auto;
    min-width: 252px;
    padding: 14px 10px !important;
    text-align: center;
    transition: .3s ease-in-out
}

.select-faq-category .dropdown-content {
    background-color: #fff;
    border: 1px solid #ddd;
    display: none;
    max-height: 232px;
    min-width: 245px;
    overflow: auto;
    position: absolute;
    z-index: 1
}

.select-faq-category .bootstrap-select>.dropdown-toggle {
    background-color: #7dc448;
    border-color: #7dc448;
    box-shadow: none;
    color: #fff;
    font-size: 18px;
    outline: 0
}

.select-faq-category .bootstrap-select>.dropdown-toggle:focus,
.select-faq-category .bootstrap-select>.dropdown-toggle:hover {
    background-color: #7dc448;
    border-color: #7dc448;
    box-shadow: none;
    color: #fff;
    outline: 0 !important
}

.faq-select2-search {
    border: none;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    padding: 10px 0 10px 45px
}

.select-faq-category .dropdown-content li i {
    font-size: 20px;
    left: 15px;
    position: absolute;
    top: 12px
}

.faq-select2-search:focus {
    border: 0 !important
}

.select-faq-category .dropdown-content::-webkit-scrollbar {
    width: 10px
}

.select-faq-category .dropdown-content::-webkit-scrollbar-track {
    border: 1px solid #eee
}

.select-faq-category .dropdown-content::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px
}

.work-img-align {
    margin-top: 155px !important
}

.infrastructure-section-wrapper .office-content-wrapper {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px #00000065;
    display: flex;
    min-height: 470px;
    padding: 0 40px;
    text-align: center
}

.infrastructure-section-wrapper .office-image img {
    border-radius: 4px;
    box-shadow: 0 0 10px #00000065;
    height: 470px;
    width: 100%
}

.infrastructure-section-wrapper .office-image-content h3 {
    font-size: 30px;
    margin-bottom: 20px !important
}

.infrastructure-section-wrapper .section-spacing {
    display: flex;
    margin: 50px 0
}

.infrastructure-section-wrapper .overlay-content {
    background-color: #fff;
    border-bottom: 10px solid #8bd600;
    bottom: 60px;
    padding: 30px 20px 20px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 327px
}

.canvas_section canvas.draw {
    margin-left: -10px
}

.work-with-top-developers-section .services_column_section {
    padding: 60px 0 0
}

.hamburger_bg {
    background-color: #0000009e;
    border-radius: 4px;
    padding: 4px 6px
}

.privacy-policy-section,
.section-padding {
    padding: 100px 0 0 !important
}

.journey_section,
.openculture {
    padding-top: 100px !important
}

.openculture,
.pb-0,
.web-services {
    padding-bottom: 0 !important
}

section.award-section {
    margin: 100px 0 0 !important
}

.dots-ul li,
.step-content h4 {
    color: #222;
    margin-bottom: 15px
}

.policy-content-head {
    margin-bottom: 100px !important
}

.casestudy-section {
    margin-top: 100px !important
}

.our-process {
    padding-top: 60px
}

.choose-section:hover {
    transform: none
}

.pt-150 {
    padding-top: 150px
}

.android-app-development_section .viewportbtn,
.ipad-app-development_section .viewportbtn,
.iphone-app-development_section .viewportbtn,
.swift-app-development_section .viewportbtn {
    margin: 50px 0 0
}

.error_block .blog_slide_container {
    margin-left: auto !important;
    margin-right: auto !important
}

.error_block .blog_slide_container img {
    max-height: 50vh
}

.innerBox_blog {
    padding-bottom: 80px;
    position: relative
}

.innerBox_blog .pagination {
    justify-content: center;
    margin-top: 20px !important;
    position: static !important
}

.blog_column_img {
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important
}

.blog_page_search_section .search_result {
    float: none;
    width: 50%
}

.clients_around .common_tittle {
    margin: 100px 0 50px
}

.contact-form-group {
    gap: 15px
}

.contact-form-group .btn-group.bootstrap-select {
    color: #8c8c8c !important;
    width: 35% !important
}

.contact-form-group .bootstrap-select>.dropdown-toggle.bs-placeholder,
.contact-form-group .bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.contact-form-group .bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.contact-form-group .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #dadada !important;
    border-radius: 0;
    box-shadow: none;
    font-size: 18px;
    height: 34px;
    outline: 0;
    padding-bottom: 0;
    padding-left: 0
}

.contact-form-group .bootstrap-select.btn-group .dropdown-toggle .caret {
    position: static
}

.contact_right_wrapper .contact-form-group span.bs-caret {
    width: auto !important
}

.contact-form-group .bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important;
    outline-offset: 0
}

.contact-form-group .btn-default {
    background-color: #f0f0f0;
    border-color: transparent;
    color: #8c8c8c;
    padding: 11px 12px
}

.contact-form-group .btn-default.active.focus,
.contact-form-group .btn-default.active:focus,
.contact-form-group .btn-default.active:hover,
.contact-form-group .btn-default:active.focus,
.contact-form-group .btn-default:active:focus,
.contact-form-group .btn-default:active:hover,
.contact-form-group .open>.dropdown-toggle.btn-default.focus,
.contact-form-group .open>.dropdown-toggle.btn-default:focus,
.contact-form-group .open>.dropdown-toggle.btn-default:hover {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    color: #8c8c8c !important
}

.casestudy-section .pagination {
    left: 20px
}

.hex:after,
.hex:before {
    left: 0;
    position: absolute;
    width: 0
}

.casestudy-section .ms--titles .ms-slide h3 a {
    background-color: transparent;
    border: 1px solid #8bd601;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    padding: 10px;
    text-align: center;
    transition: .3s;
    width: 150px
}

.casestudy-section .ms--titles .ms-slide h3 a:hover {
    background: #8bd601;
    color: #fff
}

.cd-nav-trigger span {
    background-color: #fff;
    bottom: auto;
    height: 2px;
    left: 50%;
    position: absolute;
    right: auto;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 32px
}

.cd-nav-trigger.hamMenu span {
    background-color: #222a35
}

.cd-nav-trigger span:after,
.cd-nav-trigger span:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: inherit;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .2s, width .2s;
    -moz-transition: -moz-transform .2s, width .2s;
    transition: transform .2s, width .2s;
    width: 100%
}

.cd-nav-trigger span:before {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.cd-nav-trigger span:after {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom
}

.no-touch .cd-nav-trigger:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.no-touch .cd-nav-trigger:hover span:after,
.no-touch .cd-nav-trigger:hover span:before {
    width: 50%
}

.no-touch .cd-nav-trigger:hover span:before {
    -webkit-transform: translateX(1px) translateY(1px) rotate(45deg);
    -moz-transform: translateX(1px) translateY(1px) rotate(45deg);
    -ms-transform: translateX(1px) translateY(1px) rotate(45deg);
    -o-transform: translateX(1px) translateY(1px) rotate(45deg);
    transform: translateX(1px) translateY(1px) rotate(45deg)
}

.no-touch .cd-nav-trigger:hover span:after {
    -webkit-transform: translateX(1px) translateY(-1px) rotate(-45deg);
    -moz-transform: translateX(1px) translateY(-1px) rotate(-45deg);
    -ms-transform: translateX(1px) translateY(-1px) rotate(-45deg);
    -o-transform: translateX(1px) translateY(-1px) rotate(-45deg);
    transform: translateX(1px) translateY(-1px) rotate(-45deg)
}

.inneraboutauth {
    padding: 40px 30px !important
}

.inneraboutauth:after {
    content: none !important
}

.devops-technology-image {
    padding: 30px 0
}

.service-readmore {
    border: 1px solid #56ab2f;
    border-radius: 5px;
    color: #56ab2f;
    padding: 6px 20px;
    transition: .3s ease-in-out
}

.service-readmore:focus,
.service-readmore:hover {
    background: #56ab2f;
    color: #fff
}

.devops-img {
    border: none;
    padding: 0
}

.number-call_form .dropdown-menu {
    max-height: 350px !important
}

.errorthanks-outer {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.ofc-branches-section a.locate-address:hover {
    color: #555
}

.company-locations a.locate-address:hover {
    color: #d5d5d5
}

.emagazine_banner {
    background-color: #d54471
}

.magazine_section ul li {
    color: #222;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px
}

.who-we-are-section .popup-youtube .play-btn {
    position: absolute;
    right: 44%;
    top: 44%;
    width: 100px
}

.magazine_section img {
    height: 550px
}

.facts_section {
    padding: 70px 0 0
}

.no-touch .cd-close-nav:hover {
    opacity: .8
}

.cd-nav-container h3 {
    color: #5c4b51;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.hire-developer-banner .header_banner {
    overflow: visible
}

.hire-developer-banner .contact_section_right {
    margin-bottom: -200px;
    margin-top: 0
}

.hire-developer-banner .contact_right_wrapper {
    border-radius: 5px;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .08);
    padding-bottom: 30px
}

.dots-ul li {
    font-size: 22px;
    font-weight: 500
}

.crafting-section .common_tittle h2 span {
    font-weight: 600 !important
}

.crafting-section .btn-check {
    margin: 16px 0 0 16px
}

.our-awards .all_services_inner span img {
    height: 100%;
    margin-bottom: 40px;
    max-height: 150px
}

.bordered_services_wrapper .all_services_inner span img,
.hex img {
    height: 50px
}

.our-awards .common-card-box {
    height: auto !important;
    min-height: 270px
}

.common-card-box {
    min-height: 350px;
    padding: 30px
}

.reverse-col {
    display: flex;
    flex-direction: row-reverse
}

.hire-steps-section .common_tittle {
    margin-bottom: 80px
}

.hire-steps {
    align-items: flex-start;
    display: flex
}

.step-icon {
    margin-right: 15px
}

.step-content {
    margin-bottom: 50px
}

.step-content h4 {
    font-size: 30px
}

.step-content p {
    color: #222;
    font-size: 16px;
    line-height: 30px
}

.step-img {
    max-height: 800px
}

.nextStep-outer {
    align-items: center;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    min-height: 280px;
    text-align: center
}

.nextStep-outer h2 {
    color: #fff;
    font-size: 60px;
    font-weight: 400 !important;
    margin-bottom: 40px;
    text-transform: capitalize
}

.hire-content h3 {
    color: #222;
    font-size: 20px;
    margin-bottom: 20px
}

body .hire-content p {
    color: #222;
    font-weight: 300;
    line-height: normal;
    text-align: center
}

.technologies-section .hire-content h3 {
    margin-bottom: 0;
    margin-top: 40px
}

.technologies-box {
    padding: 40px
}

.hire-us-section .common-card-box {
    padding: 50px
}

.digital-text {
    color: #da5d5d;
    margin-left: auto;
    text-transform: uppercase
}

.blogmain .banner_overlay {
    background-color: rgba(0, 0, 0, .8)
}

.phonecode-section .dropdown-menu {
    height: 200px
}

.outsource-india-services .services-left h2 {
    font-size: 33px;
    font-weight: 500 !important
}

.outsource-india-services .services-left p {
    color: #222;
    font-size: 14px;
    line-height: 21px;
    opacity: .8
}

.outsource-india-services .services_column {
    min-height: 500px
}

.why-outsource-india {
    background: #f0f8ff;
    padding: 100px 0
}

.bg-outsourceIndia {
    background-color: #5c3e9b
}

.bordered_services_wrapper {
    background: #fff;
    border: 1px solid #dadada;
    display: table;
    height: 180px;
    margin-bottom: 30px;
    padding: 20px 10px;
    transition: .5s ease-in-out;
    width: 100%
}

.bordered_services_wrapper span {
    margin-bottom: 30px;
    min-height: auto
}

.outsource_section {
    padding: 100px 0
}

.outsource_section .common_tittle h2 {
    font-size: 48px;
    font-weight: 400 !important
}

.outsourcing-softwareDeveloper {
    margin-left: -150px;
    margin-top: 20px
}

.hex {
    align-items: center;
    background-color: #222;
    border-color: #222;
    display: inline-flex;
    flex-direction: column;
    height: 70px;
    justify-content: center;
    margin: 35px 17px;
    position: relative;
    width: 130px
}

.hex:before {
    border-bottom: 35px solid;
    border-color: inherit;
    border-left: 65px solid transparent;
    border-right: 65px solid transparent;
    content: " ";
    height: 0;
    top: -35px
}

.hex:after {
    border-top: 35px solid;
    border-color: inherit;
    border-left: 65px solid transparent;
    border-right: 65px solid transparent;
    bottom: -35px;
    content: ""
}

.shade1 {
    background-color: #76b062;
    border-color: #76b062
}

.shade2 {
    background-color: #f37b20;
    border-color: #f37b20
}

.shade3 {
    background-color: #f35045;
    border-color: #f35045
}

.shade4 {
    background-color: #61dafb;
    border-color: #61dafb
}

.shade5 {
    background-color: #5a69a6;
    border-color: #5a69a6
}

.shade6 {
    background-color: #111;
    border-color: #111
}

.shade7 {
    background-color: #77c159;
    border-color: #77c159
}

.shade8 {
    background-color: #039bd3;
    border-color: #039bd3
}

.shade9 {
    background-color: #d32f2f;
    border-color: #d32f2f
}

.shade10 {
    background-color: #4fc7ec;
    border-color: #4fc7ec
}

.shade11 {
    background-color: #323c47;
    border-color: #323c47
}

.shade12 {
    background-color: #092e20;
    border-color: #092e20
}

.shade13 {
    background-color: #366e9c;
    border-color: #366e9c
}

.shade14 {
    background-color: #45d1fd;
    border-color: #45d1fd
}

.shade15 {
    background-color: #e23237;
    border-color: #e23237
}

.shade16 {
    background-color: #ef3e31;
    border-color: #ef3e31
}

.shade17 {
    background-color: #252f3e;
    border-color: #252f3e
}

.shade18 {
    background-color: #563d7c;
    border-color: #563d7c
}

.hex img {
    margin: auto;
    max-width: 66px
}

.tech-brand {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    text-align: center
}

.outsource_section .testimonials-inner {
    border: 2px solid hsla(0, 0%, 89%, .5);
    border-radius: 10px;
    text-align: left
}

#outsourcing-projects .services-img img {
    height: 70px !important
}

#outsourcing-projects .services-name h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    margin-top: 30px;
    text-align: center
}

#outsourcing-projects .services-name p {
    font-size: 16px;
    text-align: center
}

#outsourcing-projects .services_column {
    align-items: center;
    display: flex;
    height: 100%;
    min-height: 365px
}

.outsource-india-services .services-left {
    padding-top: 50px
}

.bg-staffAugmentation {
    background-color: #04b1bc
}

.competitor-wrapper .staff-img-wrapper {
    align-items: center;
    background: #fff3;
    border-radius: 100%;
    display: flex;
    height: 150px;
    justify-content: center;
    margin: 0 auto 30px;
    width: 150px
}

.competitor-wrapper .staff-img-wrapper img {
    height: 80px;
    width: 80px
}

.staff_benefits {
    background: #f0f8ff;
    padding-top: 70px
}

.staff-competitors {
    background: #7e89fd;
    padding: 100px 0
}

.competitor-wrapper h4 {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    margin-bottom: 16px;
    text-align: center
}

.competitor-wrapper p {
    color: red;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    padding: 0 50px;
    text-align: center
}

.video-testimonials .common_tittle h2 {
    font-size: 48px
}

.video-testimonials .common_tittle p {
    color: #570000
}

.staff_benefits ul li {
    color: #222;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 20px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out
}

.staff-augmentation-services .services_column .services-img {
    height: 90px !important;
    margin-bottom: 20px
}

.staff-augmentation-services .services_column {
    height: 100%;
    min-height: 390px;
    padding: 32px;
    text-align: left
}

.staff-augmentation-services .services_column .services-img img {
    height: 90px !important
}

.staff-augmentation-services .services_column .services-name {
    padding: 0
}

.staff-augmentation-services .services_column .services-name h4 {
    font-size: 24px;
    font-weight: 600 !important;
    line-height: 29px;
    margin-bottom: 20px !important;
    margin-top: 20px
}

.outsourcing-developer {
    align-items: center;
    display: flex
}

.skills-hex {
    margin-top: 30px
}

#hireNow .modal-dialog {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.outsource_section-pb,
.staff-video-testimonial {
    padding: 0 0 100px
}

.modal {
    z-index: 1999
}

.showfall {
    background-color: transparent;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 999
}

.flake path {
    fill: #8fd6d9
}

.flake-wrapper {
    position: absolute;
    z-index: 999
}

@keyframes falling {
    0% {
        opacity: 1;
        top: -50px
    }

    50% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0;
        top: 100%
    }
}

.pagination-tailwind {
    background: #8dc63f;
    border-radius: 5px;
    color: #fff;
    font-size: 15px !important;
    margin-right: 5px;
    padding: 8px 10px
}

.pagination-tailwind:hover {
    color: #000
}

body {
    font: normal 75% Arial, Helvetica, sans-serif;
    margin: 0
}

canvas {
    display: block;
    vertical-align: bottom
}

.portfolio-heading3 {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 21px;
    font-weight: 700;
    height: 100px;
    justify-content: space-between;
    padding: 0 15px 15px;
    text-align: left !important
}

#particles-js {
    background-color: linear-gradient(90deg, #12102b, #2e2960, #12102b);
    background-image: url();
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    width: 100%
}

.count-particles {
    background: #002;
    color: #13e8e9;
    font-family: Helvetica, Arial, sans-serif;
    font-size: .8em;
    font-weight: 700;
    left: 0;
    line-height: 14px;
    padding-bottom: 2px;
    position: absolute;
    text-align: left;
    text-indent: 4px;
    top: 48px;
    width: 80px
}

.js-count-particles {
    font-size: 1.1em
}

#stats,
.count-particles {
    margin-left: 5px;
    margin-top: 5px;
    -webkit-user-select: none
}

#stats {
    border-radius: 3px 3px 0 0;
    overflow: hidden
}

.count-particles {
    border-radius: 0 0 3px 3px
}

.btn-talk-2 {
    background-color: #8dc63f !important;
    color: #fff !important;
    font-size: 18px;
    font-weight: 500;
    padding: 7px 50px
}

.errMsg,
.errMsgSeo,
.errMsg_hire {
    color: red;
    display: none
}

.app-store-loading {
    display: none
}

.industries-wrapper {
    padding-bottom: 100px
}

.blogdetail_cont .content_row .blog-content p,
.blogdetail_cont .content_row .blog-content p span {
    font-size: 12pt !important;
    font-weight: 400 !important
}

.blogdetail_cont .content_row .blog-content h2 {
    font-weight: 700 !important
}

.blogdetail_cont .content_row .blog-content p i,
.blogdetail_cont .content_row .blog-content p i span {
    font-weight: 400 !important
}

.staff-augmentation-services.outsource_section .services_column,
.staff-augmentation-services.outsource_section .services_column .services-name h4,
.staff-augmentation-services.outsource_section .services_column .services-name p {
    text-align: center
}

.internship-training-program .common-loader-wrapper .loader-inner-wrapper .loading {
    display: none
}

.section.we-help.who-we-are-section .common_tittle h2 {
    margin-top: 0 !important
}

.blog_page_section.main_blog{
    padding: 30px 0 0;
}

.teamImage{
    height: 200px;
    width: 200px;
    /* object-fit: cover;
    object-position: bottom; */
    border-radius: 50%;
    display: inline-block;
    border: 4px solid #86ca4e;
    overflow: hidden;
    position: relative;

}


.teamContent h4{
 margin-top: 20px;
}

.teamContent p{
    color: #000;
    font-size: 15px;
}

.teamImage img{
    max-width: 100%;
    height: auto;

}

/* .teamContent{
    text-align: left;
} */