.contact-detail-con a span,
.header-phone a,
.roboto-txt,
.sub-detail-box span {
    font-family: Roboto
}

.main-menu,
header {
    position: fixed;
    top: 0;
    z-index: 99999;
    left: 0
}

.theme-btn:after,
.theme-btn:before {
    width: 25px;
    height: 25px;
    position: absolute
}

.contact-con h2,
.newsletter button,
.pink-btn,
.post-grid-cat,
.service-sub-heading,
.sub-head,
.testimonial-area h2 {
    text-transform: uppercase
}

.attached-file,
.blog-box-con h2 a {
    overflow: hidden;
    text-overflow: ellipsis
}

@font-face {
    font-family: MYRIADPRO REGULAR;
    src: url(../fonts/MYRIADPRO-REGULAR.woff);
    font-display: swap
}

@font-face {
    font-family: MYRIADPRO SEMIBOLD;
    src: url(../fonts/MYRIADPRO-SEMIBOLD.woff);
    font-display: swap
}

@font-face {
    font-family: MYRIADPRO BOLD;
    src: url(../fonts/MYRIADPRO-BOLD.woff);
    font-display: swap
}

@font-face {
    font-family: MyriadPro Light;
    src: url(../fonts/MyriadPro-Light.woff);
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Regular.ttf);
    font-display: swap
}

@font-face {
    font-family: Roboto Thin;
    src: url(../fonts/Roboto-Thin.ttf);
    font-display: swap
}

@font-face {
    font-family: Roboto Light;
    src: url(../fonts/Roboto-Light.ttf);
    font-display: swap
}

@font-face {
    font-family: Roboto Medium;
    src: url(../fonts/Roboto-Medium.ttf);
    font-display: swap
}

@font-face {
    font-family: Comic Sans MS;
    src: url(../fonts/comici.ttf);
    font-display: swap
}

@font-face {
    font-family: Aller;
    src: url(../fonts/Aller_Rg.ttf);
    font-display: swap
}

@font-face {
    font-family: Aller Light;
    src: url(../fonts/Aller_Lt.ttf);
    font-display: swap
}

body {
    font-family:  Roboto ;
    color: #000;
    font-size: 18px
}

img {
    max-width: 100%
}

a {
    outline: unset !important;
    color: #10afff
}

.blog-name-des h3 a,
p a {
    color: inherit
}

#main-menu .dropdown-menu li a:hover,
.blog-name-des a.discover-btn,
.blue-txt,
.service-con-box h3 span,
header.classic-header #main-menu li a:hover {
    color: #10afff
}

#main-menu .dropdown-menu li a,
.yellow-txt,
header.white-header #main-menu .dropdown-menu li a:hover,
header.white-header #main-menu h5 a:hover,
header.white-header #main-menu li a:hover {
    color: #fb0
}

.padding-top-0 {
    padding-top: 0 !important
}

.p100 {
    padding-top: 100px;
    padding-bottom: 100px
}

.p80,
.ptop80 {
    padding-top: 80px
}

.p80 {
    padding-bottom: 80px
}

.p50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.empowering-stage-box:nth-child(3),
.mobile-offer-list,
.mt80,
.stories-sec,
.why-whizcamp-left {
    margin-top: 80px
}

.contact-form,
.culture-slider,
.mt50,
.project-name,
.team-list,
.trusted-by-companies {
    margin-top: 50px
}

.empowering-stage-box:nth-child(2),
.empowering-stage-box:nth-child(5),
.mt100 {
    margin-top: 100px
}

.m100 {
    margin: 100px 0
}

.m80 {
    margin-top: 80px;
    margin-bottom: 80px
}

.m50 {
    margin-top: 50px;
    margin-bottom: 50px
}

.mb100,
.other-technologies,
.technology-sec,
section.single-blog-con {
    margin-bottom: 100px
}

.app-built,
.complete-app-feature .home-casestudy-heading,
.contact-form.idea-form .form-group,
.mb50,
section.latest-blog .trending-blog-box {
    margin-bottom: 50px
}

.home-casestudy .home-casestudy-heading,
.mb30,
h2.widget-title {
    margin-bottom: 30px
}

.blog-content-txt img,
.mb20,
.menu-list ul li,
section.empowering-process.wide-range .home-casestudy-heading {
    margin-bottom: 20px
}

.mb80,
.why-choose-whizcamp {
    margin-bottom: 80px
}

.mb0 {
    margin-bottom: 0 !important
}

.mt25,
.tech-con-box {
    margin-top: 25px
}

.main-menu {
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, .97)
}

.menu-list {
    float: right;
    width: 500px
}

.main-menu .site-logo {
    padding: 20px
}

.menu-close {
    margin-top: 30px;
    float: right;
    margin-right: 50px
}

.menu-close a {
    color: #fff;
    display: inline-block
}

.menu-close a:hover {
    text-decoration: none;
    opacity: .8
}

.menu-list ul {
    margin-top: 150px;
    list-style: none;
    padding-left: 0
}

.menu-list ul li a {
    color: #fff;
    font-size: 28px;
    opacity: .5;
    font-family: Raleway;
    font-weight: 300
}

.menu-list ul li a:hover,
.menu-list ul li.current-page a {
    opacity: 1;
    border-bottom: 1px solid #10afff;
    text-decoration: none
}

.close-toggle {
    float: right;
    margin-left: 10px;
    margin-top: 1px
}

.close-toggle .toggle-icon {
    background: #fff;
    display: block;
    float: none
}

.top-bar {
    background: #222;
    display: inline-block;
    width: 100%;
    padding: 6px 0 2px;
    transition: .4s
}

#picker i.fa.fa-calendar.ico-size,
#random-img div,
.alert,
.casestudy-content-box.not-active,
.contact-close,
.contact-con-box,
.contact-form-left.job-seeker-mobile,
.current-case-active a.casestudy-expand i.fas.fa-plus,
.drop-arrow,
.empowering-startup.spirit-discovery-process .empwering-box:before,
.enterprise-faq-box.enterprise-faq-active .faq-icon .fa-plus,
.enterprise-faq-box.enterprise-faq-active h4:before,
.expert-con-inner p,
.faq-box-content,
.faq-icon .fa-minus,
.header-phone.header-phone-pink.phone,
.home-banner-content a.theme-btn:after,
.home-banner-content a.theme-btn:before,
.job-detail-box,
.leverage-points ul li:last-child:before,
.menu-arrow,
.menu-list a.header-phone.header-phone-pink,
.phone-popup,
.process-content-box,
.service-con-box,
.services-con .services-list-box,
.team-thinks-images img,
.tech-content-box .tech-tab,
.tech-content-inner,
.tech-tab-box .tach-tab-head,
.tech-tab-content .tech-tab,
.thinks-team-box,
.trending-blog-title.trending-title-mobile,
section.contact-main.contact-main-show .contact-box,
section.empowering-startup.discovery-process .empwering-box:before {
    display: none
}

.header-social a,
header {
    display: inline-block;
    transition: .4s
}

.header-fixed .top-bar {
    padding: 4px 0 0
}

#main-menu .mega-menu-links li span a,
#main-menu h5 a,
#main-menu ul li,
.counts-list .col-md-3,
.footer-widget .footer-call a,
.platform-detail.evrpresent-platform-detail,
.process-detail .col-md-3,
.process-detail .col-md-9,
header,
header.header-fixed #main-menu .dropdown-menu li,
header.header-fixed nav.navbar.navbar-expand-lg.navbar-light,
section.empowering-startup.discovery-process .empwering-box,
section.experience .home-casestudy-heading,
section.key-features.evrpresent-resullt {
    padding: 0
}

.footer-follow span,
.header-social,
.hire-head img,
.job-name,
.mega-menu-links li img,
.think-slide-btns,
.thinks-slide-counts {
    float: left
}

.top-bar-contact {
    float: right;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-top: 2px
}

.header-social a {
    color: #fff;
    margin-right: 10px
}

.header-phone a {
    color: #fff;
    padding: 0 10px;
    border-right: 1px solid #fff;
    line-height: 1;
    font-size: 14px;
    transition: .4s
}

#main-menu .mega-menu-links li span a,
.mega-blue-box h4,
.mega-head h4 {
    font-weight: 700;
    font-family: MYRIADPRO REGULAR
}

.header-fixed .header-phone a,
.header-fixed .header-social a {
    font-size: 13px
}

.header-phone a:hover,
.header-social a:hover {
    color: #10afff;
    text-decoration: none
}

.header-phone a:last-child {
    border-width: 0;
    padding-right: 0
}

.header-menu-sec {
    padding-top: 5px
}

header {
    width: 100%;
    background: rgba(255, 255, 255, .7)
}

header.black-header,
header.black-header.header-fixed,
header.white-header.header-fixed {
    background: #000
}

.site-logo img {
    transition: .4s;
    width: 130px
}

header.header-fixed .site-logo img {
    width: 100px
}

header.header-fixed {
    -webkit-box-shadow: 0 0 14px -8px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 14px -8px rgba(0, 0, 0, .75);
    box-shadow: 0 0 14px -8px rgba(0, 0, 0, .75)
}

header.header-fixed #main-menu li {
    padding: 0 25px 10px
}

header.header-fixed .mega-menu {
    top: 60px
}

.site-logo {
    width: 200px;
    float: left
}

#main-menu ul.navbar-nav {
    float: right;
    padding-right: 0
}

#main-menu .navbar-nav>li {
    padding: 0 30px 20px;
    transition: .4s
}

#main-menu li:last-child {
    padding-right: 0 !important
}

#main-menu li a {
    color: #fff;
    text-decoration: none;
    padding: 10px 0;
    display: inherit;
    font-size: 18px
}

header.white-header #main-menu li.current-page a {
    font-weight: 600;
    color: #fb0
}

nav.navbar.navbar-expand-lg.navbar-light {
    padding-right: 0;
    padding-left: 0;
    transition: .4s;
    padding-bottom: 0
}

#time-picker,
.blog-box h2 a,
.contact-form .form-input option,
.idea-contact-group select option,
.industries-list.digital-methodology .industries-box:hover,
.key-features li,
.leverage-points ul li.red-dot-active,
.tech-con-text .first-case-txt li a,
.tech-con-text p a,
.vision-form #refresh-captcha,
.who-we-text p a,
header.classic-header #main-menu li a,
header.white-header #main-menu .mega-menu-links li a {
    color: #000
}

.contact-detail-con a,
.contact-form .form-submit .theme-btn,
.follow-links a:hover,
.footer-widget a:hover,
.founder-social ul li a,
.never-stop-box:hover p,
.services-box:hover h3,
.services-list-active .service-con p,
.services-list-box:hover p,
.services-list.traits-list .services-box:hover p,
.submit-idea-pop .yellow-btn.idea-btn:hover,
.think-slide-btns button.active,
.thinks-con,
.wide-range-box:hover h4,
header.white-header #main-menu h5 a,
header.white-header #main-menu li .yellow-btn:hover,
header.white-header #main-menu li a {
    color: #fff
}

header.white-header #main-menu li .yellow-btn {
    color: #fff;
    text-align: center
}

header.white-header #main-menu li a.white-btn {
    text-align: center;
    border-width: 0;
    color: #000
}

.app-services-list .expert-con .expert-con-inner h4,
.industry-banner .startup-banner-txt p,
header.classic-header.header-fixed a.header-phone i,
header.white-header.header-fixed a.header-phone i {
    font-size: 21px
}

header.classic-header.header-fixed a.header-phone>span,
header.white-header.header-fixed a.header-phone>span {
    font-size: 12px
}

header.classic-header.header-fixed span.cno,
header.white-header.header-fixed span.cno {
    font-size: 14px
}

.classic-header #main-menu li.current-page a {
    font-weight: 600;
    color: #10afff;
    border-bottom: 2px solid #10afff
}

#main-menu li:hover .mega-menu,
.has-submenu:hover .dropdown-menu {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.mega-menu {
    position: absolute;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    height: auto;
    top: 79px;
    left: 0;
    right: 0;
    line-height: normal;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 6px 12px 0 rgb(0 0 0 / 10%);
    border-top: 1px solid hsla(0, 0%, 85%, .3);
    overflow: hidden;
    transition: .5s;
    min-height: 350px
}

.mega-head h4 {
    font-size: 28px;
    color: #0fa7f3
}

.mega-head p {
    line-height: 1.5
}

.mega-head {
    padding: 30px 0 20px
}

.mega-blue-box {
    background: #0fa7f3;
    padding: 50px 40px;
    color: #fff
}

.mega-menu-links,
section#contact-enterprise .contact-detail-con {
    padding-right: 30px
}

.mega-blue-box p {
    line-height: 1.7
}

.mega-menu-links {
    padding-top: 0;
    padding-left: 30px
}

.mega-menu-links li a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    opacity: .5;
    margin-right: 7px;
    color: #fb0;
    display: none
}

.mega-menu-links li span {
    width: calc(100% - 55px);
    padding-left: 10px;
    float: left
}

.mega-menu-links li span.link-img {
    display: inline-block;
    width: 50px;
    padding-left: 0;
    text-align: center
}

#main-menu .mega-menu-links li span p,
section.latest-blog .blog-des-cat {
    font-size: 16px
}

#main-menu ul {
    float: none;
    margin: 0;
    padding: 0;
    list-style: none
}

.mega-menu-links li {
    display: inline-block;
    width: 33%;
    margin-bottom: 20px;
    vertical-align: top
}

#main-menu .mega-menu-links li:hover>a {
    border-bottom: 0 solid
}

.dropdown-menu {
    display: block;
    width: 300px;
    padding: 10px 0;
    margin: 0;
    transition: .5s;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: top
}

.has-submenu.company-menu .dropdown-menu {
    left: auto;
    right: 0
}

.has-submenu.company-menu .dropdown-menu:before {
    left: auto;
    right: 48px
}

.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 48px
}

#who-we-are,
.about-img,
.contact-form-head,
.has-submenu,
.header-menu-sec .container,
.hire-developer .container,
.industry-banner,
.submit-idea-pop .yellow-btn.idea-btn .idea-btn-txt,
.tech-title,
.testimonial-con,
.theme-btn,
.two-layers,
.why-choose-box p,
section.enterprise-banner {
    position: relative
}

.dropdown-menu ul {
    padding: 15px 0;
    list-style: none
}

#main-menu .dropdown-menu li a,
header.white-header #main-menu .dropdown-menu li a {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    color: #000
}

#main-menu .dropdown-menu li:last-child a,
.wide-range-box:nth-child(10),
.wide-range-box:nth-child(6),
.wide-range-box:nth-child(7),
.wide-range-box:nth-child(8),
.wide-range-box:nth-child(9),
header.white-header #main-menu .dropdown-menu li:last-child a {
    border-bottom: 0 solid #eee
}

#main-menu a:hover,
.contact-form-right .col-md-4:last-child,
.theme-btn,
section.tech-stacks .col-md-4:last-child .tech-stacks-box {
    border-width: 0
}

.mega-menu-inner {
    padding: 0 0 30px
}

.mega-menu-inner h5 {
    font-weight: 600
}

header.classic-header #main-menu li a.white-btn {
    text-align: center;
    border-width: 0
}

.form-group.idea-file-sec label,
.header-menu-sec .col-6,
.idea-time-sec .form-group .dtp_modal-content i,
nav.navbar.navbar-expand-lg {
    position: static
}

.header-menu {
    float: right;
    margin-top: 10px;
    transition: .4s
}

header.header-fixed .header-menu {
    margin-top: 5px
}

.header-contact {
    background: #0fa7f3;
    color: #fff;
    padding: 10px 30px;
    font-size: 13px;
    text-decoration: none;
    float: right
}

.header-contact:hover {
    background: #0c98de;
    color: #fff;
    text-decoration: none
}

.header-toggle {
    display: inline-block;
    width: 38px;
    float: right;
    margin-left: 20px
}

span.toggle-icon {
    width: 34px;
    height: 2px;
    background: #000;
    display: inline-block;
    float: left;
    margin: 5px 0
}

span.toggle-icon:nth-child(2) {
    width: 25px
}

span.toggle-icon:nth-child(3) {
    width: 17px
}

.home-banner-content h1 {
    font-size: 52px;
    font-weight: 600;
    font-family: Khand, sans-serif;
    line-height: 80px
}

.home-banner-content h1 span {
    font-size: 67px
}

.home-banner-content p {
    font-size: 21px;
    line-height: 43px;
    margin-bottom: 30px;
    width: 95%
}

.theme-btn {
    display: inline-block;
    padding: 10px 20px;
    color: #000;
    background: 0 0;
    outline: 0 !important
}

.home-banner,
.home-slider-banner {
    margin-top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 95vh;
    position: relative
}

.theme-btn:hover {
    background: #2cb9ff;
    color: #fff;
    text-decoration: none
}

.theme-btn:before {
    content: "";
    left: 0;
    border-top: 2px solid #2cb9ff;
    top: 0;
    border-left: 2px solid #2cb9ff
}

.theme-btn:after {
    content: "";
    right: 0;
    border-bottom: 2px solid #2cb9ff;
    bottom: 0;
    border-right: 2px solid #2cb9ff
}

.home-banner {
    background-image: url(../images/whizcamp-startup.jpg);
    background-position: center right
}

.home-slider-banner {
    background-position: center
}

.home-demand-banner {
    background-image: url(../images/on-demand-banner.jpg)
}

.home-cargo-banner {
    background-image: url(../images/home-banner/Home-Page-banner-Cargo-and-Shipment.jpg)
}

.home-fitness-banner {
    background-image: url(../images/home-banner/Home-Page-banner-Fitness.jpg)
}

.home-food-banner {
    background-image: url(../images/home-banner/Home-Page-banner-Food-Delivery.jpg)
}

.home-shopify-banner {
    background-image: url(../images/home-banner/Home-Page-banner-Shopify.jpg)
}

.home-banner .row,
.homebanner-slider .row,
.on-demand-banner .row {
    min-height: 95vh;
    align-items: center
}

span.banner-no {
    font-size: 25px;
    width: 40px;
    border-top: 2px solid #10afff;
    position: absolute;
    top: 40%;
    left: 24px;
    display: none
}

.home-banner-content {
    padding: 150px 0 40px;
    color: #fff
}

.contact-content-form,
.enterprise-casestudy-area,
.idea-file.idea-captcha,
.idea-time-sec,
.industries-list,
.job-box-head,
.newsletter form,
.process-detail,
section.home-services {
    display: inline-block;
    width: 100%
}

.services-left-img {
    width: 33%;
    margin-left: 7%;
    float: left;
    margin-bottom: -150px
}

.contact-con-box.active,
.current-case-active a.casestudy-expand i.fas.fa-minus,
.custom-check input:checked~.checkmark:after,
.enterprise-faq-box.enterprise-faq-active .faq-box-content,
.enterprise-faq-box.enterprise-faq-active h4:after,
.healthcare-expert-box:hover .expert-con-inner p,
.industries-list.digital-methodology .industries-box:hover:before,
.job-detail-box.active,
.management-solutions-box:hover p,
.process-content-box.process-box-active,
.service-con-box.service-box-active,
.services-img-sec.service-img-active,
.team-detail-box.active,
.team-thinks-images img.active,
.tech-content-inner.active,
.tech-tab-box.active .tech-tab-con,
.thinks-team-box.active {
    display: block
}

.services-img-sec {
    position: relative;
    display: none;
    max-height: 600px;
    overflow: hidden
}

.sevices-img-con {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    background: rgba(0, 0, 0, .22);
    color: #fff;
    padding: 25px 20px
}

.sevices-img-con svg {
    position: absolute;
    right: 20px;
    top: 34px
}

.sevices-img-con h3 {
    margin: 0;
    font-size: 25px
}

.sevices-img-con span {
    width: 50%;
    display: inline-block;
    border-bottom: 1px solid;
    opacity: .4;
    position: absolute;
    right: 30px;
    top: 41px
}

.services-list-sec {
    display: inline-block;
    width: 100%;
    background: #1a3967;
    padding: 0;
    margin-bottom: unset
}

.services-list-box {
    padding: 20px;
    display: inline-block;
    width: 100%;
    border-bottom: 2px solid rgba(255, 255, 255, .1);
    position: relative;
    cursor: pointer
}

.services-list-box.services-list-active:before {
    content: "";
    border-left: 10px solid #10afff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    right: -10px;
    top: 40%
}

.services-list-active,
.services-list-box:hover {
    background: no-repeat padding-box #10afff
}

.services-list-box:last-child {
    border-bottom: 0 solid #212121;
    margin-bottom: -7px
}

.service-icon {
    float: left;
    width: 55px;
    padding-top: 0
}

.service-icon img {
    max-height: 33px;
    max-width: 30px
}

.service-icon svg {
    width: auto;
    height: 40px
}

.service-con {
    float: left;
    width: calc(100% - 70px);
    padding-top: 0
}

.service-con h3 {
    color: #fff;
    font-size: 19px;
    margin: 0
}

.service-con p {
    color: #b4b4b4;
    line-height: 30px;
    display: none;
    margin: 0
}

.services-con {
    padding: 0 50px
}

.service-con-box .blue-btn {
    position: absolute;
    bottom: 0
}

.service-con-box h5 {
    font-size: 18px;
    font-weight: 600;
    font-family: MYRIADPRO REGULAR
}

.service-con-box .first-case-txt {
    padding: 0;
    margin: 0
}

.service-con-box .first-case-txt li {
    margin: 10px 0
}

.casestudy-content-box .project-owner-name p,
.count-txt p,
.homebanner-slider .slick-slide,
.project-owner .blue-btn,
.service-con-box .first-case-txt ul,
.success-con p,
.tech-stacks-box span.custom-badge span,
.top-ranking .slick-dots li {
    margin: 0
}

.service-sub-heading {
    letter-spacing: 8px;
    font-size: 18px
}

.service-con-box h3 {
    font-size: 35px;
    font-weight: 800;
    line-height: 1.4;
    font-family: MYRIADPRO BOLD;
    margin-bottom: 0
}

.service-con-box p {
    line-height: 37px;
    margin-bottom: 10px
}

section.home-casestudy {
    padding: 80px 0 100px
}

.home-casestudy-heading h2 {
    font-size: 50px;
    font-family: Khand, sans-serif;
    font-weight: 800;
    line-height: 1.2
}

#typed,
.casestudy-content-box h4 {
    font-family: MYRIADPRO BOLD
}

.casestudy-title-box {
    position: relative;
    cursor: pointer;
    max-height: 450px;
    overflow: hidden
}

.home-casestudy-sec {
    width: 100%;
    margin-top: 50px
}

.casestudy-title {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.casestudy-title-con {
    position: absolute;
    bottom: -130px;
    padding: 0 20px;
    width: 100%;
    color: #fff;
    transition: .4s
}

.casestudy-title-box:hover .casestudy-title-con {
    bottom: 30px
}

a.casestudy-expand {
    background: #fff;
    width: 40px;
    height: 40px;
    display: none;
    border-radius: 50%;
    position: absolute;
    bottom: 24px;
    right: 10px;
    text-align: center;
    padding-top: 8px
}

.casestudy-content-box h4,
.casestudy-content-box h5,
.casestudy-content-box p,
.casestudy-content-box ul,
.casestudy-tech {
    position: relative;
    transition: .5s
}

a.casestudy-expand i.fas.fa-minus {
    display: none;
    line-height: 1.7
}

.casestudy-title-box.current-case-active .casestudy-title-con,
.testimonial-slider .slick-arrow:hover {
    opacity: 1
}

.casestudy-title-con img {
    max-height: 70px
}

.casestudy-title-con h2 {
    color: #fff;
    font-size: 25px;
    margin: 0 0 20px
}

.casestudy-title:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .9) 55%);
    background: linear-gradient(to bottom, rgba(0, 73, 208, 0) 0, rgba(16, 177, 255, .9) 55%);
    content: '';
    opacity: 1;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
    -webkit-transition: opacity .8s, -webkit-transform .8s;
    transition: opacity .8s, transform .8s
}

.casestudy-title-box:hover .casestudy-title:before {
    background: -webkit-linear-gradient(top, rgba(0, 73, 208, 0) 0, rgba(16, 177, 255, .9) 0);
    background: linear-gradient(to bottom, rgba(0, 73, 208, 0) 0, rgba(16, 177, 255, .9) 0);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.white-btn {
    background-color: #fff;
    color: #000;
    padding: 10px 25px;
    display: inline-block
}

.white-btn:hover {
    background-color: #e7e7e7;
    text-decoration: none;
    color: #000
}

.casestudy-content-box h4 {
    font-size: 40px;
    font-weight: 800;
    top: 50px;
    opacity: 0
}

.slick-active .casestudy-content-box h4 {
    top: 0;
    opacity: 1;
    transition-delay: .6s
}

.casestudy-content-box h5 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 20px;
    top: 50px;
    opacity: 0
}

.slick-active .casestudy-content-box h5 {
    top: 0;
    opacity: 1;
    transition-delay: .7s
}

.slick-active .casestudy-content-box .casestudy-tech,
.slick-active .casestudy-content-box ul {
    top: 0;
    opacity: 1;
    transition-delay: .8s
}

.slick-active .casestudy-content-box p {
    top: 0;
    opacity: 1;
    transition-delay: .9s
}

.casestudy-content-box ul {
    padding: 0;
    list-style: none;
    margin: 15px 0 35px;
    top: 50px;
    opacity: 0
}

.casestudy-tech {
    top: 50px;
    opacity: 0
}

.casestudy-tech img {
    display: inline-block;
    width: 30px !important;
    margin: 0 5px !important
}

.casestudy-content-box p {
    line-height: 37px;
    margin: 5px 0 10px;
    top: 50px;
    opacity: 0
}

.casestudy-content-box ul li {
    line-height: 27px;
    margin: 0 0 10px;
    padding-left: 40px;
    position: relative
}

.casestudy-content-box ul li:before,
.first-case-txt li:before,
.two-layers-con li:before,
ul.who-we-point li:before {
    content: "";
    width: 29px;
    height: 1px;
    background: linear-gradient(90deg, #f9f9f9 0, #000 100%) no-repeat padding-box;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 11px
}

.casestudy-bottom {
    display: inline-block;
    width: 100%;
    transition: .5s;
    opacity: 0;
    position: absolute;
    bottom: 0;
    top: auto !important
}

.casestudy-content-box.animate__animated.animate__fadeInRight.animate__delay-1s {
    position: static;
    height: 100%
}

.slick-active .casestudy-bottom {
    top: 0;
    opacity: 1;
    transition-delay: 1s
}

.project-owner .theme-btn {
    float: left;
    margin-top: 20px
}

.project-owner img {
    float: left;
    width: 70px;
    margin-right: 15px;
    display: none
}

.project-owner-name {
    float: left;
    padding-top: 15px;
    display: none
}

.project-owner-name h5 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0
}

.blog-subtitle,
.homebanner-slider.slider,
.job-box p,
.project-owner-name p {
    margin-bottom: 0
}

section.home-process .home-casestudy-heading {
    padding-left: 0;
    text-align: center;
    margin-bottom: 30px
}

