@font-face {
    font-family:"technology-icons";
    src:url("../fonts/technology-icons.woff") format("woff");
    font-weight:normal;
    font-style:normal;
}

.Section {
    background: #032c51;
    padding: 42px 0 50px 0;
}
.Section.php-page .webAppEleAA {
    margin-top: 60px;
}
.webAppEleAA .mobAppEleBB {
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: center;
    height: auto;
}
.Section .mobAppEleBB ul {
    max-width: inherit;
    width: auto;
    margin-top: -26px;
}
.webAppEleAA .mobAppEleBB ul {
    display: inline-block;
    position: relative;
    z-index: 9;
    border: none;
}
.Section.php-page .mobAppEleBB li {
    width: 170px;
    padding-left: 10px;
    padding-right: 10px;
}
.Section .mobAppEleBB li {
    padding: 26px 15px 0 15px;
    overflow: hidden;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}
.nav>li {
    position: relative;
    display: block;
}
.Section .mobAppEleBB li:before {
    content: '';
    position: absolute;
    width: 100%;
    left: -100%;
    bottom: 0;
    height: 3px;
    background-color: rgba(255,255,255,.2);
    transition: all .3s ease;
}
.Section .mobAppEleBB li.active:before {
    left: 0;
    background-color: #1866b1;
}
.Section .mobAppEleBB li div.tab-block {
    height: 104px;
}
.webAppEleAA .mobAppEleBB li div.tab-block {
    width: 100%;
    display: table;
}
.Section .mobAppEleBB li div.tab-block a {
    vertical-align: top;
}
.webAppEleAA .mobAppEleBB li div.tab-block a {
    padding: 0;
    border-radius: 0;
    background: 0 0;
    margin-right: 0;
    display: table-cell;
    text-decoration: none;
}
.Section .mobAppEleBB li div.tab-block a i.iconbg {
    background: 0 0;
    font-size: 35px;
}
.Section .mobAppEleBB li div.tab-block a i {
    background: url(sprite1.png) no-repeat;
    height: 36px;
    position: relative;
    opacity: .3;
}
.webAppEleAA .mobAppEleBB li div.tab-block a i {
    display: inline-block;
    vertical-align: top;
}
.iconclr {
    color: #fff;
}
.Section .mobAppEleBB li.active div.tab-block a i, .Section .mobAppEleBB li:hover div.tab-block a i {
    opacity: 1;
}
.webAppEleAA .mobAppEleBB li div.tab-block a i.icon-laravel:before {
    position: relative;
    top: -7px;
    left: 0;
}
.icon-laravel:before {
    content: "\f124";
}
.webAppEleAA .mobAppEleBB li div.tab-block a i.icon-autoit:before {
    position: relative;
    top: -7px;
    left: 0;
}
.icon-autoit:before {
    content: "\f14d";
}
[class*=" icon-"]:before, [class^=icon-]:before {
    font-family: technology-icons;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
.Section .mobAppEleBB li.active div.tab-block a span, .Section .mobAppEleBB li:hover div.tab-block a span {
    padding: 0!important;
    border: 0;
    background: 0 0;
    border-radius: 0;
    margin-top: 10px;
    color: #fff;
}
.Section .mobAppEleBB li div.tab-block a span {
    font-size: 17px;
    line-height: 22px;
    text-transform: capitalize;
}
.webAppEleAA .mobAppEleBB li div.tab-block a span {
    display: inline-block;
    font-family: 'proxima_novaregular';
    font-weight: 700;
    letter-spacing: .6px;
}
.Section .mobAppEleBB li.active div.tab-block a span, .Section .mobAppEleBB li:hover div.tab-block a span {
    padding: 0!important;
    border: 0;
    background: 0 0;
    border-radius: 0;
    margin-top: 10px;
    color: #fff;
}
.Section .mobAppEleBB li:after {
    content: '';
    position: absolute;
    bottom: -3px;
    right: 0;
    height: 27px;
    width: 1px;
    background: rgba(255,255,255,.1);
}
.tab-content>.active {
    display: block;
}

.fadeInUp {
    animation-name: fadeInUp;
}
.animated3 {
    animation-duration: 1.5s;
    animation-fill-mode: both;
}
.Section .webAppEleAA .tab-content .tab-content-block {
    margin-top: 35px;
}
.webAppEleAA .tab-content .tab-content-block {
    padding-top: 0;
}
.tab-content-block {
    text-align: center;
}
.tab-text {
    margin-top: 60px;
    text-align: center;
}
.tab-text ul {
    text-align: center;
}
html, ol, ul {
    margin: 0;
    padding: 0;
}
.tab-text li {
    float: none;
    margin-bottom: 28px;
    vertical-align: top;
    text-align: center;
}
.tab-text li {
    list-style: none;
    width: 155px;
    padding: 0 10px;
    display: inline-block;
}
.tab-text li img {
    display: block;
    margin: 0 auto;
}
img {
    max-width: 100%;
    vertical-align: middle;
}
.tab-text li span {
    display: inline-block;
    font-family: 'proxima_novaregular';
    font-size: 17px;
    color: #fff;
    margin-top: 18px;
}
.Section .mobAppEleBB li div.tab-block a span {
    font-size: 17px;
    line-height: 22px;
    text-transform: capitalize;
    margin-top: 10px;
    color: rgba(255,255,255,.3);
}
.mobAppDevSecDD.Section .mobAppEleBB:after {
    background: rgba(255,255,255,.1);
    top: inherit;
    bottom: 5px;
    height: 1px;
}
.webAppEleAA .mobAppEleBB:after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    background: #324d65;
    top: 50%;
    margin-top: 0;
}
.Section .mobAppEleBB li div.tab-block a i.framework {
    background-position: -2947px -80px;
    width: 41px;
}
.Section .mobAppEleBB li div.tab-block a i.cms-icon {
    background-position: -3002px -129px;
    width: 50px;
}
.Section .mobAppEleBB li div.tab-block a i.Front-end-icon {
    background-position: -3061px -129px;
    width: 65px;
}
.Section .mobAppEleBB li div.tab-block a i.webAppDevp {
    background-position: -2899px -125px;
    width: 51px;
}
.Section .mobAppEleBB li div.tab-block a i.iconbg {
    background: 0 0;
    font-size: 35px;
}
.icon-database:before {
    content: "\f117";
}
.icon-js:before {
    content: "\f173";
}
.webAppEleAA .mobAppEleBB li div.tab-block a i.icon-database:before {
    position: relative;
    top: -7px;
    left: 0;
}
.webAppEleAA .mobAppEleBB li div.tab-block a i.icon-js:before {
    position: relative;
    top: -7px;
    left: 0;
}


