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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

html {
    scroll-behavior: smooth;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

b {
    font-weight: 700
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html {
    height: 100%;
    width: 100%;
    overflow-x: hidden
}

body {
    line-height: 1;
    background: #fff;
    font-family: Montserrat, Arial;
    color: #353535;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .6s ease-in-out;
    -webkit-transition-delay: 0;
    -moz-transition: all .6s ease-in-out 0;
    -ms-transition: all .6s ease-in-out 0;
    -o-transition: all .6s ease-in-out 0;
    transition: all .6s ease-in-out 0
}

div {
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .3s ease-in-out;
    -webkit-transition-delay: 0;
    -moz-transition: all .3s ease-in-out 0;
    -ms-transition: all .3s ease-in-out 0;
    -o-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

label.error {
    color: red;
    font-family: arial;
    font-size: 12px;
    font-style: italic;
    margin-top: 2px;
    padding: 2px 8px
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none;
    color: #EACA70
}

strong {
    font-weight: 700
}

p {
    margin-bottom: 20px
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.mt-70 {
    margin-top: 70px
}

.mt-80 {
    margin-top: 80px
}

.mt-90 {
    margin-top: 90px;
    margin-top: 90px
}

.mt-100 {
    margin-top: 100px
}

.mt-200 {
    margin-top: 200px
}

.mt-400 {
    margin-top: 400px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-90 {
    margin-bottom: 90px
}

.mb-100 {
    margin-bottom: 100px
}

.mb-150 {
    margin-bottom: 150px
}

.mb-200 {
    margin-bottom: 200px
}

.img-responsive {
    width: 100%;
    cursor: pointer
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, a:hover, a:focus {
    background: none;
    background-color: transparent
}

.nav {
    color: #fff;
    font-size: 36px;
    margin-top: 20px;
    display: block
}

.call-icon {
    bottom: 35px;
    position: absolute;
    color: #fff;
    font-size: 40px;
    margin-top: 25px;
    display: block;
    left: 25px
}

.nav:hover, .call-icon:hover {
    color: #fff
}

.video-sec {
    width: 100%;
    float: left;
    text-align: left;
    height: 100%
}

.video-sec-img {
    width: 100%
}

#home-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    top: 0
}

.video {
    position: relative;
    z-index: -100;
    background-size: cover;
    transition: 1s opacity;
    -webkit-transition: 1s opacity;
    -moz-transition: 1s opacity;
    -khtml-transition: 1s opacity;
    -o-transition: 1s opacity;
    width: 100%
}

.logo {
    position: absolute;
    z-index: 9;
    left: 70px;
    top: 8px;
    width: 200px
}

.cstm-link a{
    display: flex;
}

.menu-logo {
    position: absolute;
    z-index: 99;
    left: 70px;
    top: 16px
}

.contact-num {
    position: absolute;
    top: 40px;
    right: 220px;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 20px;
    color: #fff
}

.contact {
    font-family: Montserrat;
    font-weight: 700;
    border-radius: 5px;
    width: 170px;
    height: 40px;
    top: 10px;
    right: 30px;
    padding: 0;
    min-width: 170px;
    line-height: 40px;
    font-size: 16px;
    background: #f70c37;
    color: #fff !important;
    text-transform: uppercase;
    position: absolute;
    z-index: 21;
    display: block;
    text-align: center
}

.contact:before {
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid transparent;
    transition: all .2s;
    -webkit-transition: all .2s;
    display: block;
    position: absolute;
    content: ""
}

.contact span {
    width: 25px;
    height: 40px;
    background: url(../images/icon_message.png) center center no-repeat;
    background-size: auto auto;
    background-size: 25px 19px;
    text-indent: -8000px;
    display: inline-block;
    vertical-align: top;
    position: relative
}

.contact span::before {
    z-index: 1;
    height: 2px;
    background-color: #fff;
    left: 8px;
    opacity: 0;
    width: 26px !important;
    transition: all .2s;
    -webkit-transition: all .2s;
    -khtml-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    top: 16px;
    display: block;
    position: absolute;
    content: ""
}

.contact span::after {
    bottom: 16px;
    -webkit-transition: all .2s;
    z-index: 1;
    height: 2px;
    background-color: #fff;
    left: 8px;
    opacity: 0;
    width: 26px !important;
    transition: all .2s;
    display: block;
    position: absolute;
    content: ""
}

.contact.act span {
    background: 0 0
}

.contact.act span::before {
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 30px;
    opacity: 1;
    top: 18px !important;
    left: 0;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s
}

.contact.act span::after {
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 30px;
    opacity: 1;
    bottom: 20px !important;
    left: 0;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s
}

.contact:hover:before, .contact:focus:before, .contact:active:before {
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    border-color: #fff
}

.contact:hover, .contact:focus {
    color: #000;
    text-decoration: none;
    border: 0;
    outline-offset: 0;
    border: 0;
    outline: 0
}

.google-partner {
    position: absolute;
    z-index: 21;
    display: block;
    right: 440px;
    top: 10px
}

.auto-slide {
    position: absolute;
    left: 170px;
    top: 55%
}

.quotes {
    display: none
}

.fadeIn {
    display: block
}



.why-aks {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 80px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0px
}

.why-aks span {
    font-family: Montserrat;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    margin-top: 15px;
    /* margin-left: 19px;  */
    /* background-color: #f70c36; */
    background: rgb(247, 12, 54);
    border-radius: 30px;
    width: fit-content;
    padding: 15px 30px 15px 30px;
    
}

.new .quotes{
font-size: 22px;
background: rgba(247, 12, 54, 0.5);
}

.why-aks span .quotes{
font-size: 20px;
}

.down-arrow {
    position: absolute;
    top: 80% !important;
    top: calc(100% - 100px);
    top: calc(100vh - 100px);
    top: -webkit-calc(100% - 100px);
    top: -webkit-calc(100vh - 100px);
    top: -moz-calc(100% - 100px);
    top: -moz-calc(100vh - 100px);
    left: 50%;
    margin-left: -20px
}

.down-arrow a {
    color: #fff;
    font-size: 80px
}

.top-arrow {
    position: absolute;
    top: 90%;
    top: calc(100% - 130px);
    top: -webkit-calc(100% - 130px);
    top: -moz-calc(100% - 130px);
    right: 40px;
    margin-left: -20px
}

.top-arrow a {
    color: #fff;
    font-size: 80px
}

.our-services {
    background: #f3f3f3;
    /* position: relative */
}

.our-services h2 {
    font-size: 40px;
    color: #f70c36;
    font-family: Montserrat;
    font-weight: 700;
    text-transform: uppercase;
    margin: 60px 0px 30px 0px;
}

.services-title a {
    display: block;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    padding: 28px 0;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .3s ease-in-out;
    -webkit-transition-delay: 0;
    -moz-transition: all .3s ease-in-out 0;
    -ms-transition: all .3s ease-in-out 0;
    -o-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0;
    -webkit-transform: translate3d(0, 0, 0)
}

.services-title * {
    color: #f70c36;
    font-size: 60px;
    display: block
}

.services-title h4 {
    color: #f70c36;
    font-size: 18px;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .3s ease-in-out;
    -webkit-transition-delay: 0;
    -moz-transition: all .3s ease-in-out 0;
    -ms-transition: all .3s ease-in-out 0;
    -o-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0
}

.services-title a:hover, .services-title a:focus {
    text-decoration: none;
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

.services-title a:hover h4, .services-title a:focus h4 {
    font-size: 22px;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.home-address {
    color: #f53d5e;
    font-size: 17px;
    font-weight: 600;
    line-height: 28px
}

.home-address h2 {
    color: #f70c36;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px
}

.mob a {
    color: #f53d5e
}

.our-featured {
    position: relative;
    background: #fff;
    padding-bottom: 60px
}

.our-featured-apps {
    background: #f3f3f3;
    padding: 60px 0 0;
    position: relative
}

.our-featured h2 {
    font-size: 40px;
    color: #f70c36;
    font-famivly: Montserrat;
    font-weight: 700;
    text-transform: uppercase;
    margin: 60px 0;
    text-align: left
}

.industries-we-serve {
    background: #f70c36;
    padding-bottom: 60px;
    position: relative
}

.industries-we-serve h2 {
    font-size: 40px;
    color: #fff;
    font-family: Montserrat;
    font-weight: 700;
    text-transform: uppercase;
    margin: 60px 0
}

.industries-we-serve ul {
    margin: 0;
    padding: 0
}

.industries-we-serve ul li {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none
}

#industries-we-serve .industries-item {
    background: #fff;
    padding: 25px 0;
    margin: 10px;
    color: #f70c36;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    font-weight: 600;
    font-size: 50px;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .3s ease-in-out;
    -webkit-transition-delay: 0;
    -moz-transition: all .3s ease-in-out 0;
    -ms-transition: all .3s ease-in-out 0;
    -o-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0
}

#industries-we-serve .item {
    background: #fff;
    padding: 55px 0;
    margin: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center
}

#industries-we-serve .industries-item:hover, #industries-we-serve .industries-item:focus, #industries-we-serve .industries-item:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

.industries-name {
    font-size: 18px;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .3s ease-in-out;
    -webkit-transition-delay: 0;
    -moz-transition: all .3s ease-in-out 0;
    -ms-transition: all .3s ease-in-out 0;
    -o-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0
}

#owl-industries .owl-item.center .industries-name {
    display: block
}

#industries-we-serve .industries-item:hover .industries-name {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.our-approach {
    position: relative;
    background: #fff;
    padding-bottom: 60px
}

.our-approach h2 {
    font-size: 40px;
    color: #f70c36;
    font-family: Montserrat;
    font-weight: 700;
    text-transform: uppercase;
    margin: 60px 0
}

#owl-clients .item {
    background: #fff;
    padding: 0 10px;
    margin: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 126px;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .3s ease-in-out;
    -webkit-transition-delay: 0;
    -moz-transition: all .3s ease-in-out 0;
    -ms-transition: all .3s ease-in-out 0;
    -o-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0
}

#owl-clients .item:hover, #owl-clients .item:focus, #owl-clients .item:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

.lets-work-together {
    width: 100%;
    background: #f70c36;
    padding: 60px 0;
    position: relative;
    text-align: center
}

.lets-work-together h2 {
    font-size: 40px;
    color: #fff;
    font-family: Montserrat;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 40px
}

.lets-work-together a.contact-popup {
    font-family: Montserrat;
    font-size: 22px;
    color: #fff;
    padding: 15px 38px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 0;
    position: relative;
    text-transform: uppercase;
    border: 2px solid #fff
}

.lets-work-together a.contact-popup:hover {
    color: #f70c36;
    text-decoration: none;
    border-color: #fff;
    background: #fff
}

.lets-work-together h5 {
    font-size: 30px;
    color: #fff;
    margin: 40px 0 0;
    font-family: Montserrat
}

.lets-work-together h5 a {
    color: #fff;
    margin: 0;
    font-family: Montserrat
}

.approach {
    position: relative;
    text-align: center
}

.strategy {
    float: left;
    margin-top: 60px
}

.planning {
    float: left;
    margin-left: 120px;
    margin-top: 110px
}

.build {
    float: left;
    margin-left: 120px;
    margin-top: 45px
}

.testing {
    float: left;
    margin-left: 100px;
    margin-top: 5px
}

.approach span {
    display: block;
    color: #f53d5e;
    font-size: 17px;
    font-weight: 600;
    margin-top: 12px
}

.client-testimony {
    background: #f3f3f3;
    position: relative
}

.client-testimony h2 {
    font-size: 40px;
    color: #f70c36;
    font-family: Montserrat;
    font-weight: 700;
    text-transform: uppercase;
    margin: 60px 0
}

.inter-linking-sec {
    background: #fff;
    position: relative;
    padding: 60px 0;
    text-align: center
}

.inter-linking-sec h2 {
    font-size: 40px;
    color: #f70c36;
    font-family: Montserrat;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 40px
}

.inter-linking-sec a {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 500;
    color: #f70c36;
    display: inline-block;
    padding: 15px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    background: #eee;
    margin: 0 5px 18px
}

.inter-linking-sec a:hover, .inter-linking-sec a:focus {
    background: #ddd;
    color: #f70c36;
    text-decoration: none
}

.inter-linking-sec a.active {
    background: #c1c1c1;
    color: #f70c36;
    text-decoration: none
}

.footer {
    background: #f3f3f3;
    position: relative;
    width: 100%;
}

.footer-links ul {
    margin: 0;
    padding: 0
}

.footer-links ul li {
    margin: 0 30px 0 0;
    padding: 0;
    float: left;
    list-style: none
}

.footer-links ul li:last-child {
    margin: 0
}

.footer-links ul li a {
    color: #403c3d;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase
}

.copyright {
    float: left;
    color: #403c3d;
    font-size: 12px;
    font-weight: 500;
    margin-top: 30px
}

.copyright span {
    color: #f70c36
}

.social-icons ul {
    margin: 0;
    padding: 0;
    float: right
}

.social-icons ul li {
    margin: 0 22px 0 0;
    padding: 0;
    float: left;
    list-style: none
}

.social-icons ul li:last-child {
    margin: 0
}

.social-icons li a {
    text-decoration: none;
    background: #f70c36;
    color: #fff;
    float: left;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    transition: margin .25s ease;
    border: 1px solid #f70c36
}

.social-icons li a:hover {
    margin-top: -3px;
    background: #fff;
    color: #f70c36;
    border: 1px solid #f70c36
}

.social-icons li a * {
    padding: 5px 0px;
    text-align: center;
    display: block;
}

.social-icons li a .fa-google-plus {
    padding: 6px 4px
}

.aks-community {
    float: left;
    width: 100%;
    text-align: right;
    color: #f70c36;
    font-size: 11px;
    font-weight: 600;
    margin-top: 19px;
    text-transform: uppercase
}

.testi-img {
    float: left
}

#mySidenav .dropdown-menu {
    position: relative;
    text-align: center;
    top: auto;
    left: auto;
    float: none;
    background: none;
    border: 0;
    box-shadow: inherit;
    -webkit-box-shadow: inherit
}

#mySidenav .dropdown-menu>li>a {
    display: block;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    padding: 5px 0
}

#mySidenav .dropdown-menu>li>a:hover {
    display: block;
    background: #d1072c
}

#mySidenav li.open {
    background: #de0b31
}

#owl-industries {
    min-height: 225px;
    margin-bottom: 70px
}

.owl-prev {
    position: absolute;
    top: 50%;
    left: 40px;
    background: #fff;
    padding: 8px;
    border-radius: 50%;
    color: #f70c36;
    width: 30px;
    text-align: center
}

.owl-next {
    position: absolute;
    top: 50%;
    right: 40px;
    background: #fff;
    padding: 8px;
    border-radius: 50%;
    color: #f70c36;
    width: 30px;
    text-align: center
}

.owl-prev:before {
    content: "\f0d9";
    font-family: FontAwesome
}

.owl-next:before {
    content: "\f0da";
    font-family: FontAwesome
}

.our-featured h3 {
    color: #f70c36;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 20px;
    text-align: left;
    display: inline-block;
    margin-bottom: 60px
}

#contactInfo h2 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin: 30px 120px 50px;
    font-family: Montserrat;
    line-height: 3.5rem
}

#contactInfo h4 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 52px
}

#contactInfo h5 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 70px;
    text-transform: uppercase
}

#contactInfo h5 a {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 70px;
    text-transform: uppercase
}

#contactInfo a.contact-popup {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 22px;
    color: #f70c36;
    background: #fff;
    padding: 15px 38px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 50px;
    position: relative
}

#contactInfo a.contact-popup i {
    font-size: 26px
}

#contactInfo a.contact-popup:before {
    content: '';
    position: absolute;
    border: #fff solid 2px;
    border-radius: 5px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left
}

#contactInfo a.contact-popup:hover:before, #contactInfo a.contact-popup:focus:before, #contactInfo a.contact-popup:active:before {
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    border-color: #fff
}

#contactInfo a.contact-popup:hover {
    color: #fff;
    text-decoration: none;
    border-color: #fff;
    background: none
}

#contactInfo .social-icons li a {
    background: #d1072c;
    color: #fff;
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 0;
    font-size: 28px
}

#contactInfo .social-icons li a:hover {
    background: #fff;
    color: #f70c36
}

#contactInfo .social-icons ul {
    float: none
}

#contactInfo .social-icons ul li {
    display: inline-block;
    margin: 0 10px;
    float: none
}

#contactInfo .social-icons li a * {
    padding: 10px 13px
}

#contactInfo .social-icons li a .fa-google-plus {
    padding: 10px 5px
}

.transition {
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s
}

#testimonial4 {
    overflow: hidden;
    min-height: 375px;
    position: relative
}

#testimonial4 .carousel-inner {
    width: 100%;
    margin: auto
}

#testimonial4 .carousel-inner .item {
    overflow: hidden
}