.process-box {
    width: 25%;
    background: #f6f6f6;
    text-align: center;
    float: left;
    padding: 6% 0;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.process-box:hover .process-con {
    top: 0
}

.process-con {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    background: #10afff;
    color: #fff;
    padding: 30px;
    line-height: 1.8;
    transition: .4s;
    right: 0;
    display: flex;
    align-items: center
}

.newsletter,
.process-box h5 {
    margin-top: 15px
}

.process-count {
    position: absolute;
    top: 0;
    right: 22px;
    font-size: 150px;
    font-weight: 700;
    line-height: 1;
    color: #f3f3f3
}

.process-content {
    position: relative;
    margin-top: -65px;
    width: 26%;
    float: left
}

.active .tech-tabs .service-icon img,
.process-box img {
    max-height: 60px
}

.industries-box:hover img,
.industries-list.digital-methodology .industries-box:hover img,
.process-box.process-box-selected img,
.process-box:hover img,
.services-list.traits-list .services-box:hover img,
.tech-tab.active a img,
.why-choose-box:hover img {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.process-info {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #00000000 0, #000 100%) no-repeat padding-box
}

.process-info-con {
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 25px
}

.blue-btn,
.yellow-btn {
    padding: 15px 30px;
    border-width: 0;
    border-radius: .2rem;
    color: #fff
}

.process-info-con h2 {
    font-size: 35px;
    margin: 0
}

.process-info-con p {
    margin: 0;
    line-height: 31px
}

span.process-seprater {
    display: block;
    width: 150px;
    height: 1px;
    background: #fff;
    opacity: .3;
    margin: 15px 0
}

.process-box svg {
    max-height: 60px;
    min-height: 60px
}

.experience-box:nth-child(4n),
.process-box:nth-child(4n) {
    border-right-width: 0
}

.country-service-box:nth-child(2) .country-name,
.country-service-box:nth-child(2) .service-name,
.enhance-count-box:last-child,
.process-box:nth-child(5),
.process-box:nth-child(6),
.process-box:nth-child(7),
.process-box:nth-child(8) {
    border-bottom-width: 0
}

section.get-solution {
    margin-top: 80px;
    padding: 50px 0;
    background: url(../images/need-to-get-solution.jpg);
    color: #fff;
    text-align: center
}

.get-solution-content h2 {
    font-size: 50px;
    font-family: Khand, sans-serif;
    font-weight: 800;
    margin-top: 10px;
    margin-bottom: 0
}

.get-solution-content p {
    font-size: 18px;
    line-height: 38px;
    margin-top: 0
}

.get-solution-content {
    width: 75%;
    margin: 0 auto
}

.blue-border-btn,
.blue-btn,
.yellow-btn {
    margin-top: 20px;
    outline: unset !important;
    display: inline-block
}

.blue-btn {
    background: #0fa7f3
}

.blue-btn.btn-sm,
.yellow-btn.btn-sm {
    font-size: 18px;
    padding: 12px 30px
}

.yellow-btn {
    background: #fb0
}

.yellow-btn:hover {
    text-decoration: none;
    background-color: #f4b300;
    color: #fff
}

.blue-border-btn {
    border: 1px solid #0fa7f3;
    color: #0fa7f3;
    padding: 14px 30px;
    box-shadow: unset !important
}

.blue-border-btn:hover {
    background-color: #0fa7f3;
    color: #fff
}

#side-contact-btn:hover,
.blue-btn:hover,
.newsletter button:hover {
    background: #0a9ae2
}

.blue-btn:hover {
    text-decoration: none;
    color: #fff
}

section.home-testimonial {
    padding: 100px 0 80px
}

.home-testimonial-head {
    text-align: center;
    width: 100%;
    margin: 0 auto 30px
}

.home-testimonial-head h2,
section.amplify-startup h2,
section.enterprise-banner.casestudy-banner .enterprise-banner-txt h1 {
    font-size: 50px;
    font-family: Khand, sans-serif;
    font-weight: 800
}

.testimonial-area {
    width: 90%;
    margin: 55px auto 0;
    background: #f4f4f4;
    padding: 40px;
    text-align: center
}

.testimonial-area h2 {
    font-size: 25px
}

.testimonial-area p {
    color: #656565;
    line-height: 42px;
    margin: 25px 0 30px
}

.partners-img {
    width: 100%;
    text-align: center;
    padding: 0;
    display: flex;
    align-items: center;
    align-content: center;
    min-height: 150px
}

.dtp_modal-win,
.partners-list button.slick-next,
.partners-list button.slick-prev {
    display: none !important
}

.slick-slide .partners-img img {
    opacity: .45;
    width: auto;
    max-height: 150px;
    display: block;
    margin: 0 auto;
    filter: grayscale(1);
    opacity: .5;
    -webkit-transition: .5s;
    transition: .5s
}

.slick-slide .partners-img:hover img {
    opacity: 1;
    -webkit-animation: .5s forwards toTopFromBottom;
    animation: .5s forwards toTopFromBottom;
    filter: grayscale(0)
}

section.whizcamp-count {
    padding: 100px 0;
    margin: 70px 0;
    background: url(../images/count-bg.jpg)
}

section.whizcamp-count .home-testimonial-head {
    color: #fff;
    width: 100%;
    margin-bottom: 70px
}

.count-box {
    text-align: center;
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, .5);
    padding-top: 30px
}

.count-box h2 {
    font-size: 34px;
    margin-top: 25px;
    display: inline-block
}

.count-box p,
.team-thinks-detail span {
    font-size: 15px
}

.blog-box h2,
.enhance-count-box p,
.footer-widget h3,
.protect-point h3 {
    font-size: 20px
}

.counts-list .col-md-3:last-child .count-box {
    border-right: 0px solid rgba(255, 255, 255, .5)
}

.count-box svg {
    display: block;
    margin: 0 auto
}

.count-box h2 span.count-plus {
    display: inline-block;
    font-size: 17px;
    float: right;
    margin-left: 3px
}

.home-blog-list {
    margin: 50px 0
}

.blog-box h2 {
    margin-top: 20px;
    color: #000;
    font-family: MYRIADPRO REGULAR
}

a.free-consult-btn,
section#have-project-mind a {
    margin-top: 10px;
    display: inline-block;
    text-decoration: none
}

.blog-box p {
    line-height: 29px;
    color: #656565
}

.footer-widget a,
.footer-widget p {
    color: #949494;
    line-height: 28px;
    font-family: 'MYRIADPRO REGULAR'
}

.home-blog-btn {
    text-align: center;
    margin-top: 30px
}

.blog-slider .slick-prev,
.industries-box:hover:before {
    left: 0
}

.blog-slider .slick-next {
    right: 0
}

.blog-slider .slick-prev:before,
.home-casestudy-sec .slick-prev:before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

.blog-slider .slick-next:before,
.home-casestudy-sec .slick-next:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

.blog-slider .slick-arrow:before,
.home-casestudy-sec .slick-arrow:before {
    font-size: 22px
}

.blog-slider .slick-arrow {
    bottom: -105px;
    top: auto;
    padding: 0;
    width: 30px;
    height: 30px;
    z-index: 99
}

section#have-project-mind {
    padding: 50px 0;
    background: #f6f6f6;
    color: #000;
    text-align: center
}

a.free-consult-btn {
    background: #10afff;
    padding: 8px 15px
}

span.contact-social a {
    display: inline-block;
    margin-right: 15px;
    font-size: 20px;
    margin-bottom: 10px
}

section#have-project-mind h3 {
    font-weight: 700;
    font-size: 32px
}

section#have-project-mind a {
    background: #ff574c;
    padding: 10px 30px;
    color: #fff;
    border-radius: 5px
}

section#have-project-mind a:hover {
    background: #f94236
}

footer {
    background: #141414;
    color: #fff;
    padding: 70px 0 0
}

.footer-copyright {
    background: #101010;
    color: #7a7a7a;
    text-align: center;
    font-size: 13px;
    padding: 10px;
    margin-top: 40px;
    font-family: Raleway;
    font-weight: 300
}

.footer-widget.footer-content-widget {
    width: 75%
}

.footer-widget.footer-content-widget h3 {
    margin-bottom: 25px
}

.footer-widget ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-widget a.blue-btn.btn-sm {
    color: #fff;
    font-family: MyriadPro Light
}

.footer-widget a {
    text-decoration: none;
    font-size: 15px;
    padding: 5px 0;
    display: inline-block
}

.footer-widget .theme-btn {
    padding: 10px 20px
}

.footer-widget a.theme-btn {
    color: #fff;
    text-decoration: none;
    font-size: 16px
}

.footer-widget p {
    font-size: 15px
}

.footer-widget .footer-call {
    display: flex;
    margin-bottom: 10px;
    align-items: baseline
}

.footer-call img,
.footer-call label {
    padding-right: 10px
}

.footer-call label {
    min-width: 28px;
    text-align: center
}

.footer-call img {
    width: 28px
}

.footer-call img.email-img {
    width: auto;
    padding: 0
}

.footer-address .footer-call p {
    margin: -18px 0 0 28px
}

div.footer-call p {
    line-height: 22px
}

.footer-bottom {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid
}

.app-feature-img,
.casestudy-center-img,
.center-text,
.footer-awards,
.form-pop-inner .contact-form .form-submit,
.member-img,
.mobile-mystery .services-head,
section.leadership .home-casestudy-heading {
    text-align: center
}

.contact-form .form-submit,
.first-case-title,
.footer-follow {
    text-align: right
}

.footer-awards img {
    max-height: 78px
}

.footer-awards a {
    display: inline-block;
    margin: 0 10px
}

.newsletter label span {
    font-family: Raleway;
    font-weight: 300
}

.newsletter label {
    font-family: Raleway;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 15px
}

.newsletter input {
    height: 40px;
    border-width: 0;
    width: 250px;
    padding: 10px;
    float: left;
    outline: 0
}

.newsletter button {
    height: 40px;
    border-width: 0;
    padding: 10px 15px;
    float: left;
    background: #0fa7f3;
    color: #fff;
    font-size: 12px;
    outline: unset
}

.contact_loader {
    width: 40px;
    float: left;
    margin-top: 1px;
    display: none;
    position: static;
    left: 57px
}

.footer-bottom-right {
    float: right;
    color: #e2e2e2
}

.footer-bottom-right .theme-btn {
    color: #fff;
    display: none !important
}

.follow-links,
.job-btns {
    float: right
}

.follow-links a {
    color: #535353;
    margin: 0 7px
}

span.follow-seprater {
    display: inline-block;
    width: 50px;
    border-bottom: 1px solid #535353;
    float: left;
    margin-top: 12px;
    margin-left: 10px;
    margin-right: 10px
}

.footer-follow {
    margin-top: 40px;
    display: inline-block;
    float: right
}

.error {
    color: red;
    font-size: 14px;
    display: none
}

.contact-form .alert,
.subscribe-form .blog-email-success,
.why-whizcamp-con {
    margin-top: 10px
}

.vertical-line {
    border-left: 1px solid #313131;
    height: 100%
}

a.header-phone {
    color: #fff;
    background: rgba(0, 0, 0, .35);
    display: inline-block;
    float: right
}

a.header-phone i {
    float: left;
    padding: 9px 7px;
    border-right: 1px solid;
    font-size: 25px;
    transition: .4s
}

span.cno {
    display: block;
    font-family: Roboto;
    font-size: 16px;
    transition: .4s
}

a.header-phone>span {
    float: left;
    line-height: 1.2;
    padding: 5px 10px;
    font-size: 13px;
    transition: .4s
}

.why-whizcamp-box:hover .why-whizcamp-ico,
header.white-header span.toggle-icon {
    background: #fff
}

.contact-box {
    width: 33.33%;
    display: inline-block;
    float: left;
    min-height: 100vh;
    position: relative
}

.contact-box.contact-crank {
    background: url(../images/contact-crank.jpg)
}

.contact-box.contact-enterprise {
    background: url(../images/contact-enterprise.jpg)
}

.contact-box.contact-job {
    background: url(../images/contact-job.jpg)
}

.mobile-offers.hire-process,
.services-list.traits-list,
header.white-header,
section.mobile-offers.enterprise-content {
    background: 0 0
}

.contact-box-overlay {
    position: absolute;
    background: no-repeat padding-box rgba(16, 175, 255, .27);
    width: 100%;
    height: 100%
}

.contact-box:hover .contact-box-overlay {
    background: no-repeat padding-box rgba(16, 175, 255, .66)
}

.contact-con {
    position: absolute;
    bottom: 30px;
    right: 0;
    padding-right: 50px
}

.contact-con h2 {
    font-size: 30px;
    line-height: 60px;
    color: #fff;
    font-family: Roboto;
    position: relative
}

.contact-con a {
    color: #fff;
    font-size: 25px;
    display: none
}

span.contact-title-bg {
    display: inline-block;
    background: linear-gradient(90deg, rgba(16, 175, 255, 0) 0, rgba(16, 175, 255, 0) 14%, #10afff 100%) no-repeat padding-box;
    width: 400px;
    height: 48px;
    position: absolute;
    right: 0;
    top: 5px
}

.contact-box:hover .contact-con h2 {
    font-size: 50px;
    line-height: 76px
}

.contact-box:hover .contact-con a {
    display: block;
    text-decoration: none
}

.contact-box:hover span.contact-title-bg {
    height: 64px;
    opacity: .41;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 14%, rgba(255, 255, 255, .07) 33%, rgba(255, 255, 255, .41) 49%, #fff 100%) no-repeat padding-box
}

.contact-con a i.fas.fa-arrow-right {
    font-size: 16px;
    margin-left: 5px
}

.contact-form-left {
    width: 27%;
    float: left;
    min-height: 100vh;
    position: relative
}

.contact-left-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: no-repeat padding-box rgba(16, 175, 255, .17)
}

.contact-form-right {
    width: 73%;
    float: right;
    padding: 170px 70px 50px
}

.contact-form-right .col-md-4,
.contact-form-right .col-md-5 {
    border-right: 1px solid #313131
}

.contact-form-sec {
    background: #040404;
    color: #fff;
    display: none;
    width: 100%
}

.apps-technology,
.banner-points li,
.contact-form-sec.contact-form-show,
.job-sub-detail {
    display: flex
}

.contact-form-right h1,
.contact-form-right h2 {
    font-family: Roboto Thin;
    font-size: 43px;
    line-height: 50px;
    letter-spacing: 10px;
    text-transform: uppercase;
    margin-left: 0
}

.contact-detail-con h3,
.founder-detail h5 {
    font-size: 20px;
    font-weight: 500
}

.contact-form-right h1 span,
.contact-form-right h2 span {
    font-family: Roboto;
    display: block;
    font-weight: 700
}

.contact-detail-con h3 {
    margin-top: 0;
    font-family: Raleway
}

.company-contact-detail {
    padding: 15px 40px;
    border: 1px solid #313131;
    margin-top: 30px
}

.ellegiance ul {
    list-style: none;
    margin: 15px 0 0;
    padding: 0
}

.ellegiance ul li {
    font-weight: 300;
    padding-left: 30px;
    position: relative;
    margin: 15px 0
}

.ellegiance ul li:before {
    content: "";
    background: url(../images/blue-tick.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 6px
}

.consult-person img {
    width: 90px;
    float: left
}

.consult-person {
    display: inline-block;
    margin-top: 15px;
    width: 100%
}

.founder-detail {
    padding-left: 15px;
    width: calc(100% - 90px);
    float: left
}

.founder-detail p {
    margin: 0;
    font-size: 13px
}

.underline a {
    border-bottom: 1px solid #313131;
    padding-bottom: 5px
}

span.social-personal a {
    display: inline-block;
    margin-right: 7px;
    margin-top: 10px;
    font-size: 12px
}

.ellegiance,
.enterprise-faq-list,
.key-features .first-case-txt:nth-child(3),
.leverage-points,
.schedule-address {
    margin-top: 20px
}

.book-cnsultation {
    align-content: center;
    margin-bottom: 50px
}

.schedule-cnsultation {
    margin-left: 36px
}

.address-con {
    display: flex;
    margin-bottom: 10px
}

.address-con label {
    width: 38px
}

.address-con span {
    font-family: Roboto Light;
    width: calc(100% - 100px)
}

.enterprise-banner-txt h1,
section.leverage-power h2,
section.transorming-enterprise h2 {
    font-family: Khand, sans-serif;
    font-weight: 800
}

.about-img img,
.address-con.contact-address span,
.empowering-startup-slider.slider,
.enterprise-banner img,
.key-features img,
.management-solution-slider.slider,
.platform-detail.evrpresent-platform-detail .platform-head h3,
.team-box img {
    width: 100%
}

.contact-page-form {
    padding: 50px 50px 0
}

.contact-form-head h3,
section.story-board h3 {
    font-size: 30px
}

a.contact-back,
a.contact-back-new {
    position: absolute;
    right: 0;
    top: 3px;
    color: #fff;
    font-size: 20px;
    cursor: pointer
}

.contact-form .form-input {
    width: 100%;
    background: 0 0;
    border-width: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    height: 34px;
    outline: 0;
    position: relative;
    padding-left: 0;
    border-radius: 0
}

.contact-form textarea.form-input {
    width: 100%;
    background: 0 0;
    border-width: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    min-height: 90px;
    outline: 0;
    position: relative
}

.idea-agree span.checkmark,
span.red-dots:before {
    height: 20px;
    width: 20px
}

.contact-form label {
    position: absolute;
    transition: .4s;
    top: 0
}

.contact-form .form-group.input-active label {
    top: -20px
}

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

.contact-form .form-submit .contact_loader {
    position: absolute;
    left: auto;
    right: 190px
}

.contact-form .form-submit button.blue-btn.btn-sm.crank-btn,
section.peotect-intellectual .power-list {
    margin-top: 0
}

.contact-form.idea-form .form-submit .contact_loader {
    right: 0;
    margin-top: 29px;
    width: 100%;
    text-align: center;
    left: auto
}

.contact-form.idea-form .form-submit .contact_loader img {
    width: 40px;
    margin-left: 295px
}

.form-file {
    line-height: 20px;
    display: none;
    position: relative
}

.form-file span {
    border: 1px solid #fff;
    padding: 7px 10px;
    font-size: 23px;
    margin-right: 10px;
    line-height: 1
}

.form-file input {
    position: absolute;
    border-width: 0;
    height: 40px;
    opacity: 0
}

a.header-phone.header-phone-blue {
    background: no-repeat padding-box rgba(16, 175, 255, .69)
}

.contact-form-left {
    background: url(../images/contact-crank.jpg) 0 0/cover
}

div#contact-enterprise .contact-form-left,
section#contact-enterprise .contact-form-left {
    background: url(../images/contact-enterprise.jpg) 0 0/cover
}

section#contact-enterprise .contact-form .form-group {
    position: relative;
    margin-bottom: 100px
}

.project-first {
    background: url(../images/kaizen-caestudy.jpg) 0 0/cover
}

.project-second {
    background: url(../images/filco-case.jpg) 0 0/cover
}

.home-casestudy.startup-casestudy .project-second,
.project-third {
    background: url(../images/evrpresent-casestudy.jpg) 0 0/cover
}

.header-phone.header-phone-pink {
    background: #ff5b5b;
    margin-left: 15px
}

.enterprise-banner-txt {
    /* position: absolute; */
    width: 100%;
    bottom: 30px;
    color: #fff;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.enterprise-banner-txt h1 {
    font-size: 75px
}

.enterprise-video-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    align-items: flex-end;
    display: none
}

.enterprise-right-txt {
    background: rgba(0, 0, 0, .21);
    color: #fff;
    width: 215px;
    padding: 20px;
    font-family: Raleway;
    font-weight: 300
}

.pink-btn,
.red-dot-active span.red-dots:before {
    background: #ff5b5b
}

.healthcare-con-sec,
section.transorming-enterprise {
    padding: 80px 0
}

section.transorming-enterprise h2 {
    font-size: 44px
}

.enhance-point-list p,
section.transorming-enterprise p {
    font-size: 22px;
    line-height: 39px
}

.pink-btn {
    color: #fff;
    padding: 10px 30px;
    display: inline-block
}

.pink-btn:hover {
    color: #fff;
    text-decoration: none;
    background: #f93b3b
}

.enhance-point-list:before,
.power-list ul li::before {
    background: no-repeat padding-box #10afff;
    position: absolute;
    left: 0;
    top: 5px
}

section.leverage-power,
section.love-talk {
    background: #f6f6f6;
    padding: 100px 0
}

section.leverage-power h2 {
    font-size: 39px;
    line-height: 55px
}

.leverage-points ul li,
.power-list ul li {
    font-family: 'MYRIADPRO REGULAR';
    position: relative
}

.power-list ul {
    list-style: none;
    padding-left: 25px
}

.power-list ul li {
    font-size: 22px;
    font-weight: 500;
    margin: 25px 0;
    padding-left: 35px
}

section.mobile-offers h2,
section.mobile-offers.enterprise-content h2,
section.mobile-offers.enterprise-content h2 b {
    font-weight: 700;
    font-family: Khand, sans-serif
}

.power-list ul li::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 5px solid #10aFFF45;
    border-radius: 50%
}

.leverage-points ul li:before,
span.red-dots:before {
    background: #c4c4c4;
    content: "";
    display: inline-block
}

.power-list {
    margin-top: 40px
}

.leverage-points ul {
    list-style: none;
    padding: 0 0 0 30px;
    margin: 0
}

.leverage-points ul li {
    padding-left: 50px;
    font-size: 20px;
    line-height: 34px;
    height: 140px;
    color: #828282
}

span.red-dots {
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    padding-top: 2px;
    background: #fff
}

.red-dot-active span.red-dots {
    border: 2px solid #ff5b5b
}

span.red-dots:before {
    border-radius: 50%
}

.leverage-points ul li:before {
    width: 1px;
    height: 100%;
    position: absolute;
    left: 18px
}

.leverage-points ul li:last-child {
    height: auto
}

section.enhance-buisness h2,
section.mobile-app-builders h2,
section.mobile-offers.management-solutions h2,
section.peotect-intellectual h2 {
    font-size: 50px;
    font-family: Khand, sans-serif;
    font-weight: 700;
    line-height: 62px
}

.enhance-point-list {
    margin-top: 35px;
    padding-left: 46px;
    position: relative
}

.enhance-point-list h4,
section.mobile-offers h2 b {
    font-family: Raleway;
    font-weight: 600
}

.enhance-point-list:before {
    content: "";
    width: 30px;
    height: 30px;
    border: 7px solid #10aFFF45;
    border-radius: 50%;
    display: inline-block
}

.enhance-count {
    background: #f6f6f6;
    padding: 20px 0;
    margin-top: 20px
}

.enhance-count-box {
    padding: 30px 40px;
    border-bottom: 2px solid #fff
}

.enhance-count-box span {
    font-size: 80px;
    font-family: Roboto Light;
    line-height: 59px
}

.enhance-count-box.count-active span {
    font-family: Roboto Medium;
    color: #ff5b5b
}

section.mobile-offers {
    background: #f6f6f6;
    padding: 80px 0
}

.protect-point-list {
    flex: 0 0 33%
}

section.mobile-offers h2 {
    font-size: 50px;
    line-height: 57px
}

.mobile-offer-list img {
    max-height: 45px;
    min-height: 45px
}

.mobile-offer-list h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    margin: 20px 0 10px
}

.mobile-offer-list p {
    color: #919191;
    font-size: 18px;
    line-height: 33px
}

section.mobile-offers.enterprise-content h2 {
    width: 100%;
    font-size: 50px
}

.enterprise-content-box {
    padding: 115px 15px 10px;
    border: 1px solid #d1d1d1;
    margin-top: 50px
}

.enterprise-content-box:hover {
    background: #f5f5f5
}

.enterprise-content-box img {
    min-height: 37px;
    max-height: 37px
}

.enterprise-content-box h3 {
    font-size: 20px;
    margin-top: 10px;
    line-height: 27px
}

.looking-for-ecm {
    margin-top: 50px;
    font-size: 24px
}

.looking-for-ecm a {
    font-family: Raleway;
    font-weight: 600;
    color: #fb0
}

section.peotect-intellectual {
    background: #f6f6f6;
    padding: 100px 0;
    margin-bottom: 80px;
    margin-top: 100px
}

section.peotect-intellectual p {
    font-size: 22px;
    line-height: 42px
}

.protect-point-list img {
    margin-bottom: 10px
}

.protect-point {
    display: flex;
    margin-top: 50px
}

.peotect-intellectual-img {
    width: 120%;
    margin-left: -20%;
    margin-top: -191px;
    margin-bottom: -191px
}

section.mobile-app-builders {
    padding: 100px 0 0
}

.mobile-app-box {
    background: #f6f6f6;
    padding: 40px 20px 40px 40px;
    margin-top: 40px
}

.mobile-app-box h4 {
    font-size: 19px;
    margin-top: 10px
}

.builder-app-box img {
    min-height: 34px;
    max-height: 34px
}

.mobile-app-box p {
    color: #919191;
    line-height: 27px;
    margin: 0
}

.mobile-app-box .col-lg-3,
section.subscribe-blog .col-md-5 {
    border-right: 1px solid #ddd
}

.mobile-app-box .col-lg-3:last-child {
    border-right: 0px solid #ddd
}

.management-solutions-list {
    margin-top: 30px;
    display: flex
}

.management-solutions-box {
    position: relative;
    width: 100%;
    margin-right: 2%
}

.empowering-stage-box:last-child,
.htype-box:last-child,
.job-tags span:last-child,
.management-solutions-box:last-child {
    margin-right: 0
}

.management-solution-con {
    position: absolute;
    top: 0;
    color: #fff;
    padding: 20px;
    height: 100%;
    display: grid;
    align-content: end;
    background: rgba(0, 0, 0, .5);
    width: 100%
}

.management-solution-con h3 {
    font-size: 20px;
    margin: 0 0 5px
}

.management-solution-con p {
    font-size: 14px;
    line-height: 25px;
    display: none;
    margin: 0
}

.management-solutions-box:hover .management-solution-con {
    background: #009fef
}

section.mobile-offers.management-solutions {
    background: 0 0;
    padding: 70px 0
}

.enterprise-casestudy-box h2 {
    font-family: Raleway;
    font-weight: 800;
    font-size: 40px;
    position: relative
}

span.backgrund-count {
    position: absolute;
    font-size: 150px;
    bottom: 0;
    font-family: Raleway;
    font-weight: 600;
    color: #65656559;
    opacity: .3;
    line-height: 1
}

.enterprise-casestudy-box {
    width: 700px;
    background: no-repeat padding-box #fff;
    box-shadow: 0 14px 88px rgba(0, 0, 0, .2);
    padding: 150px 60px 80px;
    float: right
}

section.enterprise-casestudy {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 100px
}

.enterprise-casestudy-right {
    transform: matrix(0, 1, -1, 0, 0, 0);
    text-align: left;
    font: bold 90px/136px Raleway;
    letter-spacing: 0;
    color: #dbdbdb;
    opacity: .2;
    display: inherit;
    right: 0;
    position: absolute;
    z-index: 999;
    top: 260px
}

.enterprise-casestudy-gray {
    right: 0;
    position: absolute;
    background-color: #f6f6f6;
    width: 40%;
    height: 100%;
    top: 0;
    max-width: 550px
}

.enterprise-casestudy-overlay {
    position: absolute;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%
}

.enterprise-casestudy-img {
    position: relative;
    margin-top: 100px;
    max-height: 550px;
    overflow: hidden
}

.enterprise-casestudy-con {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.enterprise-casestudy-box p {
    color: #656565;
    width: 74%;
    line-height: 37px;
    margin-bottom: 30px;
    margin-top: 15px
}

section.enterprise-faq h2 {
    font-size: 47px;
    font-family: Khand, sans-serif;
    font-weight: 600
}

.enterprise-faq-box h4 {
    font-size: 23px;
    cursor: pointer;
    font-family: MYRIADPRO REGULAR;
    width: 100%;
    position: relative;
    padding-right: 15%
}

.enterprise-faq-box h4:before {
    content: "\f067";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 0
}

.enterprise-faq-box h4:after {
    content: "\f068";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 0;
    display: none;
    top: 0
}

span.faq-icon {
    position: absolute;
    right: -15%;
    top: 0
}

section.story-board .project-name h3,
span.faq-icon i {
    font-size: 25px
}

.enterprise-faq-box.enterprise-faq-active .faq-icon .fa-minus {
    display: block;
    line-height: 1.4
}

.enterprise-faq-box {
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6
}

.enterprise-faq-box p {
    font-size: 19px;
    width: 80%;
    margin-top: 10px;
    margin-bottom: 10px
}

.founder-sec {
    width: 80%;
    position: relative
}

.founder-name {
    position: absolute;
    top: 14%;
    width: 152px;
    height: 145px;
    background: no-repeat padding-box #10afff;
    border: 8px solid #10aFFF5C;
    color: #fff;
    right: -85px
}

.founder-name h2 {
    font-size: 47px;
    margin-left: -54px;
    padding-top: 5px;
    padding-right: 30px
}

.founder-name h2 span {
    display: block;
    text-align: right;
    font-family: Raleway;
    font-weight: 800
}

.founder-social {
    position: absolute;
    bottom: 10px;
    width: 80%;
    left: 10%;
    color: #fff;
    text-align: center
}

.founder-social p {
    font-size: 25px;
    font-family: Raleway;
    font-weight: 300;
    margin: 0 0 10px;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding: 0 0 10px
}

.founder-social ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.founder-social ul li {
    display: inline;
    margin: 0 10px;
    font-size: 23px
}

section.love-talk h2 {
    font-family: Raleway;
    font-weight: 800;
    font-size: 40px
}

section.love-talk .contact-form {
    margin: 0;
    padding-left: 50px
}

section.love-talk .contact-form .contact_loader {
    position: absolute;
    left: 160px;
    top: 26px
}

.blog-content-txt,
section.love-talk .contact-form h2 {
    margin-bottom: 40px
}

section.love-talk .contact-form .form-input {
    border-bottom: 1px solid #c7c7c7;
    color: #000
}

.custom-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: -54px !important
}

.custom-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee
}

.custom-check:hover input~.checkmark {
    background-color: #ccc
}

.custom-check input:checked~.checkmark {
    background-color: #ff5b5b
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.custom-check .checkmark:after {
    left: 11px;
    top: 7px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.submit-idea-pop .custom-check .checkmark:after {
    border: solid #00baf6;
    border-width: 0 3px 3px 0;
    width: 6px;
    height: 10px;
    left: 5px;
    top: 1px
}

.submit-idea-pop .custom-check input:checked~.checkmark {
    background-color: transparent;
    border: 2px solid;
    border-radius: 5px;
    top: 2px
}

.idea-pop-social {
    display: inline-block;
    margin-left: 15px
}

.idea-pop-social a {
    display: inline-block;
    margin-left: 5px
}

.idea-pop-footer {
    margin: 60px 0 0;
    text-align: center;
    width: 100%
}

.idea-pop-footer p {
    margin: 0;
    display: inline-block
}

#refresh-captcha {
    color: #fff;
    float: right;
    margin-right: 5px
}

.idea-file.idea-captcha #captcha {
    height: 34px;
    background: 0 0;
    width: 150px;
    color: #fff;
    outline: unset
}

.idea-file.idea-captcha #image-captcha {
    float: right;
    margin-top: -9px;
    border-radius: 10px
}

.submit-idea-pop .custom-check {
    font-size: 16px;
    color: #d9d9d9;
    padding-left: 28px
}

.submit-idea-pop .custom-check a {
    color: #00baf5
}

.form-aggree {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-top: -20px
}

.blog-content-txt .first-case-txt,
.empowering-startup.spirit-discovery-process .empwering-box,
section.peotect-intellectual .power-list ul {
    padding-left: 0
}

section.peotect-intellectual .power-list ul li {
    font-size: 20px;
    margin: 10px 0
}

section.startup-banner {
    background: url(../images/startup-banner.jpg);
    padding: 350px 0 150px;
    color: #fff
}