.text-secondary {
    color: #3d5d6f;
}
.p-0,p{
    font-size: 18px;
}
.mt-5{
    font-size: 50px;
}
.h4{
    color: #333;
    font-size: 25px;
}

.fa,
.fas {
    font-family: 'proxima_novaregular';
    font-weight: 400;
    font-size: 1.2rem;
    font-style: normal;
}

.right-0 {
    right: 0;
}

.top-0 {
    top: 0;
}

.h-100 {
    height: 100%;
}
.pb-3, .py-3 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
}

a.text-secondary:focus,
a.text-secondary:hover {
    text-decoration: none;
    color: #22343e;
}

#accordion .fa-plus {
    transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

#accordion a[aria-expanded=true] .fa-plus {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
ul,li{
    margin-left: 20px;
}

.aboutSectionE {
    padding: 70px 0px;
}

.solutionsIndustryText {
    position: relative;
    padding: 35px 20px 15px 110px;
    height: 100%;
    margin-left: 140px;
}

.solutionsIndustryText .number {
    position: absolute;
    left: 25px;
    top: 35px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--blue);
    line-height: 60px;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    font-family: "proxima_novaextrabold";
}

.solutionsIndustryText .desc {
    font-size: 18px;
}

.textB img {
    filter: grayscale(1);
    transition: all 0.2s linear;
}

.Section .mobAppEleBB li div.tab-block a h4.tech-title {
    text-align: center;
    color: black;
}

.Section .mobAppEleBB li.active div.tab-block a h4.tech-title {
    color: black;
    font-weight: bold;
    font-family: proxima_novaextrabold;
}

.Section .technology li:before {
    bottom: 60px;
}

.mobAppDevSecDD.Section .technology:after {
    background: lightgray;
    top: inherit;
    bottom: 65px;
    height: 0.3px;
}

div.reviewtext{
    color: #fff;
    padding: 0 0 25px 0;
    line-height: 1;
    font-size: 20px;
}

.clutchimg{
    vertical-align:top;margin:0 5px;
}

h2.tech-heading{
    text-align: left;
    padding: 40px;
    font-family: 'proxima_novaextrabold';
    font-size: 56px;
}

.tab-text li span.tech-icon-titel{
    color: black;
    display: inline-block;
    font-family: 'proxima_novaregular';
    font-size: 17px;
    margin-top: 18px;
}

.tech-icon-img{
    height: 70px;
}

@media (max-width: 767px) {
    .solutionsIndustryText {
        margin-left: 0px !important;
    }
    h2 {
        font-size: 1.5rem !important;
    }
    .h4 {
        font-size: 15px !important;
    }
    .Section.php-page .mobAppEleBB li {
        width: 38% !important;
    }
    .Section .mobAppEleBB li::after {
        height: 0px;
        width: 0px;
    }
    h3 {
        font-size: 1.2rem;
    }
    .solutionsIndustryText .desc {
        font-size: 14px;
    }
    .fAQs-head h2 {
        font-size: 1.5rem;
    }
    .accordion-main h2 {
        font-size: 1rem !important;
    }

    .card.card-body p {
        font-size: 14px;
    }

    .arrowlinkDiv {
        text-align: center;
    }

    .reqQuoteCenter {
        margin-right:40px;
    }
    
}