.testimonial4_indicators .carousel-indicators li {
    padding: 0;
    width: 12px;
    height: 12px;
    border: none;
    text-indent: 0;
    margin: 2px 3px;
    cursor: pointer;
    display: inline-block;
    background: #ffcad4;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    vertical-align: middle
}

.testimonial4_indicators .carousel-indicators .active {
    padding: 0;
    width: 18px;
    height: 18px;
    border: none;
    margin: 2px 3px;
    background-color: #f53d5e;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.testimonial4_indicators .carousel-indicators::-webkit-scrollbar {
    height: 3px
}

.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb {
    background: #eee;
    -webkit-border-radius: 0;
    border-radius: 0
}

.testimonial4_control_button .carousel-control {
    top: 175px;
    opacity: 1;
    width: 40px;
    bottom: auto;
    height: 40px;
    font-size: 10px;
    cursor: pointer;
    font-weight: 700;
    overflow: hidden;
    line-height: 38px;
    text-shadow: none;
    text-align: center;
    position: absolute;
    background: transparent;
    border: 2px solid #fff;
    text-transform: uppercase;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .6s cubic-bezier(0.3, 1, 0, 1);
    transition: all .6s cubic-bezier(0.3, 1, 0, 1)
}

.testimonial4_control_button .carousel-control.left {
    left: 7%;
    right: auto
}

.testimonial4_control_button .carousel-control.right {
    right: 7%;
    left: auto
}

.testimonial4_control_button .carousel-control.left:hover, .testimonial4_control_button .carousel-control.right:hover {
    color: #000;
    background: #fff;
    border: 2px solid #fff
}

.testimonial4_header {
    top: 0;
    left: 0;
    bottom: 0;
    width: 550px;
    display: block;
    margin: 30px auto;
    text-align: center;
    position: relative
}

.testimonial4_header h4 {
    color: #000;
    font-size: 30px;
    font-weight: 600;
    position: relative;
    letter-spacing: 1px;
    text-transform: uppercase
}

.testimonial4_slide {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 20px;
    position: relative;
    text-align: left;
    background: #fff;
    float: right;
    margin-top: 0;
    border-radius: 15px;
    margin-bottom: 80px
}

.testimonial4_slide .dis-vid {
    display: none
}

.testimonial4_slide p {
    color: #535353;
    font-size: 16px;
    margin: 0;
    line-height: 23.3px
}

.testimonial4_slide div {
    margin: 0
}

.testi-names h3 {
    color: #f70c36;
    font-size: 22px;
    font-weight: 700
}

.testi-names h4 {
    color: #f70c36;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px;
    line-height: 22px
}

.testimonial4_slide:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 0 0 60px;
    border-color: #fff transparent transparent;
    position: absolute;
    top: 100%;
    content: "";
    z-index: 1;
    border-radius: 0 0 0 0
}


.sticky-nav{
    position: sticky;
    top: 0px;
    z-index: 9;
}

.main-clutch{
    position: relative;
    background-color: #ffffff;
}

@media only screen and (max-width:480px) {
    .testimonial4_control_button .carousel-control {
        display: none
    }

    .testimonial4_header {
        width: 95%
    }

    .testimonial4_header h4 {
        font-size: 20px
    }

    .testimonial4_slide {
        width: 100%;
        padding: 10px
    }
}

@media (min-width:481px) and (max-width:767px) {
    .testimonial4_control_button .carousel-control.left {
        left: 2%
    }

    .testimonial4_control_button .carousel-control.right {
        right: 2%
    }

    .testimonial4_header {
        width: 95%
    }

    .testimonial4_slide {
        width: 98%;
        padding: 5px
    }

    .cstm-bdr-mob{
        border-bottom: 1px solid #B9B9B9;
    }

    
    .banner-img-sec .cstm-ecommerce-left {
        font-size: 43px !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .testimonial4_control_button .carousel-control.left {
        left: 5%
    }

    .testimonial4_control_button .carousel-control.right {
        right: 5%
    }

    .team-desination {
        font-size: 10px !important
    }

    .feature-pd {
        padding: 30px 36px !important;
    }

    .cstm-ecomm-text h3 {
        font-size: 40px !important;
    }    

    .cstm-ecomm-text p {
        font-size: 16px !important;
    }

    .cstm-sub-tech {
        margin-top: 15px;
    }

    
    .banner-img-sec .cstm-ecommerce-left {
        font-size: 43px !important;
    }
    
}

@-webkit-keyframes psBoxShadowEffect_2 {
    0% {
        opacity: .3
    }

    40% {
        opacity: .5;
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5)
    }

    100% {
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #ffffff, 0 0 0 5px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0
    }
}

@keyframes psBoxShadowEffect_2 {
    0% {
        opacity: .3
    }

    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, 0.5)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #ffffff, 0 0 0 5px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes menuIn {
    from {
        -ms-transform: skewX(-35deg) scale(2) translateX(100%);
        -webkit-transform: skewX(-35deg) scale(2) translateX(100%);
        transform: skewX(-35deg) scale(2) translateX(100%)
    }

    to {
        -ms-transform: skewX(-35deg) scale(2) translateX(0);
        -webkit-transform: skewX(-35deg) scale(2) translateX(0);
        transform: skewX(-35deg) scale(2) translateX(0)
    }
}

@keyframes menuIn {
    from {
        -ms-transform: skewX(-35deg) scale(2) translateX(100%);
        -webkit-transform: skewX(-35deg) scale(2) translateX(100%);
        transform: skewX(-35deg) scale(2) translateX(100%)
    }

    to {
        -ms-transform: skewX(-35deg) scale(2) translateX(0);
        -webkit-transform: skewX(-35deg) scale(2) translateX(0);
        transform: skewX(-35deg) scale(2) translateX(0)
    }
}

#mySidenav, #contactInfo {
    background: rgba(247, 12, 54, .92);
    overflow-x: hidden;
    transition: .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 20;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: hidden;
    -ms-transform: skewX(-35deg) scale(2) translateX(100%);
    -webkit-transform: skewX(-35deg) scale(2) translateX(100%);
    transform: skewX(-35deg) scale(2) translateX(100%)
}

.is_handheld #mySidenav, .is_handheld #contactInfo {
    visibility: hidden;
    opacity: 0;
    transition: transform 0 linear !important;
    -webkit-transition: -webkit-transform 0 linear !important;
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.is_handheld #mySidenav ul, .is_handheld #contactInfo .cont {
    visibility: hidden;
    opacity: 0;
    padding: 0 0 15%;
    transition: all .5s cubic-bezier(.7, 0, .36, .63) 0;
    -webkit-transition: all .5s cubic-bezier(.7, 0, .36, .63) 0
}

.is_handheld #mySidenav a {
    visibility: visible !important;
    opacity: 1 !important;
    -webkit-animation-delay: 0 !important;
    animation-delay: 0 !important
}

.is_handheld #mySidenav.show, .is_handheld #contactInfo.show {
    visibility: visible;
    opacity: 1;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important
}

.is_handheld #mySidenav.show ul, .is_handheld #contactInfo.show .cont {
    visibility: visible;
    opacity: 1;
    padding: 0
}

.is_handheld #mySidenav.hide ul, .is_handheld #contactInfo.hide .cont {
    visibility: visible !important;
    opacity: 0 !important;
    padding: 15% 0 0
}

#contactInfo h4 a {
    color: #fff
}

#mySidenav.closing a, #contactInfo.closing a {
    visibility: visible;
    -webkit-animation: .5s fadeOut cubic-bezier(.895, .03, .685, .22) both !important;
    animation: .5s fadeOut cubic-bezier(.895, .03, .685, .22) both !important;
    -webkit-animation-delay: 0 !important;
    animation-delay: 0 !important
}

#mySidenav.active a, #contactInfo.active a {
    visibility: visible;
    -webkit-animation: 2s fadeInDown cubic-bezier(.23, 1, .32, 1) both;
    animation: 2s fadeInDown cubic-bezier(.23, 1, .32, 1) both
}

#mySidenav.active li:nth-child(1) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

#mySidenav.active li:nth-child(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

#mySidenav.active li:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

#mySidenav.active li:nth-child(4) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

#mySidenav.active li:nth-child(5) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

#mySidenav.active li:nth-child(6) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

#mySidenav.open, #contactInfo.open {
    visibility: visible;
    opacity: 1;
    -ms-transform: skewX(-35deg) scale(2) translateX(0);
    -webkit-transform: skewX(-35deg) scale(2) translateX(0);
    transform: skewX(-35deg) scale(2) translateX(0);
    -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

#mySidenav.closing, #contactInfo.closing {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

#mySidenav.active, #contactInfo.active {
    visibility: visible;
    opacity: 1;
    -ms-transform: skewX(0deg) scale(1) translateX(0);
    -webkit-transform: skewX(0deg) scale(1) translateX(0);
    transform: skewX(0deg) scale(1) translateX(0);
    -webkit-animation-duration: 0 !important;
    animation-duration: 0 !important;
    -webkit-animation-delay: 0 !important;
    animation-delay: 0 !important;
    -webkit-transition-delay: 0 !important;
    transition-delay: 0 !important;
    transition: all 0 !important;
    -webkit-transition: 0 !important
}

#mySidenav, #contactInfo {
    display: block;
    padding-top: 70px;
    z-index: 8
}

#contactInfo .cont {
    visibility: hidden;
    opacity: 0
}

#contactInfo.active .cont {
    visibility: visible;
    -webkit-animation: 2s fadeInDown cubic-bezier(.23, 1, .32, 1) both;
    animation: 2s fadeInDown cubic-bezier(.23, 1, .32, 1) both
}

#mySidenav ul {
    width: 100%;
    padding-bottom: 0
}

#mySidenav a {
    padding: 10px 18px 15px;
    text-decoration: none;
    font-size: 60px;
    color: #fff;
    display: block;
    transition: .3s;
    text-transform: uppercase;
    font-weight: 700;
    opacity: 0
}

#mySidenav a:hover {
    background: #de0b31
}

#mySidenav .closebtn {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 56px;
    color: #fff
}

#mySidenav .contact_closebtn {
    position: absolute;
    z-index: 9;
    top: 16px;
    right: 33px;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    color: #f70c36;
    padding: 9px 15px;
    height: 40px;
    border-radius: 5px;
    text-transform: capitalize;
    background: #fff
}

#mySidenav .contact_closebtn:before {
    content: '';
    position: absolute;
    border: #fff solid 2px;
    border-radius: 5px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: top, right, bottom, left;
    transition-property: top, right, bottom, left
}

#mySidenav .contact_closebtn:hover:before, #mySidenav .contact_closebtn:focus:before, #mySidenav .contact_closebtn:active:before {
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    border-color: #fff
}

#mySidenav .contact_closebtn:hover {
    color: #fff;
    text-decoration: none;
    border-color: #fff;
    background: none
}

.menu-sec .nav {
    display: block;
    text-indent: -8000px;
    width: 30px;
    height: 15px;
    float: left;
    display: block;
    position: absolute;
    z-index: 21;
    left: 30px;
    top: 0;
    cursor: pointer
}

.menu-sec .nav span {
    display: block;
    background-color: #FFF;
    height: 3px;
    margin-top: 6px;
    position: relative;
    z-index: 1
}

.menu-sec .nav span::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 3px;
    background-color: #FFF;
    left: 0;
    top: -6px
}

.menu-sec .nav span::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 3px;
    background-color: #FFF;
    left: 0;
    bottom: -6px
}

.menu-sec .nav.act span {
    background-color: transparent
}

.menu-sec .nav.act span::before {
    top: 0;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 30px
}

.menu-sec .nav.act span::after, .nav.act::after {
    bottom: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 30px
}

#owl-clients .industries-item {
    background: #fff;
    padding: 55px 0;
    margin: 10px;
    color: #f70c36;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center
}

#owl-clients.owl-carousel .owl-item img {
    display: inline-block;
    width: auto
}

.customNavigation {
    text-align: center
}

.customNavigation a {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.owl-item>div {
    cursor: pointer;
    margin: 9px 12px;
    color: #f70c36;
    transition: margin 0 ease
}

.owl-carousel .owl-item {
    transition: width 1.5s ease
}

.owl-carousel .item {
    margin: 0;
    text-align: center;
    transition: margin 1s ease
}

#owl-featured {
    height: 400px
}

#owl-featured .owl-item.active {
    width: 300px !important
}

#owl-featured .owl-item.center {
    width: 510px !important
}

#owl-featured .owl-item.center>div {
    cursor: auto;
    margin: 0;
    padding: 20px 0 10px
}

#owl-apps .item {
    margin: 180px 140px 0;
    text-align: center
}

#owl-apps .owl-item.center>div {
    cursor: auto;
    margin: 0 60px;
    padding: 10px 0
}

#owl-apps {
    margin-bottom: 90px;
    height: 490px
}

.parallax-image {
    height: 360px;
    position: relative;
    margin-top: 160px
}

.parallax-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 95%;
    height: auto;
    max-width: 690px
}

.parallax-image2 {
    height: 360px;
    position: relative
}

.parallax-image2 img {
    position: absolute;
    top: 0;
    right: 0;
    width: 95%;
    height: auto;
    max-width: 690px
}

.apps-image {
    height: 700px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.apps-image a {
    position: absolute;
    top: 0;
    left: 28px;
}

.apps-image img {
    position: absolute;
    top: 0;
    left: 0px;
    height: auto;
    max-width: 464px
}

.apps-image2 {
    position: relative;
    margin-top: 200px;
    display: flex;
    align-items: center;
    justify-content: center
}

.video-sec {
    height: 100%;
    height: 100vh;
    position: relative;
    background-image: url(../webp/main_banner.webp);
    float: right;
    overflow: hidden
}

.video-sec video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.bottom {
    height: 500px;
    background: #fff;
    position: relative;
    z-index: 1
}

.banner-img-sec {
    height: 100%;
    height: 100vh;
    position: relative;
    float: right;
    width: 100%
}

img.banner-img-responsive, img.video-img-responsive {
    height: 100%;
    height: 100vh;
    width: 100%
}

.banner-img-sec .why-aks {
    position: absolute;
    left: 0;
    top: 55%;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 80px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 4px;
    width: 100%;
    text-align: center
}

.banner-img-sec .ios-main-txt b {
    text-transform: lowercase
}

.affix-top {
    z-index: 9999
}

.logo-sticky {
    display: none
}

.change-logo .logo-normal {
    display: none
}

.logo-menu {
    display: none
}

.change-logo .logo-menu {
    display: block
}

#navbar.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
    padding: 30px 0;
    background: rgba(247, 12, 54, .8)
}

.affix .logo-normal {
    display: none
}

.affix .logo-menu {
    display: block
}

input::-webkit-input-placeholder {
    color: #ccc !important
}

input:-moz-placeholder {
    color: #ccc !important
}

input::-moz-placeholder {
    color: #ccc !important
}

input:-ms-input-placeholder {
    color: #ccc !important
}

textarea::-webkit-input-placeholder {
    color: #ccc !important
}

textarea:-moz-placeholder {
    color: #ccc !important
}

textarea::-moz-placeholder {
    color: #ccc !important
}

textarea:-ms-input-placeholder {
    color: #ccc !important
}

.page_subtitle {
    font: 700 32px Montserrat;
    color: #000
}

.contact_address_title {
    font: 700 25px Montserrat;
    color: #f70c37
}

.contact_address_text, .contact_address_text a {
    font: 500 16px Montserrat;
    color: #000;
    line-height: 28px
}

.form-control {
    border: 1px solid #ccc;
    height: 40px;
    font: 600 15px Montserrat;
    color: #000
}

.phone-fld-size {
    width: 240px;
    float: right;
    width: auto !important;
}

.form-group img {
    display: none
}

.form_grp_ovrflw {
    overflow: hidden
}

.btn-submit {
    height: 46px;
    font: 700 20px Montserrat;
    color: #fff;
    background: #f63a5c;
    padding: 0 30px;
    border: 1px solid #f63a5c
}

.form-group .wht-btn {
    background: #fff;
    color: #f63a5c
}

.btn-submit:hover {
    color: #f63a5c;
    background: #fff
}

.our-team {
    background: #fff
}

.our-team h2 {
    font-size: 45px;
    color: #f70c36;
    font-family: Montserrat;
    font-weight: 700;
    text-transform: uppercase;
    margin: 70px 0 50px;
    text-align: center
}

.team-new {
    max-width: 300px;
    width: 100%
}

.team-new-middle {
    max-width: 300px;
    width: 100%;
    margin: 0 135px
}

.team-name {
    position: relative;
    color: #f70c37;
    font-size: 22px;
    font-weight: 700;
    margin-top: 40px;
    text-transform: uppercase;
    margin-bottom: 50px;
    line-height: 30px
}

.team-name span {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin-top: 5px;
    display: block;
    text-transform: initial;
}