section.startup-banner.startup-top-banner {
    padding-top: 350px;
    background-repeat: no-repeat;
    background-size: cover
}

section.empowering-process .home-casestudy-heading,
section.home-casestudy.startup-casestudy .home-casestudy-heading {
    padding: 0;
    text-align: center
}

section.startup-banner h1 {
    font-size: 65px;
    font-family: Khand, sans-serif;
    font-weight: 800;
    margin-bottom: 20px
}

section.never-stop {
    text-align: center;
    padding: 100px 0
}

section.empowering-startup h2,
section.never-stop h2 {
    font-family: Khand, sans-serif;
    font-weight: 800;
    font-size: 50px
}

.blog-post-user h4,
.count-txt,
.tech-stack-txt p,
.why-choose-whizcamp p,
section.never-stop p {
    font-size: 18px
}

.never-stop-list {
    display: flex;
    margin-top: 40px
}

.never-stop-box {
    width: 33.33%;
    padding: 50px
}

.never-stop-box svg {
    max-height: 70px;
    min-height: 70px
}

.never-stop-box p {
    color: #aaa;
    margin-top: 10px
}

.never-stop-box:hover svg path,
.wide-range-box:hover svg path {
    fill: #fff
}

.never-stop-box:hover,
.wide-range-box:hover {
    background: #10abf9
}

.startup-mvp h2,
.who-we-text h2,
.who-we-text h3 {
    font-family: Khand, sans-serif;
    font-weight: 800;
    font-size: 45px
}

.empwering-box h4,
.success-con h4,
section.amplify-startup h4 {
    font-family: 'MYRIADPRO REGULAR'
}

.startup-mvp p {
    line-height: 39px;
    font-size: 17px
}

.appdev-con-sec,
section.amplify-startup,
section.casestudy-list,
section.empowering-startup,
section.trending-blog {
    padding: 100px 0
}

.empwering-box h4 {
    font-size: 22px;
    font-weight: 500
}

.empwering-box p {
    font-size: 18px;
    line-height: 34px
}

.empowering-points,
.latest-blog-list {
    margin-top: 30px
}

.empwering-box {
    position: relative;
    padding-left: 30px;
    margin-bottom: 25px
}

.empwering-box:before {
    content: "";
    left: 6px;
    top: 2px;
    width: 8px;
    height: 16px;
    border: solid #10afff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute
}

.empowering-stage-icon {
    width: 135px;
    height: 135px;
    border: 19px solid #10aFFFA8;
    border-radius: 50%;
    text-align: center;
    display: grid;
    align-items: center;
    background: #fff
}

#technology-stack .row,
#who-we-are .row,
.about-sec .row,
.brands-img,
.get-in-touch .row,
.key-features .row,
.ondemand-detail-banner .row,
.ondemand-points .row {
    align-items: center
}

.empowering-stage-box p {
    font-size: 22px;
    color: #919191;
    text-align: center;
    margin-top: 20px
}

.empowering-stages {
    display: inline-block;
    width: 100%;
    margin-top: 100px
}

.empowering-stage-box {
    position: relative;
    float: left;
    margin-right: 8.9%
}

.empowering-stage-icon svg {
    margin: 0 auto
}

.stage-name {
    border: 1px solid #dcdcdc;
    border-radius: 45px 45px 45px 0;
    padding: 15px 20px;
    left: 140px;
    top: -30px;
    position: absolute;
    white-space: nowrap
}

.experience-box,
.wide-range-box {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    float: left
}

.empowering-stage-box:nth-child(2) .stage-name {
    left: 70px;
    top: -67px
}

.empowering-stage-box:nth-child(3) .stage-name,
.empowering-stage-box:nth-child(4) .stage-name,
.empowering-stage-box:nth-child(5) .stage-name {
    left: 45px;
    top: -67px
}

.empowering-stage-box:hover .stage-name,
.process-dot:hover .process-number,
.wide-range-tab a.range-tab-active,
.wide-range-tab a:hover {
    background: #10afff;
    color: #fff
}

.formost-case-title h3:before,
.trending-blog-title h2 span {
    background: linear-gradient(270deg, #fffFFF00 0, grey 100%) no-repeat padding-box;
    height: 1px
}

section.amplify-startup p {
    font-size: 18px;
    color: #000;
    line-height: 32px
}

section.amplify-startup h4 {
    font-size: 24px;
    font-weight: 600;
    margin: 30px 0 10px
}

.amplify-point {
    font-size: 18px;
    padding: 0 0 0 30px;
    margin: 10px 0;
    position: relative
}

.amplify-point:before {
    content: "";
    background: url(../images/arrow-blue.jpg);
    position: absolute;
    left: 0;
    top: 6px;
    width: 21px;
    height: 14px
}

section.amplify-startup .theme-btn {
    margin: 30px 0 0 30px
}

section.empowering-process .management-solutions-box {
    width: 100%;
    transition: .4s
}

.team-box:hover,
section.empowering-process .management-solutions-box:hover {
    transform: scale(1.1)
}

.wide-range-tab {
    display: none;
    text-align: center
}

.wide-range-tab a {
    display: inline-block;
    box-shadow: 0 6px 18px #0000001C;
    border: 1px solid #afaFAF45;
    color: #b3b3b3;
    padding: 10px 20px;
    margin: 0 10px;
    text-decoration: none
}

.wide-range-list {
    display: inline-block;
    width: 100%;
    margin-top: 10px
}

.wide-range-box {
    text-align: center;
    width: 20%;
    display: inline-block;
    padding: 50px 20px
}

.tech-tab:last-child a,
.wide-range-box:nth-child(5n) {
    border-right: 0px solid #eee
}

.wide-range-box h4 {
    font-size: 18px;
    min-height: 50px
}

.wide-range-box svg {
    min-height: 45px;
    max-height: 45px;
    margin-bottom: 10px
}

section.home-casestudy.startup-casestudy {
    padding: 30px 0 100px
}

section.home-casestudy.startup-casestudy .casestudy-title-box {
    width: 30%;
    cursor: pointer
}

section.home-casestudy.startup-casestudy .casestudy-content-box {
    padding: 150px 40px 100px 35px
}

section.about-sec,
section.culture,
section.empowering-startup.discovery-process,
section.leadership,
section.platform-detail.aringo-platform-detail .key-features {
    padding: 50px 0
}

section.about-sec h2 {
    font-size: 47px;
    font-weight: 800;
    font-family: 'Aller';
}

section.about-sec p {
    font-size: 16px;
    line-height: 32px;
    color: #0000008f;
    padding: 5px 61px 5px 0px;
}

.play-btn {
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: #fff;
    cursor: pointer;
    display: none
}

.experince-list,
.play-btn span,
.success-box,
.team-title-bg,
a.discover-btn,
section.hello-coffee {
    display: inline-block
}

.play-btn span {
    width: 49px;
    height: 49px;
    background: no-repeat padding-box #f44336;
    border: 4px solid #fffFFF47;
    border-radius: 50%;
    text-align: center;
    padding-top: 8px;
    padding-left: 5px;
    margin-left: 10px
}

.budget-friendly,
.key-features,
/* section.experience {
    padding: 70px 0
} */

.experince-list {
    width: 100%;
    background: #f6f6f6;
    padding: 30px;
    margin-top: 40px
}

.experience-box {
    width: 25%;
    padding: 30px 50px
}

.experience-box h4 {
    font-size: 33px;
    margin: 0
}

.experience-box p {
    min-height: 50px;
    margin: 0
}

.success-box svg {
    float: left;
    width: 40px;
    margin-top: 2px
}

.success-box {
    padding: 20px;
    width: 73%;
    margin-top: 30px
}

.success-box:hover {
    background: no-repeat padding-box #fff;
    box-shadow: 0 24px 63px #00000012
}

.success-con {
    float: left;
    padding-left: 20px;
    width: calc(100% - 50px)
}

.success-con h4 {
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 15px
}

.team-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #00000000 0, #000 100%) no-repeat padding-box;
    opacity: .55
}

.who-we-bg,
a.discover-btn:hover {
    opacity: .7
}

.team-box {
    position: relative;
    width: 90%;
    margin: 0 auto;
    transition: .4s
}

.team-info {
    position: absolute;
    bottom: 20px;
    color: #fff;
    text-align: right;
    width: 100%;
    padding-right: 30px
}

.team-info h2 {
    position: relative;
    font-size: 28px
}

.team-title-bg {
    background: linear-gradient(90deg, rgba(16, 175, 255, 0) 0, rgba(16, 175, 255, 0) 14%, #10afff 100%) no-repeat padding-box;
    width: 350px;
    height: 48px;
    position: absolute;
    right: 0;
    top: -7px
}

.social-designation {
    font-size: 17px;
    margin-top: 15px
}

.social-designation a {
    color: #fff;
    font-size: 27px;
    padding-right: 10px;
    border-right: 1px solid;
    margin-right: 10px
}

.hello-coffee-area {
    width: 100%;
    margin: 70px auto;
    display: flex;
    justify-content: center;
}

section.hello-coffee {
    width: 100%;
    background: #f7f7f7;
    margin-top: 50px;
}

.hello-coffee-area img {
    align-self: center;
    width: 160px;
    margin-top: 16px;
    margin-bottom: -10px
}

.coffee-con {
    padding-left: 40px
}

.coffee-con h2,
.key-features h2,
section.casestudy-list h2 {
    font-size: 35px;
    font-family: MYRIADPRO REGULAR;
    font-weight: 600
}

.coffee-con p {
    font-size: 21px;
    margin: 0
}

.first-case-title h2 {
    position: relative;
    margin-top: 50px;
    text-align: right;
    font-family: Raleway;
    font-weight: 800;
    font-size: 52px
}

.first-case-title p {
    font-size: 18px;
    font-family: Raleway;
    font-weight: 500
}

.first-case-title h2 img {
    float: right;
    margin-top: -10px;
    margin-left: 10px
}

.first-case-title h2 span {
    right: 0;
    opacity: .15
}

section.casestudy-first {
    padding: 100px 0 0;
    position: relative
}

.first-case-txt {
    margin-top: 80px;
    padding-left: 30px
}

.first-case-txt h3 {
    font-family: MYRIADPRO REGULAR;
    font-weight: 600;
    font-size: 35px
}

.first-case-txt ul,
.two-layers-con ul,
.who-we-point {
    list-style: none;
    padding: 0
}

.first-case-txt li {
    padding-left: 35px;
    position: relative;
    margin: 20px 0
}

a.discover-btn {
    color: #000;
    font-size: 17px;
    margin-top: 10px;
    text-decoration: none
}

.tech-stacks-box b,
a.discover-btn img {
    margin-right: 5px
}

.formost-case-study {
    position: absolute;
    right: 0;
    bottom: 0;
    align-items: end;
    vertical-align: bottom;
    display: none
}

.formost-case-title {
    display: table-cell;
    height: 100%;
    vertical-align: bottom;
    font-size: 27px;
    font-family: Raleway;
    font-weight: 500;
    padding-bottom: 35px
}

.formost-case-title h3:before {
    content: "";
    width: 100px;
    display: inline-block;
    float: right;
    margin-top: 19px;
    margin-left: 10px
}

.formost-case-title h3 {
    position: relative;
    font-family: Raleway;
    font-weight: 500
}

.formost-case-title h3 span.backgrund-count {
    left: -100px;
    bottom: -20px;
    opacity: .2
}

.casestudy-box {
    margin-top: 40px;
    margin-bottom: 30px
}

.casestudy-box h3 {
    font-size: 25px;
    margin: 25px 0 15px;
    font-family: MYRIADPRO REGULAR;
    font-weight: 500
}

.casestudy-box p {
    font-size: 16px;
    color: #929292;
    margin-bottom: 5px
}

.casestudy-box>img {
    min-height: 380px
}

a.banner-back {
    width: 80px;
    height: 80px;
    background: no-repeat padding-box #10afff;
    border: 13px solid #10aFFF38;
    position: absolute;
    bottom: 30px;
    z-index: 99;
    right: 30px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 25px;
    padding-top: 10px
}

.common-heading,
.platform-head h3 {
    font-size: 35px;
    font-family: MYRIADPRO REGULAR
}

.platform-head h3 {
    font-weight: 600;
    width: 86%;
    margin-top: 50px;
    line-height: 54px
}

.platform-info {
    padding-top: 50px;
    margin-top: 50px;
    border-top: 1px solid #d3dfe2
}

.platform-info h4 {
    font-size: 30px;
    font-family: MYRIADPRO REGULAR
}

.brands-img {
    display: flex;
    margin: 30px 0 0
}

.brand-img-box {
    width: 25%
}

.country-service {
    border: 1px solid #d3dfe2;
    padding: 30px;
    display: inline-block;
    width: 100%;
    margin-top: 30px
}

.country-name,
.service-name {
    border-bottom: 1px solid #d3dfe2;
    padding-top: 20px;
    padding-bottom: 10px;
    float: left
}

.country-service-box {
    display: inline-block;
    width: 100%;
    float: left
}

.country-name {
    width: 120px;
    border-right: 1px solid #d3dfe2;
    padding-left: 10px
}

.service-name {
    padding-left: 40px
}

section.platform-detail {
    background: #f7f8f8;
    padding: 100px 0
}

section.platform-detail.aringo-platform-detail {
    padding: 50px 0 0
}

.country-service-box h5 {
    font-size: 23px;
    font-family: MYRIADPRO REGULAR;
    font-weight: 600
}

.country-service-box p {
    font-size: 20px;
    font-family: MYRIADPRO REGULAR;
    font-weight: 500
}

.key-features h4 {
    font-size: 25px;
    font-family: MYRIADPRO REGULAR;
    font-weight: 500
}

.key-features .first-case-txt,
.tech-con-text .first-case-txt {
    margin-top: 20px;
    padding-left: 0
}

section.empowering-startup.discovery-process .empowering-stage-icon {
    border: 19px solid #ff5b5b
}

.discovery-process .empowering-stage-box:hover .stage-name {
    background: #ff5b5b;
    color: #fff
}

.common-heading {
    font-weight: 800
}

section.story-board .project-name h4 {
    font-size: 25px;
    font-family: MYRIADPRO REGULAR;
    font-weight: 600;
    text-decoration: underline
}

section.story-board {
    background: #f9f9f9;
    padding: 100px 0
}

.storyboard-img-txt {
    position: relative;
    margin-top: 100px;
    text-align: right
}

.storyboard-img-txt h4 {
    font-size: 31px;
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    font-family: Comic Sans MS;
    line-height: 42px
}

section.tech-stacks {
    padding: 20px 0 70px
}

.tech-stacks-box {
    padding: 0;
    border-right: 1px solid #eee;
    width: 100%;
    display: inline-block;
    font-size: 25px
}

.tech-stacks-box span {
    margin-right: 20px;
    margin-left: 5px;
    margin-top: 15px;
    display: inline-block
}

.tech-stacks-box span.custom-badge {
    color: #000;
    background-color: #efefef;
    padding: .75rem 20px;
    font-size: 17px;
    font-weight: 700;
    border-radius: 40px
}

.tech-stacks-box span.custom-badge img {
    max-width: 1.6rem;
    max-height: 20px;
    float: left;
    margin-right: 10px;
    margin-top: 3px
}

.tech-stacks-box label {
    font-size: 25px;
    font-family: Raleway;
    font-weight: 500;
    text-decoration: underline;
    float: left;
    width: 150px
}

.tech-stacks-box p {
    font-size: 22px;
    font-family: Raleway;
    font-weight: 500;
    color: #707070;
    line-height: 42px;
    margin-bottom: 10px
}

.blog-des-cat,
.blog-name-des h3 {
    font-family: 'MYRIADPRO REGULAR';
    font-weight: 500
}

.tech-stach-list {
    float: left;
    width: calc(100% - 150px)
}

.blog-des-cat {
    font-size: 18px
}

.blog-des-cat span {
    color: #c9c9c9;
    font-size: 17px;
    margin-left: 5px
}

.blog-name-des h3 {
    font-size: 26px;
    width: 80%;
    line-height: 36px
}

.trending-blog-box.trending-first .blog-name-des {
    min-height: 250px
}

.blog-name-des {
    padding-top: 30px
}

.trending-blog-title h2 {
    font-size: 36px;
    font-family: Raleway;
    font-weight: 500;
    display: flex;
    align-items: center
}

.trending-blog-title h2 span {
    width: 50%;
    display: inline-block;
    margin-top: 10px;
    margin-left: 20px
}

.trending-blog-title {
    margin-top: 80px;
    padding-left: 60px
}

.blog-date {
    color: #c9c9c9
}

.trending-blog-sidebox .blog-name-des {
    background: #ff5b5b;
    padding: 30px;
    color: #fff
}

section.latest-blog .trending-blog-sidebox .blog-name-des h3 {
    font-size: 49px;
    line-height: 59px
}

.trending-blog-sidebox .blog-name-des p {
    line-height: 38px
}

.trending-blog-sidebox .blog-name-des a {
    background: #fff;
    color: #ff5b5b;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
    padding: 15px;
    font-size: 21px;
    font-family: Raleway;
    font-weight: 500;
    text-decoration: none
}

.trending-blog-sidebox .blog-name-des a:hover {
    background: #eaeaea
}

section.latest-blog .blog-name-des h3 {
    font-size: 20px;
    width: 100%
}

section.subscribe-blog {
    background: #f3f3f3;
    padding: 70px
}

.subscribe-title p {
    font-size: 18px;
    margin: 0 0 5px
}

.subscribe-title h2 {
    font-size: 37px;
    font-family: 'MYRIADPRO REGULAR';
    font-weight: 500;
    font-weight: 48px
}

.counter,
.single-blog-title h1 {
    font-family: Khand, sans-serif
}

.subscribe-title {
    padding: 30px 0
}

.subscribe-form input {
    border: 1px solid #d4d4d4;
    width: 100%;
    padding: 15px;
    outline: 0
}

.subscribe-form p {
    font-size: 18px;
    margin: 0 0 15px
}

.subscribe-form {
    padding: 30px
}

.single-blog-title {
    background: no-repeat padding-box #fff;
    box-shadow: 0 3px 64px #a18E8E26;
    margin-top: -120px;
    padding: 40px 30px
}

.single-blog-title p {
    font-size: 17px
}

.single-blog-title h1 {
    font-size: 45px;
    font-weight: 800
}

.sharetastic,
.single-blog-title ul {
    list-style: none;
    padding: 20px 0 0;
    margin-top: 20px;
    border-top: 1px solid #eee
}

.single-blog-title ul li {
    display: inline-block;
    margin-right: 15px
}

.single-blog-title ul li a {
    color: #c2c2c2;
    font-size: 25px
}

.blog-post-user {
    padding: 70px 0 30px
}

.blog-post-user h3 {
    font-family: MYRIADPRO REGULAR;
    font-weight: 500;
    font-size: 20px
}

.blog-content-txt h3,
.blog-content-txt h4 {
    font-weight: 700;
    font-size: 22px
}

.blog-content-txt h2 {
    font-size: 27px;
    margin-bottom: 20px
}

.blog-banner-con {
    position: absolute;
    top: 40%;
    left: 0;
    z-index: 999;
    width: 100%;
    color: #fff
}

.blog-banner-con h2 {
    font-size: 50px;
    text-align: center;
    max-width: 950px;
    margin: 0 auto;
    font-family: MYRIADPRO REGULAR
}

.blog-content-txt ul {
    padding-left: 30px
}

.blog-post-user p {
    font-size: 18px;
    color: #ababab
}

.blog-content-txt p {
    line-height: 32px
}

.single-blog-title ul li a:hover {
    color: #ff5b5b
}

.blog-slider .blog-box {
    width: 90%;
    margin: 0 auto
}

.terms-condition {
    margin-top: 130px;
    margin-bottom: 100px
}

.terms-condition h1 {
    font-size: 40px;
    font-family: Raleway;
    font-weight: 800
}

.terms-condition h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 30px
}

div#floatingSocialShare a {
    display: inline-block;
    width: 27px !important;
    margin-right: 15px
}

div#floatingSocialShare a svg {
    fill: #545454
}

.enterprise-banner.healthcare-banner .enterprise-banner-txt {
    position: relative;
    padding: 300px 0 130px
}

.healthcare-banner .enterprise-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}

.industry-banner:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    content: "";
    top: 0;
    left: 0
}

.industry-banner .startup-banner-txt {
    position: relative;
    max-width: 600px
}

.industry-banner.healthcare-banner {
    background-image: url(../images/whizcamp-healthcare.jpg);
    background-repeat: no-repeat
}

.industry-banner.travel-banner {
    background-image: url(../images/travel-hospitality-banner.jpg);
    background-repeat: no-repeat
}

.industry-banner.transportation-banner {
    background-image: url(../images/logistic-transportation-banner.jpg);
    background-repeat: no-repeat
}

.industry-banner.retail-banner {
    background-image: url(../images/retail-ecommerce-banner.jpg);
    background-repeat: no-repeat
}

.industry-banner.food-banner {
    background-image: url(../images/food-delivery-banner.jpg);
    background-repeat: no-repeat
}

.industry-banner.education-banner {
    background-image: url(../images/education-e-learning-banner.jpg);
    background-repeat: no-repeat
}

.industry-banner.healthcare-banner h1 {
    font-weight: 600;
    font-size: 55px
}

.healthcare-banner .enterprise-banner-txt h1 {
    font-weight: 400;
    font-size: 65px
}

.healthcare-banner .enterprise-banner-txt h4 {
    font-weight: 700;
    margin: 20px 0 30px
}

.healthcare-banner .enterprise-banner-txt p {
    width: 90%;
    margin-bottom: 30px;
    font-size: 19px
}

.sub-head {
    font-weight: 300;
    font-size: 21px
}

.healthcare-con-box h3 {
    font-weight: 600;
    font-size: 41px;
    margin-bottom: 10px
}

.healthcare-con-box p {
    font-size: 17px;
    line-height: 35px;
    margin-bottom: 0
}

.healthcare-con-box {
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    height: 100%
}

.healthcare-con-sec .col-lg-6,
.healthcare-con-sec .col-md-6,
.healthcare-con-sec .col-md-7,
.healthcare-con-sec .col-md-8,
.other-technologies .col-lg-7 {
    display: table
}

.healthcare-con-sec img {
    width: 95%
}

.healthcare-con-sec.medical-care .healthcare-con-box {
    padding: 0;
    width: 95%
}

.healthcare-con-sec.medical-care .sub-head {
    font-weight: 400;
    font-size: 41px;
    text-transform: unset
}

.healthcare-con-sec.medical-care img {
    width: 104%;
    max-width: 104%
}

.industry-services {
    background: #f6f6f6;
    padding: 70px 0;
    text-align: center
}

.services-head p {
    margin: 0;
    font-size: 20px
}

.sec-head h3 {
    font-size: 41px;
    font-weight: 600
}

.services-head h3 {
    font-size: 60px
}

.services-list {
    background: #fff;
    display: inline-block;
    width: 100%;
    margin-top: 40px
}

.services-box {
    display: inline-block;
    width: 33%;
    padding: 70px 95px 48px;
    vertical-align: top;
    min-height: 330px
}

.form-pop-sec,
.hire-head h3,
.process-number span,
.webapp-logo {
    vertical-align: middle
}

.services-box div {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: url(../images/Self-Management.png) 0 0/100%;
    margin-bottom: 20px
}

.services-box h3 {
    font-weight: 400;
    font-size: 22px
}

.services-box:hover {
    background: no-repeat padding-box #10abf9;
    box-shadow: 0 24px 100px #10aBF94D
}

.services-box:hover .Self-Management {
    background: url(../images/Self-Management-white.png) 0 0/100%
}

.services-box .health-information {
    background: url(../images/Health-Information-technology.png) 0 0/100%
}

.services-box .medical-claim {
    background: url(../images/Medical-claim-management-solution.png) 0 0/100%
}

.services-box .hospital-assets {
    background: url(../images/Hospital-assets-tracking.png) 0 0/100%
}

.services-box .lab-infomation {
    background: url(../images/Lab-information-system.png) 0 0/100%
}

.services-box .e-prescription {
    background: url(../images/E-Prescription.png) 0 0/100%
}

.services-box:hover .health-information {
    background: url(../images/Health-Information-technology-white.png) 0 0/100%
}

.services-box:hover .medical-claim {
    background: url(../images/Medical-claim-management-solution-white.png) 0 0/100%
}

.services-box:hover .hospital-assets {
    background: url(../images/Hospital-assets-tracking-white.png) 0 0/100%
}

.services-box:hover .lab-infomation {
    background: url(../images/Lab-information-system-white.png) 0 0/100%
}

.services-box:hover .e-prescription {
    background: url(../images/E-Prescription-white.png) 0 0/100%
}

.budget-friendly h3 {
    font-size: 45px;
    font-weight: 400;
    margin-bottom: 30px
}

.budget-friendly h3 .blue-txt {
    font-weight: 700;
    font-size: 52px
}

.healthcare-expert h3 {
    text-align: center;
    margin-top: 80px;
    font-size: 41px;
    margin-bottom: 40px
}

.healthcare-expert h3 .blue-txt,
.stories-sec h3 .blue-txt {
    font-weight: 700;
    font-size: 51px
}

.expert-con h4 {
    font-size: 25px;
    color: #fff
}

.healthcare-expert-box:hover .expert-con {
    background: rgba(0, 0, 0, 0)
}

.healthcare-expert-box:hover:before {
    transform: scale(1)
}

.healthcare-expert-box:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #10afff;
    transition: .4s;
    transform: scale(0)
}

.expert-con p {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 26px;
    color: #fff;
    margin: 0
}

.expert-con {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    display: flex;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    width: 100%;
    align-items: flex-end
}

.expert-con-inner {
    width: 100%;
    display: inline-block;
    padding: 30px 40px
}

.healthcare-expert-box {
    margin-bottom: 40px;
    position: relative
}

.two-layers-con li {
    color: #000;
    padding-left: 35px;
    position: relative;
    margin: 25px 0;
    font-size: 19px;
    font-weight: 500
}

.stories-sec h3,
.why-choose-whizcamp .home-casestudy-heading {
    margin-bottom: 40px;
    text-align: center
}

.services-list.traits-list,
.two-side-img {
    margin-top: 70px
}

.stories-sec h3 {
    margin-top: 30px;
    font-size: 41px
}

.stories-sec .blog-box {
    background: #fff;
    box-shadow: 0 9px 60px #10aBF929
}

.story-con {
    padding: 0 20px 20px
}

.startup-banner.industry-banner.logistic-banner {
    background: url(../images/logistic-banner.jpg)
}

.startup-banner.industry-banner.lms-banner {
    background: url(../images/lms-banner.jpg)
}

.startup-banner.industry-banner.ride-banner {
    background: url(../images/ride-banner.jpg)
}

.startup-banner.industry-banner.ecommerce-banner {
    background: url(../images/ecommerce-banner.jpg)
}

.startup-banner.industry-banner.finance-banner {
    background: url(../images/finance-banner.jpg)
}

.startup-banner.industry-banner.ios-banner {
    background: url(../images/ios-banner.jpg)
}

.startup-banner.industry-banner.reactjs-banner {
    background: url(../images/reactjs-banner.jpg)
}

.startup-banner.industry-banner.nodejs-banner {
    background: url(../images/nodejs-banner.jpg)
}

.startup-banner.industry-banner.php-banner {
    background: url(../images/php-banner.jpg)
}

.startup-banner.industry-banner.python-banner {
    background: url(../images/python-banner.jpg)
}

.startup-banner.industry-banner.machine-learning-banner {
    background: url(../images/machine-learning-banner.jpg)
}

.startup-banner.industry-banner.angular-banner {
    background: url(../images/angular-banner.jpg)
}

.startup-banner.industry-banner.datascience-banner {
    background: url(../images/datascience-banner.jpg)
}

.startup-banner.industry-banner.meanstack-banner {
    background: url(../images/meanstack-banner.jpg)
}

.startup-banner.industry-banner {
    padding: 350px 0 150px;
    margin-top: 0;
    background-size: cover !important
}

.startup-banner.industry-banner.mobile-banner {
    background: url(../images/mobile-app-development-banner.jpg)
}

.startup-banner.industry-banner.web-banner {
    background: url(../images/website-development-banner.jpg)
}

.who-we-bg.website-who-bg {
    background-image: url(../images/website-who-bg.jpg)
}

.startup-banner.industry-banner.android-banner {
    background: url(../images/android-banner.jpg)
}

.startup-banner.industry-banner.ui-ux-banner {
    background: url(../images/ui-ux-design-banner.jpg)
}

.startup-banner.industry-banner.digital-banner {
    background: url(../images/digital-marketing-banner.jpg)
}

.startup-banner.industry-banner.it-staff-banner {
    background: url(../images/it-staff-banner.jpg)
}

.who-we-bg.digital-who-bg {
    background-image: url(../images/digital-who-bg.jpg)
}

.who-we-bg.itstaff-who-bg {
    background-image: url(../images/itstaff-who-bg.jpg)
}

.industry-banner.startup-banner h1 {
    font-weight: 600;
    font-size: 55px;
    font-family: Khand, sans-serif;
    margin-bottom: 0
}

.industry-banner.startup-banner:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    content: "";
    top: 0;
    left: 0
}

.industry-banner.healthcare-banner:before {
    background: rgba(0, 0, 0, .5)
}

.tech-title span {
    color: #000;
    opacity: .06;
    font-size: 60px;
    font-weight: 500;
    position: absolute;
    top: -20px;
    line-height: 1;
    left: 0
}

.mobile-mystery .services-head h3,
.tech-title h3 {
    font-size: 50px
}

.app-offer-sec {
    padding: 40px 50px;
    margin-top: -150px;
    background: #fff;
    z-index: 99;
    width: 100%;
    position: relative;
    box-shadow: 0 0 51px -8px rgb(0 0 0 / 20%)
}

.app-offer-sec h3 {
    font-weight: 400;
    margin-top: 50px
}

.app-tech-info {
    margin: 0 15px
}

.app-offer-sec h3 span {
    font-weight: 600;
    display: block;
    margin-top: 10px
}

.tech-title h3 {
    color: #2cb9ff;
    font-weight: 500;
    padding-left: 60px;
    padding-top: 10px
}

.obj-con-box p,
.tech-con-box h4 {
    padding-left: 35px;
    position: relative
}

.android-con-box>h3 {
    font-size: 32px;
    font-weight: 600;
    margin-top: 20px
}

.tech-con-box h4 {
    font-size: 25px;
    font-weight: 500
}

.tech-con-box h4:before {
    content: "";
    width: 29px;
    height: 1px;
    background: linear-gradient(90deg, #f9f9f9 0, #000 100%) no-repeat padding-box;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 16px
}

.hire-developer {
    background: url(../images/hire-bg.jpg) center;
    position: relative
}

.hire-developer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .3)
}

.hire-quote-sec {
    color: #fff;
    padding: 50px;
    background: rgb(157 157 157 / 97%);
    text-align: center;
    border: 5px solid #a9a9a9;
    margin: 150px 0
}

.hire-quote-sec h3 {
    font-size: 44px;
    font-weight: 500
}

.hire-quote-sec .theme-btn {
    color: #fff;
    margin-top: 20px;
    font-size: 20px
}

.hire-developer.want-app {
    background: url(../images/startup-journey-old.jpg);
    display: inline-block;
    width: 100%
}

.obj-con-box p {
    font-size: 20px;
    margin-top: 36px;
    line-height: 35px
}