.team-white-bg {
    background: #fff;
    border-radius: 20px;
    padding-bottom: 45px
}

.fix-linkdin-icon {
    position: absolute;
    right: 10px;
    top: 35px;
}

.fix-linkdin-icon i {
    font-size: 28px;
    color: #0a66c2;
    transition: 0.5s;
}

.fix-linkdin-icon i:hover {
    color: #f70c37;
    transition: 0.5s;
}

.team-row {
    margin-top: -65px
}

.team-sec {
    position: relative
}

.team-desination {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    padding: 0 20px;
    line-height: 22px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: opacity .3s;
    -webkit-transition: opacity .3s
}

.team-sec:hover .team-desination {
    background: rgba(247, 12, 55, .8);
    opacity: 1
}

.team-desination.big {
    font-size: 35px
}

.our-core-value {
    background: #f3f3f3
}

.our-core-value h2 {
    font-size: 45px;
    color: #f70c36;
    font-family: Montserrat;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 50px;
    text-align: center
}

.our-core-value h3 {
    font-size: 26px;
    color: #f70c36;
    font-family: Montserrat;
    font-weight: 700;
    margin: 0 0 10px;
    text-align: left;
    line-height: 36px
}

.our-core-value h4, .inter-linking-sec h4 {
    font-size: 26px;
    color: #f70c36;
    font-family: Montserrat;
    font-weight: 700;
    margin: 0 0 10px;
    text-align: center;
    line-height: 36px
}

.our-core-value p {
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 28px
}

.our-core-value ul {
    margin: 0 0 20px 20px;
    padding: 0
}

.our-core-value ul li {
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 28px;
    list-style: disc;
    padding: 0
}

.core-value-icon {
    background: #fff;
    color: #f70c36;
    text-align: center;
    font-size: 120px;
    padding: 110px 0
}

.core-value-content {
    padding: 0 110px;
    background: #f3f3f3
}

.core-value-white-sec {
    background: #fff;
    color: #353535
}

.content_white_bg .ios_btn b {
    color: #f70c36;
}

.content_white_bg .android_btn b {
    color: #f70c36;
}

.our-core-value .fa-3x {
    font-size: 3em;
    margin: 0;
    text-transform: lowercase;
    color: #fff;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: center
}

.table-cell {
    display: table-cell
}

.panel-group .panel {
    border-radius: 3px;
    box-shadow: none;
    border-color: #ffbac7
}

.panel-default>.panel-heading {
    padding: 0;
    border-radius: 3px;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #ffbac7
}

.panel-title {
    font-size: 14px
}

.panel-title>a {
    display: block;
    padding: 10px;
    text-decoration: none
}

.more-less {
    float: left;
    color: #f70c36;
    margin: 2px 10px;
    font-size: 21px
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #EEE
}

.row_red_border {
    border-bottom: 1px solid #ffdce3;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.red_16_bold {
    font-size: 16px;
    color: #f70c36;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 25px
}

.red_15_bold {
    font-size: 15px;
    color: #f70c36;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 25px
}

.red_15_bold:hover {
    color: #353535
}

.black_15_bold {
    font-size: 15px;
    color: #000;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 25px
}

.black_15_bold:hover {
    color: #f70c36
}

.black_14_normal {
    font-size: 14px;
    color: #000;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 25px
}

.red_text {
    font-size: 15px;
    color: #f70c36;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 25px
}

.click-to-apply {
    font: 700 15px Montserrat;
    color: #fff;
    background: #f70c36;
    padding: 8px 20px;
    border: 1px solid #f70c36;
    border-radius: 3px
}

.click-to-apply:hover {
    color: #f63a5c;
    background: #fff
}

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    width: 100%;
    text-align: center
}

ul.tabs li {
    display: inline-block;
    margin: 0;
    cursor: pointer;
    padding: 0 15px;
    height: 45px;
    line-height: 35px;
    color: #ccc;
    overflow: hidden;
    position: relative;
    font-size: 18px;
    color: #000;
    font-family: Montserrat;
    font-weight: 500
}

ul.tabs li:hover {
    color: #f70c37
}

ul.tabs li:hover:after, ul.tabs li.active:after {
    color: #f70c37;
    content: "\f0d7";
    font-family: fontAwesome;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -4px
}

ul.tabs li.active {
    color: #f70c37;
    display: inline-block
}

.tab_container {
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
    overflow: auto
}

.tab_content {
    padding: 0;
    display: none
}

.tab_drawer_heading {
    display: none
}

.portfolio-sec {
    background: #fff;
    border: 1px solid #ffbac7;
    border-radius: 3px;
    padding: 40px 20px
}

.portfolio-sec .pay-now-img {
    display: none
}

.portfolio-sec .owl-prev {
    position: absolute;
    top: 50%;
    left: -150px;
    background: #f70c36;
    padding: 18px;
    border-radius: 50%;
    color: #fff;
    width: 70px;
    height: 70px;
    text-align: center;
    font-size: 30px;
    margin-top: -35px
}

.portfolio-sec .owl-next {
    position: absolute;
    top: 50%;
    right: -150px;
    background: #f70c36;
    padding: 18px;
    border-radius: 50%;
    color: #fff;
    width: 70px;
    height: 70px;
    text-align: center;
    font-size: 30px;
    margin-top: -35px
}

.portfolio-sec .owl-prev:before {
    content: "\f060";
    font-family: FontAwesome
}

.portfolio-sec .owl-next:before {
    content: "\f061";
    font-family: FontAwesome
}

.portfolio-sec .owl-carousel .item {
    margin: 0;
    text-align: center
}

.mac-bg {
    background: url(../images/mac-pc.png) no-repeat 0 0
}

.owl-carousel .owl-stage-outer {
    margin: 0
}

.portfolio-sec .owl-carousel .owl-item img {
    width: auto;
    max-width: 100%
}

.iphone-sec {
    max-width: 290px;
    margin: 0 auto
}

.iphone-bg {
    background: url(../images/iphone.png) no-repeat center 0;
    width: 331px;
    height: 664px;
    float: left;
    position: absolute;
    top: 0
}

.iphone-sec .owl-carousel .owl-stage-outer {
    margin: 20px 0 70px
}

.android-sec {
    max-width: 286px;
    margin: 0 auto
}

.android-bg {
    background: url(../images/android.png) no-repeat center 0;
    width: 330px;
    height: 642px;
    float: left;
    position: absolute;
    top: 0
}

.android-sec .owl-carousel .owl-stage-outer {
    margin: 32px 0 70px
}

.content_red_bg {
    background: #f70c36;
    color: #fff;
    text-align: center;
    padding: 30px 110px
}

.content_red_bg p {
    font-size: 25px;
    font-weight: 700;
    line-height: 40px
}

.content_red_bg p:first-letter {
    font-size: 200%
}

.content_red_bg p span {
    font-size: 20px;
    font-weight: 500;
    line-height: 40px
}

.content_red_bg ul {
    margin: 0;
    padding: 0;
    text-align: left
}

.content_red_bg ul li {
    font-size: 22px;
    font-weight: 700;
    line-height: 40px;
    padding: 0 0 0 5px;
    margin: 30px 0 0 20px
}

.content_red_bg span {
    font-size: 20px;
    font-weight: 400;
    line-height: 40px
}

.content_white_bg {
    background: #fff;
    color: #f70c36;
    text-align: center;
    padding: 30px 110px
}

.content_white_bg a {
    color: #f70c36;
    text-decoration: none
}

.core-value-icon.technology {
    font-size: 200px;
    padding: 210px 0
}

.core-value-icon.technology2 {
    font-size: 200px;
    padding: 80px 0
}

.core-value-icon.uxui {
    font-size: 200px;
    padding: 170px 0
}

.core-value-icon.uxui2 {
    font-size: 200px;
    padding: 70px 0
}

.core-value-icon.strategy-icon {
    font-size: 200px;
    padding: 70px 0
}

.core-value-icon.branding {
    font-size: 200px;
    padding: 70px 0
}

.core-value-icon.branding2 {
    font-size: 200px;
    padding: 100px 0
}

.core-value-icon.branding3 {
    font-size: 200px;
    padding: 150px 0
}

.core-value-icon.branding4 {
    font-size: 200px;
    padding: 210px 0
}

.know-aks-icon {
    font-size: 100px;
    color: #f70c36
}

.know-aks-year {
    font-size: 40px;
    color: #f70c36;
    font-weight: 700;
    line-height: 60px
}

.know-aks-exp {
    font-size: 18px;
    color: #f70c36;
    font-weight: 400
}

.core-value-icon.know-aks-icon2 {
    font-size: 200px;
    padding: 90px 0
}

.core-value-icon.search {
    font-size: 200px;
    padding: 200px 0
}

.core-value-icon.search2 {
    font-size: 200px;
    padding: 100px 0
}

.core-value-icon.social {
    font-size: 200px;
    padding: 70px 0
}

.core-value-icon.inboand {
    font-size: 200px;
    padding: 70px 0
}

.core-value-icon.inboand2 {
    font-size: 200px;
    padding: 100px 0
}

.we-build {
    display: block;
    font-size: 50px;
    font-weight: 400;
    text-align: left;
    line-height: 60px;
    margin: 0
}

.android-apps {
    display: block;
    font-size: 50px;
    font-weight: 700;
    text-align: left;
    line-height: 60px;
    margin: 15px 0 25px
}

.android-apps-text {
    display: block;
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    line-height: 35px
}

.content_red_bg .size-of-icon i {
    font-size: 200px
}

.android-app-heading {
    font-size: 45px;
    color: #f70c36;
    font-family: Montserrat;
    font-weight: 700;
    margin: 15px 0 30px;
    text-align: center
}

.android-app-subheading {
    font-size: 45px;
    color: #f70c36;
    font-family: Montserrat;
    font-weight: 400;
    margin: 10px 0 30px;
    text-align: center
}

.tools-subtitle {
    font-size: 26px;
    color: #f70c36;
    font-family: Montserrat;
    font-weight: 400;
    margin: 30px 0 20px
}

.android-icon {
    font-size: 60px;
    color: #f70c36
}

.ecommerce-icon {
    font-size: 200px;
    padding: 70px 0
}

.we-build.ecommerce {
    margin-top: 8%
}

.footer-nav {
    background: #fff;
    width: 100%;
}

.footer-services-title h2 {
    font-size: 40px;
    color: #f70c36;
    font-family: Montserrat;
    font-weight: 700;
    text-transform: uppercase;
    margin: 60px 0
}

.footer-nav h3 a {
    font-size: 1.3rem;
    margin-bottom: 40px;
    display: block;
    text-transform: uppercase;
    color: #000
}

.footer-nav h3 a:hover {
    text-decoration: none
}

.footer-nav ul {
    margin: 0;
    padding: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: height;
    transition-property: height
}

.footer-nav ul li {
    opacity: 0;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.6rem
}

.row-first:hover ul {
    height: 510px
}

.row-first:hover ul li {
    opacity: 1
}

.row-second:hover ul {
    height: 780px
}

.row-second:hover ul li {
    opacity: 1
}

.web-development-icon {
    font-size: 100px;
    display: block
}

.web-development-icon-title {
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 15px
}

.home-img {
    position: relative
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
    cursor: pointer;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: color, background;
    transition-property: color, background
}

.overlay-heading {
    font-size: 2rem;
    color: #fff;
    position: absolute;
    top: 40px;
    left: 40px
}

.overlay-desc {
    font-size: 1.3rem;
    color: #fff;
    position: absolute;
    bottom: 10px;
    left: 40px;
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: bottom, opacity;
    transition-property: bottom, opacity
}

.home-img:hover .overlay {
    background: none
}

.home-img:hover .overlay-desc {
    bottom: 40px;
    opacity: 1
}

.btn-more {
    font: 500 15px Montserrat;
    color: #fff;
    background: #f57f94;
    padding: 8px 20px;
    border: 1px solid #f57f94;
    border-radius: 3px;
    margin-left: 50px
}

.btn-more:hover {
    color: #f57f94;
    background: #fff;
    text-decoration: none
}

.services-title {
    margin-bottom: 20px
}

img.video-img-responsive {
    display: none;
    height: 100%;
    /* height: 100vh */
}

img.banner-img-responsive {
    height: 100%;
    height: 100vh
}

#navbar .contact_number {
    height: 34px;
    top: 15px;
    right: 230px;
    padding: 0 0 0 18px;
    line-height: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: url(../images/icon_phone.png) 0 7px no-repeat;
    position: absolute;
    z-index: 21;
    display: block
}

.order {
    order: 2
}

.fa-check-circle {
    color: #f95472;
    font-size: 20px;
    margin-right: 20px
}

.case-study-content {
    padding: 0 55px
}

h4.case-study-browse {
    margin: 50px 0
}

.result-col-left {
    border-right: 1px solid #ffbac7;
    border-bottom: 1px solid #ffbac7;
    text-align: center;
    font: 20px;
    font-weight: 700;
    padding: 20px
}

.result-col-right {
    border-bottom: 1px solid #ffbac7;
    text-align: center;
    font: 20px;
    font-weight: 700;
    padding: 20px
}

.result-col-left.last, .result-col-right.last {
    border-bottom: 0
}

.result-col-left h4, .result-col-right h4 {
    margin-top: 20px
}

.download-profile {
    display: inline-block;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    padding: 20px 35px;
    font-size: 18px;
    font-weight: 700;
    color: #f70c36;
    text-decoration: none;
    margin-top: 25px
}

.download-profile:hover, .download-profile:focus {
    color: #000;
    text-decoration: none;
    background: #fff
}

.error_span {
    color: red;
    font-size: 12px
}

.head_err_span {
    color: #fff
}

.head-err-spn-wdth {
    color: #fff;
    width: 234px
}

.cc-picker-code-select-enabled {
    float: left;
    border: 1px solid #ccc;
    height: 40px;
    border-radius: 4px;
    padding: 12px 12px 6px;
    background: #fff
}

.cc-picker-code-select-enabled::after {
    top: 16px;
    right: 11px
}

.cc-picker-code {
    color: #000
}

.cc-picker-code-list {
    z-index: 999
}

.cc-picker-code-filter {
    z-index: 999
}

#mobile {
    width: 77%;
    float: right
}

.cc-picker-code-list {
    width: 215px;
    z-index: 99999 !important
}

.cc-picker-code-filter {
    width: 215px;
    z-index: 99999 !important
}

.cw-bottom-btns {
    position: fixed;
    bottom: 0;
    left: 50%;
    max-width: 170px;
    width: 100%;
    z-index: 100;
    margin: 0 0 0 -85px;
    font-size: 10px
}

.cw-bottom-btns li:last-child {
    padding: 0
}

.cw-bottom-btns li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 0 3% 0 0;
    margin: 0 -3px 0 0
}

.cw-bottom-btns a {
    color: #fff;
    text-transform: uppercase;
    padding: 12px 0;
    display: block;
    background: #f70c37;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 0 4px #666;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px 5px 0 0
}

#mobile_con-group {
    overflow: hidden
}

.cw-bottom-btns a span {
    display: inline-block;
    vertical-align: top;
    padding: 0
}

.lets-talk-link span::after {
    content: "\f061";
    font-family: fontawesome;
    padding-left: 8px
}

.mail-popup {
    height: 300px;
    position: fixed;
    top: -703px;
    right: 25px;
    height: 700px;
    margin: 0 0 0 -216px;
    width: 440px;
    padding: 10px 17px;
    border: 1px solid #fff;
    box-shadow: 0 0 3px #444;
    -webkit-box-shadow: 0 0 3px #444;
    background: #f70c37;
    color: #fff;
    z-index: 99999
}

.mail-popup .holder {
    position: relative;
    padding: 12px 0 0
}

.mail-popup .btn-close {
    position: absolute;
    right: -6px;
    top: 0;
    background: url(../images/bg-btn-close-menu.png) no-repeat;
    width: 12px;
    height: 13px;
    overflow: hidden;
    text-indent: -9999px
}

.mail-popup .holder h3 {
    text-align: center;
    margin: 0 0 11px;
    padding: 0 0 13px;
    text-transform: uppercase;
    letter-spacing: 4px;
    position: relative;
    font-size: 16px;
    font-weight: 700
}

.mail-popup .holder h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -18px;
    background: #fff;
    height: 1px;
    width: 36px
}

.mail-popup .holder p {
    margin: 0 0 27px;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    font-weight: 500
}

.talk-box {
    width: 90%;
    margin: 15px auto !important
}

.box-bottom-contact {
    width: 90%;
    margin: auto
}

.cw-bottom-btns.affix-top, .cw-bottom-btns.affix-bottom {
    opacity: 0;
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out
}

.cw-bottom-btns.affix {
    opacity: 1;
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -ms-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out
}

.contact {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    animation-name: swing-new;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    transform-origin: top center
}