.obj-con-box p:before {
    content: "";
    width: 29px;
    height: 1px;
    background: linear-gradient(90deg, #f9f9f9 0, #000 100%) no-repeat padding-box;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 14px
}

.mobile-offers.hire-process .mobile-offer-list {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 25px 35px 35px;
    box-shadow: 0 3px 6px #2cb9ff75;
    min-height: 380px
}

.hire-head {
    display: table;
    width: 100%;
    margin-bottom: 15px
}

.hire-head h3 {
    color: #2cb9ff;
    font-size: 23px;
    line-height: 1;
    margin: 13px 0 0 15px;
    min-height: unset;
    width: 83%;
    display: table-cell;
    height: 48px
}

.hire-head span {
    display: inline-block;
    width: 72px
}

.mobile-mystery {
    background: rgba(44, 185, 255, .08);
    padding: 60px 0;
    margin-bottom: 80px
}

.mystery-box {
    background: #fff;
    padding: 40px 30px;
    width: 90%;
    margin: 50px auto 0
}

.mystery-box .hire-head h3 {
    padding-left: 20px;
    font-weight: 600;
    color: #000;
    font-size: 30px
}

.mystery-box p {
    font-size: 22px;
    color: #8f8f8f
}

.mystery-box .hire-head img {
    float: left;
    max-height: 72px
}

.webapps-created {
    display: table;
    width: 100%;
    margin-top: 40px
}

.webapp-logo {
    display: table-cell;
    width: 25%;
    text-align: center
}

.webapp-logo img {
    max-width: 225px
}

.android-con-box .first-case-txt,
.ondemand-points .first-case-txt {
    margin-top: 0;
    padding-left: 0
}

.other-technologies .first-case-txt li,
.other-technologies p {
    color: #000;
    font-size: 20px
}

.other-technologies .android-con-box {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px
}

.other-technologies .android-con-box h3 {
    font-weight: 700;
    font-size: 41px;
    margin-bottom: 20px
}

.why-choose-whizcamp h4 {
    font-weight: 700;
    font-size: 22px;
    color: #323232;
    margin-top: 30px
}

.app-built h3,
.appdev-con-box h3 {
    font-size: 34px;
    margin-bottom: 15px;
    font-weight: 600
}

.app-built-first {
    display: flex;
    align-items: flex-end
}

.app-built-third,
.brands-list {
    display: flex;
    align-items: center
}

.app-built h3 img {
    width: 55px;
    margin-left: 10px;
    margin-top: -6px
}

.appdev-con-box h3 {
    margin-top: 30px
}

.app-built p {
    line-height: 30px
}

.appdev-con-box p {
    line-height: 35px
}

.hire-developer.want-app.business-level {
    background: url(../images/business-level.jpg);
    margin-bottom: 60px
}

.hire-developer.want-app.business-level:before {
    background: rgba(255, 255, 255, .1)
}

.customize-mobile-app .home-casestudy-heading h2 {
    font-size: 40px;
    font-weight: 600
}

.app-services-list .expert-con-inner {
    padding: 25px 20px
}

.app-services-list .expert-con-inner img {
    width: 70px;
    margin-bottom: 10px
}

.app-services-list {
    margin-top: 40px;
    margin-bottom: 50px
}

.customize-mobile-app,
.enterprise-faq.industry-faq,
.submit-idea-pop .form-pop-inner {
    padding-top: 50px
}

.feature-app-box {
    padding: 35px 50px;
    border: 1px solid #ddd;
    display: inline-block;
    width: 100%;
    margin: 25px 0
}

.feature-app-icon {
    width: 60px;
    height: 60px;
    background: rgb(16 175 255);
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    padding-top: 15px;
    position: relative;
    float: left
}

.feature-app-icon:before {
    width: 70px;
    height: 70px;
    content: "";
    position: absolute;
    left: -5px;
    top: -5px;
    background: #10afff;
    z-index: -1;
    border-radius: 50%;
    opacity: .2
}

.feature-app-box h4 {
    float: left;
    padding: 18px;
    margin: 0;
    font-size: 20px
}

.feature-app-icon img {
    max-height: 30px
}

.complete-app-feature .home-casestudy-heading h2,
.thinks-con h3 {
    font-weight: 600;
    font-size: 40px
}

.flex-items-center {
    display: flex;
    align-items: center;
    height: 100%
}

.trusted-by-companies h3 {
    font-size: 20px;
    color: #979797
}

.banner-team-list h4,
.business-growth-box h4,
.icon-box h4 {
    font-size: 17px;
    font-weight: 600
}

.trusted-by-companies h3 span {
    color: #000;
    font-size: 25px;
    font-family: sans-serif
}

.brands-list div {
    flex: 0 0 25%;
    text-align: center;
    margin-top: 30px
}

.brands-list img {
    max-height: 65px;
    max-width: 120px
}

section.home-banner.home-slide-banner {
    position: relative;
    padding: 140px 0 0;
    margin-top: 0;
    background: #edf0f5
}

header.header-fixed {
    background: #fff;
    top: 0;
    padding-top: 0
}

.team-slider-custom {
    background-image: url(../images/team-bg.png);
    background-size: 100%
}

.team-detail-box {
    position: relative;
    display: none
}

#form-pop.show,
#random-img div.selected,
.icon-box,
.team-list-images,
.tech-tab-con.active {
    display: inline-block
}

.business-growth-box {
    position: absolute;
    top: 50px;
    background: #fff;
    padding: 15px 40px
}

.business-growth-box h4 {
    margin: 0
}

.business-growth-icon {
    position: absolute;
    left: -33px;
    top: -39px
}

.icon-box {
    padding: 10px;
    background: #fff;
    border-radius: 10px
}

.icon-box.marketing-automation {
    position: absolute;
    right: -70px;
    top: 10%
}

.icon-box.non-disclosure {
    position: absolute;
    left: 0;
    top: 30%
}

.icon-box img {
    width: 60px
}

.icon-box-icon {
    float: left;
    margin-right: 10px
}

.icon-box h4 {
    padding-top: 8px;
    float: left;
    width: 100px
}

.icon-box.non-disclosure h4 {
    float: left;
    width: 129px
}

.banner-team-list h4 {
    color: #000
}

.banner-team-list {
    background: rgba(255, 255, 255, .7);
    position: absolute;
    top: 48%;
    right: 0;
    padding: 15px;
    border-radius: 10px
}

.team-list-images ul {
    display: flex;
    padding-left: 10px;
    margin: 0
}

.team-list-images ul li {
    list-style: none;
    margin-left: -10px;
    border-radius: 50%;
    cursor: pointer
}

.team-list-images ul li.team-active {
    position: relative;
    transform: scale(1.05);
    border: 2px solid #ff5b5b
}

.job-seeker {
    position: absolute;
    width: 90%;
    padding: 30px 10px 20px;
    background: #fff;
    color: #000;
    bottom: 70px;
    z-index: 9
}

.job-seeker:before {
    content: "";
    position: absolute;
    width: calc(100% + 15px);
    background: rgba(255, 255, 255, .3);
    top: -15px;
    left: 0;
    height: calc(100% + 30px);
    z-index: -1
}

.job-seeker h4 {
    font-size: 30px;
    margin-bottom: 3px
}

.job-seeker p {
    color: grey
}

.job-tags span {
    display: inline-block;
    padding: 7px 4%;
    background: #ff5b5b;
    color: #fff;
    font-size: 15px;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: 10px
}

.contact-con-tab {
    padding: 0;
    margin-top: 20px;
    display: flex;
    width: 90%
}

.blue-theme-btn,
.footer-third-links,
.job-box,
.thinks-bottom {
    display: inline-block
}

.contact-con-tab li {
    list-style: none;
    flex: 0 0 50%;
    border-bottom: 1px solid #313131;
    padding-bottom: 10px;
    position: relative;
    cursor: pointer
}

.contact-con-tab li.active:before {
    content: "";
    width: 85%;
    height: 1px;
    background: #10afff;
    display: inherit;
    position: absolute;
    bottom: 0
}

.contact-content-left {
    width: 410px;
    padding-right: 30px;
    float: left
}

.contact-content-right.vertical-line {
    width: calc(100% - 410px);
    float: left
}

.startup-banner.carrier-banner {
    padding-top: 450px;
    background-image: url(../images/carrier-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.services-list.traits-list .services-box {
    width: 100%;
    padding: 40px 28px
}

.services-list.traits-list h3 {
    margin-top: 25px;
    font-weight: 600;
    font-size: 22px
}

.services-list.traits-list p {
    line-height: 30px;
    margin: 0
}

.services-box .traits-img {
    background: 0 0 !important;
    width: auto;
    height: auto;
    margin: 0;
    min-height: 65px
}

.team-thinks {
    padding: 100px 0;
    background: url(../images/thinks-bg.jpg)
}

.connect-via-icons .call-icon:hover,
.job-box,
.light-bg {
    background: #f9f9f9
}

.think-team-list {
    padding: 25px 0
}

.offer-box p,
.thinks-team-box p {
    line-height: 36px
}

.team-thinks-detail {
    padding-top: 25px;
    border-top: 1px solid rgba(0, 0, 0, .4);
    margin-top: 25px
}

.team-thinks-detail h5 {
    font-size: 21px;
    font-weight: 400;
    margin: 0
}

.thinks-slide-counts ul {
    padding: 0;
    list-style: none;
    display: flex;
    margin: 0
}

.thinks-slide-counts ul li {
    margin-right: 10px;
    color: #6e6e6e
}

.thinks-slide-counts ul li.active {
    font-size: 24px;
    opacity: 1;
    margin-top: -6px;
    color: #fff
}

.thinks-bottom {
    width: 100%;
    margin-top: 20px;
    position: absolute;
    bottom: 0
}

.think-slide-btns button {
    background: 0 0;
    border-width: 0;
    padding: 0;
    color: #6e6e6e;
    margin-left: 10px;
    outline: 0
}

.offer-box {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0 20px
}

.offer-box h4 {
    font-size: 20px;
    margin-bottom: 25px
}

.job-box {
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    padding: 30px 40px;
    margin-bottom: 30px;
    width: 100%
}

.job-btns .blue-border-btn {
    margin-right: 15px
}

.job-box-head h4 {
    font-size: 25px;
    font-weight: 600
}

.job-detail-box h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px
}

.job-detail-box ul.unorder-list {
    padding-left: 18px
}

.job-box:hover {
    box-shadow: 0 6px 42px #00000012
}

.job-list {
    margin-bottom: 50px;
    margin-top: 40px
}

.footer-third-links {
    text-align: right;
    width: 432px
}

.sub-detail-box label {
    display: block;
    margin: 0
}

.sub-detail-box {
    padding-right: 50px
}

.home-banner-content a.theme-btn {
    padding: 13px 0;
    margin-left: 15px;
    border: 1px solid #fff;
    color: #fff
}

.home-banner-content a.theme-btn:hover {
    background-color: #fff;
    color: #2cb9ff
}

.home-banner-content .yellow-theme-btn {
    padding: 11px 0;
    margin-left: 15px;
    border: 1px solid #fb0;
    color: #fff;
    position: relative;
    background: 0 0;
    outline: 0 !important;
    display: inline-block;
    width: 150px;
    text-align: center;
    text-decoration: none;
    border-radius: .2rem;
    font-size: 18px
}

.blue-theme-btn {
    border: 1px solid #0fa7f3;
    color: #fff;
    position: relative;
    background: 0 0;
    outline: 0 !important;
    text-align: center;
    text-decoration: none;
    border-radius: .2rem
}

.blue-theme-btn:hover {
    background: #0fa7f3;
    color: #fff;
    text-decoration: none
}

.home-banner-content .blue-theme-btn {
    padding: 13px 0;
    margin-left: 15px;
    width: 150px
}

.home-banner-content .yellow-theme-btn:hover {
    background-color: #fb0;
    color: #fff
}

.home-banner-content a {
    width: 150px;
    text-align: center
}

.idea-contact-group {
    display: flex;
    align-items: flex-start
}

.form-pop-sec,
.idea-file,
.tech-tab a {
    display: inline-block
}

.idea-contact-group select {
    width: 90px;
    height: 34px;
    color: #fff;
    background: 0 0;
    border-width: 0;
    border-bottom: 1px solid;
    outline: unset
}

.contact-with-label {
    width: calc(100% - 90px)
}

.contact-form .contact-with-label input.form-input {
    padding-left: 14px
}

.contact-with-label label {
    left: 10px
}

#form-pop {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(25 49 84 / 94%);
    display: none;
    align-items: center;
    z-index: 999999;
    overflow: auto
}

.idea-pop-txt {
    font-size: 14px;
    font-weight: 400
}

.idea-pop-txt a {
    color: #f4b300
}

.form-pop-inner>h3 {
    color: #00b9f3;
    font-weight: 700;
    font-family: Raleway;
    font-size: 35px;
    text-align: center
}

.idea-time-sec label {
    position: static;
    margin: 0
}

.contact-form .idea-file input {
    width: 100px;
    border-width: 0;
    float: left
}

.idea-file {
    border-bottom: 1px solid #fff;
    width: 100%
}

.submit-idea-pop .form-pop-close {
    font-size: 17px;
    border: 2px solid rgba(255, 255, 255, .6);
    padding: 5px 15px;
    font-weight: 700;
    border-radius: 10px;
    text-decoration: none
}

.submit-idea-pop .form-pop-close:hover {
    background: #fff;
    color: #000
}

.submit-idea-pop .yellow-btn.idea-btn {
    background: #fff;
    color: #00baf5;
    font-weight: 700;
    border-radius: 40px;
    position: relative;
    padding: 12px 30px;
    transition: .4s
}

.submit-idea-pop .yellow-btn.idea-btn span.arrow {
    display: inline-block;
    margin-right: -17px;
    margin-left: 23px;
    width: 40px;
    color: #fff;
    position: relative;
    z-index: 999
}

.submit-idea-pop .yellow-btn.idea-btn:hover:before {
    width: 100%;
    height: 100%;
    right: 0;
    top: 0
}

.submit-idea-pop .yellow-btn.idea-btn:before {
    content: "";
    width: 60px;
    height: 41px;
    background: #00baf5;
    position: absolute;
    right: 5px;
    border-radius: 40px;
    top: 5px;
    transition: .4s
}

.idea-time-sec input::-webkit-input-placeholder {
    color: #fff
}

.idea-time-sec input:-ms-input-placeholder {
    color: #fff
}

.idea-time-sec input::placeholder {
    color: #fff
}

.idea-time-sec .form-group i {
    position: absolute;
    right: 5px;
    top: 6px;
    opacity: .5
}

.form-pop-sec {
    width: 100%;
    padding: 50px 0
}

.form-pop-inner {
    width: 800px;
    max-width: 90%;
    margin: 0 auto;
    color: #fff;
    padding-top: 50px
}

a.form-pop-close {
    position: absolute;
    top: 40px;
    right: 40px;
    color: #fff;
    font-size: 30px
}

button.white-btn.idea-btn {
    background: #fff;
    border-width: 0;
    padding: 15px 30px;
    outline: 0;
    font-weight: 500
}

button.white-btn.idea-btn:hover {
    background: #e6e6e6
}

.tech-tabs {
    display: flex;
    border: 1px solid #f0f0f0;
    margin: 0;
    padding: 0
}

.tech-tab {
    flex: 0 0 20%;
    text-align: center;
    list-style: none
}

.tech-tabs .service-icon {
    text-align: center;
    margin: 0 auto 10px;
    width: 60px;
    height: 60px;
    display: block;
    float: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

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

.web-dev-icon {
    background-image: url(../images/services/website-development.svg)
}

.ui-ux-icon {
    background-image: url(../images/services/ui-ux-design.svg)
}

.digital-marketing-icon {
    background-image: url(../images/services/digital-marketing.svg)
}

.it-staff-icon {
    background-image: url(../images/services/it-staff.svg)
}

.active .mobile-dev-icon {
    background-image: url(../images/services/mobile-app-development-white.svg)
}

.active .web-dev-icon {
    background-image: url(../images/services/website-development-white.svg)
}

.active .ui-ux-icon {
    background-image: url(../images/services/ui-ux-design-white.svg)
}

.active .digital-marketing-icon {
    background-image: url(../images/services/digital-marketing-white.svg)
}

.active .it-staff-icon {
    background-image: url(../images/services/it-staff-white.svg)
}

.android-app-icon {
    background-image: url(../images/services/android-app-developemt.svg)
}

.active .android-app-icon {
    background-image: url(../images/services/android-app-developemt-white.svg)
}

.ios-app-icon {
    background-image: url(../images/services/ios-development.svg)
}

.active .ios-app-icon {
    background-image: url(../images/services/ios-development-white.svg)
}

.flutter-app-icon {
    background-image: url(../images/services/flutter-app-develpment.svg)
}

.active .flutter-app-icon {
    background-image: url(../images/services/flutter-app-develpment-white.svg)
}

.native-app-icon {
    background-image: url(../images/services/react-native.svg)
}

.active .native-app-icon {
    background-image: url(../images/services/react-native-white.svg)
}

.swift-app-icon {
    background-image: url(../images/services/swift.svg)
}

.active .swift-app-icon {
    background-image: url(../images/services/swift-white.svg)
}

.front-dev-icon {
    background-image: url(../images/services/frontend-development.svg)
}

.active .front-dev-icon {
    background-image: url(../images/services/frontend-development-white.svg)
}

.back-dev-icon {
    background-image: url(../images/services/backend-development.svg)
}

.active .back-dev-icon {
    background-image: url(../images/services/backend-development-white.svg)
}

.custom-dev-icon {
    background-image: url(../images/services/custom-software.svg)
}

.active .custom-dev-icon {
    background-image: url(../images/services/custom-software-white.svg)
}

.webportal-dev-icon {
    background-image: url(../images/services/web-portal-development.svg)
}

.active .webportal-dev-icon {
    background-image: url(../images/services/web-portal-development-white.svg)
}

.cms-dev-icon {
    background-image: url(../images/services/ecommerce.svg)
}

.active .cms-dev-icon {
    background-image: url(../images/services/ecommerce-white.svg)
}

.ui-ios-icon {
    background-image: url(../images/services/uiux-ios.svg)
}

.active .ui-ios-icon {
    background-image: url(../images/services/uiux-ios-white.svg)
}

.ui-android-icon {
    background-image: url(../images/services/android-app-design.svg)
}

.active .ui-android-icon {
    background-image: url(../images/services/android-app-design-white.svg)
}

.custom-design-icon {
    background-image: url(../images/services/custom-web-app.svg)
}

.active .custom-design-icon {
    background-image: url(../images/services/custom-web-app-white.svg)
}

.creative-landing-icon {
    background-image: url(../images/services/landing-page-design.svg)
}

.active .creative-landing-icon {
    background-image: url(../images/services/landing-page-design-white.svg)
}

.ar-experience-icon {
    background-image: url(../images/services/ar-experinec-designs.svg)
}

.active .ar-experience-icon {
    background-image: url(../images/services/ar-experinec-designs-white.svg)
}

.search-optimize-icon {
    background-image: url(../images/services/serach-engine-optimization.svg)
}

.active .search-optimize-icon {
    background-image: url(../images/services/serach-engine-optimization-white.svg)
}

.smo-icon {
    background-image: url(../images/services/smo-marketing.svg)
}

.active .smo-icon {
    background-image: url(../images/services/smo-marketing-white.svg)
}

.search-marketing-icon {
    background-image: url(../images/services/search-engine-marketing.svg)
}

.active .search-marketing-icon {
    background-image: url(../images/services/search-engine-marketing-white.svg)
}

.brand-startup-icon {
    background-image: url(../images/services/startup-branding.svg)
}

.active .brand-startup-icon {
    background-image: url(../images/services/startup-branding-white.svg)
}

.online-reputation-icon {
    background-image: url(../images/services/online-reputation-management.svg)
}

.active .online-reputation-icon {
    background-image: url(../images/services/online-reputation-management-white.svg)
}

.dedicated-it-icon {
    background-image: url(../images/services/dedicated-it-staffing.svg)
}

.active .dedicated-it-icon {
    background-image: url(../images/services/dedicated-it-staffing-white.svg)
}

.short-term-icon {
    background-image: url(../images/services/short-time-it-staff.svg)
}

.active .short-term-icon {
    background-image: url(../images/services/short-time-it-staff-white.svg)
}

.remote-it-icon {
    background-image: url(../images/services/remote-it-staffing.svg)
}

.active .remote-it-icon {
    background-image: url(../images/services/remote-it-staffing-white.svg)
}

.get-right-icon {
    background-image: url(../images/services/get-right-expert.svg)
}

.active .get-right-icon {
    background-image: url(../images/services/get-right-expert-white.svg)
}

.week-trial-icon {
    background-image: url(../images/services/one-week-trial.svg)
}

.active .week-trial-icon {
    background-image: url(../images/services/one-week-trial-white.svg)
}

.hospital-practice-icon {
    background-image: url(../images/services/hospital-management-solution.svg)
}

.active .hospital-practice-icon {
    background-image: url(../images/services/hospital-management-solution-white.svg)
}

.emr-ehr-icon {
    background-image: url(../images/services/emr-ehr-inegration-service.svg)
}

.active .emr-ehr-icon {
    background-image: url(../images/services/emr-ehr-inegration-service-white.svg)
}

.hippa-complaint-icon {
    background-image: url(../images/services/hippa-healthcare-software.svg)
}

.active .hippa-complaint-icon {
    background-image: url(../images/services/hippa-healthcare-software-white.svg)
}

.fitness-app-icon {
    background-image: url(../images/services/fitness-app.svg)
}

.active .fitness-app-icon {
    background-image: url(../images/services/fitness-app-white.svg)
}

.hospital-cloud-icon {
    background-image: url(../images/services/healthcare-cloud-service.svg)
}

.active .hospital-cloud-icon {
    background-image: url(../images/services/healthcare-cloud-service-white.svg)
}

.elrarning-portal-icon {
    background-image: url(../images/services/e-learning-app.svg)
}

.active .elrarning-portal-icon {
    background-image: url(../images/services/e-learning-app-white.svg)
}

.ondemand-elrarning-icon {
    background-image: url(../images/services/e-learning-portals.svg)
}

.active .ondemand-elrarning-icon {
    background-image: url(../images/services/e-learning-portals-white.svg)
}

.learning-management-icon {
    background-image: url(../images/services/learning-management-systems.svg)
}

.active .learning-management-icon {
    background-image: url(../images/services/learning-management-systems-white.svg)
}

.school-management-icon {
    background-image: url(../images/services/school-management-software.svg)
}

.active .school-management-icon {
    background-image: url(../images/services/school-management-software-white.svg)
}

.video-streaming-icon {
    background-image: url(../images/services/video-conferencing.svg)
}

.active .video-streaming-icon {
    background-image: url(../images/services/video-conferencing-white.svg)
}

.travel-planning-icon {
    background-image: url(../images/services/travel-planning-booking-platform.svg)
}

.active .travel-planning-icon {
    background-image: url(../images/services/travel-planning-booking-platform-white.svg)
}

.travel-agency-icon {
    background-image: url(../images/services/travel-agency-software.svg)
}

.active .travel-agency-icon {
    background-image: url(../images/services/travel-agency-software-white.svg)
}

.travel-erp-icon {
    background-image: url(../images/services/travel-erp-solution.svg)
}

.active .travel-erp-icon {
    background-image: url(../images/services/travel-erp-solutions-white.svg)
}

.cab-reservation-icon {
    background-image: url(../images/services/cab-reservation-and-management-system.svg)
}

.active .cab-reservation-icon {
    background-image: url(../images/services/cab-reservation-management-system-white.svg)
}

.hotel-reservation-icon {
    background-image: url(../images/services/hotel-reservation-solutions.svg)
}

.active .hotel-reservation-icon {
    background-image: url(../images/services/hotel-reservation-solutions-white.svg)
}

.customer-app-icon {
    background-image: url(../images/services/customer-app.svg)
}

.active .customer-app-icon {
    background-image: url(../images/services/customer-app-white.svg)
}

.restaurent-app-icon {
    background-image: url(../images/services/restaurant-app.svg)
}

.active .restaurent-app-icon {
    background-image: url(../images/services/restaurant-app-white.svg)
}

.delivery-app-icon {
    background-image: url(../images/services/delivery-app.svg)
}

.active .delivery-app-icon {
    background-image: url(../images/services/delivery-app-white.svg)
}

.admin-panel-icon {
    background-image: url(../images/services/admin-panel.svg)
}

.active .admin-panel-icon {
    background-image: url(../images/services/admin-panel-white.svg)
}

.food-startup-icon {
    background-image: url(../images/services/food-delivery-startup.svg)
}

.active .food-startup-icon {
    background-image: url(../images/services/food-delivery-startup-white.svg)
}

.custom-transport-icon {
    background-image: url(../images/services/custom-transportation-software-solutions.svg)
}

.active .custom-transport-icon {
    background-image: url(../images/services/custom-transportation-software-solutions-white.svg)
}

.logistic-software-icon {
    background-image: url(../images/services/logistic-software-automation.svg)
}

.active .logistic-software-icon {
    background-image: url(../images/services/logistic-software-automation-white.svg)
}

.supply-chain-icon {
    background-image: url(../images/services/inventory-supply-chain.svg)
}

.active .supply-chain-icon {
    background-image: url(../images/services/inventory-supply-chain-white.svg)
}

.tracking-software-icon {
    background-image: url(../images/services/track-deliveries-in-real-time.svg)
}

.active .tracking-software-icon {
    background-image: url(../images/services/track-deliveries-in-real-time-white.svg)
}

.iot-solution-icon {
    background-image: url(../images/services/supply-chain-ioT-solutions.svg)
}

.active .iot-solution-icon {
    background-image: url(../images/services/supply-chain-ioT-solutions-white.svg)
}

.online-store-icon {
    background-image: url(../images/services/online-store-development.svg)
}

.active .online-store-icon {
    background-image: url(../images/services/online-store-development-white.svg)
}

.b2b-b2c-icon {
    background-image: url(../images/services/b2b-b2c-marketplace.svg)
}

.active .b2b-b2c-icon {
    background-image: url(../images/services/b2b-b2c-marketplace-white.svg)
}

.multi-vendor-icon {
    background-image: url(../images/services/multivendor-platform.svg)
}

.active .multi-vendor-icon {
    background-image: url(../images/services/multivendor-platform-white.svg)
}

.ecommerce-website-icon {
    background-image: url(../images/services/ecommerce-website-mobile-apps.svg)
}

.active .ecommerce-website-icon {
    background-image: url(../images/services/ecommerce-website-mobile-apps-white.svg)
}

.plug-ins-icon {
    background-image: url(../images/services/plug-ins-api-integration.svg)
}

.active .plug-ins-icon {
    background-image: url(../images/services/plug-ins-api-integration-white.svg)
}

.custom-react-icon {
    background-image: url(../images/services/custom-react-js-development.svg)
}

.active .custom-react-icon {
    background-image: url(../images/services/custom-react-js-development-white.svg)
}

.interactive-ui-icon {
    background-image: url(../images/services/interactive-ui-development.svg)
}

.active .interactive-ui-icon {
    background-image: url(../images/services/interactive-ui-development-white.svg)
}

.react-webapp-icon {
    background-image: url(../images/services/web-application-development.svg)
}

.active .react-webapp-icon {
    background-image: url(../images/services/web-application-development-white.svg)
}

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

.active .enterprise-web-icon {
    background-image: url(../images/services/enterprise-web-development-white.svg)
}

.tech-tab a {
    width: 100%;
    padding: 25px 15px;
    color: #000;
    position: relative;
    border-right: 1px solid #eee;
    height: 100%;
    font-weight: 700
}

.tech-tab a:hover {
    background-color: #f9f9f9;
    text-decoration: none
}

.tech-tab.active a {
    background-color: #10afff;
    color: #fff;
    text-decoration: none
}

.tech-tab.active a:before {
    display: block;
    content: "";
    background-color: #10afff;
    position: absolute;
    bottom: -7px;
    left: 50%;
    width: 13px;
    height: 13px;
    border-width: 0 0 1px 1px;
    -webkit-transform: translateX(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
    -webkit-transition-delay: 70ms;
    -moz-transition-delay: 70ms;
    -o-transition-delay: 70ms;
    transition-delay: 70ms
}

.tech-tab-content {
    padding: 30px;
    margin-top: 40px;
    -webkit-box-shadow: 0 0 12px 0 rgb(32 46 60 / 6%);
    -moz-box-shadow: 0 0 12px 0 rgba(32, 46, 60, .06);
    box-shadow: 0 0 12px 0 rgb(32 46 60 / 6%)
}

.tech-content-inner img {
    border-radius: 20px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 20%);
    padding: 3px
}

.tech-con-text h3 {
    font-size: 30px;
    font-family: MYRIADPRO REGULAR;
    font-weight: 700;
    position: relative
}

.tech-con-text h5 {
    font-weight: 700
}

.tech-con-text .first-case-txt li {
    color: #000;
    margin: 10px 0
}

.whizcamp-counts ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    width: 100%
}

.count-txt>span,
.red-btn,
.tach-tab-head a {
    display: inline-block
}

.whizcamp-counts ul li {
    flex: 0 0 25%;
    padding: 0 25px;
    margin: 60px 0;
    text-align: center;
    color: #fff
}

.whizcamp-counts ul li:last-child {
    padding-right: 0
}

.whizcamp-counts ul li img {
    width: auto;
    min-height: 50px;
    max-height: 50px
}

.whizcamp-counts {
    margin-top: 0;
    margin-left: 0;
    background-image: url(../images/stats-bg.jpg)
}

.who-we-text h5 {
    font-weight: 600;
    font-size: 20px;
    font-family: 'MYRIADPRO REGULAR'
}

.count-txt>span {
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    font-family: Roboto;
    margin: 15px 0 8px
}

.get-touch-small h3,
.why-choose-box h4 {
    font-family: MYRIADPRO REGULAR
}

.count-txt span.count-plus {
    font-size: 23px;
    float: right;
    margin-left: 3px;
    margin-top: 4px
}

.get-touch-small {
    background: url(../images/start-up-business-opportunity.jpg);
    text-align: center;
    color: #fff;
    padding: 70px 0 60px
}

.red-btn {
    background: #ff5b5b;
    color: #fff;
    padding: 10px 30px;
    margin-top: 20px
}

.red-btn:hover {
    background: #ef3f3f;
    color: #fff;
    text-decoration: none
}

.what-unique {
    background: #f5f8fb;
    padding: 80px 0;
    margin-bottom: 80px;
    margin-top: 100px
}

.why-choose-box {
    background: #fff;
    padding: 20px;
    border: 1px solid #eee;
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    height: calc(100% - 40px)
}

.why-choose-box img {
    width: 80px;
    opacity: .8
}

.choose-icon {
    width: 80px;
    height: 80px;
    background-size: contain;
    position: relative;
    background-repeat: no-repeat
}

.startup-centric-icon {
    background-image: url(../images/choose-us/startup-centric.svg)
}

.user-centric-icon {
    background-image: url(../images/choose-us/user-centric.svg)
}

.expertise-icon {
    background-image: url(../images/choose-us/expertise.svg)
}

.agile-icon {
    background-image: url(../images/choose-us/agile-development.svg)
}

.why-choose-box:hover .startup-centric-icon {
    background-image: url(../images/choose-us/startup-centric-white.svg)
}

.why-choose-box:hover .user-centric-icon {
    background-image: url(../images/choose-us/user-centric-white.svg)
}

.why-choose-box:hover .expertise-icon {
    background-image: url(../images/choose-us/expertise-white.svg)
}

.why-choose-box:hover .agile-icon {
    background-image: url(../images/choose-us/agile-development-white.svg)
}

.team-experts-icon {
    background-image: url(../images/choose-us/team-expert.svg)
}

.why-choose-box:hover .team-experts-icon {
    background-image: url(../images/choose-us/team-expert-white.svg)
}

.proven-track-icon {
    background-image: url(../images/choose-us/proven-track-record.svg)
}

.why-choose-box:hover .proven-track-icon {
    background-image: url(../images/choose-us/proven-track-record-white.svg)
}

.transpancy-icon {
    background-image: url(../images/choose-us/transparency.svg)
}

.why-choose-box:hover .transpancy-icon {
    background-image: url(../images/choose-us/transparency-white.svg)
}

.quality-support-icon {
    background-image: url(../images/choose-us/quality-support.svg)
}

.why-choose-box:hover .quality-support-icon {
    background-image: url(../images/choose-us/quality-support-white.svg)
}

.creative-approach-icon {
    background-image: url(../images/choose-us/creative-approach.svg)
}

.why-choose-box:hover .creative-approach-icon {
    background-image: url(../images/choose-us/creative-approach-white.svg)
}

.advance-tool-icon {
    background-image: url(../images/choose-us/advance-tool-software.svg)
}

.why-choose-box:hover .advance-tool-icon {
    background-image: url(../images/choose-us/advance-tool-software-white.svg)
}

.cost-benefits-icon {
    background-image: url(../images/choose-us/cost-benefit.svg)
}

.why-choose-box:hover .cost-benefits-icon {
    background-image: url(../images/choose-us/cost-benefit-white.svg)
}

.truly-customize-icon {
    background-image: url(../images/choose-us/truly-custom.svg)
}

.why-choose-box:hover .truly-customize-icon {
    background-image: url(../images/choose-us/truly-custom-white.svg)
}

.dedicated-project-icon {
    background-image: url(../images/choose-us/dedicated-project.svg)
}

.why-choose-box:hover .dedicated-project-icon {
    background-image: url(../images/choose-us/dedicated-project-white.svg)
}

.support-icon {
    background-image: url(../images/choose-us/24-7-support.svg)
}

.industries-box:hover .support-icon,
.why-choose-box:hover .support-icon {
    background-image: url(../images/choose-us/24-7-support-white.svg)
}

.tight-timeline-icon {
    background-image: url(../images/choose-us/working-timeline.svg)
}

.why-choose-box:hover .tight-timeline-icon {
    background-image: url(../images/choose-us/working-timeline-white.svg)
}

.years-experience-icon {
    background-image: url(../images/choose-us/year-of-experience.svg)
}

.why-choose-box:hover .years-experience-icon {
    background-image: url(../images/choose-us/year-of-experience-white.svg)
}

.satisfy-customer-icon {
    background-image: url(../images/choose-us/satisfied.svg)
}

.why-choose-box:hover .satisfy-customer-icon {
    background-image: url(../images/choose-us/satisfied-white.svg)
}

.affordable-icon,
.cost-efective-icon {
    background-image: url(../images/choose-us/cost-effective.svg)
}

.why-choose-box:hover .affordable-icon,
.why-choose-box:hover .cost-efective-icon {
    background-image: url(../images/choose-us/cost-effective-white.svg)
}

.appealing-icon {
    background-image: url(../images/choose-us/appealing-visuals.svg)
}

.why-choose-box:hover .appealing-icon {
    background-image: url(../images/choose-us/appealing-visuals-white.svg)
}

.time-efficient-icon {
    background-image: url(../images/choose-us/time-efficient.svg)
}

.why-choose-box:hover .time-efficient-icon {
    background-image: url(../images/choose-us/time-efficient-white.svg)
}

.creative-design-icon {
    background-image: url(../images/choose-us/creative-designing.svg)
}

.why-choose-box:hover .creative-design-icon {
    background-image: url(../images/choose-us/creative-designing-white.svg)
}

.product-specific-icon {
    background-image: url(../images/choose-us/product-specific.svg)
}

.why-choose-box:hover .product-specific-icon {
    background-image: url(../images/choose-us/product-specific-white.svg)
}

.talk-listen-icon {
    background-image: url(../images/choose-us/you-talk-we-listen.svg)
}

.why-choose-box:hover .talk-listen-icon {
    background-image: url(../images/choose-us/you-talk-we-listen-white.svg)
}

.pro-digital-icon {
    background-image: url(../images/choose-us/pro-digital-marketors.svg)
}

.why-choose-box:hover .pro-digital-icon {
    background-image: url(../images/choose-us/pro-digital-marketors-white.svg)
}

.latest-technique-icon {
    background-image: url(../images/choose-us/we-use-latest-technique.svg)
}

.why-choose-box:hover .latest-technique-icon {
    background-image: url(../images/choose-us/we-use-latest-technique-white.svg)
}

.best-design-icon {
    background-image: url(../images/choose-us/we-create-best-designs.svg)
}

.why-choose-box:hover .best-design-icon {
    background-image: url(../images/choose-us/we-create-best-designs-white.svg)
}

.write-code-icon {
    background-image: url(../images/choose-us/we-write-code.svg)
}

.why-choose-box:hover .write-code-icon {
    background-image: url(../images/choose-us/we-write-code-white.svg)
}

.quantify-success-icon {
    background-image: url(../images/choose-us/we-quantify-our-success.svg)
}

.why-choose-box:hover .quantify-success-icon {
    background-image: url(../images/choose-us/we-quantify-our-success-white.svg)
}

.ontime-deliver-icon {
    background-image: url(../images/choose-us/we-deliver-on-time.svg)
}

.why-choose-box:hover .ontime-deliver-icon {
    background-image: url(../images/choose-us/we-deliver-on-time-white.svg)
}

.grow-fast-icon {
    background-image: url(../images/choose-us/market-faster.svg)
}

.why-choose-box:hover .grow-fast-icon {
    background-image: url(../images/choose-us/market-faster-white.svg)
}

.oversight-control-icon {
    background-image: url(../images/choose-us/oversight-control.svg)
}

.why-choose-box:hover .oversight-control-icon {
    background-image: url(../images/choose-us/oversight-control-white.svg)
}

.direct-access-icon {
    background-image: url(../images/choose-us/direct-access.svg)
}

.why-choose-box:hover .direct-access-icon {
    background-image: url(../images/choose-us/direct-access-white.svg)
}

.rapid-icon {
    background-image: url(../images/choose-us/rapid-authoring.svg)
}

.why-choose-box:hover .rapid-icon {
    background-image: url(../images/choose-us/rapid-authoring-white.svg)
}

.custom-elearning-icon {
    background-image: url(../images/choose-us/custom-elearning.svg)
}

.why-choose-box:hover .custom-elearning-icon {
    background-image: url(../images/choose-us/custom-elearning-white.svg)
}

.school-learning-icon {
    background-image: url(../images/choose-us/scalable-learning.svg)
}

.why-choose-box:hover .school-learning-icon {
    background-image: url(../images/choose-us/scalable-learning-white.svg)
}

.elearning-offer-icon {
    background-image: url(../images/choose-us/e-learning-offers-personalization.svg)
}

.why-choose-box:hover .elearning-offer-icon {
    background-image: url(../images/choose-us/e-learning-offers-personalization-white.svg)
}

.mobile-learning-icon {
    background-image: url(../images/choose-us/mobile-learning.svg)
}

.why-choose-box:hover .mobile-learning-icon {
    background-image: url(../images/choose-us/mobile-learning-white.svg)
}

.blended-learning-icon {
    background-image: url(../images/choose-us/blended-learning.svg)
}

.why-choose-box:hover .blended-learning-icon {
    background-image: url(../images/choose-us/blended-learning-white.svg)
}

.better-patient-icon {
    background-image: url(../images/choose-us/better-patient-outcomes.svg)
}

.why-choose-box:hover .better-patient-icon {
    background-image: url(../images/choose-us/better-patient-outcomes-white.svg)
}

.less-paperwork-icon {
    background-image: url(../images/choose-us/less-paperwork.svg)
}

.why-choose-box:hover .less-paperwork-icon {
    background-image: url(../images/choose-us/less-paperwork-white.svg)
}

.fewer-readmission-icon {
    background-image: url(../images/choose-us/readmissions.svg)
}

.why-choose-box:hover .fewer-readmission-icon {
    background-image: url(../images/choose-us/readmissions-white.svg)
}

.lower-cost-icon {
    background-image: url(../images/choose-us/lower-prices.svg)
}

.why-choose-box:hover .lower-cost-icon {
    background-image: url(../images/choose-us/lower-prices-white.svg)
}

.beating-competition-icon {
    background-image: url(../images/choose-us/competition.svg)
}

.why-choose-box:hover .beating-competition-icon {
    background-image: url(../images/choose-us/competition-white.svg)
}

.profitability-icon {
    background-image: url(../images/choose-us/profitibility.svg)
}

.why-choose-box:hover .profitability-icon {
    background-image: url(../images/choose-us/profitibility-white.svg)
}

.reputation-management-icon {
    background-image: url(../images/choose-us/reputation-management.svg)
}

.why-choose-box:hover .reputation-management-icon {
    background-image: url(../images/choose-us/reputation-management-white.svg)
}

.customer-services-icon {
    background-image: url(../images/choose-us/customer-services.svg)
}

.why-choose-box:hover .customer-services-icon {
    background-image: url(../images/choose-us/customer-services-white.svg)
}

.expensive-marketing-icon {
    background-image: url(../images/choose-us/in-expensive-marketing.svg)
}

.why-choose-box:hover .expensive-marketing-icon {
    background-image: url(../images/choose-us/in-expensive-marketing-white.svg)
}

.easy-business-icon {
    background-image: url(../images/choose-us/easy-business-management.svg)
}

.why-choose-box:hover .easy-business-icon {
    background-image: url(../images/choose-us/easy-business-management-white.svg)
}

.decrease-operational-icon {
    background-image: url(../images/choose-us/decrease-operational-cost.svg)
}

.why-choose-box:hover .decrease-operational-icon {
    background-image: url(../images/choose-us/decrease-operational-cost-white.svg)
}

.better-support-icon {
    background-image: url(../images/choose-us/better-customer-support.svg)
}

.why-choose-box:hover .better-support-icon {
    background-image: url(../images/choose-us/extensive-support-white.svg)
}

.customize-requirement-icon {
    background-image: url(../images/choose-us/customize-as-your-requirement.svg)
}

.why-choose-box:hover .customize-requirement-icon {
    background-image: url(../images/choose-us/customize-as-your-requirement-white.svg)
}

.save-time-icon {
    background-image: url(../images/choose-us/save-time-money.svg)
}

.why-choose-box:hover .save-time-icon {
    background-image: url(../images/choose-us/save-time-money-white.svg)
}

.own-code-icon {
    background-image: url(../images/choose-us/you-own-the-code.svg)
}

.why-choose-box:hover .own-code-icon {
    background-image: url(../images/choose-us/you-own-the-code-white.svg)
}

.one-cost-icon {
    background-image: url(../images/choose-us/one-time-cost.svg)
}

.why-choose-box:hover .one-cost-icon {
    background-image: url(../images/choose-us/one-time-cost-white.svg)
}

.life-support-icon {
    background-image: url(../images/choose-us/life-time-support.svg)
}

.why-choose-box:hover .life-support-icon {
    background-image: url(../images/choose-us/life-time-support-white.svg)
}

.assurance-quality-icon {
    background-image: url(../images/choose-us/assurance-of-quality.svg)
}

.why-choose-box:hover .assurance-quality-icon {
    background-image: url(../images/choose-us/assurance-of-quality-white.svg)
}

.data-security-icon {
    background-image: url(../images/choose-us/secure-data.svg)
}

.why-choose-box:hover .data-security-icon {
    background-image: url(../images/choose-us/secure-data-white.svg)
}

.reduce-expense-icon {
    background-image: url(../images/choose-us/reduce-freight-expenses.svg)
}

.why-choose-box:hover .reduce-expense-icon {
    background-image: url(../images/choose-us/reduce-freight-expenses-white.svg)
}

.track-delivery-icon {
    background-image: url(../images/choose-us/track-deliveries-in-real-time.svg)
}

.why-choose-box:hover .track-delivery-icon {
    background-image: url(../images/choose-us/track-deliveries-in-real-time-white.svg)
}

.increase-customer-icon {
    background-image: url(../images/choose-us/Increase-customer-service.svg)
}

.why-choose-box:hover .increase-customer-icon {
    background-image: url(../images/choose-us/Increase-customer-service-white.svg)
}

.improve-warehouse-icon {
    background-image: url(../images/choose-us/improve-warehouse-productivity-efficiency.svg)
}

.why-choose-box:hover .improve-warehouse-icon {
    background-image: url(../images/choose-us/improve-warehouse-productivity-efficiency-white.svg)
}

.increase-supply-icon {
    background-image: url(../images/choose-us/increase-supply-chain-efficiency.svg)
}

.why-choose-box:hover .increase-supply-icon {
    background-image: url(../images/choose-us/increase-supply-chain-efficiency-white.svg)
}

.business-focus-icon {
    background-image: url(../images/choose-us/Focus-on-your-core-business.svg)
}

.why-choose-box:hover .business-focus-icon {
    background-image: url(../images/choose-us/Focus-on-your-core-business-white.svg)
}

.why-choose-box:hover .latest-tech-icon {
    background-image: url(../images/we-serve/latest-tools-technologies-white.svg)
}

.establish-presense-icon {
    background-image: url(../images/choose-us/establish-an-online-presence.svg)
}

.why-choose-box:hover .establish-presense-icon {
    background-image: url(../images/choose-us/establish-an-online-presence-white.svg)
}

.save-cost-icon {
    background-image: url(../images/choose-us/save-on-operational-costs.svg)
}

.why-choose-box:hover .save-cost-icon {
    background-image: url(../images/choose-us/save-on-operational-costs-white.svg)
}

.attract-customer-icon {
    background-image: url(../images/choose-us/attract-new-customers.svg)
}

.why-choose-box:hover .attract-customer-icon {
    background-image: url(../images/choose-us/attract-new-customers-white.svg)
}

.brand-awareness-icon {
    background-image: url(../images/choose-us/boost-brand-awareness.svg)
}

.why-choose-box:hover .brand-awareness-icon {
    background-image: url(../images/choose-us/boost-brand-awareness-white.svg)
}

.better-understand-icon {
    background-image: url(../images/choose-us/better-understand-your-user.svg)
}

.why-choose-box:hover .better-understand-icon {
    background-image: url(../images/choose-us/better-understand-your-user-white.svg)
}

.drive-sales-icon {
    background-image: url(../images/choose-us/drive-conversions-and-sales.svg)
}

.why-choose-box:hover .drive-sales-icon {
    background-image: url(../images/choose-us/drive-conversions-and-sales-white.svg)
}

.why-choose-box:hover .customize-support-icon {
    background-image: url(../images/choose-us/customize-24-7-support-white.svg)
}

.why-choose-box:hover .security-icon {
    background-image: url(../images/we-serve/security-white.svg)
}

.creation-grow-icon {
    background-image: url(../images/choose-us/creation-grow.svg)
}

.why-choose-box:hover .creation-grow-icon {
    background-image: url(../images/choose-us/creation-grow-white.svg)
}

.creative-invasive-icon {
    background-image: url(../images/choose-us/creative-without-being-invasive.svg)
}

.why-choose-box:hover .creative-invasive-icon {
    background-image: url(../images/choose-us/creative-without-being-invasive-white.svg)
}

.fintech-icon {
    background-image: url(../images/we-serve/fintech.svg)
}

.industries-box:hover .fintech-icon {
    background-image: url(../images/we-serve/fintech-white.svg)
}

.ecommerce-icon {
    background-image: url(../images/we-serve/e-commerce.svg)
}

.industries-box:hover .ecommerce-icon {
    background-image: url(../images/we-serve/e-commerce-white.svg)
}

.healthcare-icon {
    background-image: url(../images/we-serve/healthcare.svg)
}

.industries-box:hover .healthcare-icon {
    background-image: url(../images/we-serve/healthcare-white.svg)
}

.fitness-icon {
    background-image: url(../images/we-serve/fitness.svg)
}

.industries-box:hover .fitness-icon {
    background-image: url(../images/we-serve/fitness-white.svg)
}

.food-delivery-icon {
    background-image: url(../images/we-serve/food-delivery.svg)
}

.industries-box:hover .food-delivery-icon {
    background-image: url(../images/we-serve/food-delivery-white.svg)
}

.real-estate-icon {
    background-image: url(../images/we-serve/real-estate.svg)
}

.industries-box:hover .real-estate-icon {
    background-image: url(../images/we-serve/real-estate-white.svg)
}

.entertainment-icon {
    background-image: url(../images/we-serve/entertainment.svg)
}

.industries-box:hover .entertainment-icon {
    background-image: url(../images/we-serve/entertainment-white.svg)
}

.business-icon {
    background-image: url(../images/we-serve/business.svg)
}

.industries-box:hover .business-icon {
    background-image: url(../images/we-serve/business-white.svg)
}

.education-icon {
    background-image: url(../images/we-serve/education.svg)
}

.industries-box:hover .education-icon {
    background-image: url(../images/we-serve/education-white.svg)
}

.travel-icon {
    background-image: url(../images/we-serve/travel.svg)
}

.industries-box:hover .travel-icon {
    background-image: url(../images/we-serve/travel-white.svg)
}

.sports-icon {
    background-image: url(../images/we-serve/sports.svg)
}

.industries-box:hover .sports-icon {
    background-image: url(../images/we-serve/sports-white.svg)
}

.trading-icon {
    background-image: url(../images/we-serve/trading.svg)
}

.industries-box:hover .trading-icon {
    background-image: url(../images/we-serve/trading-white.svg)
}

.rapidly-icon {
    background-image: url(../images/we-serve/rapidly-adopt-technology.svg)
}

.industries-box:hover .rapidly-icon {
    background-image: url(../images/we-serve/rapidly-adopt-technology-white.svg)
}

.domain-experience-icon {
    background-image: url(../images/we-serve/domain-experience.svg)
}

.industries-box:hover .domain-experience-icon {
    background-image: url(../images/we-serve/domain-experience-white.svg)
}

.detail-oriented-icon {
    background-image: url(../images/we-serve/detail-oriented-approach.svg)
}

.industries-box:hover .detail-oriented-icon {
    background-image: url(../images/we-serve/detail-oriented-approach-white.svg)
}

.dedicated-digital-icon {
    background-image: url(../images/we-serve/digital-marketer-expert.svg)
}

.industries-box:hover .dedicated-digital-icon {
    background-image: url(../images/we-serve/digital-marketer-expert-white.svg)
}

.long-term-icon {
    background-image: url(../images/we-serve/long-term-benefits.svg)
}

.industries-box:hover .long-term-icon {
    background-image: url(../images/we-serve/long-term-benefits-white.svg)
}

.crystal-clear-icon {
    background-image: url(../images/we-serve/crystal-clear-report.svg)
}

.industries-box:hover .crystal-clear-icon {
    background-image: url(../images/we-serve/crystal-clear-report-white.svg)
}

.trasparent-com-icon {
    background-image: url(../images/we-serve/transparent-communication.svg)
}

.industries-box:hover .trasparent-com-icon {
    background-image: url(../images/we-serve/transparent-communication-white.svg)
}

.increase-productivity-icon {
    background-image: url(../images/we-serve/increased-productivity.svg)
}

.fast-engagement-icon {
    background-image: url(../images/we-serve/fast-engagement.svg)
}

.scaling-flexibility-icon {
    background-image: url(../images/we-serve/scaling-flexibility.svg)
}

.security-icon {
    background-image: url(../images/we-serve/security.svg)
}

.user-friendly-icon {
    background-image: url(../images/we-serve/user-friendly.svg)
}

.competitive-solutions-icon {
    background-image: url(../images/we-serve/competitive-solutions.svg)
}

.data-driven-icon {
    background-image: url(../images/we-serve/data-driven-decision-making.svg)
}

.digitized-clinical-icon {
    background-image: url(../images/we-serve/digitized-clinical-workflows.svg)
}

.remote-patient-icon {
    background-image: url(../images/we-serve/remote-patient-monitoring.svg)
}

.exceptional-service-icon {
    background-image: url(../images/we-serve/exceptional-service.svg)
}

.unnecessary-cost-icon {
    background-image: url(../images/we-serve/cut-down-on-the-unnecessary-cost-and-time.svg)
}

.commited-team-icon {
    background-image: url(../images/we-serve/committed-development-team.svg)
}

.fast-delivery-icon {
    background-image: url(../images/we-serve/fast-delivery.svg)
}

.customized-solutions-icon {
    background-image: url(../images/we-serve/customized-solutions.svg)
}

.competitive-cost-icon {
    background-image: url(../images/we-serve/competitive-cost.svg)
}

.flexible-support-icon {
    background-image: url(../images/we-serve/flexible-support-maintenance.svg)
}

.latest-tech-icon {
    background-image: url(../images/we-serve/latest-tools-technologies.svg)
}

.time-market-icon {
    background-image: url(../images/we-serve/time-to-market.svg)
}

.demand-expertise-icon {
    background-image: url(../images/we-serve/on-demand-expertice.svg)
}

.built-scale-icon {
    background-image: url(../images/we-serve/build-to-scale.svg)
}

.secracy-icon {
    background-image: url(../images/we-serve/secrecy.svg)
}

.customizable-app-icon {
    background-image: url(../images/we-serve/customize-as-your-requirement.svg)
}

.dedicated-support-icon {
    background-image: url(../images/we-serve/dedicated-support.svg)
}

.accessible-solution-icon {
    background-image: url(../images/we-serve/accesible-solution.svg)
}

.tailor-made-icon {
    background-image: url(../images/we-serve/tailor-made.svg)
}

.timeless-solution-icon {
    background-image: url(../images/we-serve/timeless-solution.svg)
}

.dedicated-team-icon {
    background-image: url(../images/we-serve/dedicated-teams.svg)
}

.advanced-tech-icon {
    background-image: url(../images/we-serve/advanced-technology.svg)
}

.optimize-portal-icon {
    background-image: url(../images/we-serve/ecommerce-portal.svg)
}

.system-integration-icon {
    background-image: url(../images/we-serve/system-integration.svg)
}

.customize-report-icon {
    background-image: url(../images/we-serve/customized-reporting-functionality.svg)
}

.payment-gateway-icon {
    background-image: url(../images/we-serve/payment-gateway-integration.svg)
}

.right-tech-icon {
    background-image: url(../images/we-serve/right-technology-expertise.svg)
}

.customize-support-icon {
    background-image: url(../images/we-serve/customize-24-7-support.svg)
}

.industries-box .choose-icon,
.industries-center-box .choose-icon {
    margin: 0 auto;
    background-position: center
}

.why-choose-box h4 {
    font-size: 20px;
    margin-top: 20px;
    position: relative
}

.industries-box:hover,
.industries-list.digital-methodology .industries-box:hover h5,
.why-choose-box:hover {
    color: #fff
}

.why-choose-box:before {
    content: "";
    background: #10afff;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 100%;
    transition: .4s
}

.industries-box:hover .industry-content,
.why-choose-box:hover:before {
    bottom: 0
}

.tach-tab-head a {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px;
    background: #eee;
    color: #000;
    text-decoration: none;
    text-align: center
}

.technology-tabs {
    position: relative;
    margin-top: 40px
}

.tach-tab-head a:hover {
    background: #ebebeb
}

.tach-tab-head {
    flex: 0 0 20%
}

.hire-types,
.tech-tabs-list {
    display: flex;
    margin-top: 30px
}

.tach-tab-head.active a {
    background-color: #0faeff;
    color: #fff;
    position: relative
}

.tach-tab-head.active a:after {
    content: "";
    position: absolute;
    border-top: 10px solid #0faeff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    left: 48%;
    bottom: -10px
}

.tech-tab-con {
    width: 100%;
    text-align: center;
    display: none
}

.tech-box {
    text-align: center;
    border-radius: 15px;
    display: inline-block;
    padding: 10px;
    border: 1px solid #eee;
    width: 100px;
    height: 100px
}

.tech-box h4 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px
}

.client-logo-img img,
.tech-box img {
    max-height: 80px
}

.tech-tabs.mobile-tech-tabs .tech-tab {
    flex: 0 0 25%
}