@keyframes swing-new {
    0% {
        transform: rotate3d(0, 0, 1, 3deg)
    }

    1% {
        transform: rotate3d(0, 0, 1, 0deg)
    }

    2% {
        transform: rotate3d(0, 0, 1, -3deg)
    }

    3% {
        transform: rotate3d(0, 0, 1, 0deg)
    }

    4% {
        transform: rotate3d(0, 0, 1, 3deg)
    }

    5% {
        transform: rotate3d(0, 0, 1, -3deg)
    }

    6% {
        transform: rotate3d(0, 0, 1, 0deg)
    }

    7% {
        transform: rotate3d(0, 0, 1, 3deg)
    }

    8% {
        transform: rotate3d(0, 0, 1, 0deg)
    }

    9% {
        transform: rotate3d(0, 0, 1, -3deg)
    }

    10% {
        transform: rotate3d(0, 0, 1, 0deg)
    }

    11% {
        transform: rotate3d(0, 0, 1, 3deg)
    }

    12% {
        transform: rotate3d(0, 0, 1, 0deg)
    }

    13% {
        transform: rotate3d(0, 0, 1, -3deg)
    }

    14% {
        transform: rotate3d(0, 0, 1, 0deg)
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}


.footer-links{
    position: relative;
}


.cstm-award {
    position: absolute;
    top: -30px;
    left: -150px;
}

/* .cstm-nav-main{
    margin-bottom: 20px;
} */

.navbar{
    margin-bottom: 0px;
}



@media screen and (max-width:1199px) {
    .team-new {
        max-width: 100%;
        width: 32%
    }

    .team-new-middle {
        max-width: 100%;
        width: 32%;
        margin: 0 10px
    }

    .apps-image a {
        left: -5px;
    }
}

@media screen and (max-width:1100px) {
    .footer-links ul li {
        margin: 0 10px 0 0
    }

    .mb-200 {
        margin-bottom: 100px
    }

    .mb-150 {
        margin-bottom: 50px
    }

    .mt-150 {
        margin-top: 50px
    }

    .mt-100 {
        margin-top: 50px
    }

    .core-value-content {
        padding: 0 30px
    }

    .banner-img-sec {
        height: auto
    }

    .testimonial4_slide::before {
        border: 0
    }
}

@media screen and (max-width:1023px) {
    .parallax-image {
        margin-top: 0;
        height: auto
    }

    .parallax-image2 {
        margin-top: 50px;
        height: auto
    }

    .parallax-image2 img {
        position: relative;
        width: 100%;
    }

    .mb-100 {
        margin-bottom: 50px
    }

    .social-icons ul {
        float: left
    }

    .aks-community {
        text-align: left
    }

    .copyright, .social-icons {
        margin-top: 20px;
        float: left;
        line-height: 25px
    }

    #contactInfo .social-icons {
        float: none
    }

    .video {
        display: none !important
    }

    img.banner-img-responsive, img.video-img-responsive {
        display: block;
        object-fit: cover
    }

    .footer-links ul li {
        margin: 0 25px 10px 0
    }

    .flex {
        display: block
    }

    .table-cell {
        display: block
    }

    .core-value-content {
        padding: 20px 60px
    }

    .testi-names {
        clear: right
    }

    .apps-image {
        height: inherit
    }

    .apps-image2 {
        margin-top: 0
    }

    .apps-image img, .parallax-image img {
        position: relative;
        top: 0 !important;
        width: 100%;
    }

    .apps-image a {
        position: unset;
        left: 0px;
    }

    .apps-image2 img {
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .nav {
        left: 10px
    }

    .logo {
        left: 50px
    }

    .logo-normal {
        display: none
    }

    .logo-sticky {
        display: block
    }

    .contact {
        right: 10px;
        display: none
    }

    #mySidenav a {
        font-size: 30px
    }

    #mySidenav .dropdown-menu>li>a {
        font-size: 18px
    }

    #contactInfo h2 {
        font-size: 20px;
        line-height: 1.8rem;
        margin: 30px 10px
    }

    #contactInfo h4 {
        font-size: 18px;
        line-height: 1.5rem;
        margin-bottom: 25px
    }

    #contactInfo a.contact-popup {
        margin-bottom: 25px
    }

    .auto-slide {
        left: 10px
    }

    .why-aks, .banner-img-sec .why-aks {
        font-size: 30px;
        letter-spacing: normal
    }



    .why-aks span {
        font-size: 18px;
        line-height: 1.5rem
    }

    .our-services h2, .our-featured h2, .industries-we-serve h2, .our-approach h2, .client-testimony h2, .lets-work-together h2, .footer-services-title h2 {
        font-size: 30px;
        margin: 40px 0;
        line-height: 40px;
        text-align: center
    }

    .lets-work-together {
        padding-top: 0
    }

    .lets-work-together h5 {
        font-size: 20px
    }

    .footer-nav h3 a {
        font-size: 1rem;
        margin-bottom: 15px
    }

    .footer-nav ul li {
        margin-bottom: .3rem;
        font-size: .9rem
    }

    .content_red_bg {
        padding: 30px 40px
    }

    .content_white_bg {
        padding: 30px 40px
    }

    .content_red_bg p {
        font-size: 20px;
        line-height: 30px
    }

    .content_red_bg p span {
        font-size: 18px;
        line-height: 30px
    }

    .know-aks-icon {
        font-size: 60px
    }

    .know-aks-year {
        font-size: 30px
    }

    .know-aks-exp {
        font-size: 16px
    }

    .our-core-value .fa-3x {
        font-size: 2em
    }

    .fa-3x {
        font-size: 2em
    }

    .core-value-content {
        padding: 20px 30px
    }

    .our-core-value h3 {
        font-size: 20px
    }

    .our-core-value p {
        font-size: 16px
    }

    .we-build {
        line-height: 40px;
        font-size: 40px
    }

    .android-apps {
        font-size: 30px;
        line-height: 40px
    }

    .android-app-heading {
        font-size: 25px
    }

    .page_subtitle {
        font-size: 22px
    }

    .team-sec {
        padding: 0 20px
    }

    .team-name {
        padding: 0 20px
    }

    .core-value-icon.uxui, .core-value-icon.uxui2, .core-value-icon.technology, .core-value-icon.technology2, .core-value-icon.strategy-icon, .core-value-icon.branding, .core-value-icon.branding2, .core-value-icon.branding3, .core-value-icon.branding4, .core-value-icon.know-aks-icon2, .core-value-icon.search, .core-value-icon.search2, .core-value-icon.social, .core-value-icon.inboand, .core-value-icon.inboand2 {
        padding: 60px 0
    }

    .why-aks span {
        margin-left: 0
    }

    .change-logo .logo-menu {
        display: none
    }

    .affix .logo-menu {
        display: none
    }

    .testimonial4_slide {
        margin-bottom: 20px
    }

    .download-profile {
        line-height: 24px;
        font-size: 15px
    }

    #navbar .contact_number {
        right: 25px;
        top: 13px;
        font-size: 18px
    }

    .affix {
        padding: 40px 0
    }

    .cw-bottom-btns.affix {
        padding: 0
    }

    .mail-popup {
        width: 300px;
        margin-left: -150px;
        height: 700px
    }

    .mail-popup .form-control {
        font-size: 12px;
        height: 34px
    }

    .cc-picker-code-select-enabled {
        height: 40px
    }

    .mail-popup .form-group {
        margin-bottom: 5px
    }

    .mail-popup .btn-submit {
        height: 40px
    }

    .team-new {
        max-width: 100%;
        width: 100%
    }

    .team-new-middle {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

.our-approach #owl-clients .item img {
    width: 95%;
    /*height: 90px;*/
}

.our-clients #owl-clients .item img {
    width: 98%;
}

@media screen and (max-width:480px) {
    .tabs {
        display: none
    }

    .tab_drawer_heading {
        background-color: #ccc;
        color: #fff;
        border-top: 1px solid #333;
        margin: 0;
        padding: 5px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .d_active {
        background-color: #666;
        color: #fff
    }

    #contactInfo a.contact-popup {
        font-size: 16px
    }

    .testimonial4_indicators .carousel-indicators {
        position: relative;
        margin-left: 0;
        margin-top: 20px;
        left: inherit;
        width: auto
    }
}

canvas {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.mid_sec {
    margin: 0 auto;
    float: none
}

/* rpa new page*/
.aks-rpa-bnr {
    height: 785px;
    display: flex;
    align-items: center;
    background: url(../images/rpa-bnr-img.png) no-repeat;
    background-size: cover;
    position: relative;
    background-position: center center;
}

.aks-rpa-bnr .ovrlyr {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.1);
}

.aks-rpa-bnr .container {
    width: 100%;
    max-width: 1340px;
}

.aks-rpa-bnr h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    font-weight: 800;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
}

.aks-rpa-bnr h1 span {
    display: block;
}

.aks-rpa-bnr p {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin: 0;
    color: #fff;
    padding: 20px 0 30px;
    line-height: 30px;
}

.aks-rpa-bnr p span {
    display: block;
}

.aks-rpa-bnr a {
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin: 0;
    color: #fff;
    padding: 12px 45px;
    border: 3px solid #fff;
    border-radius: 5px;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
}

.rpa-definition .img {
    display: flex;
    align-items: center;
}

.rpa-definition .img img {}

.rpa-definition .txt h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    color: #f70c37;
}

.rpa-definition .container {
    width: 100%;
    max-width: 1340px;
}

.rpa-definition {
    padding: 100px 0;
}

.rpa-definition .txt {
    padding-top: 65px;
}

.rpa-definition .txt h2 span {
    display: block;
}

.rpa-definition .txt h6 {
    font-family: 'Montserrat', sans-serif;
    font-size: 23px;
    font-weight: 600;
    margin: 0;
    color: #000;
    padding: 20px 0 30px;
    line-height: 30px;
}

.rpa-definition .txt p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    color: #000;
    line-height: 26px;
    padding-top: 20px;
}

.rpa-definition .txt p span {
    display: block;
}

.aks-rpa-tree {
    background: #f7f7f7;
    padding: 65px 0 80px;
    text-align: center;
}

.aks-rpa-tree .container {
    width: 100%;
    max-width: 1340px;
}

.aks-rpa-tree img {
    max-width: 950px;
    margin: auto;
    justify-content: center;
    text-align: center;
}

.rpa-auto-sec {
    padding: 80px 0;
    text-align: center;
}

.rpa-auto-sec .container {
    max-width: 1350px;
    width: 100%;
}

.rpa-auto-sec h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    color: #f70c37;
}

.rpa-auto-sec h2 span {
    display: block;
}

.rpa-auto-sec p {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    color: #000;
    line-height: 30px;
    padding: 25px 0 40px;
}

.rpa-auto-sec p span {
    display: block;
}

.rpa-auto-sec ul.list {
    margin-bottom: 35px;
}

.rpa-auto-sec ul.list li span {
    height: 138px;
    padding: 30px 10px 30px 35px;
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    max-width: 305px;
}

.rpa-auto-sec ul.list li span {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}

.rpa-auto-sec ul.list li span i {
    font-size: 54px;
    color: #f70c37;
    margin-right: 15px;
}

.rpa-auto-sec ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rpa-auto-sec ul li a {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    color: #000;
    display: inline-block;
    border: 3px solid #f70c37;
    border-radius: 5px;
    text-decoration: none;
}

.rpa-auto-sec ul li:first-child a {
    color: #000;
    padding: 15px 125px;
    margin-right: 25px;
}

.rpa-auto-sec ul li:last-child a {
    color: #fff;
    padding: 15px 75px;
    background: #f70c37;
}

.rpa-do-sec {
    background: #f7f7f7;
    padding: 100px 0 95px;
}

.rpa-do-sec .container {
    width: 100%;
    max-width: 1340px;
}

.rpa-do-sec ul li a {
    width: 200px;
    height: 200px;
    display: block;
    padding: 25px 5px 18px 20px;
    border: 3px solid #c9c9c9;
    background: #fff;
    border-radius: 20px;
    text-decoration: none;
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 25px;
}

.rpa-do-sec ul li a div {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 30px;
}

.rpa-do-sec ul li a div em {
    list-style: none;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    font-weight: 600;
    color: #000;
}

.rpa-do-sec ul li a p {
    font-family: 'Poppins', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #000;
    line-height: 23px;
}

.rpa-do-sec ul li a p span {
    display: block;
}

.rpa-do-sec ul li.lft {
    display: flex;
    justify-content: flex-end;
}

.rpa-do-sec .left-side .grey {
    width: 32px;
}

.rpa-do-sec .left-side .white {
    width: 32px;
}

.rpa-do-sec ul li a .white {
    display: none;
}

.rpa-do-sec ul li a:focus {
    background: #f70c37;
    color: #fff;
}

.rpa-do-sec ul li a:focus div em {
    color: #fff;
}

.rpa-do-sec ul li a:focus p {
    color: #fff;
}

.rpa-do-sec ul li a:focus .grey {
    display: none;
}

.rpa-do-sec ul li a:focus .white {
    display: block;
}

.rpa-do-sec .txt {
    padding-top: 170px;
}

.rpa-do-sec .txt h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    color: #f70c37;
}

.rpa-do-sec .txt h2 span {
    display: block;
}

.rpa-do-sec .txt p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    color: #000;
    line-height: 26px;
    padding: 25px 0 40px;
}

.rpa-do-sec .txt p span {
    display: block;
}

.rpa-sucsess-stry {
    padding: 50px 0 70px;
    width: 100%;
}

.rpa-sucsess-stry .container {
    width: 100%;
    max-width: 1340px;
}

.rpa-sucsess-stry .left {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.rpa-sucsess-stry .img {
    max-width: 300px;
    border: solid 2px #cccccc;
    max-height: 300px;
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.rpa-sucsess-stry .img img {
    width: 100%;
}

.rpa-sucsess-stry .right h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    color: #f70c37;
    text-align: center;
}

.rpa-sucsess-stry .right h6 {
    font-family: 'CircularStd', sans-serif;
    font-size: 26px;
    font-weight: 800;
    margin: 0;
    color: #000;
    padding: 35px 0 5px;
}

.rpa-sucsess-stry .right p {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    color: #000;
    line-height: 30px;
    padding: 25px 0 40px;
}

.rpa-sucsess-stry .right span {
    font-family: 'CircularStd', sans-serif;
    font-size: 22px;
    font-weight: 800;
    margin: 0;
    color: #000;
}

.rpa-sucsess-stry .right ul {
    display: flex;
    align-items: center;
}

.rpa-sucsess-stry .right ul li {
    width: 81px;
    height: 81px;
    border-radius: 50%;
    margin-right: 10px;
    overflow: hidden;
}

.rpa-sucsess-stry .right ul li img {
    width: 100%;
}

.rpa-industry {
    padding: 50px 0 100px;
    background: #f7f7f7;
}

.rpa-industry .container {
    max-width: 1350px;
    width: 100%;
}

.rpa-industry h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    color: #f70c37;
    text-align: center;
    margin-bottom: 30px;
}

.rpa-industry .top {
    position: relative;
}

.rpa-industry .top .img {
    overflow: hidden;
}

.rpa-industry .top .img img {
    width: 100%;
}

.rpa-industry .top .ovrly {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.1);
    justify-content: center;
}

.rpa-industry .top h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 26px;
    font-weight: 800;
    margin: 0;
    color: #fff;
}

.rpa-industry .btm {
    /*height: 400px;*/
    padding: 35px 25px 40px 30px;
    background: #f7f7f7;
}

.rpa-industry .col-md-4.col-sm-4.d-flex {
    padding-bottom: 15px;
    display: flex;
}

.rpa-industry .row {
    display: flex;
    flex-wrap: wrap;
}

.rpa-industry .industry-ons {
    width: 100%;
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
}


.rpa-industry .btm ul li img {
    float: left;
    margin-right: 15px;
    width: 20px;
    margin-top: 5px;
}

.rpa-industry .btm ul li {
    padding-bottom: 10px;
}

.rpa-industry .btm ul li p {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    color: #000;
    line-height: 28px;
}

.rpa-industry .btm ul li em {
    display: flex;
}

.rpa-key-ben {
    padding: 100px 0 90px;
}

.rpa-key-ben .container {
    max-width: 1350px;
    width: 100%;
}

.rpa-key-ben .img {
    text-align: center;
    display: flex;
    justify-content: center;
}

.rpa-key-ben .img img {
    margin: 0 auto;
}

.rpa-key-ben .txt {
    text-align: left;
    padding-top: 120px;
}

.rpa-key-ben .txt h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    color: #f70c37;
    text-align: center;
    margin-bottom: 30px;
    text-align: left;
}

.rpa-key-ben .txt p {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 400;
    margin: 0;
    color: #000;
    text-align: center;
    padding-bottom: 20px;
    text-align: left;
    overflow: hidden;
    display: flex;
    line-height: 30px;
}

.rpa-key-ben .txt p span {
    position: relative;
    display: inline-block;
    line-height: 20px;
    float: left;
    color: #f70c37;
}

.rpa-key-ben .txt p span i {
    color: #f70c37;
    float: left;
    padding-bottom: 10px;
}

.rpa-whatrv {
    padding: 95px 0;
    background: #f7f7f7;
}

.rpa-whatrv .container {
    max-width: 1350px;
    width: 100%;
}

.rpa-whatrv h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    color: #f70c37;
    text-align: center;
    margin-bottom: 30px;
    text-align: center;
}

.rpa-whatrv .accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
    color: #000;
}

.rpa-whatrv .accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";
}

.rpa-whatrv .col-md-5 .info-heading h5 {
    font-family: 'Raleway', sans-serif;
    background: #000;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 0px;
    padding: 18px 15px;
}

.rpa-whatrv .info-heading h5 i.fa-angle-right {
    float: right;
    font-size: 25px;
}

.rpa-whatrv .accordion .card-header a.card-title {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    text-transform: none;
}

.rpa-whatrv .accordion .card {
    border: none;
}

.rpa-whatrv .accordion .card-header {
    background: none;
    border-bottom: solid 2px #4d4d4d;
    cursor: pointer;
    padding: 16px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f7f7f7;
}

.rpa-whatrv .accordion .card-header img {
    width: 20px;
    margin-right: 15px;
}

.rpa-whatrv .accordion .top {
    border-top: 2px solid #4d4d4d;
    border-radius: unset;
}

.rpa-whatrv .accordion .card .card-body {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #000;
}

.rpa-partners {
    padding: 60px 0 80px;
}

.rpa-partners img {
    width: 90%;
    padding: 0px 15px;
}

.rpa-partners .container {
    max-width: 1350px;
    width: 100%;
}

.rpa-partners h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    color: #f70c37;
    text-align: center;
    margin-bottom: 30px;
    text-align: center;
}

.rpa-partners ul li .img {
    height: 195px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
}

.rpa-mind-sec {
    padding: 75px 0;
    background: #f70c37;
}

.rpa-mind-sec .container {
    max-width: 1350px;
    width: 100%;
}

.rpa-mind-sec h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 59px;
    font-weight: 700;
    margin: 0;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.rpa-mind-sec .left {
    text-align: center;
    padding-top: 50px;
}

.rpa-mind-sec .left p {
    font-family: 'Montserrat', sans-serif;
    font-size: 27px;
    font-weight: 400;
    margin: 0;
    color: #fff;
    text-align: center;
}

.rpa-mind-sec .left img {
    margin: 0 auto;
}

.rpa-mind-sec .right p {
    font-family: 'Montserrat', sans-serif;
    font-size: 27px;
    font-weight: 300;
    margin: 0;
    color: #fff;
    padding-bottom: 25px;
    line-height: 30px;
}

.rpa-mind-sec .right p span {
    display: block;
}

.rpa-mind-sec .right input {
    width: 530px;
    padding: 15px;
    background: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    display: block;
    border-radius: 5px;
    border: 0;
    margin-bottom: 17px;
}

.rpa-mind-sec .right input[type="submit"] {
    padding: 12px;
    background: #f70c37;
    border: 3px solid #fff;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    font-weight: 600;
    margin-top: 35px;
}

.rpa-mind-sec .right input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #565656;
    opacity: 1;
    /* Firefox */
}

.rpa-mind-sec .right input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #565656;
}

.rpa-mind-sec .right input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #565656;
}


/*testimonials css*/
.new-testimonials p {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    color: #000;
    line-height: 30px;
    padding: 30px 0 10px 50px;
    text-align: left;
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 60px;
}

#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
    display: none;
}

#quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-top: 5px;
    margin-right: -19px;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}

#quote-carousel .carousel-indicators li {
    width: 70px;
    height: 70px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 1;
    overflow: hidden;
    transition: all .4s ease-in;
    vertical-align: middle;
    flex: 0 0 auto;
    margin: 0px 5px;
}

#quote-carousel .carousel-indicators .active {
    width: 80px;
    height: 80px;
    opacity: 1;
    transition: all .4s;
    position: relative;
}

#quote-carousel .carousel-indicators .active:after {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    background-color: rgb(249 61 94 / 40%);
    width: 100%;
    height: 100%;
}


/*testimonials css end*/

/*review rating*/
.clutch-rating-reviw {
    padding: 40px 0px;
    background-color: #ffffff;
    width: 100%;
    margin-left: 0;
}

.clutch-main {
    max-width: 1020px;
    margin: auto;
}

.srvc-title {
    position: relative;
}

.clutch-logo-set {
    position: absolute;
    top: 58px;
    right: 0px;
}

/*review rating end*/


.bg-cstm-white{
    position: relative;
    background-color: #ffffff;
    padding-top: 40px;
}


@media screen and (max-width: 767px) {
    .aks-rpa-bnr h1 {
        font-size: 30px;
        line-height: 35px;
    }

    .aks-rpa-bnr p {
        font-size: 14px;
        line-height: 20px;
    }

    .aks-rpa-bnr p span {
        display: inline;
    }

    .aks-rpa-bnr a {
        font-size: 15px;
        padding: 10px 30px;
    }

    .aks-rpa-bnr .container {
        width: auto;
    }

    .aks-rpa-bnr .text {
        left: 15px;
        position: absolute;
        padding-left: 15px;
    }

    .rpa-definition {
        padding: 50px 0 50px 15px;
    }

    .rpa-definition .container {
        width: auto;
    }

    .rpa-definition .img img {
        width: 100%;
        margin: 0 auto;
    }

    .rpa-definition .txt {
        padding-top: 30px;
    }

    .rpa-definition .txt h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .rpa-definition .txt h2 span {
        display: inline;
    }

    .rpa-definition .txt h6 {
        font-size: 17px;
        padding: 10px 0 15px;
    }

    .rpa-definition .txt p {
        font-size: 15px;
    }

    .rpa-definition .txt p span {
        display: inline;
    }

    .aks-rpa-tree {
        padding: 50px 0;
    }

    .aks-rpa-tree img {
        width: 100%;
    }

    .rpa-auto-sec {
        padding: 50px 0 50px 15px;
    }

    .rpa-auto-sec .container {
        width: auto;
    }

    .rpa-auto-sec h2 {
        font-size: 30px;
        line-height: 35px;
        text-align: left;
    }

    .rpa-auto-sec h2 span {
        display: inline;
    }

    .rpa-auto-sec p {
        font-size: 15px;
        padding: 10px 0 25px;
        line-height: 20px;
        text-align: left;
    }

    .rpa-auto-sec p span {
        display: inline;
    }

    .rpa-auto-sec ul {
        display: block;
    }

    .rpa-auto-sec ul.list li {
        margin-bottom: 10px;
    }

    .rpa-auto-sec ul.list li span {
        width: 100%;
        max-width: 100%;
        height: 100px;
        font-size: 16px;
        line-height: 20px;
    }

    .rpa-auto-sec ul.list li span i {
        font-size: 40px;
    }

    .rpa-auto-sec ul li a {
        font-size: 15px
    }

    .rpa-auto-sec ul li:first-child a {
        margin-right: 0;
        padding: 12px 35px;
        width: 100%;
        margin-bottom: 20px;
    }

    .rpa-auto-sec ul li:last-child a {
        padding: 12px 15px;
        width: 100%;
    }

    .rpa-do-sec {
        padding: 50px 0 50px 15px;
    }

    .rpa-do-sec .container {
        width: auto;
    }

    .rpa-do-sec ul li {
        margin-bottom: 10px;
    }



    .rpa-do-sec ul li a p {
        position: absolute;
        bottom: 0;
        font-size: 15px;
    }

    .rpa-do-sec ul li a {
        width: 170px;
        height: 170px;
        padding-left: 15px;
        margin: 0 auto;
    }

    .rpa-do-sec .txt {
        padding-top: 30px;
    }

    .rpa-do-sec .txt h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .rpa-do-sec .txt h2 span {
        display: inline;
    }

    .rpa-do-sec .txt p {
        font-size: 15px;
        padding: 10px 0 0;
    }

    .rpa-do-sec .txt p span {
        display: inline;
    }

    .rpa-sucsess-stry {
        padding: 50px 0 50px 15px;
    }

    .rpa-sucsess-stry .container {
        width: auto;
    }

    .rpa-sucsess-stry .left {
        justify-content: center;
    }

    .rpa-sucsess-stry .img {
        width: 200px;
        height: 200px;
        margin: auto;
    }

    .rpa-sucsess-stry .right h2 {
        font-size: 30px;
        line-height: 35px;
        padding-top: 25px;
    }

    .rpa-sucsess-stry .right h6 {
        font-size: 18px;
        padding-top: 20px;
    }

    .rpa-sucsess-stry .right span {
        font-size: 15px;
    }

    .rpa-sucsess-stry .right p {
        font-size: 15px;
        padding: 15px 0 20px;
        line-height: 25px;
    }

    .rpa-sucsess-stry .right p span {
        display: inline;
    }

    .rpa-sucsess-stry .right ul li {
        width: 55px;
        height: 55px;
    }

    .rpa-industry {
        padding: 50px 0 50px 15px;
    }

    .rpa-industry .container {
        width: auto;
    }

    .rpa-industry h2 {
        font-size: 30px;
    }

    .rpa-industry .top h4 {}

    .rpa-industry .btm {
        padding: 25px 10px 25px 15px;
        /*height: 300px;*/
        margin-bottom: 15px;
    }

    .rpa-industry .btm ul li p {
        font-size: 15px;
        line-height: 20px;
    }

    .rpa-key-ben {
        padding: 50px 0 50px 15px;
    }

    .rpa-key-ben .container {
        width: auto;
    }

    .rpa-key-ben .txt {
        padding-top: 30px;
    }

    .rpa-key-ben .img img {
        width: 100%;
    }

    .rpa-key-ben .txt h2 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .rpa-key-ben .txt p {
        font-size: 15px;
        line-height: 20px;
        padding-bottom: 10px;
    }

    .rpa-key-ben .txt p span i {
        margin-right: 10px;
    }

    .rpa-whatrv {
        padding: 50px 0 50px 15px;
    }

    .rpa-whatrv .container {
        width: auto;
    }

    .rpa-whatrv h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .rpa-whatrv .accordion .card-header {
        padding: 12px 10px;
    }

    .rpa-whatrv .accordion .card-header a.card-title {
        font-size: 12px;
    }

    .rpa-whatrv .accordion .card .card-body {
        font-size: 12px;
        padding: 10px 15px;
    }

    .rpa-partners {
        padding: 50px 0 50px 15px;
    }

    .rpa-partners .container {
        width: auto;
    }

    .rpa-partners h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .rpa-partners ul li .img {
        height: 120px;
        margin-bottom: 15px;
    }

    .rpa-partners ul li .img img {
        width: 250px;
    }

    .rpa-mind-sec {
        padding: 50px 0 50px 15px;
    }

    .rpa-mind-sec .left img {
        width: 80px;
    }

    .rpa-mind-sec .left {
        padding-top: 0;
    }

    .rpa-mind-sec h3 {
        font-size: 30px;
    }

    .rpa-mind-sec .left p {
        font-size: 17px;
        padding-bottom: 10px;
    }

    .rpa-mind-sec .right p {
        font-size: 15px;
        line-height: 20px;
        text-align: center;
    }

    .rpa-mind-sec .right input {
        width: 100%;
        padding: 10px;
        font-size: 13px;
    }

    .rpa-mind-sec .right input[type="submit"] {
        font-size: 15px;
        padding: 10px;
    }


}

@media screen and (min-width: 768px) and (max-width:991px) {
    .rpa-definition .container {
        width: auto;
    }

    .rpa-definition .img img {
        margin: 0 auto;
    }

    .rpa-definition .txt {
        text-align: center;
    }

    .aks-rpa-tree .container {
        width: auto;
    }

    .aks-rpa-tree img {
        width: 100%;
    }

    .rpa-auto-sec .container {
        width: auto;
    }

    .rpa-auto-sec ul {
        display: block;
    }

    .rpa-do-sec .txt {
        padding-top: 50px;
    }

    .rpa-auto-sec ul.list li {
        margin-bottom: 25px;
    }

    .rpa-auto-sec ul.list li span {
        max-width: 100%;
        justify-content: center;
    }

    .rpa-auto-sec ul.btns {
        display: flex;
        align-items: center;
    }

    .rpa-auto-sec ul li:first-child a {
        padding: 15px 45px;
    }

    .rpa-auto-sec ul li:last-child a {
        padding: 15px;
    }

    .rpa-do-sec ul li a {
        width: 100%;
        height: 175px;
    }

    .rpa-do-sec ul li a p {
        text-align: center;
    }

    .rpa-key-ben .txt {
        padding-top: 50px;
    }

    .rpa-sucsess-stry .left {
        justify-content: center;
        margin-bottom: 30px;
    }

    .rpa-industry .btm {
        /*height: 250px;*/
        margin-bottom: 25px;
    }

    .rpa-partners ul li {
        margin-bottom: 25px;
    }

    .rpa-mind-sec .right p {
        text-align: center;
        padding-top: 25px;
    }

    .rpa-mind-sec .right input {
        width: 100%;
    }

    

}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .aks-rpa-bnr .container {
        width: auto;
    }

    .rpa-definition .container {
        width: auto;
    }

    .rpa-definition .img img {
        margin: 0 auto;
        width: 400px;
    }

    .rpa-definition .txt {
        text-align: center;
    }

    .aks-rpa-tree .container {
        width: auto;
    }

    .aks-rpa-tree img {
        width: 100%;
    }

    .rpa-auto-sec .container {
        width: auto;
    }

    .rpa-definition .txt {
        padding-top: 0;
    }

    .rpa-definition .txt h2 {
        text-align: left;
    }

    .rpa-definition .txt p {
        text-align: left;
        font-size: 16px;
    }

    .rpa-definition .txt h6 {
        text-align: left;
        font-size: 18px;
        padding: 10px 0 15px;
    }

    .rpa-auto-sec p {
        font-size: 16px;
    }

    .rpa-auto-sec ul.list li span {
        font-size: 16px;
        padding-left: 20px;
        height: 110px;
    }

    .rpa-auto-sec ul.list li span i {
        font-size: 40px;
    }

    .rpa-auto-sec ul li:first-child a {
        padding: 15px 65px;
    }

    .rpa-auto-sec ul li:last-child a {
        padding: 15px 50px;
    }

    .rpa-do-sec .container {
        width: auto;
    }

    .rpa-do-sec .txt {
        padding-left: 40px;
    }

    .rpa-do-sec .col-md-5 {
        width: 47%;
        flex: auto;
    }

    .rpa-do-sec .col-md-7 {
        width: 53%;
        flex: auto;
    }

    .rpa-do-sec .txt p {
        font-size: 16px;
    }


    .rpa-industry .btm ul li p {
        font-size: 15px;
        line-height: 20px;
    }

    .rpa-key-ben .container {
        width: auto;
    }

    .rpa-key-ben .img img {
        width: 450px;
    }

    .rpa-key-ben .txt {
        padding-top: 40px;
    }

    .rpa-key-ben .txt p {
        font-size: 16px;
        line-height: 25px;
    }

    .rpa-partners ul li .img {
        height: 160px;
    }

    .rpa-mind-sec .right input {
        width: 440px;
    }

    .cstm-technology p {
        font-size: 13px !important;
    }

    .banner-img-sec .cstm-ecommerce-left {
        font-size: 43px !important;
    }

}

@media(max-width: 992px) {
    .rpa-industry .btm {
        padding: 30px 15px 15px 15px;
    }

    .rpa-industry .btm ul li p {
        font-size: 15px;
        line-height: 20px;
    }

    .clutch-logo-set {
        top: 0px;
        right: -85px;
    }

    .srvc-title h2 {
        text-align: left;
    }
}


@media screen and (min-width: 1200px) and (max-width: 1366px) {
    .aks-rpa-bnr .text {
        padding-left: 50px;
    }

    .rpa-definition .img img {
        width: 550px;
    }

    .aks-rpa-tree img {
        width: 100%;
    }

    .rpa-industry .btm ul li p {
        font-size: 18px;
    }

    .rpa-key-ben .img img {
        width: 550px
    }

    .rpa-key-ben .txt p {
        line-height: 25px;
    }

}


@media(max-width: 1200px) {
    .rpa-industry .btm ul li img {
        margin-top: 0px;
    }

    .cstm-feature p {
        font-size: 14px;
    }

    

}

@media (max-width: 991.5px) {
    .case-study-content {
        padding: 15px 20px;
    }

    .rpa-do-sec ul li a {
        padding: 25px 10px 18px 15px;
    }

   
}