.industries-box {
    width: 15%;
    float: left;
    text-align: center;
    margin: 30px 1.6% 0 0;
    background: #f5f5f5;
    padding: 20px 10px 10px;
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.industries-box:before,
.industry-content {
    background: #10afff;
    transition: .4s;
    width: 100%
}

.industries-box:before,
.industry-content,
.who-we-bg {
    height: 100%;
    position: absolute
}

.industries-box:before {
    content: "";
    left: -100%;
    top: 0
}

.industries-box img {
    max-height: 70px;
    opacity: .8
}

.industries-box h5 {
    font-size: 16px;
    margin-top: 10px;
    position: relative
}

.hire-dev-con h3 {
    font-size: 35px;
    font-family: Khand, sans-serif;
    font-weight: 700
}

.htype-box img {
    display: block;
    max-height: 60px;
    margin: 0 auto 10px
}

.htype-box {
    text-align: center;
    margin-right: 60px
}

.tech-tabs.digital-tech-tabs li {
    flex: 0 0 16.7%
}

.industries-list.digital-methodology .industries-box {
    width: 100%;
    margin-right: 0;
    padding: 50px 10px 30px;
    position: relative
}

.industries-list.digital-methodology .industries-box:before {
    left: 0;
    display: none
}

.industries-list.digital-methodology .industries-box h5 {
    min-height: 40px
}

.industry-content {
    bottom: -100%;
    left: 0;
    padding: 30px;
    border-radius: 10px;
    color: #fff
}

.top-ranking .slick-dots li button:before {
    width: 10px;
    height: 10px;
    background: #0fa7f3;
    border-radius: 50%
}

#side-contact-btn,
.testimonial-slider .slick-dots li.slick-active button {
    background: #10afff
}

.home-casestudy-sec .slick-arrow {
    bottom: 0;
    top: auto;
    padding: 0;
    width: 30px;
    height: 30px;
    z-index: 99
}

.home-casestudy-sec .slick-prev {
    right: 75px
}

.who-we-bg.home-who-bg {
    width: 24%;
    background-size: 663px
}

.who-we-bg.mobile-who-bg {
    background-image: url(../images/mobile-who-bg.jpg)
}

.who-we-bg.ui-who-bg {
    background-image: url(../images/ui-who-bg.jpg)
}

.who-we-bg.food-who-bg {
    background-image: url(../images/food-who-bg.jpg)
}

.who-we-bg {
    background-image: url(../images/who-we-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 35%;
    top: 0;
    left: 0;
    filter: grayscale(1)
}

.testimonial-con>p,
.testimonial-img {
    position: relative;
    text-align: center
}

.who-we-bg.travel-who-bg {
    background-image: url(../images/travel-who-bg.jpg)
}

.who-we-bg.transprtation-who-bg {
    background-image: url(../images/transportation-who-bg.jpg)
}

.who-we-bg.retail-who-bg {
    background-image: url(../images/retail-who-bg.jpg)
}

.who-we-bg.health-who-bg {
    background-image: url(../images/healthcare-who-bg.jpg)
}

.who-we-bg.education-who-bg {
    background-image: url(../images/education-who-bg.jpg)
}

.who-we-img {
    width: 60%;
    border: 10px solid #fff;
    border-radius: 30px
}

.who-we-img.who-full-img {
    width: 100%;
    border-width: 0;
    border-radius: 0
}

.who-we-img.who-full-img img {
    border-radius: 0
}

.who-we-img.who-img-second {
    margin-left: 35%;
    margin-top: -250px;
    display: inline-block
}

.who-we-img img {
    border-radius: 30px
}

.testimonial-box {
    padding: 20px 50px 0;
    max-width: 1000px;
    margin: 0 auto
}

.testimonial-img img {
    width: 175px;
    border-radius: 50%;
    margin: 15px auto
}

.testimonial-slider .slick-prev:before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #000
}

.testimonial-slider .slick-next:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #000
}

.testimonial-slider .slick-arrow:before {
    font-size: 35px
}

.testimonial-slider .slick-prev {
    left: 0;
    top: 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 999;
    padding: 4px 7px 2px;
    background: 0 0
}

.testimonial-slider .slick-arrow {
    opacity: .3
}

.testimonial-slider .slick-dots {
    bottom: -50px
}

.testimonial-slider .slick-dots li button {
    background: #cfcfcf;
    border-radius: 50%;
    width: 15px;
    height: 15px
}

.testimonial-slider .slick-next {
    right: 0;
    top: 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 999;
    padding: 4px 4px 2px 8px;
    background: 0 0
}

.testimonial-con>p {
    padding: 15px 30px 10px;
    margin: 0
}

.testimonial-client h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #10afff
}

.testimonial-client p {
    font-size: 13px;
    margin: 0
}

.testi-img-white {
    width: 100px;
    height: 100px;
    position: absolute;
    background: #fff;
    box-shadow: 0 0 33px -14px rgb(0 0 0 / 50%);
    border-radius: 50%;
    bottom: 0;
    right: 17px;
    z-index: -3
}

.process-dot {
    display: flex;
    width: 100%;
    -webkit-box-shadow: 0 0 12px 0 rgb(32 46 60 / 6%);
    -moz-box-shadow: 0 0 12px 0 rgba(32, 46, 60, .06);
    box-shadow: 0 0 12px 0 rgb(32 46 60 / 6%);
    margin-top: 30px;
    border-radius: 0 10px 10px 0
}

.process-number {
    width: 20%;
    font-size: 85px;
    font-weight: 600;
    font-family: Roboto;
    background: #f7f7f7;
    text-align: center;
    position: relative;
    border-radius: 10px 0 0 10px;
    display: table
}

.process-number:before {
    display: block;
    content: "";
    position: absolute;
    right: -10px;
    top: 46%;
    border-left: 10px solid #f7f7f7;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent
}

.process-con-box {
    padding: 30px 50px;
    width: 80%;
    border: 1px solid #fff
}

.process-dot:hover .process-con-box {
    border: 1px solid #10afff
}

.process-number span {
    width: 100%;
    display: table-cell
}

.process-con-box h4 {
    font-weight: 700;
    font-size: 27px;
    color: #3e3e3e;
    font-family: MYRIADPRO REGULAR
}

.blog-box .blog-box-con p,
.whizcamp-count-box p {
    font-family: 'MYRIADPRO REGULAR'
}

.process-con-box p {
    font-size: 18px;
    margin-bottom: 5px
}

.process-dot.process-dot-right .process-number {
    order: 2;
    border-radius: 0 10px 10px 0
}

.process-dot-right .process-number:before {
    display: block;
    content: "";
    position: absolute;
    left: -10px;
    top: 46%;
    right: auto;
    border-right: 10px solid #f7f7f7;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 0 solid #f7f7f7
}

.process-dot:hover .process-number:before {
    border-left: 10px solid #10afff
}

.process-dot.process-dot-right:hover .process-number:before {
    border-right: 10px solid #10afff;
    border-left: 0 solid transparent
}

#side-contact-btn {
    writing-mode: vertical-lr;
    position: fixed;
    top: 40vh;
    right: 0;
    color: #fff;
    padding: 30px 10px;
    transform: rotate(180deg);
    text-decoration: none;
    z-index: 9999
}

.industries-center-box .industry-content {
    position: static;
    background: 0 0;
    color: inherit;
    padding: 0
}

.industries-center-box {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
    padding: 0 30px
}

.industries-center-box img {
    width: 70px
}

.industries-center-box h5 {
    margin: 15px 0 5px;
    font-weight: 600
}

.empowering-startup.spirit-discovery-process {
    padding-top: 0
}

.empowering-startup.spirit-discovery-process .empowering-stage-icon {
    border: 19px solid #f70
}

.empowering-startup.spirit-discovery-process .empowering-stage-box:hover .stage-name {
    background: #f70;
    color: #fff
}

.idea-time-sec .dtp_modal-content {
    background-color: #fff;
    border-radius: 10px;
    width: 624px;
    position: absolute;
    z-index: 999999;
    top: 37px;
    font-size: 16px;
    font-weight: 400;
    left: 0
}

.attached-file {
    max-width: calc(100% - 110px);
    display: inline-block;
    white-space: nowrap;
    margin-top: 3px;
    float: left
}

.whizcamp-count-box span.count-icon {
    font-weight: 600;
    font-size: 70px
}

.homebanner-slider .slick-dots {
    bottom: 15px
}

.homebanner-slider .slick-dots li button {
    background: #9c9c9c;
    border-radius: 50%
}

.homebanner-slider .slick-dots li.slick-active button {
    padding: 0 5px;
    background: 0 0;
    border: 1px solid #fff;
    width: 19px;
    height: 19px;
    text-align: center
}

.homebanner-slider .slick-dots li button::before {
    opacity: 1;
    width: 8px;
    height: 8px;
    background: 0 0;
    border-radius: 50%;
    top: 5px;
    left: 6px
}

.homebanner-slider .slick-dots li.slick-active button::before {
    opacity: 1;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    top: 5px;
    left: 6px
}

ul.who-we-point li {
    position: relative;
    padding-left: 35px;
    margin: 15px 0
}

.home-banner-content a.full-btn {
    width: auto
}

.post-grid-cat {
    font-size: 18px;
    font-weight: 600;
    font-family: Myriadpro Regular;
    color: #00aee9;
    letter-spacing: 3px
}

.blog-box-con h2 {
    font-size: 28px;
    opacity: 1;
    line-height: 38px;
    font-family: Roboto;
    font-weight: 600;
    margin-top: 0
}

.blog-box-con h2 a {
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.blog-box-con h2 a:hover {
    text-decoration: none
}

.blog-box {
    box-shadow: 0 6px 16px rgb(0 0 0 / 10%)
}

.blog-box-con {
    padding: 20px 20px 0
}

.blog-box .blog-box-con p {
    margin: 10px 0 0 !important;
    line-height: 1.5em;
    font-size: 18px !important;
    color: #000 !important;
    font-weight: 400
}

.post-grid-footer {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    padding: 0 20px 20px
}

.post-grid-footer .post-author-detail {
    float: left;
    margin-top: 5px;
    display: flex;
    align-items: center
}

.post-grid-footer .post-author-detail img {
    width: 35px;
    border-radius: 50%;
    margin-right: 10px
}

.post-grid-footer .author-name span {
    font-size: 18px;
    font-family: MyriadPro Regular;
    text-transform: capitalize;
    font-weight: 700
}

.post-grid-footer .author-name p {
    margin: 0 !important;
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
    font-family: MyriadPro Regular
}

.post-grid-footer .blog-readmore {
    font-size: 18px;
    font-weight: 400;
    border: 1px solid #00aee9;
    padding: 15px 30px;
    display: inline-block;
    border-radius: 10px;
    color: #00aee9;
    font-family: 'MYRIADPRO REGULAR';
    float: right;
    line-height: 20px
}

.post-grid-footer .blog-readmore:hover {
    background: #00aee9;
    color: #fff;
    text-decoration: none
}

.author-name {
    line-height: 20px
}

.on-demand-banner {
    position: relative;
    margin-top: 0;
    background-image: url(../images/on-demand-banner-bg.jpg);
    background-position: center right;
    min-height: 95vh;
    background-size: cover;
    background-repeat: no-repeat
}

.ondemand-slider {
    width: 800px;
    display: flex;
    align-items: end;
    margin-top: 350px;
    margin-bottom: 50px
}

.ondemand-slide-box {
    background: url(../images/demand-slidebox.png);
    box-shadow: 0 30.9937px 103.312px rgba(0, 0, 0, .3);
    backdrop-filter: blur(68.8749px);
    border-radius: 50.6666px;
    padding: 150px 10px 10px;
    color: #fff;
    display: none
}

.ondemand-slide-box>img {
    position: absolute;
    right: 0;
    bottom: 150px;
    width: 385px
}

.ondemand-slide-con h4 {
    font-family: MyriadPro Bold;
    margin-top: 20px;
    font-size: 40px
}

.ondemand-slide-box.active {
    width: 550px;
    padding: 150px 30px 10px;
    display: block
}

.ondemand-slide-tiles {
    width: 200px;
    margin-left: 40px;
    display: flex;
    overflow-x: hidden;
    height: 200px;
    align-items: end
}

.on-demand-banner .container {
    max-width: 100%;
    padding-left: 12%
}

.slide-tile-box {
    background: linear-gradient(123.58deg, rgba(235, 46, 69, .28) 0, rgba(255, 255, 255, .16) 100%);
    backdrop-filter: blur(24.9307px);
    border-radius: 18.3398px;
    padding: 40px 20px 1px;
    opacity: .4;
    min-width: 200px;
    cursor: pointer
}

.slide-tile-box>img {
    width: 70px;
    position: absolute;
    right: 8px;
    top: -35px
}

.ondemand-tile-con img {
    width: 30px
}

.ondemand-tile-con h4 {
    font-size: 14px;
    color: #fff;
    margin-top: 10px
}

.ondemand-tile-con p {
    font-size: 8px;
    color: #fff
}

.ondemand-feature-box {
    display: flex;
    padding: 20px 30px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .07);
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top: 20px
}

.feature-con {
    width: calc(100% - 64px);
    padding-left: 20px
}

.feature-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(235, 46, 69, .1);
    border-radius: 50%
}

.feature-con h4 {
    font-size: 24px;
    font-family: 'MYRIADPRO REGULAR';
    font-weight: 600;
    margin: 0
}

.feature-con p {
    font-size: 18px;
    line-height: 30px;
    margin: 0
}

.feature-icon.ficon-orange {
    background: rgba(249, 151, 70, .1)
}

.feature-icon.ficon-blue,
.feature-icon.ficon-purple {
    background: rgba(79, 82, 255, .1)
}

.feature-icon.ficon-yellow {
    background: rgba(255, 196, 33, .1)
}

.ondemand-points h3 {
    font-size: 30px;
    font-family: 'MYRIADPRO REGULAR';
    font-weight: 700
}

.advance-feature-count,
.call-txt span,
.contact-form.vision-form .form-input,
.contact-via span,
.vision-contact-box h5,
.vision-contact-form h4,
.why-whizcamp-con span {
    font-weight: 600;
    font-family: 'MYRIADPRO REGULAR'
}

.vision-contact-box {
    background: rgba(0, 145, 194, .06);
    padding: 30px 40px
}

.vision-contact-box h5 {
    font-size: 24px
}

.contact-call {
    display: flex;
    margin-top: 35px
}

.call-icon {
    width: 54px;
    height: 54px;
    background: #fff;
    border-radius: 50%;
    align-items: center;
    display: flex;
    justify-content: center
}

.call-txt {
    padding-left: 20px
}

.call-txt span {
    font-size: 20px
}

.call-txt p {
    font-size: 16px;
    margin: 0
}

.contact-via span {
    font-size: 16px
}

.contact-via {
    margin-top: 35px;
    text-align: center
}

.connect-via-icons {
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.banner-icon,
.why-whizcamp-ico {
    align-items: center;
    display: flex
}

.connect-via-icons .call-icon {
    width: 44px;
    height: 44px;
    margin: 0 10px
}

.contact-form.vision-form .form-input {
    border-color: rgba(0, 0, 0, .15);
    color: #000
}

.vision-form .idea-file.idea-captcha #vision_captcha {
    color: #000;
    font-family: 'MYRIADPRO REGULAR';
    font-weight: 600;
    height: 34px;
    background: 0 0;
    width: 150px;
    outline: unset
}

.contact-form.vision-form .idea-file {
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.contact-form.vision-form label {
    font-family: 'MYRIADPRO REGULAR';
    color: rgba(0, 0, 0, .6)
}

.contact-form.vision-form input#attachfile {
    font-weight: 400;
    font-size: 17px;
    border-width: 0;
    color: #ddd;
    opacity: .6
}

.contact-form.vision-form .form-submit {
    text-align: left;
    margin-top: -40px
}

.why-whizcamp-ico {
    background: rgba(0, 174, 233, .1);
    width: 64px;
    height: 64px;
    justify-content: center;
    border-radius: 50%
}

.why-whizcamp-con span {
    font-size: 20px
}

.why-whizcamp-box {
    box-shadow: 0 4px 18px rgba(0, 0, 0, .14);
    padding: 30px 25px;
    border-radius: 10px;
    margin-bottom: 30px
}

.banner-feature-box,
.banner-icon {
    background: #fff;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .08)
}

.banner-feature,
.banner-points li:first-child {
    margin-bottom: 15px
}

.why-whizcamp-box:hover {
    background: #00aee9;
    color: #fff
}

.why-whizcamp-right {
    margin-top: -60px
}

.vision-contact-form h4 {
    font-size: 24px
}

.contact-form.vision-form #vision_attachfile {
    font-weight: 400;
    font-size: 17px
}

.ondemand-detail-banner {
    padding-top: 180px
}

.ondemand-detail-banner .home-banner-content {
    padding: 0;
    color: #000
}

.ondemand-detail-banner .home-banner-content h1 {
    font-weight: 800;
    font-size: 50px;
    line-height: 70px
}

.banner-points {
    list-style: none;
    padding-left: 0
}

.banner-icon {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    justify-content: center;
    margin-right: 15px
}

.banner-feature-box {
    border-radius: 66px;
    padding: 10px 35px 10px 20px;
    margin-right: 20px
}

.banner-feature {
    display: flex;
    margin-top: 25px
}

.banner-feature-box img {
    margin-right: 10px
}

.ondemand-banner-img {
    margin-left: -70px;
    position: relative;
    z-index: -1
}

.advance-feature-count {
    background: rgba(0, 174, 233, .1);
    border-radius: 20px;
    width: 74px;
    height: 74px;
    color: #00aee9;
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px
}

.advance-feature-box .feature-con {
    width: 100%;
    padding: 0
}

.text-right .advance-feature-box {
    display: flex;
    justify-content: end;
    flex-wrap: wrap
}

.advance-feature-box {
    margin-top: 60px
}

.ondemand-points .banner-icon {
    width: 40px;
    height: 40px
}

.ondemand-points .banner-points,
.tech-stack-list {
    display: flex;
    flex-wrap: wrap
}

.ondemand-points .banner-points li {
    width: 50%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'MYRIADPRO REGULAR'
}

.user-flow-chart {
    text-align: center;
    margin-top: 20px
}

.user-interface img {
    margin: 15px 0;
    border-radius: 20px
}

.ondemand-banner-img.ondemand-healhtcare-banner {
    margin-right: -70px;
    margin-left: 0
}

.whizcamp-count-box>span {
    font-size: 120px;
    font-family: Khand, sans-serif;
    font-weight: 800;
    color: #10afff
}

.help-business h3 b,
.section-title h3,
.section-title p,
.tech-stack-txt h3 {
    font-family: Aller
}

.whizcamp-count-box span {
    font-weight: 700;
    font-size: 60px;
    font-family: Aller;
    line-height: 1
}

.countbox-txt {
    padding-left: 15px
}

.whizcamp-count-box p {
    font-weight: 500;
    font-size: 16px;
    margin: 0
}

.whizcamp-count-box {
    margin: 40px 0;
    display: flex;
    align-items: center
}

#technology-stack {
    background: #4a90e2
}

.tech-stack-txt {
    background: #fff;
    padding: 60px 30px;
    text-align: center;
    position: relative
}

.tech-stack-txt h3 {
    font-size: 40px;
    font-weight: 700
}

.tech-stack-txt:before {
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    position: absolute;
    left: 30px;
    top: 30px
}

.tech-stach-box span {
    display: block;
    color: #fff;
    margin-top: 10px
}

.tech-stach-box {
    flex: 0 0 25%;
    text-align: center;
    margin: 30px 0
}

.countbox-icon {
    background: rgba(23, 56, 105, .1);
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px
}

.section-title h3 {
    font-size: 70px;
    font-weight: 700
}

#client-sec {
    background-image: url(../images/home/clients-bg.jpg)
}

.client-logos {
    display: flex;
    column-gap: 15px;
    align-items: center
}

.client-logo-box {
    flex: 0 0 19%
}

.client-logo-img {
    background: #fff;
    text-align: center;
    min-height: 100px;
    display: flex;
    justify-content: center;
    padding: 12px;
    align-items: center;
    border-radius: 15px;
    margin: 15px 0
}

.help-business h3 {
    font-size: 52px;
    line-height: 70px
}

.section-title p {
    font-size: 24px;
    color: rgba(0, 0, 0, .5)
}

@media (min-width:1101px) {
    section.home-process .container {
        max-width: 1080px
    }

    .dropdown-menu {
        display: block !important
    }

    #main-menu {
        display: inline-block !important
    }

    .header-menu-sec>.container,
    .top-bar .container {
        max-width: 1080px;
        padding: 0
    }

    .menu-close,
    .mobile-telephone {
        display: none
    }
}

@media (min-width:1300px) {

    .header-menu-sec>.container,
    .top-bar .container,
    section.home-process .container {
        max-width: 1280px
    }

    .key-features .container {
        max-width: 1100px
    }
}

@media (min-width:1500px) {

    .key-features.marketo-admin .container,
    section.home-process .container {
        max-width: 1400px
    }

    .home-banner-content {
        min-height: 730px
    }

    /* .container,
    section.key-features.evrpresent-key-features .container {
        max-width: 1300px
    } */
}

@media (min-width:1700px) {

    .header-menu-sec>.container,
    .top-bar .container {
        max-width: 1600px
    }
}

@media (max-width:1900px) {
    .process-content {
        margin-top: -35px
    }
}

@media (max-width:1700px) {
    .job-tags span {
        padding: 7px 2%;
        font-size: 14px
    }

    .services-left-img {
        width: 38%;
        margin-left: 4%
    }

    .casestudy-content-box h4 {
        font-size: 32px
    }

    .casestudy-content-box h5 {
        font-size: 20px;
        margin-top: 10px
    }

    .casestudy-content-box ul li {
        margin: 0 0 5px
    }

    .casestudy-content-box ul {
        margin: 15px 0 25px
    }

    .casestudy-bottom {
        margin-top: 0
    }

    .contact-detail-con {
        padding-right: 0
    }

    .contact-page-form {
        padding: 50px 0 0 30px
    }

    .contact-form-left {
        width: 27%
    }

    .contact-form-right {
        width: 73%
    }

    .who-we-bg {
        width: 20%;
        background-position: center top
    }

    .on-demand-banner .container {
        padding-left: 7%
    }
}

@media (max-width:1500px) {
    .healthcare-con-box {
        padding: 0
    }

    .mystery-box,
    .ondemand-slider {
        width: 100%
    }

    .ondemand-slide-box>img {
        width: 330px;
        bottom: 130px
    }

    .ondemand-slide-box.active {
        width: 470px;
        padding: 130px 30px 10px
    }

    .hire-head span,
    .ondemand-slide-con img,
    .why-choose-box img {
        width: 60px
    }

    .ondemand-slide-con h4,
    .platform-head h3 {
        font-size: 30px
    }

    .post-grid-footer .blog-readmore {
        font-size: 16px;
        padding: 12px 20px
    }

    .whizcamp-count-box {
        padding-left: 15px
    }

    .casestudy-bottom {
        position: static;
        margin-top: 20px
    }

    .tech-box {
        width: 95px;
        height: 95px
    }

    .process-con {
        padding: 15px
    }

    .process-box {
        padding: 80px 0
    }

    .country-service-box p,
    .why-choose-box h4 {
        font-size: 18px
    }

    .what-unique {
        margin-top: 80px
    }

    section.home-testimonial {
        padding: 80px 0 50px
    }

    .casestudy-content-box p,
    .service-con-box p {
        line-height: 30px
    }

    .who-we-text h2,
    .who-we-text h3 {
        font-size: 34px
    }

    .home-banner-content h1 {
        font-size: 47px;
        line-height: 80px
    }

    .home-banner-content h1 span {
        font-size: 55px
    }

    .complete-app-feature .home-casestudy-heading h2 {
        font-size: 35px
    }

    .app-tech-info:last-child {
        margin-right: 0
    }

    .app-offer-sec h3 {
        margin-top: 34px;
        font-size: 23px
    }

    .feature-app-box {
        padding: 30px;
        margin: 25px 0
    }

    .mobile-offer-list .hire-head h3 {
        font-size: 21px;
        line-height: 30px
    }

    .mobile-offer-list p,
    .service-con h3 {
        font-size: 17px
    }

    .expert-con-inner {
        padding: 20px 30px
    }

    .expert-con h4,
    .services-box h3 {
        font-size: 19px
    }

    section.enterprise-banner.enterprise-main-banner .enterprise-banner-txt {
        bottom: 80px
    }

    a.free-consult-btn {
        padding: 8px 10px
    }

    .contact-form-head h3,
    .experience-box h4 {
        font-size: 27px
    }

    .coffee-con h2 {
        font-size: 32px
    }

    .culture .home-casestudy-heading h2,
    .get-solution-content h2,
    .home-casestudy-heading h2,
    .home-testimonial-head h2 {
        font-size: 40px
    }

    .services-img-sec {
        max-height: 550px
    }

    .service-con p {
        line-height: 25px;
        font-size: 14px
    }

    .services-con {
        padding: 0 30px
    }

    .service-sub-heading {
        font-size: 16px
    }

    .contact-detail-con h3 {
        font-size: 23px
    }

    .trending-blog-title h2 span {
        width: 40%
    }

    .service-name {
        padding-left: 25px;
        width: 73%
    }

    section.story-board .project-name h3,
    section.story-board .project-name h4 {
        font-size: 20px
    }

    .tech-stacks-box label {
        font-size: 22px
    }

    .tech-stacks-box p {
        font-size: 20px;
        line-height: 35px
    }

    .tech-title span {
        font-size: 56px
    }

    .tech-title h3 {
        font-size: 42px
    }
}

@media (max-width:1400px) {
    .home-banner-content h1 span {
        font-size: 50px
    }

    .header-phone.header-phone-pink {
        margin-left: 5px
    }

    .home-casestudy-heading h2,
    .startup-mvp h2,
    section.amplify-startup h2,
    section.empowering-startup h2,
    section.enterprise-faq h2,
    section.never-stop h2,
    section.transorming-enterprise h2 {
        font-size: 40px
    }

    span.cno {
        font-size: 14px
    }

    .tech-con-box h4,
    a.header-phone i {
        font-size: 23px
    }

    header.header-fixed .site-logo img {
        width: 90px
    }

    #main-menu ul {
        padding-right: 10px
    }

    #main-menu li a,
    .ellegiance ul li {
        font-size: 15px
    }

    #main-menu li {
        padding: 0 10px
    }

    .contact-detail-con .book-cnsultation h3,
    .other-technologies .first-case-txt li,
    .other-technologies p {
        font-size: 18px
    }

    .other-technologies .android-con-box h3 {
        margin-top: 0;
        font-size: 35px
    }

    .android-con-box>h3 {
        font-size: 26px
    }

    .obj-con-box p {
        font-size: 18px;
        line-height: 32px
    }

    .services-img-sec {
        max-height: 475px
    }

    section.amplify-startup,
    section.empowering-process,
    section.empowering-process.wide-range,
    section.experience,
    section.whizcamp-count {
        padding: 50px 0
    }

    .latest-blog-list .blog-name-des {
        min-height: 200px
    }

    section.culture {
        padding: 50px 0 20px
    }

    .hello-coffee-area {
        margin: 70px auto
    }

    .success-box {
        width: 90%;
        margin-bottom: 10px
    }

    .what-unique,
    section.enhance-buisness,
    section.leadership,
    section.mobile-offers {
        padding: 60px 0
    }

    .team-list,
    section.enterprise-casestudy {
        margin-top: 50px
    }

    section.leverage-power,
    section.love-talk,
    section.trending-blog {
        padding: 70px 0
    }

    section.latest-blog .trending-blog-sidebox .blog-name-des h3 {
        font-size: 42px;
        line-height: 50px
    }

    section.startup-banner h1 {
        font-size: 60px
    }

    section.never-stop {
        padding: 80px 0
    }

    .contact-form .form-group {
        margin-bottom: 50px
    }

    section.enhance-buisness h2 {
        font-size: 40px;
        line-height: 52px
    }

    .enhance-point-list p,
    section.transorming-enterprise p {
        font-size: 20px
    }

    .enhance-count {
        margin-top: 0
    }

    section.mobile-app-builders h2 {
        font-size: 40px;
        line-height: 55px
    }

    .mobile-offer-list p {
        font-size: 17px
    }

    section.startup-banner {
        padding: 300px 0 50px
    }

    section.startup-banner.startup-top-banner {
        padding-top: 300px
    }

    .enhance-count-box span,
    .enterprise-banner-txt h1 {
        font-size: 70px
    }

    .mobile-offer-list h3 {
        font-size: 28px;
        line-height: 37px;
        min-height: 75px
    }

    .service-icon svg {
        width: 35px
    }

    .enterprise-content-box {
        padding: 115px 15px 10px;
        margin-top: 20px
    }

    .looking-for-ecm,
    .management-solutions-list,
    .mobile-app-box {
        margin-top: 30px
    }

    .peotect-intellectual-img {
        width: 105%;
        margin-left: -5%;
        margin-top: -100px;
        margin-bottom: -100px
    }

    section.peotect-intellectual {
        padding: 50px 0;
        margin-top: 50px
    }

    section.mobile-app-builders {
        padding: 130px 0 30px
    }

    .home-banner-content h1 {
        font-size: 43px;
        line-height: 65px
    }

    .home-blog-list {
        margin: 50px 0
    }

    .home-banner-img {
        text-align: right
    }

    .home-banner-img img {
        width: 80%
    }

    section.home-banner.home-slide-banner {
        padding: 140px 0 0
    }

    .casestudy-content-box p {
        line-height: 24px;
        margin: 15px 0 30px;
        font-size: 14px
    }

    .home-casestudy-heading h2 br {
        display: none
    }

    .service-icon {
        width: 50px
    }

    .service-con {
        width: calc(100% - 60px)
    }

    .address-con,
    .service-con p {
        font-size: 13px
    }

    .services-list-box {
        padding: 15px 30px
    }

    .service-con-box h3 {
        font-size: 30px;
        line-height: 1.3
    }

    .service-con-box p {
        line-height: 30px
    }

    .casestudy-content-box h4 {
        font-size: 28px
    }

    .casestudy-content-box h5,
    .process-box h5 {
        font-size: 16px
    }

    .casestudy-content-box ul li {
        line-height: 24px
    }

    .casestudy-content-box ul {
        margin: 10px 0 20px
    }

    .project-owner img {
        width: 60px
    }

    .project-owner-name {
        padding-top: 7px
    }

    .project-owner .theme-btn {
        margin-top: 10px;
        font-size: 14px
    }

    .process-con {
        font-size: 15px;
        line-height: 1.5
    }

    .process-info-con p {
        line-height: 28px;
        font-size: 14px
    }

    .process-info-con h2 {
        font-size: 30px
    }

    .contact-con h2 {
        font-size: 24px;
        line-height: 50px
    }

    span.contact-title-bg {
        width: 350px;
        height: 43px;
        top: 2px
    }

    .contact-box:hover .contact-con h2 {
        font-size: 38px;
        line-height: 68px
    }

    .contact-con a {
        display: block;
        font-size: 20px
    }

    .contact-form-right {
        width: 75%
    }

    .job-tags span {
        padding: 7px 2%;
        font-size: 12px
    }

    .contact-form-left {
        width: 25%
    }

    .contact-detail-con h3 {
        font-size: 22px
    }

    .contact-form-head h3 {
        font-size: 25px
    }

    .contact-form label {
        position: absolute
    }

    .idea-time-sec label {
        position: static
    }

    .address-con label {
        width: 30px
    }

    .ellegiance ul li:before {
        top: 4px
    }

    .formost-case-study {
        position: static;
        margin-left: 15%
    }

    section.casestudy-first {
        padding: 100px 0 0
    }
}

@media (max-width:1200px) {

    .appdev-con-box h3,
    .other-technologies .android-con-box h3,
    .who-we-text h2,
    .who-we-text h3 {
        font-size: 30px
    }

    .why-whizcamp-box {
        padding: 30px 15px 5px
    }

    .mystery-box p,
    .tech-stacks-box p,
    .why-whizcamp-con span,
    section.story-board .project-name h4 {
        font-size: 18px
    }

    .feature-con p,
    .protect-point h3,
    .why-whizcamp-con p,
    section.never-stop p {
        font-size: 17px
    }

    .feature-con p {
        line-height: 24px
    }

    .feature-con h4,
    .founder-detail h5 {
        font-size: 20px
    }

    .ondemand-feature-box {
        padding: 20px
    }

    .blog-box-con h2 {
        font-size: 24px;
        line-height: 33px
    }

    .post-grid-footer .blog-readmore {
        width: 100%;
        text-align: center;
        margin-top: 15px
    }

    .whizcamp-count-box>span {
        font-size: 100px
    }

    .whizcamp-count-box span.count-icon {
        font-size: 50px
    }

    .home-slider-banner {
        background-position: center left
    }

    .footer-awards img {
        max-height: 70px
    }

    .casestudy-content-box.animate__animated.animate__fadeInRight.animate__delay-1s {
        position: static;
        height: auto
    }

    .casestudy-bottom {
        position: static;
        margin-top: 20px
    }

    .home-casestudy-sec .row {
        align-items: center
    }

    .service-con-box .blue-btn {
        position: static
    }

    .testimonial-img img {
        width: 180px
    }

    .testimonial-img:before {
        width: 190px;
        height: 190px;
        right: 27px
    }

    .testimonial-img:after {
        width: 130px;
        height: 130px
    }

    .testi-img-white {
        width: 80px;
        height: 80px;
        bottom: 35px;
        right: 23px
    }

    .services-list-box,
    .tach-tab-head a {
        padding: 15px
    }

    .casestudy-content-box h4,
    .mystery-box .hire-head h3,
    .tech-con-text h3 {
        font-size: 24px
    }

    .tech-con-text .first-case-txt ul {
        margin: 0
    }

    .tech-con-text .first-case-txt li:last-child {
        margin-bottom: 0
    }

    .m100 {
        margin: 80px 0
    }

    .who-we-bg {
        background-size: cover
    }

    .footer-third-links {
        text-align: center;
        width: 277px
    }

    .footer-follow {
        font-size: 13px
    }

    .casestudy-title-box.project-third,
    .contact-form-left {
        display: none
    }

    .contact-form-left.job-seeker-mobile {
        display: block;
        width: 100%;
        min-height: unset;
        padding: 50px 0;
        margin-bottom: -8px
    }

    .contact-form-left.job-seeker-mobile .job-seeker {
        position: relative;
        bottom: unset
    }

    #contact-crank {
        display: inline-block !important;
        width: 100%
    }

    .brands-list img {
        max-height: 55px;
        max-width: 90px
    }

    .app-tech-info {
        margin: 0 10px
    }

    .app-offer-sec {
        padding: 20px;
        margin-top: -100px
    }

    .app-offer-sec h3 {
        margin-top: 28px;
        font-size: 17px
    }

    .feature-app-box h4 {
        padding: 18px 0 0 10px;
        font-size: 17px
    }

    .healthcare-con-box h3,
    .trending-blog-title h2 {
        font-size: 32px
    }

    .healthcare-con-box p {
        line-height: 35px
    }

    .industry-services {
        padding: 20px 0 70px
    }

    .industry-services.career-traits {
        padding-top: 70px
    }

    .services-list.traits-list {
        margin-top: 20px
    }

    .enterprise-banner-txt h1 {
        font-size: 60px
    }

    .healthcare-con-box {
        padding: 0
    }

    .webapp-logo img {
        max-width: 180px
    }

    .mystery-box .hire-head img {
        max-height: 55px
    }

    .mobile-offer-list .hire-head h3 {
        font-size: 16px;
        line-height: 23px
    }

    .hire-head span {
        width: 55px
    }

    .budget-friendly h3,
    .get-solution-content h2,
    .home-banner-content h1 span,
    .home-testimonial-head h2,
    section.amplify-startup h2,
    section.empowering-startup h2,
    section.enterprise-faq h2,
    section.mobile-app-builders h2,
    section.never-stop h2 {
        font-size: 40px
    }

    .budget-friendly h3 .blue-txt {
        font-size: 45px
    }

    .services-box {
        width: 33%;
        padding: 80px 20px 48px;
        min-height: 282px
    }

    .expert-con p {
        font-size: 14px;
        line-height: 1.4
    }

    .expert-con-inner {
        padding: 20px 18px 10px
    }

    .experience-box {
        padding: 30px 25px
    }

    .schedule-cnsultation {
        margin-left: 10px
    }

    .casestudy-title-box {
        width: 30%
    }

    .mobile-offer-list p,
    section.about-sec p,
    section.amplify-startup p {
        font-size: 16px;
        line-height: 30px
    }

    section.about-sec h2 {
        font-size: 35px
    }

    .success-box {
        width: 95%
    }

    section.culture {
        padding: 50px 0 30px
    }

    .team-list {
        margin-top: 50px
    }

    .contact-form-right,
    .enterprise-casestudy-box p,
    .home-testimonial-head,
    .team-box,
    .testimonial-area {
        width: 100%
    }

    .team-info {
        padding-right: 20px
    }

    .team-title-bg {
        max-width: 100%
    }

    .social-designation {
        font-size: 15px
    }

    .social-designation a {
        font-size: 22px
    }

    .coffee-con h2,
    .process-info-con h2,
    .team-info h2 {
        font-size: 25px
    }

    section.amplify-startup,
    section.empowering-process,
    section.experience {
        padding: 50px 0
    }

    .banner-video-img {
        width: 140px
    }

    section.startup-banner h1 {
        font-size: 56px
    }

    .startup-mvp h2 {
        font-size: 38px
    }

    .amplify-point,
    .country-service-box p,
    .project-owner-name h5,
    .service-con h3,
    .startup-mvp p {
        font-size: 16px
    }

    .startup-mvp p {
        line-height: 30px
    }

    .amplify-point:before {
        top: 3px
    }

    .enterprise-right-txt {
        width: 180px;
        padding: 15px;
        font-size: 13px
    }

    section.leverage-power h2 {
        font-size: 32px;
        line-height: 45px
    }

    .power-list ul li {
        font-size: 20px;
        margin: 20px 0
    }

    .leverage-points ul li {
        font-size: 18px;
        line-height: 30px
    }

    section.enhance-buisness h2 {
        font-size: 31px;
        line-height: 52px
    }

    .enhance-point-list p {
        font-size: 18px;
        line-height: 33px
    }

    .enhance-count-box span {
        font-size: 65px
    }

    section.mobile-offers h2 {
        font-size: 33px;
        line-height: 50px
    }

    .mobile-offer-list h3 {
        font-size: 27px;
        line-height: 37px;
        margin: 20px 0 10px;
        min-height: 75px
    }

    .enterprise-content-box h3 {
        font-size: 20px;
        line-height: 28px
    }

    .peotect-intellectual-img {
        width: 100%;
        margin-left: 0;
        margin-top: 0
    }

    section.peotect-intellectual h2 {
        font-size: 33px;
        line-height: 53px
    }

    section.peotect-intellectual .power-list ul li {
        font-size: 18px;
        margin: 10px 0
    }

    section.mobile-offers.management-solutions {
        padding: 70px 0
    }

    .enterprise-casestudy-box {
        width: 600px;
        padding: 100px 30px 50px
    }

    .enterprise-casestudy-img {
        margin-top: 35px
    }

    .enterprise-faq-box h4 {
        font-size: 26px
    }

    .home-banner-content h1 {
        font-size: 35px;
        line-height: 55px
    }

    .home-banner-content p {
        font-size: 19px;
        line-height: 35px;
        width: 95%
    }

    .home-casestudy-heading h2,
    .single-blog-title h1 {
        font-size: 34px
    }

    .process-box svg {
        max-height: 45px;
        min-height: 45px
    }

    .process-info-con p {
        line-height: 22px;
        font-size: 12px
    }

    span.process-seprater {
        margin: 10px 0
    }

    .count-box h2 {
        font-size: 28px
    }

    .home-blog-list {
        margin: 60px 0
    }

    .founder-detail p,
    .service-con p {
        font-size: 12px
    }

    .services-left-img {
        width: 40%;
        margin-left: 0
    }

    .project-owner-name p,
    .service-sub-heading,
    .theme-btn {
        font-size: 14px
    }

    .service-con-box h3 {
        font-size: 27px;
        line-height: 1.3;
        margin-bottom: 5px
    }

    .casestudy-content-box h5 {
        font-size: 18px;
        margin-top: 0
    }

    .casestudy-content-box {
        padding: 20px
    }

    .project-owner img {
        width: 50px
    }

    .project-owner .theme-btn {
        margin-top: 10px;
        font-size: 12px;
        padding: 8px 20px
    }

    .consult-person img {
        width: 75px
    }

    .founder-detail {
        width: calc(100% - 75px)
    }

    .contact-detail-con {
        padding-right: 10px
    }

    .contact-detail-con a {
        color: #fff;
        font-size: 13px
    }

    .trending-blog-title {
        padding-left: 0
    }

    section.latest-blog .trending-blog-sidebox .blog-name-des h3 {
        font-size: 35px;
        line-height: 45px
    }

    .casestudy-box>img {
        min-height: 280px
    }

    .country-service {
        padding: 30px 15px
    }

    .empowering-stage-box {
        margin-right: 5.9%
    }

    .stage-name {
        left: 95px;
        top: -45px;
        padding: 10px 20px
    }

    .empowering-stage-box:nth-child(2) .stage-name {
        left: 20px;
        top: -59px
    }

    .empowering-stage-box:nth-child(3) .stage-name {
        left: 18px;
        top: -54px
    }

    .tech-stacks-box label {
        font-size: 20px;
        width: 110px
    }

    .tech-stach-list {
        width: calc(100% - 110px)
    }

    .first-case-title h2 span {
        font-size: 120px
    }
}

@media screen and (max-width:1100px) {
    .navbar-expand-lg .navbar-toggler {
        display: block;
        float: right
    }

    #main-menu .header-phone.header-phone-pink,
    .dropdown-menu:before,
    .mega-blue-box,
    .mega-head,
    .mega-menu-links li a:before {
        display: none
    }

    #main-menu .dropdown-menu li a,
    header.white-header #main-menu .dropdown-menu li a {
        padding: 10px 15px 10px 25px;
        border-bottom: 1px solid #eee;
        color: #fff;
        font-size: 18px
    }

    #main-menu .dropdown-menu li:last-child a {
        border-bottom-width: 0 !important
    }

    .contact-close a,
    header.classic-header #main-menu li a:hover,
    header.white-header #main-menu .mega-menu-links li a,
    header.white-header #main-menu h5 a:hover,
    header.white-header #main-menu li a:hover {
        color: #fff
    }

    .mega-menu-links li {
        width: 100%;
        margin-bottom: 12px
    }

    #main-menu .dropdown-menu li,
    #main-menu .dropdown-menu ul,
    #main-menu .mega-menu-links ul,
    #main-menu .navbar-nav>li,
    header.header-fixed #main-menu .dropdown-menu li,
    header.header-fixed #main-menu li {
        padding: 0
    }

    #main-menu li .mega-menu-links a,
    header.classic-header #main-menu li .mega-menu-links a {
        font-size: 18px
    }

    .menu-arrow {
        display: block;
        position: absolute;
        right: 20px;
        top: 10px
    }

    #main-menu .dropdown-menu,
    .mega-menu {
        background-color: #202020;
        position: static
    }

    .navbar-nav .dropdown-menu {
        display: none;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1)
    }

    .mega-menu {
        display: none;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        min-height: unset
    }

    .contact-close,
    .drop-arrow,
    .has-megamenu.open .mega-menu {
        display: block
    }

    #main-menu,
    .top-bar {
        position: fixed;
        width: 300px;
        right: -300px;
        transition: .4s
    }

    a.header-phone i {
        border-width: 0;
        font-size: 19px;
        padding: 0
    }

    #main-menu.show,
    .top-bar.show {
        right: 0
    }

    .top-bar {
        height: 100%;
        z-index: 9999
    }

    .header-social,
    .top-bar-contact {
        float: none;
        text-align: center
    }

    .top-bar-contact {
        margin-top: 20px
    }

    .contact-close {
        margin-top: 30px;
        float: right;
        margin-right: 50px
    }

    .top-bar .container {
        display: inline-block;
        width: 100%;
        margin-top: 30px
    }

    .header-phone a {
        display: block;
        border-right-width: 0;
        padding: 10px 0
    }

    .header-phone.header-phone-pink.phone {
        display: inline-grid;
        background: #fb0;
        color: #fff;
        width: 38px;
        height: 38px;
        text-align: center;
        font-size: 24px;
        border-radius: 20px;
        margin-right: 10px;
        padding-top: 10px
    }

    #main-menu ul.navbar-nav {
        max-height: 90%;
        overflow: scroll;
        padding-left: 0;
        display: inline-block
    }

    .site-logo img {
        width: 100px
    }

    .header-menu-sec {
        padding-top: 5px;
        padding-bottom: 5px
    }

    nav.navbar.navbar-expand-lg.navbar-light {
        padding: 0;
        display: inline-block;
        margin-top: 3px;
        margin-bottom: -5px
    }

    .mega-menu-inner h5 {
        margin: 0
    }

    .mega-menu-inner {
        padding: 0 0 15px 15px
    }

    #main-menu li:hover>a {
        border-bottom: 0 solid
    }

    #main-menu .dropdown-menu {
        width: 100%;
        border-radius: 0;
        padding: 10px 0
    }

    header {
        padding: 5px
    }

    .col-sm-9.mega-menu-links,
    .mega-menu-links .col-sm-4 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }

    header.classic-header #main-menu .dropdown-menu li a {
        font-size: 16px;
        padding: 10px 15px 10px 25px;
        border-bottom: 1px solid #343434
    }

    #main-menu {
        background: rgba(0, 0, 0, .97);
        height: 100% !important;
        top: 0;
        display: block !important
    }

    #main-menu ul {
        padding: 20px;
        width: 100%
    }

    #main-menu li.current-page a,
    header.classic-header #main-menu li.current-page a {
        font-weight: 600;
        color: #fff;
        opacity: 1;
        border-bottom: 0 solid #10afff;
        text-decoration: none
    }

    .mega-menu-links {
        padding: 20px 0 10px
    }

    header.classic-header #main-menu h5 a {
        font-weight: 600;
        font-size: 19px;
        padding: 6px 15px
    }

    #main-menu li a,
    header.classic-header #main-menu li a {
        color: #fff;
        width: 100%;
        display: inline-block;
        font-size: 20px;
        opacity: .7;
        font-family: Raleway;
        font-weight: 300;
        padding: 10px 15px;
        position: relative
    }

    .drop-arrow {
        position: absolute;
        right: 15px;
        top: 12px;
        text-align: right;
        height: 100%
    }

    #main-menu li {
        padding: 15px 10px
    }

    .mobile-telephone {
        margin-right: 10px;
        display: inline-block;
        float: right
    }

    .navbar.navbar-expand-lg.navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
    }

    .collapse:not(.show) {
        display: none !important
    }

    .navbar.navbar-expand-lg.navbar-light {
        display: inline-block;
        width: 100%
    }

    .navbar.navbar-expand-lg.navbar-light .navbar-toggler {
        color: rgba(255, 255, 255, .8);
        border-color: #0fa7f3;
        background: #0fa7f3;
        outline: unset;
        padding: .25rem 7px
    }
}

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

    .home-banner,
    .home-banner .row,
    .home-slider-banner .row {
        max-height: 800px;
        min-height: 800px
    }

    .contact-con a {
        display: block
    }

    .contact-detail-con h3,
    .founder-detail h5 {
        font-size: 18px
    }

    .company-contact-detail {
        padding: 15px 10px;
        margin-top: 30px
    }

    .contact-detail-con {
        padding-right: 0
    }

    .contact-content-left {
        width: 380px
    }

    .contact-content-right.vertical-line {
        width: calc(100% - 380px)
    }

    .home-banner {
        background-position: 93% 100%
    }

    #side-contact-btn {
        top: 28%;
        height: 250px
    }
}

@media screen and (max-width:990px) {
    .empowering-process .management-solutions-box {
        transform: scale(1)
    }

    .home-slider-banner {
        min-height: 600px
    }

    .home-banner .row,
    .home-slider-banner .row {
        max-height: unset;
        min-height: unset
    }

    .ondemand-slider {
        margin-top: 230px
    }

    .ondemand-points h3 {
        font-size: 25px
    }

    .first-case-title p,
    .ondemand-points p,
    .whizcamp-count-box p,
    .wide-range-box h4 {
        font-size: 16px
    }

    .ondemand-points .first-case-txt li,
    section.peotect-intellectual .power-list ul li {
        font-size: 16px;
        margin: 10px 0
    }

    .builder-app-box,
    .footer-widget,
    .vision-contact-box {
        margin-bottom: 40px
    }

    .empowering-stage-box:nth-child(2),
    .why-whizcamp-left,
    .why-whizcamp-right,
    section.peotect-intellectual {
        margin-top: 0
    }

    .blog-box,
    .home-casestudy-heading.text-center.mb50,
    .home-casestudy.startup-casestudy .home-casestudy-heading {
        margin-bottom: 30px
    }

    .blog-box>a>img,
    .contact-form-right,
    .healthcare-expert-box img,
    .process-box-list,
    .process-content-box img,
    .services-left-img img,
    .success-box,
    .two-layers img {
        width: 100%
    }

    #who-we-are .row .col-md-4 {
        padding-right: 0
    }

    .whizcamp-count-box {
        padding-left: 5px
    }

    #form-pop,
    .blog-post-user,
    .team-thinks,
    section.home-casestudy {
        padding: 50px 0
    }

    .blog-banner-con h2,
    .enterprise-casestudy-box h2,
    section.empowering-startup h2,
    section.transorming-enterprise h2 {
        font-size: 35px
    }

    #side-contact-btn,
    .contact-form-head h3 br,
    .services-list-box.services-list-active:before,
    .tech-content-box,
    .tech-tabs,
    .tech-tabs-list,
    .trending-blog-title.trending-title-desktop,
    .who-we-bg,
    section#contact-enterprise .contact-form-left,
    span.banner-no {
        display: none
    }

    #form-pop.show,
    .form-pop-sec,
    .testimonial-box {
        display: inline-block
    }

    .footer-awards a {
        margin: 0 10px 15px
    }

    .process-number {
        font-size: 80px
    }

    .team-thinks-images img.active {
        max-height: 300px;
        margin: 0 auto 40px
    }

    #form-pop {
        overflow: auto
    }

    .form-pop-sec {
        height: auto
    }

    .industries-box {
        width: 23%
    }

    #who-we-are.p80 {
        padding-bottom: 80px
    }

    .hire-our-dev.mt100.mb50 {
        margin-top: 70px
    }

    .home-blog-list {
        margin: 30px 0 60px
    }

    .testimonial-img {
        width: 200px;
        margin: 0 auto
    }

    .testimonial-img:before {
        right: 0;
        top: -8px
    }

    .testimonial-img:after {
        top: -24px
    }

    .testi-img-white {
        bottom: -13px;
        right: 0
    }

    .testimonial-con {
        text-align: center
    }

    .management-solutions-box p,
    .tech-content-box .tech-tab,
    .tech-content-inner,
    .tech-content-inner.active .tech-content-box,
    .tech-tab-box .tach-tab-head,
    .tech-tab-content .tech-tab {
        display: block
    }

    .tech-tab-box.active .tach-tab-head a:after {
        content: "";
        position: absolute;
        border-top: 10px solid #0faeff;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        left: 48%;
        bottom: -10px
    }

    .tech-tab-box.active .tach-tab-head a {
        background: #0faeff;
        color: #fff;
        position: relative
    }

    .process-box:nth-child(5),
    .process-box:nth-child(6) {
        border-bottom-width: 1px
    }

    .experience-box:nth-child(4n),
    .process-box:nth-child(4n) {
        border-right-width: 1px
    }

    .experience-box:nth-child(3n),
    .process-box:nth-child(2n) {
        border-right-width: 0
    }

    .tech-con-text,
    .tech-tab-box .tech-tab-con {
        padding: 30px
    }

    .tech-content-inner .service-icon img {
        border-width: 0 !important;
        max-height: 40px
    }

    .tech-content-inner.active .tech-tab {
        background: #10afff
    }

    .tech-tab {
        text-align: left;
        font-size: 20px
    }

    .tech-content-inner.active .tech-tab a img {
        -webkit-filter: invert(100%);
        filter: invert(100%)
    }

    .tech-content-inner.active .tech-tab a {
        background-color: #10afff;
        color: #fff;
        text-decoration: none
    }

    .tech-tab a {
        width: 100%;
        border-top: 2px solid #eee;
        display: flex;
        align-items: center;
        padding: 15px 15px 15px 30px;
        background: #fdfdfd
    }

    #technology-services .service-icon {
        text-align: center;
        margin-right: 15px;
        width: 50px;
        height: 50px;
        background-size: 50px 50px
    }

    .tech-content-inner.active .tech-tab a:before {
        display: block;
        content: "";
        background-color: #10afff;
        position: absolute;
        bottom: -7px;
        left: 50%;
        width: 13px;
        height: 13px;
        border-width: 0 0 1px 1px;
        -webkit-transform: translateX(-50%) rotate(-45deg);
        -moz-transform: translateX(-50%) rotate(-45deg);
        -ms-transform: translateX(-50%) rotate(-45deg);
        -o-transform: translateX(-50%) rotate(-45deg);
        transform: translateX(-50%) rotate(-45deg);
        -webkit-transition-delay: 70ms;
        -moz-transition-delay: 70ms;
        -o-transition-delay: 70ms;
        transition-delay: 70ms
    }

    .expert-con,
    .tech-tab-content {
        padding: 0
    }

    .process-box {
        width: 50%;
        padding: 50px 0
    }

    .home-casestudy-sec,
    .why-choose-box {
        margin-top: 20px
    }

    .whizcamp-counts ul li {
        width: 50%;
        float: left;
        margin-top: 30px;
        margin-bottom: 30px
    }

    .whizcamp-counts ul {
        display: inline-block;
        width: 100%
    }

    .header-phone a:first-child,
    section.love-talk .contact-form {
        padding-left: 0
    }

    .top-bar .container {
        max-width: 100%
    }

    .top-bar-contact {
        float: none;
        text-align: center
    }

    .header-menu-sec {
        padding-top: 10px;
        padding-bottom: 5px
    }

    .footer-third-links {
        width: 432px;
        text-align: left
    }

    .team-slider-custom {
        padding-top: 50px;
        overflow: hidden
    }

    .icon-box.marketing-automation {
        right: 0
    }

    .healthcare-expert-box {
        overflow: hidden
    }

    .customize-mobile-app .healthcare-expert-box>img {
        min-height: 240px;
        max-width: unset;
        width: auto
    }

    .feature-app-box {
        padding: 15px;
        margin: 5px 0
    }

    .feature-app-icon {
        width: 50px;
        height: 50px;
        padding-top: 10px
    }

    .feature-app-box h4 {
        padding: 18px 0 0 8px;
        font-size: 13px
    }

    .startup-banner.industry-banner.mobile-banner {
        padding: 250px 0 100px
    }

    .feature-app-icon:before {
        width: 60px;
        height: 60px
    }

    .feature-app-icon img {
        max-height: 25px;
        max-width: 20px
    }

    .hire-quote-sec {
        padding: 50px 20px;
        margin: 50px 0
    }

    .services-box {
        width: 49%
    }

    .industry-banner.startup-banner h1 {
        font-size: 42px
    }

    .app-built h3,
    .trending-blog-title h2 {
        font-size: 24px
    }

    .app-built h3 img {
        width: 40px
    }

    .appdev-con-box h3 {
        font-size: 22px;
        margin-top: 20px
    }

    .hire-quote-sec h3,
    .key-features h2 {
        font-size: 34px
    }

    .other-technologies .android-con-box {
        display: block;
        margin-top: 30px;
        padding-left: 0
    }

    .other-technologies {
        margin-bottom: 60px
    }

    .webapp-logo {
        display: inline-block;
        width: 47%;
        margin-bottom: 30px
    }

    .mobile-mystery .services-head h3 {
        font-size: 38px
    }

    .android-con-box,
    .startup-mvp h2,
    .who-we-text,
    section.platform-detail .first-case-title {
        margin-top: 30px
    }

    .enterprise-faq.industry-faq,
    .healthcare-con-sec.medical-care,
    .mobile-offers.hire-process {
        padding-top: 0
    }

    .healthcare-banner .enterprise-banner-txt h1 {
        font-size: 48px
    }

    .enterprise-banner.healthcare-banner .enterprise-banner-txt {
        padding: 250px 0 50px
    }

    .stories-sec .slick-next.slick-arrow,
    .stories-sec .slick-prev.slick-arrow {
        top: -31px
    }

    .healthcare-con-sec {
        padding: 40px 0
    }

    .two-layers-con li {
        margin: 15px 0;
        font-size: 16px
    }

    .healthcare-con-box h3 {
        font-size: 30px;
        margin-bottom: 10px
    }

    .healthcare-con-sec.medical-care .sub-head,
    section.never-stop h2 {
        font-size: 30px
    }

    .healthcare-con-box p {
        line-height: 35px
    }

    .expert-con h4 {
        font-size: 21px
    }

    .expert-con p {
        font-size: 16px;
        line-height: 24px
    }

    .healthcare-con-sec.medical-care .healthcare-con-box {
        padding: 0 0 50px;
        width: 100%
    }

    .management-solutions-box .management-solution-con {
        background: rgba(0, 159, 239, .7)
    }

    .experience-box {
        width: 33%;
        padding: 30px 15px
    }

    .experince-list,
    .service-con-box,
    .trending-blog-sidebox .blog-name-des {
        padding: 20px
    }

    .services-con .services-list-box {
        display: inline-block;
        padding: 15px;
        background: #2a2a2a;
        margin-bottom: -7px;
        border-width: 0
    }

    .services-con .services-list-box.services-list-active {
        background: no-repeat padding-box #10afff
    }

    .contact-form .form-submit .contact_loader {
        position: absolute;
        left: 176px;
        right: auto
    }

    .who-we-img {
        width: 60%;
        float: left
    }

    .who-we-img.who-img-second {
        margin-left: -20%;
        margin-top: 100px;
        display: inline-block;
        width: 45%
    }

    .whizcamp-counts {
        margin-left: 0;
        margin-top: 0
    }

    #who-we-are {
        padding: 40px 0 0
    }

    .services-left-img {
        width: 100%;
        margin-left: 0;
        max-height: 400px;
        overflow: hidden;
        margin-bottom: 0
    }

    section.home-services {
        margin-top: 50px;
        margin-bottom: 50px
    }

    section.get-solution {
        margin-top: 50px;
        padding: 50px 0
    }

    .process-content {
        margin-top: 0;
        width: 100%
    }

    .process-content-box {
        max-height: 300px;
        overflow: hidden
    }

    .services-img-sec {
        width: 100%;
        margin-left: 0;
        max-height: 300px;
        overflow: hidden
    }

    .services-list-sec {
        display: none;
        padding: 15px 20px;
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 0
    }

    .casestudy-image img {
        max-height: 300px;
        width: auto;
        margin: 0 auto;
        border-radius: 10px
    }

    .services-con {
        padding: 0;
        width: 100%
    }

    .service-con h3 {
        font-size: 19px
    }

    .service-con,
    span.red-dots {
        padding-top: 5px
    }

    section.startup-banner h1 {
        font-size: 45px
    }

    section.mobile-offers,
    section.never-stop {
        padding: 70px 0
    }

    .mobile-app-box .col-lg-3:last-child,
    .mobile-app-box .col-lg-3:nth-child(2) {
        border-right: 0px solid #ddd
    }

    section.mobile-offers.management-solutions {
        padding: 0 0 70px
    }

    .enterprise-casestudy-box span.backgrund-count {
        font-size: 115px
    }

    .enterprise-casestudy-box {
        padding: 55px 30px 40px
    }

    section.enterprise-banner.enterprise-main-banner>img {
        min-height: 500px
    }

    section.leverage-power {
        padding: 50px 0 100px
    }

    section.transorming-enterprise p {
        font-size: 18px;
        line-height: 33px
    }

    section.peotect-intellectual h2 {
        font-size: 25px;
        line-height: 40px
    }

    .power-list ul li::before {
        top: 0
    }

    .protect-point-list img {
        width: 35px
    }

    section.mobile-app-builders h2 {
        font-size: 32px;
        line-height: 50px
    }

    .enterprise-content-box {
        padding: 120px 32px 30px
    }

    .footer-bottom-right {
        float: none;
        margin-top: 30px
    }

    .footer-follow {
        text-align: left;
        margin-top: 15px;
        float: right;
        display: block
    }

    .footer-bottom-right .theme-btn {
        color: #fff;
        display: inline-block;
        float: left
    }

    section.latest-blog .trending-blog-sidebox .blog-name-des h3 {
        font-size: 28px;
        line-height: 38px
    }

    .trending-blog-sidebox .blog-name-des p {
        line-height: 30px;
        font-size: 14px
    }

    .trending-blog-sidebox .blog-name-des a {
        padding: 10px;
        font-size: 15px
    }

    section.latest-blog .blog-name-des h3 {
        font-size: 18px;
        width: 100%;
        line-height: 30px
    }

    .blog-name-des h3 {
        font-size: 22px;
        width: 100%;
        line-height: 30px
    }

    .first-case-txt h3,
    .subscribe-title h2 {
        font-size: 28px
    }

    section.enterprise-banner.casestudy-banner .enterprise-banner-txt h1 {
        font-size: 40px
    }

    section.enterprise-banner {
        position: relative;
        overflow: hidden
    }

    .enterprise-banner>img {
        min-height: 400px;
        max-width: unset;
        width: auto;
        max-height: 400px
    }

    .trending-blog-title.trending-title-mobile {
        display: block;
        margin-top: 0;
        margin-bottom: 50px
    }

    .first-case-title h2 {
        margin-top: 0;
        font-size: 40px
    }

    .first-case-title span.backgrund-count {
        font-size: 110px
    }

    .first-case-title h2 img {
        margin-top: -5px;
        width: 60px
    }

    .first-case-txt {
        margin-top: 20px;
        padding-left: 0
    }

    .first-case-txt li {
        margin: 15px 0
    }

    .formost-case-study {
        position: static;
        margin-left: 15%;
        display: none
    }

    section.casestudy-first {
        padding: 100px 0 50px
    }

    section.amplify-startup h2 {
        font-size: 35px;
        margin-top: 30px
    }

    .wide-range-box {
        width: 25%
    }

    .wide-range-box:nth-child(5n) {
        border-right: 1px solid #eee;
        border-bottom-width: 0
    }

    .wide-range-box:nth-child(4n) {
        border-right: 0px solid #eee
    }

    .wide-range-box:nth-child(10),
    .wide-range-box:nth-child(9) {
        border-top: 1px solid #eee
    }

    .empowering-stage-box {
        margin-right: 19.9%
    }

    .empowering-stage-box:nth-child(3) {
        margin-top: 0;
        margin-right: 0
    }

    .empowering-stage-box:nth-child(4) {
        margin-top: 100px;
        margin-left: 20%
    }

    .key-features {
        padding: 0 0 50px
    }

    .storyboard-img-txt h4 {
        font-size: 25px;
        width: 58%;
        top: -45px
    }

    .contact-form-right h1,
    .contact-form-right h2 {
        margin-left: 0;
        font-size: 35px;
        line-height: 50px
    }

    .contact-form-left {
        width: 25%;
        display: none
    }

    .contact-form .form-submit {
        text-align: left;
        margin-top: 20px
    }

    .contact-form .form-group,
    section.single-blog-con {
        margin-bottom: 50px
    }

    .contact-box:hover .contact-con h2 {
        font-size: 28px;
        line-height: 60px
    }

    .contact-form-head h3 {
        font-size: 25px;
        width: 95%
    }

    section.home-casestudy.startup-casestudy .casestudy-content-box {
        padding: 150px 15px 100px
    }

    .empowering-stage-box:nth-child(3) .stage-name {
        left: -15px;
        top: -54px
    }

    .empowering-startup-slider .slick-next,
    .empowering-startup-slider .slick-prev {
        top: -40px
    }
}