@media (max-width: 767.5px) {
    .new-testimonials p {
        padding: 20px 0px;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

    #quote-carousel {
        margin-top: 40px;
        padding-bottom: 20px;
    }

    #quote-carousel .carousel-indicators li {
        width: 60px;
        height: 60px;
    }

    #quote-carousel .carousel-indicators .active {
        width: 70px;
        height: 70px;
    }

    .rpa-industry .col-md-4.col-sm-4.d-flex {
        width: 100%;
    }

    .clutch-logo-set {
        top: 0px;
        right: -90px;
    }

    .row-first:hover ul {
        height: auto;
        margin-bottom: 20px;
    }

    .row-second:hover ul {
        height: auto;
        margin-bottom: 20px;
    }

    .result-col-left {
        border-right: unset;
    }

    .result-col-left.last {
        border-bottom: 1px solid #ffbac7;
    }


}

@media (max-width: 576px) {
    .logo {
        left: 65px;
    }

    .core-value-icon.strategy-icon {
        font-size: 150px;
    }

    .content_red_bg {
        padding: 15px 20px;
    }

    .content_white_bg {
        padding: 15px 20px;
    }

    .our-core-value .fa-3x {
        font-size: 1.5em;
    }

    .inter-linking-sec a {
        min-width: 45%;
    }

    .rpa-do-sec ul li a p {
        font-size: 13px;
    }

    .rpa-do-sec ul li a {
        padding: 20px 10px 18px 10px;
        width: 250px;
    }

    #quote-carousel .carousel-indicators {
        width: 100%;
        left: 0px;
        right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .srvc-title h2 {
        font-size: 25px;
    }

    #owl-clients .item {
        min-height: 100px;
        padding: 0px 5px;
        margin: 10px 10px;
    }

    .clutch-rating-reviw {
        padding: 40px 0px 40px 0px;
    }

    #industries-we-serve .industries-item {
        margin: 10px 0px;
        padding: 15px 0;
    }

    .industries-name {
        font-size: 15px;
    }

    #industries-we-serve .industries-item i {
        font-size: 40px;
    }

    .footer-nav h3 a {
        font-size: 15px;
    }

    .clutch-logo-set {
        top: 0px;
        right: -105px;
    }

    .social-icons ul li {
        margin: 0 15px 0 0;
    }

    .inter-linking-sec a {
        min-width: 96%;
        font-size: 16px;
    }

    .mb-40 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .clut {
        display: block !important;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-left: 95px;

    }

    .clutch-img a img {
        display: none !important;
    }

}


@media(max-width: 450px) {
    #mobile {
        width: 73%;
    }
}


@media(max-width: 375px) {
    #mobile {
        width: 68%;
    }

    .srvc-title h2 {
        font-size: 20px;
    }

    #owl-clients .item {
        min-height: 75px;
    }

    .inter-linking-sec a {
        font-size: 14px;
        padding: 15px 10px;
        margin: 0 0px 10px;
    }
}

.clutch-main h2 {
    text-align: center;
    font-family: "Montserrat";
    font-weight: 700;
    padding-bottom: 20px;
    font-size: 40px;
}

.contact-mg h2 {
    font-size: 40px;
    margin-top: 0px;
    margin-bottom: 15px;
}


.clutch-img a img {
    margin: auto;
    display: flex;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;

}


.clut {
    display: none;
}



/* app-develop-page css start */
.aks-dev-bnr {
    height: 630px;
    display: flex;
    align-items: center;
    background: url(../webp/banner-dev.webp) no-repeat;
    background-size: cover;
    position: relative;
    background-position: center center;
}



.bnr-text p:first-child {
    font-size: 43px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Montserrat";
}

.bnr-text p:last-child {
    font-size: 19px;
    color: #ffffff;
    font-weight: 300;
    font-family: "Montserrat";
    line-height: 25px;
    margin-bottom: 0
}

.dev-btn {
    margin-top: 25px;
}

.dev-btn a {
    background-color: #f70c37;
    padding: 11px 30px;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}

.sec-two-dev p {
    font-size: 40px;
    color: #1b1b1b;
    padding: 100px 0px 35px 0px;
    text-align: center;
    font-weight: 700;
    line-height: 45px;

}

.sec-two-border {
    border: 1px solid #e2e2e2;
    padding: 30px 0px;
    margin-bottom: 30px;
    height: 360px;
}

.dev-img-six-1 img {
    margin: 0 auto;
    display: flex;
    width: auto;

}

.dev-img-six-2 img {
    margin: 0 auto;
    display: flex;
    width: 95px;
    height: 67px;

}

.dev-img-six-3 img {
    margin: 0 auto;
    display: flex;
    width: 75px;
    height: 68px;

}

.dev-img-six-4 img {
    margin: 0 auto;
    display: flex;
    width: auto;

}

.dev-img-six-5 img {
    margin: 0 auto;
    display: flex;
    width: auto;
    height: 77px;

}

.dev-img-six-6 img {
    margin: 0 auto;
    display: flex;
    width: 60px;
    height: 76px;

}

.sec-two-text p:first-child {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
    padding: 15px 0px;
}

.sec-two-text p:last-child {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0;
    padding: 0px 25px 0px 25px;
    line-height: 25px;
}

.third-sec-text p:first-child {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    color: #1b1b1b;
    margin-top: 60px;
}

.third-sec-text p span:first-child {
    font-size: 40px;
    font-weight: 700;
    color: #f70c37;
}

.third-sec-text p:last-child {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 25px;
    margin-bottom: 0;
}

.custm-items {
    border: 1px solid #e2e2e2;
    padding-top: 50px;
    padding-bottom: 50px;
}

.custm-items img {
    display: flex;
    margin: 0 auto;
    width: 70px !important;
}

.owl-carousel .custm-items p {
    margin-bottom: 0;
}

.owl-carousel .custm-items p:nth-child(2) {
    font-size: 29px;
    font-weight: 700;
    color: #000000;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.owl-carousel .custm-items p:nth-child(3) {
    font-size: 17px;
    font-weight: 600;
    color: #000000;
    text-align: center;

}

#app-dev-owl .item {
    margin: 10px;
    height: 240px;
}

#app-dev-owl .item img {
    display: block;
    width: 100%;
    height: auto;
}

.hand {
    padding-top: 24px;
}

.light {
    padding-top: 18px;
}

.person {
    padding-top: 17px;
}

.cstm-main-owl {
    padding-top: 30px;
    padding-bottom: 100px;
}

.forth-sec {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
}

.forth-sec {
    background-color: #f0f0f0;
}

.forth-sec p {
    font-size: 40px;
    font-weight: 700;
    color: #1b1b1b;

    margin: 0;
}

.forth-sec p:first-child {
    padding-bottom: 40px;
}

.for-sec-text {
    display: flex;
    justify-content: space-around;
    padding-top: 15px;
}

.for-sec-text p {
    font-size: 17px;
    font-weight: 300;
    color: #000000;
    text-align: left;
}

.for-img-sec img {
    width: 16px;
}

.for-img-big img {
    display: flex;
}

.for-main-sec {
    padding-top: 30px;
}

.custm-img-for img {
    width: 135px;
}

.for-img-one img {
    width: 117px;
}

.fifth-sec-text {
    text-align: center;
    padding-top: 100px;
}

.fifth-sec-text p:first-child {
    font-size: 40px;
    font-weight: 700;

}

.fifth-sec-text p:last-child {
    font-size: 16px;
    font-weight: 400;
    padding-left: 145px;
    padding-right: 145px;
    line-height: 25px;

}

.dev-img-two img {
    display: flex;
    margin: 0 auto;
}

.seventh-main {
    border: 1px solid #e2e2e2;
    text-align: center;
    margin-top: 50px;
    padding-top: 60px;
    padding-bottom: 20px;
    height: 380px;
}


.seventh-img-sec img {
    display: flex;
    margin: 0 auto;
}

.seventh-sec-text p:nth-child(1) {
    font-size: 17px;
    font-weight: 600;
    padding: 15px 40px 15px 40px;
    margin-bottom: 0;
    color: #000000;
}

.seventh-sec-text p a{
    color: #000000;
    text-decoration: none;
}

.seventh-sec-text p:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    color: #f70c37;
    margin-bottom: 0;
    padding-bottom: 15px;
    text-decoration: none;

}

.seventh-sec-text p:nth-child(3) {
    font-size: 16px;
    font-weight: 400;
    padding: 0px 20px 0px 20px;
    line-height: 25px;
}

.eight-sec p {
    font-size: 40px;
    font-weight: 700;
    color: #1b1b1b;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px;
}

.eight-border {
    border: 1px solid #e2e2e2;
}


.ninth-sec {
    background-color: #f70c35;
    padding-top: 65px;
    padding-bottom: 65px;
    margin-top: 100px;
}

.ninth-sec-text p {
    font-size: 23px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    line-height: 25px;
}


.req-to-call-btn {
    display: flex;
    justify-content: center;
}

.req-to-call-btn a {
    color: #ffffff;
    font-size: 19px;
    font-weight: 600;
    border: 3px solid #ffffff;
    padding: 20px 40px;
    text-decoration: none;
    cursor: pointer;

}

.tenth-sec p {
    font-size: 40px;
    font-weight: 700;
    color: #1b1b1b;
    text-align: center;
    padding-bottom: 20px;
    padding-left: 50px;
    padding-right: 50px;
}

.four-brand-sec {
    background-color: #f0f0f0;
    padding-top: 50px;
    padding-bottom: 50px;
}

.images-manage {
    border-right: 1px solid #d1d1d0;
    height: 100px;
}

.bordr-custm {
    border-right: none;
}

.images-manage img {
    display: flex;
    margin: 0 auto;
}

.four-brand-text P:first-child {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    color: #1b1b1b;
    padding-top: 20px;
}

.custm-star {
    display: flex;
    justify-content: center;
    align-items: baseline;
}


.custm-star .rate {
    float: left;
    height: 40px;
    padding: 0 10px;
}

.custm-star .rate:not(:checked)>input {
    position: absolute;
    top: -99999px;
}

.custm-star .rate:not(:checked)>label {
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 15px;
    color: #48b244;
}

.custm-star .rate:not(:checked)>label:before {
    content: '★ ';
}

.custm-star span {
    font-size: 25px;
    font-weight: 700;
    color: #1b1b1b;
    padding-top: 5px;
}

.images-manage p {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 25px;
}

.custm-padd img {
    padding-bottom: 10px;
}

.custm-approach {
    padding-bottom: 0px;
}

.from-wrap {
    background-color: #efedee;
    padding-bottom: 50px;
}

.custom-form-contact h2 {
    text-align: center;
    font-family: "Montserrat";
    font-weight: 700;
    padding-bottom: 20px;
    font-size: 2rem;
}

.cta {
    height: 60px;
}