@media screen and (max-width:767px) {

    .empwering-box p,
    .testimonial-area p {
        line-height: 30px
    }

    .feature-app-box h4,
    .home-casestudy-sec,
    .process-dot,
    a.casestudy-expand {
        display: inline-block
    }

    .complete-app-feature .home-casestudy-heading,
    .home-casestudy-heading.text-center.mb50,
    .peotect-intellectual-img {
        margin-bottom: 0
    }

    .submit-idea-pop .custom-check {
        top: 0 !important
    }

    .contact-detail-con h3,
    .management-solutions-list,
    .tech-tab-content,
    .technology-tabs,
    section.peotect-intellectual h2 {
        margin-top: 20px
    }

    .home-banner {
        background-image: url(../images/whizcamp-startup-mobile.jpg);
        background-position: center
    }

    .contact-form-right {
        padding: 170px 20px 50px
    }

    .process-number {
        width: 100%;
        font-size: 60px
    }

    .casestudy-slider .casestudy-content-box p {
        margin: 5px 0 15px
    }

    .process-number:before {
        opacity: 0
    }

    .empwering-box h4,
    .healthcare-banner .enterprise-banner-txt h4,
    .process-con-box h4,
    .testimonial-area h2 {
        font-size: 20px
    }

    .process-con-box p {
        font-size: 16px;
        margin: 0
    }

    .process-con-box {
        padding: 20px;
        width: 100%
    }

    .startup-banner.carrier-banner {
        padding-top: 250px
    }

    .home-testimonial-head {
        margin: 0 auto
    }

    .contact-form .form-group {
        margin-bottom: 30px
    }

    .industries-box {
        width: 31%;
        margin-top: 20px
    }

    .testimonial-con>p {
        padding: 15px 0 10px
    }

    .testimonial-box {
        padding: 20px 30px 0
    }

    .mystery-box .hire-head h3,
    .testimonial-client {
        padding-left: 0
    }

    .first-case-title,
    .who-we-img.who-img-second,
    section.home-services {
        margin-top: 50px
    }

    .footer-third-links,
    .why-choose-whizcamp .home-casestudy-heading {
        text-align: left
    }

    .count-txt p {
        height: 40px
    }

    .tech-tab a {
        padding: 15px 15px 15px 20px;
        font-weight: 500;
        font-size: 19px
    }

    .process-box {
        padding: 60px 0
    }

    .why-choose-box {
        height: auto
    }

    .complete-app-feature .home-casestudy-heading p,
    .why-choose-box p {
        margin: 0
    }

    .home-casestudy-sec,
    .platform-head h3,
    header.header-fixed .header-menu,
    section.enterprise-casestudy {
        margin-top: 0
    }

    .tech-con-text {
        padding: 20px
    }

    .appdev-con-sec,
    section.casestudy-first,
    section.casestudy-list,
    section.home-casestudy,
    section.home-testimonial,
    section.leadership {
        padding: 50px 0
    }

    section.home-casestudy.startup-casestudy .casestudy-content-box {
        padding: 80px 15px 50px
    }

    span.backgrund-count {
        font-size: 100px
    }

    .budget-friendly h3,
    .complete-app-feature .home-casestudy-heading h2,
    .customize-mobile-app .home-casestudy-heading h2,
    .healthcare-expert h3,
    .mobile-mystery .services-head h3,
    .stories-sec h3,
    section.enterprise-banner.casestudy-banner .enterprise-banner-txt h1 {
        font-size: 30px
    }

    .app-services-list {
        margin-bottom: 0;
        margin-top: 10px
    }

    .app-feature-list {
        margin-bottom: 20px;
        margin-top: 20px
    }

    .complete-app-feature {
        margin-bottom: -20px
    }

    .feature-app-icon,
    .footer-bottom-right .theme-btn {
        float: none
    }

    .feature-app-box {
        padding: 15px;
        margin: 5px 0
    }

    .feature-app-box h4 {
        float: none
    }

    .customize-mobile-app .healthcare-expert-box>img {
        width: auto;
        min-width: 100%
    }

    .app-offer-sec h3 {
        margin-top: 0;
        font-size: 20px;
        margin-bottom: 15px
    }

    .app-tech-info:first-child {
        margin-left: 0
    }

    .app-built,
    .book-cnsultation {
        margin-bottom: 20px
    }

    .appdev-con-box {
        margin-top: 40px
    }

    .industry-banner.startup-banner h1,
    .services-head h3 {
        font-size: 40px
    }

    .healthcare-con-box {
        padding: 10px 0 20px
    }

    .other-technologies .android-con-box h3,
    section.never-stop h2 {
        font-size: 25px
    }

    .why-choose-whizcamp h4 {
        font-size: 19px
    }

    .why-choose-whizcamp p,
    a.header-phone i,
    header.white-header.header-fixed a.header-phone i,
    section.never-stop p {
        font-size: 16px
    }

    .mystery-box {
        margin: 20px auto 0
    }

    .hire-quote-sec h3 {
        font-size: 35px;
        font-weight: 600
    }

    .mobile-offers.hire-process .mobile-offer-list {
        min-height: unset
    }

    .blog-name-des,
    .latest-blog-list .blog-name-des,
    .trending-blog-box.trending-first .blog-name-des {
        min-height: auto
    }

    .mobile-offers.hire-process h2 {
        font-size: 30px;
        line-height: 40px
    }

    .healthcare-banner .enterprise-banner-txt h1 {
        font-size: 43px
    }

    .enterprise-banner.healthcare-banner .enterprise-banner-txt {
        padding: 170px 0 5px
    }

    .healthcare-banner .enterprise-banner-txt p {
        width: 100%;
        font-size: 17px
    }

    .services-box {
        width: 49%;
        padding: 40px 20px 48px
    }

    .budget-friendly h3 .blue-txt,
    .healthcare-expert h3 .blue-txt,
    .stories-sec h3 .blue-txt {
        font-size: 32px
    }

    .expert-con {
        padding: 20px 0 0
    }

    .two-layers-con {
        padding: 0;
        width: 100%
    }

    .experience-box {
        width: 50%
    }

    .platform-detail.evrpresent-platform-detail .platform-head h3 {
        width: 100%;
        font-size: 20px;
        line-height: 30px;
        margin-top: 20px
    }

    .experience-box:nth-child(3n) {
        border-right-width: 1px
    }

    .home-banner-img {
        text-align: center
    }

    .home-banner-content {
        padding: 200px 0 40px;
        margin-bottom: 40px
    }

    .casestudy-title-box.project-third,
    .contact-con a,
    section.contact-main.contact-main-show .contact-box {
        display: block
    }

    .project-name,
    .single-blog-title,
    section.love-talk .contact-form {
        margin-top: 30px
    }

    .partners-img,
    .subscribe-form {
        padding: 0
    }

    section.home-casestudy .home-casestudy-heading {
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 30px
    }

    .contact-con-tab,
    .contact-content-right.vertical-line,
    .enterprise-casestudy-box,
    .get-solution-content,
    .latest-blog-list img {
        width: 100%
    }

    .home-testimonial-head h2 {
        font-size: 34px
    }

    .counts-list .col-md-3:nth-child(2) .count-box {
        border-right: 0px solid rgba(255, 255, 255, .5)
    }

    section.whizcamp-count {
        padding: 50px 0;
        margin: 50px 0
    }

    .home-partners.mt50.mb80 {
        margin-top: 10px;
        margin-bottom: 20px
    }

    .team-slider .slick-next,
    .team-slider .slick-prev {
        top: -25px
    }

    section.about-sec {
        padding: 50px 0 0
    }

    .experince-list {
        margin-top: 10px
    }

    section.culture {
        padding: 0 0 30px
    }

    .experience-box:nth-child(2n) {
        border-right-width: 0
    }

    .culture .home-casestudy-heading h2 {
        font-size: 35px;
        line-height: 50px
    }

    .success-box {
        margin-bottom: 10px
    }

    .coffee-con {
        padding-left: 20px
    }

    .hello-coffee-area {
        width: 100%;
        margin: 50px auto
    }

    .blog-name-des,
    .trending-blog-sidebox {
        margin-bottom: 50px
    }

    section.empowering-process .management-solutions-list,
    section.mobile-offers.management-solutions .management-solutions-list {
        margin-top: 70px
    }

    .common-heading,
    section.startup-banner h1 {
        font-size: 35px
    }

    section.never-stop {
        text-align: left;
        padding: 70px 0
    }

    .never-stop-box {
        width: 33.33%;
        padding: 10px
    }

    .never-stop-box svg {
        max-height: 45px;
        min-height: 45px
    }

    .wide-range-box h4,
    section.never-stop .never-stop-box p {
        font-size: 15px
    }

    .empwering-box p {
        font-size: 16px
    }

    .home-casestudy-heading h2 {
        font-size: 27px
    }

    .wide-range-box {
        width: 33%
    }

    .wide-range-box:nth-child(4n) {
        border-right: 1px solid #eee;
        border-bottom-width: 0
    }

    .wide-range-box:nth-child(3n) {
        border-right: 0px solid #eee
    }

    .home-casestudy-sec {
        width: 100%
    }

    section.home-casestudy.startup-casestudy .casestudy-title-box {
        width: 100%;
        float: none;
        min-height: 400px
    }

    section.home-casestudy .casestudy-title-box {
        width: 100%;
        float: none;
        min-height: 300px
    }

    .casestudy-content-box {
        float: none;
        width: 100%
    }

    .wide-range-box {
        border-bottom: 1px solid #eee !important
    }

    .enterprise-banner-txt h1 {
        font-size: 60px
    }

    section.enhance-buisness h2 {
        font-size: 31px;
        line-height: 40px
    }

    section.mobile-app-builders {
        padding: 50px 0 100px
    }

    .contact-back,
    .enterprise-casestudy-img,
    .enterprise-casestudy-right,
    section.mobile-offers.enterprise-content h2 br,
    section.mobile-offers.management-solutions h2 br {
        display: none
    }

    section.mobile-offers.management-solutions .slick-next,
    section.mobile-offers.management-solutions .slick-prev {
        top: -40px
    }

    .enterprise-casestudy-con {
        position: relative
    }

    .site-logo img {
        width: 90px
    }

    .header-toggle {
        margin-left: 10px
    }

    a.header-phone>span,
    header.white-header.header-fixed a.header-phone>span {
        font-size: 10px
    }

    header.white-header.header-fixed span.cno,
    span.cno {
        font-size: 12px
    }

    .site-logo {
        width: 100px;
        float: left
    }

    section.enterprise-banner {
        overflow: hidden
    }

    .enterprise-banner>img {
        min-height: 400px;
        max-width: unset;
        width: auto;
        max-height: 400px
    }

    header.header-fixed .site-logo img {
        width: 80px
    }

    .footer-follow {
        float: none;
        display: inline-block;
        width: 100%
    }

    .follow-links {
        float: left
    }

    section.subscribe-blog .col-md-5 {
        border-right: 0px solid #ddd
    }

    .blog-name-des {
        padding-top: 30px
    }

    section.subscribe-blog {
        padding: 40px 0
    }

    .casestudy-box>img {
        min-height: unset;
        width: 100%
    }

    .first-case-title span.backgrund-count {
        font-size: 75px
    }

    section.platform-detail {
        padding: 50px 0;
        margin-bottom: 50px
    }

    .empowering-stage-box {
        margin-right: 0;
        width: 50%
    }

    .empowering-stage-box:nth-child(3),
    .empowering-stage-box:nth-child(4) {
        margin-top: 100px;
        margin-left: 0
    }

    .storyboard-img-txt h4 {
        font-size: 20px;
        width: 80%;
        top: -45px;
        line-height: 32px
    }

    section.story-board h3 {
        font-size: 22px
    }

    .contact-box {
        min-height: 33.33vh;
        width: 100%
    }

    .contact-con {
        bottom: 10px
    }

    .contact-content-left {
        width: 100%;
        padding-right: 0
    }

    .contact-box.contact-crank {
        background: url(../images/contact-crank.jpg) center/100%
    }

    .contact-box.contact-enterprise {
        background: url(../images/contact-enterprise.jpg) center/100%
    }

    .contact-box.contact-job {
        background: url(../images/contact-job.jpg) center/100%
    }

    .contact-page-form {
        padding: 30px 0
    }

    .vertical-line {
        border: none
    }

    section.home-casestudy.startup-casestudy {
        padding: 30px 0 50px
    }

    section.home-banner.home-slide-banner {
        margin-bottom: -50px;
        margin-top: 0
    }

    .contact-form-right .col-md-4,
    .contact-form-right .col-md-5 {
        border-right: 0px solid #313131
    }
}

@media screen and (max-width:574px) {

    .main-menu,
    .phone-popup {
        overflow: auto
    }

    .banner-team-list h4,
    .business-growth-box h4,
    .contact-con-tab li {
        font-size: 14px
    }

    .home-banner-content {
        padding: 150px 0 40px;
        min-height: 660px
    }

    .home-slider-banner {
        min-height: 85vh
    }

    #side-contact-btn,
    .looking-for-ecm a,
    .ondemand-slider {
        display: block
    }

    .on-demand-banner .home-banner-content {
        padding: 150px 0 0;
        margin-bottom: 0
    }

    .ondemand-slide-box>img {
        width: 300px;
        bottom: 150px
    }

    #ondemand-feature {
        padding-bottom: 0
    }

    .hire-quote-sec h3,
    .industry-banner.startup-banner h1,
    .ondemand-slide-con h4 {
        font-size: 25px
    }

    .on-demand-banner .container {
        padding-left: 15px
    }

    .ondemand-slide-box.active {
        width: 100%;
        padding: 130px 20px 20px
    }

    .count-box p br,
    .enterprise-banner-txt h1 br,
    .header-menu a.desk,
    .healthcare-banner .enterprise-banner-txt h1 br,
    .home-banner-content h1 br,
    .mobile-telephone,
    section.startup-banner h1 br {
        display: none
    }

    .brands-list,
    .menu-list a.header-phone.header-phone-pink {
        display: inline-block
    }

    .whizcamp-count-box {
        margin: 20px 0
    }

    .whizcamp-count-box>span {
        font-size: 70px
    }

    .whizcamp-count-box span.count-icon {
        font-size: 40px
    }

    .mt80 {
        margin-top: 40px
    }

    .p80 {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .count-txt {
        font-size: 16px
    }

    .whizcamp-counts ul li {
        padding: 0 10px
    }

    #who-we-are.p80 {
        padding-bottom: 50px
    }

    .htype-box img {
        max-height: 45px
    }

    .industries-box {
        width: 48%;
        margin-right: 4%
    }

    .htype-box {
        margin-right: 30px
    }

    .hire-our-dev.mt100.mb50 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .mb80 {
        margin-bottom: 40px
    }

    .latest-blog-list,
    .mobile-offer-list,
    .our-technology.mt80.mb50 {
        margin-top: 30px
    }

    .tech-box {
        width: 80px;
        height: 80px
    }

    .our-technology.mb50 {
        margin-bottom: 0
    }

    .industries-box:nth-child(2n) {
        margin-right: 0
    }

    .slick-slide img {
        margin: 0 auto;
        width: auto;
        max-width: 100%;
        max-height: 350px
    }

    .enterprise-faq-list,
    .home-blog-btn,
    .home-blog-btn .blue-btn {
        margin-top: 0
    }

    .blog-slider .slick-arrow {
        bottom: -85px
    }

    .what-unique {
        margin-top: 40px;
        margin-bottom: 50px
    }

    .footer-third-links {
        width: auto;
        margin-top: 20px
    }

    .footer-third-links img {
        max-height: 60px !important;
        width: auto !important
    }

    .icon-box.marketing-automation {
        top: 20%
    }

    .brands-list {
        width: 100%
    }

    .brands-list div {
        text-align: center;
        margin-top: 30px;
        width: 50%;
        float: left;
        min-height: 56px
    }

    .business-growth-icon {
        left: -24px;
        top: -20px;
        width: 50px
    }

    .business-growth-box {
        left: 20px;
        padding: 10px 25px;
        top: 0
    }

    .icon-box img {
        width: 45px
    }

    .icon-box h4 {
        font-size: 13px;
        width: 80px;
        padding-top: 5px
    }

    .icon-box {
        padding: 6px
    }

    .team-list-images ul li {
        width: 50px
    }

    .banner-team-list {
        padding: 10px;
        top: auto;
        bottom: 50px
    }

    .icon-box.non-disclosure {
        top: 50%
    }

    .customize-mobile-app {
        padding-top: 0
    }

    .complete-app-feature .home-casestudy-heading h2,
    section.mobile-offers.hire-process h2 {
        font-size: 26px
    }

    .healthcare-con-box h3 {
        font-size: 27px;
        margin-bottom: 0
    }

    .healthcare-expert-box,
    section.whizcamp-count .home-testimonial-head {
        margin-bottom: 20px
    }

    .home-casestudy.startup-casestudy .casestudy-content-box {
        padding: 100px 15px 50px
    }

    .enterprise-faq.industry-faq {
        margin-top: -50px
    }

    .services-box h3 {
        font-size: 17px
    }

    span.backgrund-count {
        font-size: 100px
    }

    .menu-list {
        width: 70%
    }

    .experience-box:nth-child(3n),
    .wide-range-box:nth-child(3n) {
        border-right-width: 1px
    }

    .webapp-logo img {
        max-width: 130px
    }

    .tech-con-box h4 {
        font-size: 20px
    }

    .technology-sec {
        margin-bottom: 50px
    }

    .enterprise-banner-txt h1,
    .tech-title span {
        font-size: 45px
    }

    .tech-title h3 {
        font-size: 31px
    }

    .healthcare-banner .enterprise-banner-txt h1 {
        font-size: 27px
    }

    .enhance-count-box p,
    .healthcare-banner .enterprise-banner-txt h4,
    span.faq-icon i {
        font-size: 18px
    }

    .blog-slider .blog-box,
    .enterprise-faq-box p,
    .healthcare-con-sec img,
    .process-box {
        width: 100%
    }

    section.empowering-process.wide-range,
    section.empowering-startup.discovery-process {
        padding: 0 0 50px
    }

    .menu-list .header-phone.header-phone-pink {
        background: #ff5b5b;
        width: 90%
    }

    a.header-phone.header-phone-pink.phone img {
        display: inline
    }

    a.header-phone i {
        border-right: none;
        font-size: 20px
    }

    a.header-phone.header-phone-pink.phone:not([href]):not([tabindex]):hover {
        color: #fff
    }

    .phone-contact-display .header-phone.header-phone-pink {
        height: 40px
    }

    .phone-popup {
        display: none;
        position: fixed;
        z-index: 9;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .4);
        -webkit-animation-name: fadeIn;
        -webkit-animation-duration: .4s;
        animation-name: fadeIn;
        animation-duration: .4s
    }

    .phone-contact {
        position: absolute;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: .3rem;
        outline: 0;
        bottom: 0;
        background-color: #fffffff0;
        padding-bottom: 90px;
        width: 100%;
        -webkit-animation-name: slideIn;
        -webkit-animation-duration: .4s;
        animation-name: slideIn;
        animation-duration: .4s
    }

    .phone-contact-display {
        display: flex;
        padding: 20px 15px;
        justify-content: center;
        align-items: baseline
    }

    .phone-contact-display img {
        width: 15%;
        height: 40px
    }

    a.header-phone>span {
        font-size: 18px;
        padding: 12px 28px 0;
        font-weight: 500;
        text-shadow: 1px .2px #000
    }

    .phone-contact-close {
        color: #000;
        font-size: 40px;
        font-weight: 700;
        text-align: right;
        padding-right: 10px;
        margin-bottom: 70px
    }

    .home-blog .home-testimonial-head,
    .stage-name {
        text-align: center
    }

    .phone-contact-close:focus,
    .phone-contact-close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer
    }

    @-webkit-keyframes slideIn {
        from {
            bottom: -300px;
            opacity: 0
        }

        to {
            bottom: 0;
            opacity: 1
        }
    }

    @keyframes slideIn {
        from {
            bottom: -300px;
            opacity: 0
        }

        to {
            bottom: 0;
            opacity: 1
        }
    }

    @-webkit-keyframes fadeIn {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes fadeIn {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .tech-stacks-box span.custom-badge img {
        max-height: 14px
    }

    .tech-stacks-box span.custom-badge {
        font-size: 13px;
        margin-right: 0;
        margin-left: 0
    }

    .experince-list {
        padding: 20px 0
    }

    .enterprise-faq-box h4,
    .experience-box h4,
    .key-features h4 {
        font-size: 22px
    }

    .get-solution-content h2,
    .slick-next:before,
    .slick-prev:before,
    .startup-mvp h2,
    section.empowering-startup h2,
    section.enterprise-faq h2,
    section.transorming-enterprise h2 {
        font-size: 30px
    }

    section.transorming-enterprise p {
        font-size: 16px;
        line-height: 30px
    }

    section.empowering-startup,
    section.enhance-buisness,
    section.leverage-power,
    section.mobile-app-builders,
    section.story-board,
    section.transorming-enterprise {
        padding: 50px 0
    }

    section.leverage-power h2,
    section.mobile-offers h2 {
        font-size: 24px;
        line-height: 35px
    }

    section.enhance-buisness h2 {
        font-size: 24px;
        line-height: 36px
    }

    .enhance-point-list p {
        font-size: 16px;
        line-height: 28px
    }

    .enhance-point-list:before {
        top: -1px
    }

    .enhance-count-box span {
        font-size: 50px
    }

    .mobile-offer-list h3 {
        min-height: unset
    }

    .single-blog-title {
        box-shadow: 0 0 0 #a18E8E26;
        margin-top: 30px;
        padding: 0
    }

    .home-casestudy-sec .slick-prev {
        right: 45px
    }

    /* .slick-next,
    .slick-prev {
        top: -35px
    } */

    .slick-next {
        right: 10px
    }

    .slick-prev {
        right: 75px
    }

    section.trending-blog {
        padding: 50px 0 0
    }

    .country-name {
        width: 100%;
        border-right: 0px solid #d3dfe2
    }

    .service-name {
        padding-left: 0;
        width: 100%
    }

    .country-service-box:nth-child(2) .country-name,
    .process-box:nth-child(5),
    .process-box:nth-child(6),
    .process-box:nth-child(7),
    .process-box:nth-child(8) {
        border-bottom-width: 1px
    }

    section.tech-stacks {
        padding: 20px 0 50px
    }

    .tech-stacks-box {
        padding: 0;
        border-right: 0px solid #eee;
        width: 100%
    }

    .key-features img {
        width: 100%;
        max-width: 300px;
        margin: 20px auto;
        display: block
    }

    .key-features h2 {
        font-size: 28px
    }

    .platform-head h3 {
        margin-top: 0;
        line-height: 45px;
        width: 100%
    }

    .coffee-con h2,
    .platform-info h4 {
        font-size: 24px
    }

    .empowering-stage-icon {
        margin: 0 auto
    }

    .stage-name {
        white-space: break-spaces;
        padding: 10px 20px;
        position: static;
        width: 90%;
        display: block;
        border-radius: 45px;
        margin: 10px auto
    }

    .empowering-stages {
        margin-top: 50px
    }

    .empowering-stage-box:nth-child(3),
    .empowering-stage-box:nth-child(4),
    .empowering-stage-box:nth-child(5) {
        margin-top: 50px;
        margin-left: 0
    }

    .mobile-app-box {
        padding: 40px 20px 0 40px;
        margin-top: 40px
    }

    .mobile-app-box .col-lg-3 {
        border-right: 0px solid #ddd
    }

    .enhance-count {
        padding: 0;
        margin-top: 20px
    }

    section.mobile-offers {
        padding: 70px 0 20px
    }

    .enterprise-content-box {
        margin-top: 25px
    }

    .looking-for-ecm {
        margin-top: 30px;
        font-size: 20px
    }

    section.peotect-intellectual {
        padding: 20px 0 40px
    }

    .protect-point {
        display: inline-block;
        margin-top: 30px
    }

    .protect-point-list {
        display: inline-block;
        width: 49%;
        margin-bottom: 30px
    }

    .protect-point-list:lsdt-child {
        margin-bottom: 0
    }

    section.mobile-app-builders h2 {
        font-size: 28px;
        line-height: 38px
    }

    section.mobile-offers.management-solutions {
        padding: 0 0 30px
    }

    .never-stop-list {
        display: inline-block;
        margin-top: 40px;
        width: 100%
    }

    .never-stop-box {
        width: 49%;
        padding: 10px;
        display: inline-block
    }

    .startup-mvp p {
        line-height: 27px;
        font-size: 15px
    }

    section.love-talk {
        background: #f6f6f6;
        padding: 50px 0
    }

    .wide-range-box {
        width: 50%
    }

    .wide-range-box:nth-child(2n) {
        border-right-width: 0 !important
    }

    .testimonial-area {
        margin: 25px auto 0;
        padding: 20px
    }

    .count-box {
        padding-left: 10px;
        padding-right: 10px
    }

    .schedule-cnsultation {
        margin-left: 0
    }

    .book-cnsultation {
        margin-bottom: 10px
    }

    .coffee-con p {
        font-size: 19px
    }
}

@media screen and (max-width:400px) {
    .newsletter input {
        width: 210px
    }

    .home-blog-btn {
        margin-top: 30px
    }
}

.culture-gallery {
    max-width: 100%;
    padding: 0 15px
}

.culture-gallery img {
    padding: 15px 0
}