.app-deve-back {
    background-image: url(../images/slider-background.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.testi-images {
    padding-top: 175px;
   
}

.testi-images img {
    padding-bottom: 15px;
    width: 207px !important;
}

.work-detail {
    margin-bottom: 100px;
}

.testi-images p {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}

.app-logo {
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding-top: 70px;
}

.logo-one img {
    display: flex;
    margin: 0 auto;
    height: 66px;
    padding-right: 15px;
}

.logo-two img {
    display: flex;
    margin: 0 auto;
    height: 66px;
    padding-left: 15px;
}


.testi-images img{
    width: auto !important;
}

.testi-images p{
    text-align: left;
    color: #000000;
}


.right-image img {
 display: block;
}


.app-deve-back .owl-nav button {
 position: absolute;
 top: 50%;
 background-color: #f53d5e;
 color: #fff;
 margin: 0;
 transition: all 0.3s ease-in-out;
 display: none;
}
.app-deve-back .owl-nav button.owl-prev {
 left: 0;
}
.app-deve-back .owl-nav button.owl-next {
 right: 0;
}

.app-deve-back .owl-dots {
 text-align: center;
 padding-top: 15px;
 position: absolute;
 bottom: 0px;
 left: 48%;
}

.right-image img {
 padding-top: 65px;
}

.app-deve-back .owl-dots button.owl-dot {
 width: 15px;
 height: 15px;
 border-radius: 50%;
 display: inline-block;
 background: #d6d6d6;
 margin: 0 3px;
 border: none;
}
.app-deve-back .owl-dots button.owl-dot.active {
 background-color: #f53d5e;
}
.app-deve-back .owl-dots button.owl-dot:focus {
 outline: none;
}
.app-deve-back .owl-nav button {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   background: rgba(255, 255, 255, 0.38) !important;
   
}
.app-deve-back span {
   font-size: 70px;    
   position: relative;
   top: -5px;
}
.app-deve-back .owl-nav button:focus {
   outline: none;
}

.testi-text p{
 font-size: 40px;
 font-weight: 700;
 color: #1b1b1b;
 text-align: center;
 padding-bottom: 50px;
 padding-top: 100px;
 margin-bottom: 0;
}

.cstm-main-owl {
   position: relative;
}

.cstm-main-owl .owl-nav .owl-prev{
position: absolute;
left: -50px;
top: 33%;
background-image: url(../images/right-img.png);
border: none;
 background-size: 100%;
 width: 30px;
 height: 30px;
 text-indent: -20000px;
 transform: rotate(180deg);

}
.cstm-main-owl .owl-nav .owl-next{
position: absolute;
right: -50px;
top: 33%;
background-image: url(../images/right-img.png);
border: none;
 background-size: 100%;
 width: 30px;
 height: 30px;
 text-indent: -20000px;
}


.custm-items:hover {
 background-color: #f70c37;
}

.custm-items:hover img {
 filter: brightness(100);
}
.custm-items:hover p{
 color: #ffffff !important;
}

.our-portfolio{
 text-align: center;
 margin-top: 50px;
 margin-bottom: 50px;
}

.our-portfolio a{
 border: 2px solid red;
 font-size: 19px;
 font-weight: 600;
 text-decoration: none;
 color: red;
 padding: 20px 40px;
}

.cstm-main-owl .item {
 height: 243px;
}

/* app-develop-page css end */


.cstm-img-left {
    margin-left: 130px !important;
}

.video-sec {
    height: 630px;
}

.banner-img-sec .why-aks {
    top: 45%;
}

.auto-slide {
    top: 40%;
}

img.banner-img-responsive {
    height: 630px;
}

.banner-img-sec {
    height: 630px;
}

.extra-height{
    height: 675px;
}

.cstm-video{
    float: none !important;
}

.cstm-img-ux {
    background-image: url(../images/uxui-img.jpg);
}

.cstm-img-tech{
    background-image: url(../images/technology.jpg);
}

.cstm-img-apps{
    background-image: url(../images/apps.jpg);
}
.cstm-img-digital{
    background-image: url(../images/digital-marketing.jpg);
}

.cstm-img-web{
    background-image: url(../images/website_banner.jpg);
}


/* css start 29-7-2022 */


.flex-wrapper {
	background: #444;
	justify-content: center;
	align-items: center;
	flex-direction: column;

}

.c-scene {
    height: 100vh;
    width: 100%;
    display: block;
    justify-content: center;
    align-items: center;
    scroll-snap-align: start;
}


.c-scene__content {
    color: white;
    max-width: 80%;
    position: relative;
}

.c-scene__quote {
    font-family: 'Lora', serif;
    font-size: 40px;
    font-weight: normal;
}

.portfolio-img-cstm img{
   width:100%;
}

.cstm-skip{
   position:relative;
}
.skip-btn{
   position:absolute;
   z-index: 8;
   top:800px;
   left:50%;
}

.skip-btn a{
   color:#000000;
   font-size:20px;
   font-weight:500;
   text-transform: uppercase;
   text-decoration: none;
   letter-spacing: 5px;
}

.cstm-div-white{
    height: 70px;
}

.cstm-faqs{
    padding-bottom: 30px;
}

/* css end 29-7-2022 */




@media(min-width: 1366px) and  (max-width: 1680px){

    .banner-img-sec{
        height: 400px;

    }

    img.banner-img-responsive {
        height: 400px;
    }

    .extra-height{
        height: 415px;
    }

    .banner-img-sec .why-aks {
        font-size: 65px;
    }

    .why-aks {
        font-size: 55px;
    }

    .video-sec {
        height: 400px;
        background-size:100% ;
    }

    .auto-slide {
        left: 92px;
    }

    .banner-img-sec .why-aks {
        letter-spacing: 0px;
    }
    .why-aks {
        letter-spacing: 0px;
    }
    
    .cstm-nav>li>a {
        padding: 10px 12px !important;
    }

    .cstm-nav-main ul li a {
        font-size: 14px !important;
    }

    .cstm-img-left {
        margin-left: 50px !important;
    }

    .contact {
        margin-right: 50px !important; 
    }

    .cstm-nav-rt {
        margin-right: 230px !important;
    }

    .cstm-nav>li>a {
        padding: 10px 13px;
    }

    .banner-main {
        height: 445px;
    }

    .testi-images {
        padding-top: 100px;
    }

    .aks-dev-bnr {
        height: 445px;
    }

    .logo-one img {
        height: 40px;
    }

    .logo-two img {
        height: 40px;
    }

    .cstm-award {
        position: absolute;
        top: -18px;
        left: -82px;
    }
    .cstm-award img{
        width: 90px;
    }

    .skip-btn{   
        top:550px !important;
     }

     .new .quotes{
        font-size: 16px;
     }

     .why-aks span{
        padding: 13px 20px 13px 20px;
     }

     .banner-img-sec .cstm-ecommerce-left{
        left: 80px !important;
        font-size: 43px !important;
     }
}

@media(min-width: 1200px) and  (max-width: 1365px){

    .banner-img-sec .why-aks {
        font-size: 65px;
    }

    .why-aks {
        font-size: 65px;
    }

    .cstm-img-left {
        margin-left: 50px !important;
    }

    .contact {
        margin-right: 50px !important;
    }

    .cstm-nav-rt {
        margin-right: 220px !important;
    }

    .skip-btn {
        top: 570px !important;
    }

    .c-scene img {
        height: auto;
    }

    .auto-slide {
        left: 94px;
    }

    .banner-img-sec .cstm-ecommerce-left{
        left: 75px !important;
     }

     .banner-img-sec .cstm-ecommerce-left {
        font-size: 43px !important;
    }
}


@media(min-width: 1025px) and  (max-width: 1199px){
    .banner-img-sec .why-aks {
        font-size: 65px;
    }

    .why-aks {
        font-size: 65px;
    }

    .cstm-img-left {
        margin-left: 0px !important;
    }

    .contact {
        margin-right: 0px !important;
    }

    .cstm-nav-rt {
        margin-right: 170px !important;
    }

    .cstm-nav-main ul li a {
        font-size: 14px !important;
    }

    .cstm-nav>li>a {
        padding: 10px 12px !important;
    }

    .banner-img-sec .cstm-ecommerce-left{
        left: 30px !important;
     }
}


@media(min-width: 1024px) and  (max-width: 1365px){

    .pricing-sub p:nth-child(1){
        font-size: 15px !important;
    }

    .sec-two-dev p {
        padding: 50px 15px 35px 15px; 
    }

    .cstm-main-owl {
        padding-bottom: 50px;
    }
    .fifth-sec-text {
        padding-top: 50px;
    }

    .seventh-main {
        height: 455px;
    }
    .sec-two-border {
        height: 390px;
    }

    .app-logo {
        padding-top: 15px;
    }
   
    .testi-images {
        padding-top: 35px;
    }
    .right-image img {
        padding-top: 50px !important;
    }

    .c-scene{
        height: auto !important;
    }
    
    .scrollmagic-pin-spacer{
        min-height: auto !important;
    }

    .cstm-award {
        left: -12px;
    }

    .footer-links ul {
        padding-left: 100px;
    }

    .copyright {
        padding-left: 100px;
    }  
 
}

@media(max-width: 768px) {
    .custm-app-deve-text {
        line-height: 85px;
        font-size: 70px !important;
    }

    .sec-two-dev p {
        padding: 50px 50px 50px 50px;
        margin-bottom: 0;
    }

    .cstm-main-owl {
        padding-bottom: 30px;
    }

    .for-img-big img {
        display: inline-block;
    }

    .for-sec-text {
        justify-content: center;
    }

    .dev-img-two img {
        padding-top: 50px;
    }

    .tenth-sec p {
        padding-top: 50px;
    }

    .ninth-sec {
        margin-top: 50px;
    }

    .forth-sec {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .fifth-sec-text p:last-child {
        padding-left: 50px;
        padding-right: 50px;
    }

    .images-manage {
        border-bottom: 1px solid #d1d1d0;
        border-right: none;
    }

    .custm-padd img {
        padding-top: 5px;
    }

    .four-brand-text P:first-child {
        padding-top: 5px;
    }

    .right-image img {
        padding-top: 15px;
        display: flex !important;
        margin: auto;
    }

    .testi-images img {
        width: auto !important;
        display: flex !important;
        margin: auto;
    }

    .testi-images p {
        text-align: center !important;
    }

    .logo-one {
        display: flex;
        margin: auto;
    }
    .logo-two {
        display: flex;
        margin: auto;
    }

    .testi-images{
        padding-top: 195px;
    }

    .our-portfolio {
        margin-top: 100px !important;
    }

    .cstm-award {
        position: absolute;
        top: -30px;
        left: 600px;
    }

    .banner-img-sec {
        float: none;
    }

    .cstm-cta{
        display: none;
    }

    .banner-img-sec .why-aks {
        letter-spacing: 0px;
    }

    .banner-img-sec .why-aks {
        top: 41%;
    }

    .c-scene{
        height: auto !important;
    }
    
    .scrollmagic-pin-spacer{
        min-height: auto !important;
    }

    .skip-btn {
        top: 300px !important;
        left: 48% !important;
    }

    .portfolio-img-cstm img {
        margin-top: -4px;
    }
    
    .cstm-div-white {
        margin-top: -75px;
    }

    .contact {
        margin-top: 11px !important;
    }

    .cstm-sub-tech {
        margin-top: 15px;
    }
 
}


@media(max-width: 600px) {
    .custm-app-deve-text {
        line-height: 40px;
        font-size: 30px !important;
    }

    .sec-two-dev p {
        font-size: 23px;
        padding: 30px 15px 30px 15px;
        line-height: 26px;
    }

    .third-sec-text p:first-child {
        font-size: 23px;
        padding: 0px 15px 15px 15px;
        line-height: 26px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .third-sec-text p span:first-child {
        font-size: 23px;
    }

    .tenth-sec p {
        font-size: 23px;
        padding: 30px 15px 30px 15px;
        line-height: 26px;
        margin-bottom: 0;
    }

    .four-brand-sec {
        padding-top: 30px;
    }

    .ninth-sec-text p {
        font-size: 16px;
    }

    .eight-sec p {
        font-size: 23px;
        padding: 30px 15px 30px 15px;
        line-height: 35px;
        margin-bottom: 0;
    }

    .req-to-call-btn a {
        padding: 14px 25px;
    }

    .testi-images {
        padding-top: 145px;
    }

    .work-detail {
        margin-bottom: 30px;
    }

    .fifth-sec-text p:first-child {
        font-size: 23px;
        padding: 30px 15px 30px 15px;
        line-height: 26px;
        margin-bottom: 0;
    }

    .fifth-sec-text {
        padding-top: 0px;
    }

    .fifth-sec-text p:last-child {
        padding-left: 15px;
        padding-right: 15px;
    }

    .forth-sec p {
        font-size: 23px;
        padding: 0px 15px 0px 15px;
        line-height: 26px;
        margin-bottom: 0;
    }

    .seventh-main {
        margin-top: 15px;
        height: 300px;
        padding-top: 20px;
    }

    .ninth-sec {
        margin-top: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .dev-img-two img {
        padding-top: 30px;
    }

    .forth-sec {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .req-to-call-btn a {
        font-size: 15px;  
    }

    .tenth-sec p {
        padding-left: 0px;
        padding-right: 0px;
    }

    .testi-text p{
        font-size: 23px !important;
        padding: 0px 15px 0px 15px;
        line-height: 26px;
        margin-bottom: 0;
        padding-top: 30px;
    padding-bottom: 30px;
    }

    .testi-images p {
        font-size: 14px;
    }

    .logo-one img {
        height: auto;
    }

    .logo-two img {
        height: auto;
    }

    .custm-padd img {
        padding-top: 5px;
    }

    .four-brand-text P:first-child {
        padding-top: 5px;
    }

    .for-img-sec img {
        padding-top: 5px;
    }

    .testi-images img {
        width: auto !important;
        padding-top: 30px;
    }

    .right-image img {
        padding-top: 15px !important;
    }

    .app-logo {
        padding-top: 20px;
    }
    .mob-medical img{
        width: 330px !important;
    }

    .app-deve-back .owl-dots {
        bottom: -40px;
        left: 40%;
    }

    .cstm-video{
        height: 350px;
    }
    .cstm-video .banner-img-sec{
        height: 350px;
    }

    .extra-height{
        height: auto !important;
    }

    img.banner-img-responsive{
        height: 350px;
    }

    .cstm-award {
        position: relative;
        top: -18px;
        left: 0px !important;
    }
    .cstm-award img{
        display: flex;
        margin: auto;
    }

    .copyright, .social-icons {
        text-align: center;
    }

    .social-icons ul {
        float: none;
        display: flex;
        justify-content: center;
    }

    .aks-community {
        text-align: center;
    }

    .fix-linkdin-icon {
        right: 30px;
    }

    .panel-group {
        padding-left: 10px;
        padding-right: 10px;
    }

    .cstm-cta{
        display: none;
    }

    .banner-img-sec {
        height: auto;
    }

    .footer-links ul li {
        margin: 0px 10px 10px 0;
        padding-left: 15px;
    }

    .cstm-mob-digital{
        padding-left: 30px;
        padding-right: 30px;
        line-height: 35px;
    }

    .cstm-mob-career{
        padding-left: 25px;
    }

    .skip-btn {
        top: 150px !important;
        left: 48% !important;
    }

    .skip-btn a {
        font-size: 9px !important;
    }

    .why-aks span {
        padding: 5px 15px 5px 15px;
    }

    .new .quotes{
        font-size: 13px;
    }

    .bg-cstm-white {
        padding-top: 0px;
    }

    .cstm-sub-tech {
        padding: 20px 10px !important;
    }

    .cstm-ecomm-text p {
        padding-top: 4px;
    }

    .feature-pd {
        padding: 30px 30px !important;
    }

    .cstm-bdr-mob{
        border-bottom: 1px solid #B9B9B9;
    }

    
    .banner-img-sec .cstm-ecommerce-left {
        font-size: 22px !important;
        line-height: 27px;
    }

    .cstm-three-main {
        margin-top: 20px;
    }

    .cstm-three-main:hover {
        transform: none;
    }

    .cstm-three-main:hover {
        transform: scale(1) !important;
    }

    .pricing-txt-main h3 {
        font-size: 32px !important;
    }

    .pricing-txt-main p {
        font-size: 17px !important;
        margin-bottom: 20px !important;
    }

    .pricing-section {
        margin-bottom: 50px !important;
    }

    .terms p {
        line-height: 25px;
    }

}


@media(max-width: 320px) {
    .seventh-main {
        height: 350px;
    }

    .testi-text p {
        padding-left: 0px;
        padding-right: 0px;
    }

    .testi-images img {
        padding-top: 0px;
    }

    .medical-img-size img{
        width: 265px !important;
    }

    .cstm-award {
        left: 55px;
    }

    .footer-links ul li {
        margin: 0 7px 10px 0px;
        padding-left: 1px;
    }

    .clut {
        margin-left: 63px;
    }

    .cstm-feature p {
        font-size: 12px;
    }

    .why-aks, .banner-img-sec .why-aks {
        font-size: 25px;
    }

    

}

/* litesh form css start */
.cstm-form-popup{
    background-color: #ffffff !important;
    padding: 30px;
    height: 500px;
}

.cstm-bg-color{
    background-color: #00000017;
    height: 52px;
}

.cstm-color{
background-color: #f70c37;
width: 100%;
}
.cstm-color:hover{
background-color: #f70c37;
}


.cstm-bg-color:focus {
    border-color: #f70c37;

}

/* litesh form css end */


/* litesh css start new header  */

.cstm-nav-main ul li a{
    font-size: 16px;
}

.cstm-nav-rt{
    float: right;
    margin-right: 305px;
}

.cstm-bavbar-default{
    background-color: #ffffff;
    border-color: #ffffff;
}

.contact {
    background: #ffffff !important;
    color: #f70c37!important;
    margin-top: 9px;
    margin-bottom: 9px;
    margin-right: 130px;
    border: 2px solid #f70c37 !important;
}

.cstm-bavbar-default .navbar-nav>.active>a{
    color: red;
    background-color: transparent;
}
.cstm-bavbar-default .navbar-nav>.active>a:hover{
    color: red;
    background-color: transparent;
    text-decoration: none;
}

.navbar-default .navbar-nav>li>a:hover {
    color: red;
    background-color: transparent;
    text-decoration: none;
}


.dropdown-menu>li>a:hover{
    color: red;
    text-decoration: none;
    font-family: 'Montserrat';
}

.navbar-default .navbar-nav>li>a {
    color: #000000;
    font-weight: 600;
}

.cstm-bavbar-default .navbar-nav>.open>a, .cstm-bavbar-default .navbar-nav>.open>a:focus, .cstm-bavbar-default .navbar-nav>.open>a:hover{
    color: red;
    background-color: transparent;
}

.cstm-nav{
    color: #fff;
    font-size: 36px;
    display: block;
}

.cstm-nav>li {
    position: relative;
    display: block;
}

.cstm-nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.cstm-nav>li>a {
    position: relative;
    display: block;
    padding: 0px 15px;
}

.main-custm-nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cstm-mg-top ul{
    padding-top: 10px !important;
}

.dropdown-menu {
    border: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.request-main {
    background-color: #f70c37;
}

.color-w a {
    background-color: #f70c37;
}

.btn-danger:hover {
    background-color: #ec395a;
}

.hire-main .hire-box .card {
    width: 100%;
    border: 1px solid#e3e3e3;
}


/* Home service section start */

.ctm-row{
    margin-bottom: 30px;
}

.cstm-item span, .cstm-item a, .cstm-services a:hover {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    transition: all 0.5s ease 0s;
    color: #000000;
}

   .section-head {
  margin-bottom: 60px;
}
.section-head h4 {
  position: relative;
  padding:0;
  color:#f91942;
  line-height: 1;
  letter-spacing:0.3px;
  font-size: 34px;
  font-weight: 700;  
  text-align:center;
  text-transform:none;
  margin-bottom:30px;
}
.section-head h4:before {
  content: '';
  width: 60px;
  height: 3px;
  background: #f91942;
  position: absolute;
  left: 0px;
  bottom: -10px;
  right:0;  
  margin:0 auto;
}
.section-head h4 span {
  font-weight: 700;
  padding-bottom: 5px;
  color:#2f2f2f
}
p.service_text{
  color:#cccccc !important;
  font-size:16px;
  line-height:28px;
  text-align:center;    
}
.section-head p, p.awesome_line{
  color:#818181;
  font-size:16px;
  line-height:28px;
  text-align:center;  
}

.extra-text {
    font-size:34px;
    font-weight: 700;
    color:#2f2f2f;
    margin-bottom: 25px;
    position:relative;
    text-transform: none;
}
.extra-text::before {
    content: '';
    width: 60px;
    height: 3px;
    background: #f91942;
    position: absolute;
    left: 0px;
    bottom: -10px;
    right: 0;
    margin: 0 auto;
}
.extra-text span {
    font-weight: 700;
    color:#f91942;
}
.items {
    background: #fff;
    text-align: center;
    padding: 30px 25px;
    -webkit-box-shadow:0 0px 25px rgba(0, 0, 0, 0.07);
    box-shadow:0 0px 25px rgba(0, 0, 0, 0.07);
    border-radius: 4px;
    /* border:5px solid rgba(0, 0, 0, 0.07); */
    margin-bottom: 30px;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.items:hover{
    background:#f70c36;
    box-shadow:0 8px 20px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.items:hover .items, .items:hover span.icon{
    background:#fff;
    border-radius:10px;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.items:hover h6, .items:hover p{
    color:#fff;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.items .icon {
    font-size: 40px;
    margin-bottom:25px;
    color: #f91942;   
    width: 90px;
    height: 90px;
    line-height: 96px;
    border-radius: 50px;
}
.items .feature_box_col_one{
    /* background:rgba(247, 198, 5, 0.20); */
    background:#f3f3f3;
    color:#f91942
}
.items .feature_box_col_two{
    /* background:rgba(255, 77, 28, 0.15); */
    background:#f3f3f3;
    color:#f91942
}
.items .feature_box_col_three{
    /* background:rgba(0, 147, 38, 0.15); */
    background:#f3f3f3;
    color:#f91942
}
.items .feature_box_col_four{
    /* background:rgba(0, 108, 255, 0.15); */
    background:#f3f3f3;
    color:#f91942
}
.items .feature_box_col_five{
    /* background:rgba(146, 39, 255, 0.15); */
    background:#f3f3f3;
    color:#f91942
}
.items .feature_box_col_six{
    /* background:rgba(23, 39, 246, 0.15); */
    background:#f3f3f3;
    color:#f91942
}
.items p{
    font-size:15px;
    line-height:20px;
    margin-bottom:0px;    
    color: #000000;

}
.items h6 {
    margin-bottom:5px;
    color:#2f2f2f;
    font-weight:600;
}
.mission p {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
}
.mission i {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #f91942;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
}
.mission .small-text {
    margin-left: 10px;
    font-size: 13px;
    color: #666;
}
.skills {
    padding-top:0px;
}
.skills .prog-item {
    margin-bottom: 25px;
}
.skills .prog-item:last-child {
    margin-bottom: 0;
}
.skills .prog-item p {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
}
.skills .prog-item .skills-progress {
    width: 100%;
    height: 10px;
    background: #e0e0e0;
    border-radius:20px;
    position: relative;
}
.skills .prog-item .skills-progress span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #f91942;
    width: 10%;
    border-radius: 10px;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.skills .prog-item .skills-progress span:after {
    content: attr(data-value);
    position: absolute;
    top: -5px;
    right: 0;
    font-size: 10px;
    font-weight:600;    
    color: #fff;
    background:rgba(0, 0, 0, 0.9);
    padding: 3px 7px;
    border-radius: 30px;
}
/* Home service section end */

/* Ecommerce css start */

.cstm-sec-second{
    margin-top: 52px;
}

.cstm-ecomm-main{
    display: flex;
    align-items: center;
}

.cstm-ecomm-text h3{
    font-weight: 800;
    font-size: 45px;
    line-height: 112%;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: #000000;
}

.cstm-ecomm-text p{
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: -0.03em;
    color: rgba(0, 0, 0, 0.8);
    padding-top: 14px;
}

.cstm-banner-ecomm{
    position: relative;
}
.cstm-banner-ecomm img{
    width: 100%;
}
.cstm-why-ecomm{
    position: absolute;
    top: 33%;
    left: 8%;
    color: #ffffff;
}
.cstm-why-ecomm h3{
    font-weight: 800;
    font-size: 35px;
    line-height: 112%;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: #FFFFFF;
    height: 48px;
}
.cstm-why-ecomm p{
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: -0.03em;
    color: rgba(255, 255, 255, 0.8);
}


.third-cstm-sec{
    margin-top: 50px;
}
.feature-cstm-txt h3{
    font-weight: 700;
    font-size: 40px;
    line-height: 112%;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    text-align: center;
    color: #1b1b1b;
}
.feature-cstm-txt p{
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;    
    text-align: center;
    letter-spacing: -0.03em;
    color: rgba(0, 0, 0, 0.8);
    padding-bottom: 11px;  
}

.cstm-feature img{
display: flex;
margin: auto;
}
.cstm-feature p{
text-align: center;
margin-bottom: 0;
}

.cstm-feature-main{
    display: flex;
    align-items: center;
}
.cstm-feature-left img{
    width: 100%;
    padding-right: 59px;
}
.cstm-six-sec img{
    display: flex;
    margin: auto;
}
.cstm-three-sec{
    padding: 15px;
}
.cstm-bdr-feature{
    border-bottom: 1px solid #B9B9B9;
}
.cstm-rt-feature{
    border-right: 1px solid #B9B9B9;
}

.feature-pd{
    padding: 30px 70px;
    height: 180px;
    line-height: 20px;
}

.cstm-six-sec p{
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    letter-spacing: -0.03em;
    color: rgba(0, 0, 0, 0.8);    
    padding: 2px;
}
.cstm-bdr{
    border-right: 1px solid #B9B9B9;
    border-left: 1px solid #B9B9B9;
}
.cstm-row-fea{
    border-bottom: 1px solid #B9B9B9;
}
.fourth-cstm-sec{
    margin-top: 50px;
    margin-bottom: 50px;
}
.industry-cstm-txt h3{
    font-weight: 700;
    font-size: 40px;
    line-height: 112%;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: #1b1b1b;
    text-align: center;
    height: 48px;
}
.cstm-eight-main{
    margin-top: 18px;
    padding-left: 9px;
    padding-right: 9px;
}
.cstm-eight-sec img{
    display: flex;
    margin: auto;
    font-size: 58px;
    padding-bottom: 10px;
    color: #F70C35;
}
.cstm-eight-sec{
    padding: 55px;
    background: #FFFFFF;
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}
.cstm-eight-sec p{
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    letter-spacing: -0.03em;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 0;
}
.cstm-eight-sec:hover{
    background-color: #F70C35;
    color: #ffffff;
}
.cstm-eight-sec:hover p{
    color: #ffffff;
}
.cstm-eight-sec:hover img{
    filter: brightness(0) invert(1);
}

.fifth-sec{
    background-color: #F2F2F2;
    padding-bottom: 50px;
}
.tech-cstm-txt{
    margin-top: 50px;
    margin-bottom: 23px;
}
.tech-cstm-txt h3{
    font-weight: 700;
    font-size: 40px;
    line-height: 112%;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: #1b1b1b;
}

.cstm-technology
{
padding-left: 10px;
padding-right: 10px;
}


.cstm-sub-tech{
    background: #FFFFFF;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.17);
border-radius: 10px;
padding: 35px 10px;
}

.cstm-technology img{
    display: flex;
    margin: auto;
}
.cstm-technology p{
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    letter-spacing: -0.03em;
    color: rgba(0, 0, 0, 0.8);
    padding-top: 6px;
    margin-bottom: 0;
}

.ecomm-rt img{
    width: 100%;
}


/* faq css start */

.cstm-faq-sec .panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #000000;         /* adjust as needed */
}
.cstm-faq-sec .panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.cstm-faq-sec .panel {
    border: transparent;
    border-bottom: 1px solid #B9B9B9;
}


.panel-default>.panel-heading {
    background-color: #FFFFFF;
}

.cstm-faq-sec .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent;
    line-height: 25px;
    padding: 15px 0px;
    padding-top: 0px;
}

.cstm-faq-sec .panel-title>a {
    font-weight: 700;
    padding: 20px 0px;
    font-size: 18px;
}

/* faq css end */

.cstm-technology:hover{
    transform: scale(0.9);
}


.cstm-faq-sec .panel-heading .accordion-toggle.collapsed:after {
    content: "\e080";
    font-size: 13px;
}

.cstm-faq-sec .panel-heading .accordion-toggle:after {
    font-size: 13px;
}

.banner-img-sec .cstm-ecommerce-left{
    text-align: left;
    left: 150px;
    top: 40%;
    font-size: 54px;
}

.pricing-txt-main h3{
    font-weight: 700;
    font-size: 40px;
    line-height: 112%;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    text-align: center;
    color: #1b1b1b;
}
.pricing-txt-main p{
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    text-align: center;
    letter-spacing: -0.03em;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 54px;
}

.cstm-pricing{
    background: #FFFFFF;
    box-shadow: 0px 0px 23px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
}

.cstm-three-main:hover {
    transform: scale(1.08);
}
.cstm-three-main:hover .cstm-pricing{
    border: 1px solid #000000;
}

.time{
    border: 1px dashed #000000;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
}

.pricing-sub{
    background: #FFFFFF;
    box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
    border-radius: 8px 8px 0px 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.secnd-sec{
    text-align: center;
    padding: 30px;
    padding-top: 10px;
}
.secnd-sec p{
    border-bottom: 1px solid #EAEAEA;
    /* padding: 15px; */
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 292%;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: capitalize;
}
/* .standard p:nth-child(1){
    color: #0057FF;
} */

.pricing-sub{
    padding: 30px;
}

.secnd-sec a{
    background-color: #000;
    color: #ffffff;
    width: 100%;
    display: flex;
    justify-content: center;
    text-decoration: none;
    padding: 15px;
    border-radius: 4px;
    font-size: 15px;
    margin-top: 30px;
    cursor: pointer;
}

.third-sec a{
    margin-top: 70px;
}

.pricing-sub p:nth-child(1){
    font-weight: 600;
    font-size: 14px;
    line-height: 160%;
    letter-spacing: -0.03em;
    color: #626262;
    margin-bottom: 10px;
}

.pricing-sub p:nth-child(2){
    font-weight: 800;
    font-size: 32px;
    line-height: 112%;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: #000000;
    margin-bottom: 10px;
}
.pricing-sub p:nth-child(3){
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.03em;
    color: #545454;
}
.pricing-sub p:nth-child(4){
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -0.03em;
    color: #545454;
    margin-bottom: 0;
}
.quote{
    padding-bottom: 15px;
}
.cstm-three-main:hover .secnd-sec a{
    background-color: #F70C35;
}

.terms{
    margin-top: 30px;
    
    
}
.terms h2{
    margin-bottom: 15px;
    font-weight: 700;
    color: #F70C35;
}

.pricing-section{
    margin-bottom: 50px;
}

/* ribbon section css start */
.cstm-pricing{
    position: relative;
}

.ribbon-wrap {
    /* padding-right: 0px;
    margin-left: 0px; */
    position: absolute;
    right: 0;
    top: 10px;
}

.old-ribbon {
    position: relative;
    height: 26px;
    padding: 4px;
    margin-left: 20px;
    border-radius: 0 0px 0px 0;
    background-color: #F70C35;
    color: #fff;
    display: inline-block;
    width: 92px;
    font-weight: 600;
    font-size: 12px;
    line-height: 19px;
    text-align: center;
}

.old-ribbon::before {
    content: "";
    display: block;
    position: absolute;
    left: -13px;
    top: 0;
    border: solid 13px #F70C35;
    border-right-width: 0;
    border-left-color: transparent;
}

/* ribbon section css end */

.ecommerce-contnt{
    padding: 10px 0px;
}
.ecommerce-contnt h2{
    font-weight: 700;
    font-size: 40px;
    line-height: 112%;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: #1b1b1b;
    padding-bottom: 20px;
}

.cstm-dedict-style h2{
    font-size: 30px;
}
.ecommerce-contnt h5{
    font-weight: 700;
    font-size: 22px;
    line-height: 112%;
    text-align: left;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: #1b1b1b;
    padding-bottom: 10px;
    padding-top: 10px;
}
.ecommerce-contnt h6{
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    color: #1b1b1b;
    padding-bottom: 0px;
    padding-top: 10px;
}
.ecommerce-contnt p{
    font-weight: 400;
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.03em;
    color: #1b1b1b;
    padding-bottom: 10px;
    margin-bottom: 0px;
    padding-top: 10px;
    line-height: 22px;
}

.ecommerce-contnt ul{
    padding-bottom: 10px;
}
.ecommerce-contnt ul li{
    font-weight: 400;
    font-size: 15px;
    text-align: left;
    letter-spacing: 0.03em;
    color: #1b1b1b;
    padding-bottom: 5px;
    line-height: 22px;
}

.dedicated-faqes .cstm-faq-sec ul{
    padding-bottom: 15px;
}
.dedicated-faqes .cstm-faq-sec h6{
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
}
/* Ecommerce css end */

.cstm-new-style{
    padding-top: 0;
    background: #f70c36;
}
.cstm-new-style p{
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
    color: #ffffff;
    font-weight: 600;
    text-align: justify;
}

.cstm-header {
    border: none;
    background: #f70c36;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 0.5;
}

.close:focus, .close:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 1;
}

.cstm-notice {
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-weight: 600;
    
}

.cstm-notice h3{
    font-size: 25px;
}

.modal-dialog-centered {
    min-height: calc(99% - (1.75rem * 2));
    display: flex;
    align-items: center;
}

body { padding-right: 0 !important }


@media(max-width: 1024px) {
    .cstm-img-left {
        margin-left: 0px !important;
    }
    .contact {
        margin-right: 45px;
    }

    .cstm-nav-rt{
        width: 100%;
        margin-right: 0;
    }

    .navbar-toggle {
        margin-top: 12px;
        margin-right: 0;
    }

    .auto-slide {
        left: 38px;
    }

    .main-custm-nav {
        display: block;
    }

    .cstm-nav>li>a {
        padding: 10px 15px;
    }

    .cstm-nav-main{
        padding-left: 0;
        padding-right: 0;
    }

    .cstm-mg-top ul {
        padding-top: 0px !important;
    }

    .cstm-why-ecomm {
        top: 22%;
    }

    .banner-img-sec .cstm-ecommerce-left{
        left: 30px !important;
     }
     .ecommerce-contnt h2{
        font-size: 30px;
     }

}

@media(max-width: 768px) {
    .cstm-nav-rt {
        float: left;
        margin-right: 00px;
    }

    .cstm-img-left {
        margin-left: 0px !important;
    }

    .contact {
        margin-right: 0px;
    }

    .cstm-nav-rt {
        margin-right: 40px;
        float: right;
    }

    .cstm-nav-rt{
        width: 100%;
        margin-right: 0;
    }

    .contact {
        margin-right: 45px;
    }
    .cstm-btn-row{
        display: flex;
        justify-content: center;
    }

    .cstm-dedicated{
        flex-wrap: nowrap !important;
    }

    .cstm-banner-img{
        float: none !important;
    }

    .auto-slide {
        left: 40px;
    }

    .video-sec {
        background-size: cover;
    }

    .cstm-tab-core{
        padding-left: 30px;
        padding-right: 30px;
    }

    .cstm-feature-main {
        display: block;
    }

    .cstm-feature-left img {
        padding-right: 0px;
    }

    .cstm-ecomm-text h3 {
        font-size: 35px;
    }

    .cstm-ecomm-text p {
        font-size: 15px;
    }
    .cstm-feature-left img {
        width: 82%;
        display: flex;
        margin: auto;
        margin-bottom: 15px;
    }

    .cstm-sec-second {
        margin-top: 20px;
    }

    .third-cstm-sec {
        margin-top: 60px;
    }

    .fourth-cstm-sec {
        margin-top: 60px;
        margin-bottom: 20px;
    }

    .fifth-sec {
        padding-bottom: 30px;
    }

    .feature-cstm-txt h3 {
        font-size: 32px;
    }

    .industry-cstm-txt h3 {
        font-size: 32px;
    }

    .tech-cstm-txt h3 {
        font-size: 32px;
    }

    .eight-sec p {
        font-size: 32px;
    }

    .pricing-sub p:nth-child(1) {
        font-size: 13px;
    }

    .secnd-sec {
        padding: 11px;
    }

    .pricing-sub {
        padding: 11px;
        padding-top: 38px;
    }

    .pricing-sub p:nth-child(4) {
        font-size: 12px;
    }

    .pricing-sub p:nth-child(2) {
        font-size: 22px;
    }

    .third-sec a {
        margin-top: 15px;
    }

    .cstm-mobile a {
        margin-top: 123px;
    }

    .cstm-mobile-second a {
        margin-top: 42px;
    }

    .old-ribbon {
        width: 82px;
    }

    .pricing-txt-main p {
        margin-bottom: 30px;
    }

    .pricing-section {
        margin-bottom: 50px;
    }
    .ecommerce-contnt{
        padding-left: 15px;
        padding-right: 15px;
    }
    .ecommerce-contnt h2{
        font-size: 25px;
     }
     .ecommerce-contnt h5{
        font-size: 18px;
     }

}


@media(max-width: 600px) {
    .cstm-img-left {
        margin-left: 0px !important;
    }

    .navbar {
        min-height: 70px;
        
    }

    .cstm-nav-rt {
        float: left;
        width: 100%;
    }

    .navbar-nav {
        margin: 0px;
        margin-top: 10px;
    }

    .cstm-btn-row{
        display: block;
    }

    .cstm-dedicated{
        display: block !important;
        flex-wrap: wrap !important;
    }    

    .auto-slide {
        left: 20px;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent !important;
    }

    .cstm-ecomm-text h3 {
        font-size: 18px;
    }

    .cstm-ecomm-text p {
        font-size: 13px;
    }

    .cstm-why-ecomm h3 {
        font-size: 18px;
        height: 25px;
    }

    .cstm-why-ecomm p {
        font-size: 11px;
        line-height: 138%;
    }

    .cstm-why-ecomm {
        left: 0%;
    }

    .third-cstm-sec {
        margin-top: 20px;
    }

    .feature-cstm-txt p {
        font-size: 17px;
        padding-bottom: 0px;
    }

    .cstm-eight-sec {
        padding: 25px;
    }

    .cstm-technology {
        margin-top: 15px;
    }

    .cstm-six-sec p {
        font-size: 13px;
    }

    .cstm-eight-sec p {
        font-size: 13px; 
    }

    .tech-cstm-txt {
        margin-top: 60px;
    }

    .cstm-six-sec img {
        width: 50px;
    }

    .cstm-eight-sec i {
        font-size: 35px;
    }

    .cstm-technology img {
        width: 50px;
    }

    .cstm-technology p {
        font-size: 13px;
    }

    .industry-cstm-txt h3 {
        margin-bottom: 20px;
    }

    .cstm-bdr-features{
        border-bottom: 1px solid #B9B9B9;
    }

    .cstm-mobile a {
        margin-top: 30px;
    }

    .cstm-faq-sec .panel-title>a {
        line-height: 25px;
        font-size: 16px;
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

    .navbar-collapse.collapse {
        display: none !important;
        padding-left:0;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
        padding-left:0;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
    .navbar-nav>li {
        float:none !important;
    }

  
}
/* litesh css end new header  */