/*--------------------------------------------------------------
General
--------------------------------------------------------------*/

body{
    font-family: 'Roboto', sans-serif;
    color: #000;
}

a.yellow-link {
    color: #fff !important;
    text-decoration: none;
}

a.white-link {
    color: #ffffff !important;
}

a {
    color: #fff;
    outline: none;
}

a:hover {
    color: #264190;
    text-decoration: none;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
}

input,
textarea,
button {
    -webkit-appearance: none;
    /*Safari/Chrome*/
    -moz-appearance: none;
    /*Firefox*/
    -ms-appearance: none;
    /*IE*/
    -o-appearance: none;
    /*Opera*/
    appearance: none;
    -webkit-border-radius: 0;
    outline: none;
}

/*--------------------------------------------------------------
Preloader
--------------------------------------------------------------*/
.cookies-wrap {

    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #252525;
    z-index: 700;
}

.cookies-inner-wrap {
    max-width: 100%;
    min-height: 96px;
    margin: auto;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    display: flex;
}

.cookies-msg {
    flex-grow: 1;
    margin: 28px 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}

.cookies-msg a {
    color: #FFBB00;
}

.cookies-msg a:hover {
    text-decoration: underline;
}

.accept-btn-wrap {
    display: block;
}

.accept-btn-wrap .accept-btn {
    width: 110px;

    padding: 8px 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    box-shadow: none;
    outline: none;
    text-align: center;
    border-radius: 100px;
    background-color: #fbf700;
    color: #ffffff;
    margin-right: 0px;
}

.accept-btn-wrap .accept-btn:hover {
    color: #fbf700;
    background-color: #ffffff;
}

#preloader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
}

#preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #fbf700;
    border-top-color: #8c8b8b;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*--------------------------------------------------------------
Back to top button
--------------------------------------------------------------*/

.w85 {
    width: 85% !important;
}

a.back-to-top {
    position: fixed;
    display: none;
    right: 85px;
    bottom: 85px;
    z-index: 0;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-decoration: none;
    transition: opacity .3s;
}

a.back-to-top:hover {
    opacity: .5;
}

a.back-to-top span {
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 65px;
    margin-left: -15px;
    background: url(../img/up-scroll-arrow.png) no-repeat;
    box-sizing: border-box;
}

a.back-to-top span::before {
    position: absolute;
    top: 10px;
    left: 15%;
    z-index: -1;
    content: '';
    width: 44px;
    height: 44px;
    box-shadow: 0 0 0 0 rgba(232, 162, 7, .6);
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: sdb03 3s infinite;
    animation: sdb03 3s infinite;
    box-sizing: border-box;
}

@-webkit-keyframes sdb03 {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    60% {
        box-shadow: 0 0 0 60px rgba(255, 255, 255, .1);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes sdb03 {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    60% {
        box-shadow: 0 0 0 60px rgba(255, 255, 255, .1);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}


/*--------------------------------------------------------------
Disable AOS delay on mobile
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

#header {
    height: 80px;
    transition: all 0.5s;
    z-index: 997;
    background: transparent;
}

#header.header-scrolled {
    background: #000;
    height: 60px;
}

#header .logo h1 {
    font-size: 28px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 700;
}

#header .logo h1 a,
#header .logo h1 a:hover {
    color: #fff;
    text-decoration: none;
}

#header .logo a {
    margin-left: 33px;
}

#header .logo img {
    padding: 12px;
    margin: 4%;
    margin-top: 4%;
    max-width: 32%;
}

/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/

/* Desktop Navigation */

.hamburgerIcon {
    width: 56px;
    height: 56px;
    border-radius: 90px;
    
    position: absolute;
    right: 45px;
}

.yellow-btn {
    background: #fff;
}

.navingationMain {
    display: none;
    padding: 0px;
    background: #ffffffe6;
    color: #000;
    position: absolute;
    top: -57px;
    right: -45px;
    overflow: overlay !important;
    z-index: -1;
    border: 1px solid #707070;
    border-top: 0;
    border-right: 0;
    min-width: 350px;
    height: 104vh;

}

.navbar-nav {
    margin-top: 25%;
    margin-bottom: 30px;
    height: auto;
}

.navbar-nav .nav-item {
    padding: 0 40px;
}

.navbar-nav .nav-link {
    padding-left: 32px;
}

.nav-link {
    color: #000;
    font-size:18px;
    border-bottom: 1px solid #707070;
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: 32px;
    font-weight: 600;
}

.b-top {
    border-top: 1px solid #707070;
}

.nav-link .no-border {
    border-bottom: none;
}

.buttonlobby{
        position: absolute;
    background: #522747;
    color: #fff;
    padding: 4px 4px 4px 4px;
    border: 7px solid #fff;
    margin: 0;
    border-radius: 13px;
    font-size: 14px;
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none;
}

.nav-link.active {
    color: #F68484;
}

.navbar-nav .nav-item ul {
    margin: 0;
    padding: 0;
}

.navbar-nav .nav-item ul li {
    margin: 0;
    padding: 0 0 0 32px;
    list-style-type: none;
}

.navbar-nav .nav-item ul li.service-one {
    background: none;
}

.navbar-nav .nav-item ul li.service-two {
    background: none;
}

.navbar-nav .nav-item ul li.service-three {
    background: none;
}

.navbar-nav .nav-item ul li.service-four {
    background: none;
}

.navbar-nav .nav-item ul li.service-five {
    background: none;
}

.navbar-nav .nav-item ul li a {
    font-size: 15px;
    border-top: 1px solid #bdbdbd;
    border-bottom: none;
    padding-left: 20px;

}

.no-border {
    border: 0 !important;
}

/* Icon 1 */

.animated-icon1,
.animated-icon2,
.animated-icon3 {
    width: 24px;
    height: 20px;
    position: relative;
    margin: 13px 0 0 3px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.animated-icon1 span,
.animated-icon2 span,
.animated-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    top: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.animated-icon3 span {
    background: #fff;
}

.animated-icon1 span:nth-child(1) {
    top: 0px;
}

.animated-icon1 span:nth-child(2) {
    top: 5px;
}

.animated-icon1 span:nth-child(3) {
    top: 15px;
}

.animated-icon1.open span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.animated-icon1.open span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/* Icon 3*/

.animated-icon2 span:nth-child(1) {
    top: 0px;
}

.animated-icon2 span:nth-child(2),
.animated-icon2 span:nth-child(3) {
    top: 5px;
}

.animated-icon2 span:nth-child(4) {
    top: 15px;
}

.animated-icon2.open span:nth-child(1) {
    top: 11px;
    width: 0%;
    left: 50%;
}

.animated-icon2.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
    top: 11px;
    width: 0%;
    left: 50%;
}

/* Icon 4 */

.animated-icon3 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
    top: 8px;
    left: 8px;
    width: 16px !important;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
    top: 16px;
    left: 4px;
    width: 20px !important;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 4px;
    background: #000;
}

.animated-icon3.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 17px;
    left: 4px;
    width: 24px !important;
    background: #000;
}



.mobile-nav-toggle i {
    color: #fff;
}

.mobile-nav {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
    overflow-y: auto;
    /*background: #141415;*/
    transition: ease-in-out 0.2s;
    opacity: 0;
    visibility: hidden;
    padding: 15px 0;
}

.mobile-nav * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mobile-nav ul {
    margin-top: 44px;
}

.mobile-nav li {
    text-align: center;
}

.mobile-nav a {
    display: inline-block;
    position: relative;
    color: #ffffff;
    padding: 10px 0px;
    font-weight: 400;
    transition: 0.3s;
    outline: none;
    font-size: 22px;
    text-align: center;
    transition: 0.3s;
}

.mobile-nav > ul > li > a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 4px;
    left: 0;
    background-color: #fbf700;
    visibility: hidden;
    transition: all 0.3s ease-in-out 0s;
}

.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {
    color: #E4A700;
    text-decoration: none;
}

.mobile-nav a:hover::before,
.mobile-nav li:hover > a::before,
.mobile-nav .active > a::before {
    visibility: visible;
    width: 100%;
}

.mobile-nav .underlined-link {
    position: relative;
    color: #E4A700;
    text-decoration: none;
    display: inline-block;
}

.mobile-nav .underlined-link::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #1ab3ff;
    visibility: hidden;
    transition: all 0.3s ease-in-out 0s;
    transform: scaleX(0);
}

.mobile-nav .underlined-link:hover::before {
    visibility: visible;
    transform: scaleX(1);
}

.mobile-nav-overly {
    width: 100%;
    height: 100%;
    z-index: 9997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(20, 20, 21, 0.95);
    overflow: hidden;
    display: none;
    transition: ease-in-out 0.2s;
}

.mobile-nav-active {
    overflow: hidden;
}

.mobile-nav-active .mobile-nav {
    opacity: 1;
    visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
    color: #fff;
}

.parallax-slider {
    height: 100vh;
    position: relative;
}

.parallax-slider .swiper-slide {
    position: relative;
    overflow: hidden;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.parallax-slider .img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-position: center;
    background-size: cover;
}

.parallax-slider .img-container::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.parallax-slider .swiper-slide .content {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    text-align: -webkit-center;
}

.parallax-slider .content {
    text-align: left;
}

.parallax-slider .content .title {
    font-weight: 700;
    font-size: 5.2rem;
    color: #fbf700;
    padding-top: 0px;
    margin-bottom: 0;
}

.parallax-slider .content .title .title-wrapper {
    font-weight: 900;
    font-size: 72px;
    color: #fff;
    padding-top: 13%;
    margin-bottom: 0;
    line-height: 1;
    display: block;

}

.parallax-slider .content .title .subtitle-wrapper {
    font-weight: 300;
    text-transform: uppercase;
    /*font-size: 3.8rem;*/
    font-size: 65px;
    color: #ffffff;
    padding-top: 10px;
    margin-bottom: 0;
    text-transform: none;
    line-height: 1;
    display: block;
}

.parallax-slider .content .description {
    font-weight: 300;
    font-size: 1.2rem;
    margin-top: 0;
    margin-bottom: 0;
    color: #ffffff;
    width: auto;
}

.parallax-slider .content .description p {
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 46px;
    color: #ffffff;
    width: 80%;
}

.parallax-slider .content .description button {
    font-size: 20px;
    font-weight: 700;
    background: #007bff;
    padding: 8px 20px;
    border: 0;
    border-radius: 100px;
    color: #ffffff;
    outline: none;
    min-width: 95px;
    position: absolute;
    left: 45%;
}

.parallax-slider .content .description button:hover,
.parallax-slider .content .description button:focus {
    -webkit-animation: explore 1s;
    animation: explore 1s;
    box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
    background: #000;
}

@-webkit-keyframes explore {
    0% {
        box-shadow: 0 0 0 0 var(--hover);
    }
}

@keyframes explore {
    0% {
        box-shadow: 0 0 0 0 var(--hover);
    }
}

.explore {
    --color: #fff;
    --hover: #fbf700;
}




/*nav controls*/

.parallax-slider .swiper-nav-ctrl {
    background-image: none;
    height: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    outline: 0;
}

.parallax-slider .swiper-nav-ctrl.next-ctrl {
    right: 0;
}

.parallax-slider .swiper-nav-ctrl.prev-ctrl {
    left: 0;
}

.parallax-slider .pagination-ctrl {
    max-width: 100%;
    left: 0;
    right: 22%;
    margin: 10px auto 0 auto;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    vertical-align: middle;
    background: rgba(255, 255, 255, 0.9);
}

.swiper-pagination-bullet-active {
    width: 18px;
    height: 18px;
    background: #F68484 ;
}

.swiper-pagination-bullet:focus {
    box-shadow: none;
    outline: 0;
    border: 0;
}

.parallax-slider .img-container.one {
    background-image: url("../img/header/home1.png");
}

.parallax-slider .img-container.two {
    background-image: url("../img/header/infrastructure.png");
}

.parallax-slider .img-container.three {
    background-image: url("../img/header/security.jpg");
}

/*

.parallax-slider .img-container.four {
    background-image: url("../img/header/digital.jpg");
}

.parallax-slider .img-container.five {
    background-image: url("../img/header/managed.jpg");
}

.parallax-slider .img-container.six {
    background-image: url("../img/header/staff.jpg");
}

.parallax-slider .img-container.seven {
    background-image: url("../img/header/careers-header.jpg");
}

.parallax-slider .img-container.eight {
    background-image: url("../img/automation-banner.jpg");
}
*/






/*--------------------------------------------------------------
Hero
--------------------------------------------------------------*/

a.scroll-btn {
    position: absolute;
    bottom: 105px;
    right: 85px;
    z-index: 900;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-decoration: none;
    transition: opacity .3s;
}

a.scroll-btn:hover {
    opacity: .5;
}

a.scroll-btn span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 65px;
    height: 65px;
    margin-left: -15px;
    background: url(../img/down-scroll-arrow.png) no-repeat;
    box-sizing: border-box;
}

a.scroll-btn span::before {
    position: absolute;
    top: 10px;
    left: 15%;
    z-index: -1;
    content: '';
    width: 44px;
    height: 44px;
    box-shadow: 0 0 0 0 rgba(232, 162, 7, .6);
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: sdb03 3s infinite;
    animation: sdb03 3s infinite;
    box-sizing: border-box;
}

@-webkit-keyframes sdb03 {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    60% {
        box-shadow: 0 0 0 60px rgba(255, 255, 255, .1);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes sdb03 {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    60% {
        box-shadow: 0 0 0 60px rgba(255, 255, 255, .1);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.header-overly-inner{
    background:rgba(40, 48, 51, 0.57);
    position: absolute;
    width: 100%;
    height: 100%;
}
.header-overly-inner-two{
    background:rgba(9, 6, 23, 0.57);
    position: absolute;
    width: 100%;
    height: 100%;
}
.header-overly-inner-three{
    background:rgba(83, 47, 41, 0.57);
    position: absolute;
    width: 100%;
    height: 100%;
}
.header-overly-inner-four{
    background:rgba(26, 32, 64, 0.57);
    position: absolute;
    width: 100%;
    height: 100%;
}
.header-overly-inner-five{
    background:rgba(13, 17, 33, 0.57);
    position: absolute;
    width: 100%;
    height: 100%;
}
.inner-header-main {
    width: 100%;
    position: relative;
    padding: 0px 0 0 0;
    overflow: hidden;
    background-color: #141415;
}

.inner-parallax-slider {
    height: 620px !important;
    position: relative;
}
.title-wrapper-inner{
   padding-top: 100px !important; 
}
.inner-header-main .swiper-wrapper{
    padding-bottom: 100px;
}


/*     customize   */

.col-lg-12{
    display: inline-flex;
}


#hero {
    width: 100%;
    height: 100vh;
    position: relative;
    padding: 0px 0 0 0;
    overflow: hidden;
    background-color: #141415;
}

#hero:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

#hero h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 10px;
    font-size: 45px;
}

#hero .know-more {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 23px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 50px;
    transition: 0.5s;
    color: #fff;
    background: #E4A700;
}

#hero .know-more:hover {
    background: #f68484;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 100px;
}

.swiper-pagination {
    text-align: right;
}

.social-media {
    display: inline-block;
    font-size: 0;
}

.social-media a {
    margin-right: 10px;

}


.social-media a:hover svg path {
    fill: #F68484;

}

.social-media p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 0;
    padding-top: 6px;
}

.extra-container {
    position: absolute;
    bottom: 30px;
    color: white;
    width: 100%;
    z-index: 100;
}

.swiper-pagination-bullet {
    margin: 0 11px !important;
}

.swiper-pagination-bullet:last-child {
    margin: 0 0px 0 11px !important;
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/

section {
    padding: 60px 0;
    overflow: hidden;
}

.section-bg {
    background-color: #f5f5ff;
}

.section-title {
    padding-bottom: 0px;
}

.section-title h1 {
    font-size: 50px;
    font-weight: 800;
    margin: 8px 0;

    text-align: center;
}

.section-title h2 {
    font-size: 20px;
    padding: 0;
    margin: 0 0 12px 0;
    color: #000;
    font-family: 'Roboto', sans-serif;
}

.section-title h3 {
    font-size: 40px;
    font-weight: 700;
    padding: 0;
    margin: 0 0 32px 0;
    color: #141415;
    font-family: 'Roboto', sans-serif;
}

.section-title h6 {
    margin: 0;
    padding: 0 0 30px 0;

    font-size: 40px;
    position: relative;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    color: #141415;
    line-height: 40px;
}

.section-title p {
    margin: 0;
    padding: 0 0 30px 0;
    /*font-size: 46px;*/
    font-size: 40px;
    position: relative;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    color: #141415;
    line-height: 40px;
}

.section-title p.small-paratext {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 40px;
}

.upload-resume-wrap .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.upload-resume-wrap label {
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    background: #ffffff;
    padding: 12px 30px;
    border: 0;
    border-radius: 100px;
    color: #fbf700;
    outline: none;
    min-width: 195px;
    margin-bottom: 0;
}

.upload-resume-wrap label:hover {
    cursor: pointer;
    background: #1ab3ff;
    color: #ffffff;
}

.txt-upper {
    text-transform: uppercase;
}

.section-title p.small-text {
    color: #141415;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    line-height: 24px;
    padding: 0 0 0px 0;
}


.explore {
    font-size: 20px;
    font-weight: 700;
    background: #fbf700;
    padding: 8px 20px;
    border: 0;
    border-radius: 100px;
    color: #ffffff;
    outline: none;
    min-width: 195px;
    position: absolute;
    z-index: 10000;
    bottom: auto;
}

.explore:hover,
.explore:focus {
    -webkit-animation: explore 1s;
    animation: explore 1s;
    background: #E8A207;
    color: #fff;
}


.service-sec {
    background-color: #ffffff;
    background-size: contain;
    background-position: top right;

}

.section-card-wrap h4 {
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}


.section-card-wrap {
    padding: 70px 0 0px 0px;
    position: relative !important;
    margin: 0 0 30px 0;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.section-card-wrap button:hover,
.section-card-wrap button:focus {
    -webkit-animation: yellow-explore 1s;
    animation: yellow-explore 1s;
    box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
    background: #E8A207;
    color: #fff;
}

.section-card-wrap h1 {
    font-size: 50px;
    font-weight: 800;
    margin: 8px 0;
    text-align: left;
}

.section-card-wrap h3 {
    font-size: 34px;
    font-weight: lighter;
    text-align: left;
    line-height: 46px;
}


.section-card-wrap p {
    font-family: 'Roboto', sans-serif;
    color: #141415;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 18px;
}

.section-card-wrap p.fullstack {
    font-family: 'Roboto', sans-serif;
    color: #141415;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 40px;
}

.title-btm-line {
    margin: 0 auto;
}

.title-btm-line svg {
    width: 100%;
}

.service-sec h1 {
    color: #000;
}

.header-sub-head {
    margin: 10px 0 0 0;
    font-weight: normal;
}

.service-sec h2 {
    text-align: center;
    opacity: .6;
}

.bg-img-wrap {
    position: absolute;
    left: -33px;
    top: 50px;
    z-index: -1;
}

.bg-img-wrap img {
    max-width: 95%;
}

.section-card-ul ul {
    list-style-type: none;
    padding-left: 0;
    padding-top: 30px;
}

.section-card-ul ul li {
    background: url(../img/list-bullet.png) no-repeat 0 6px;
    padding-left: 30px;
    margin-bottom: 18px;
    font-size: 16px;
    line-height: 20px;
}

.section-card-ul ul li h4 {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 500;
}

.automation-sec {
    width: 100%;
    height: 100vh;
    min-height: 777px;
    position: relative;
    padding: 130px 0 0 0;
    overflow: hidden;
    background-color: #141415;
    background: url(../img/automation-banner.jpg) no-repeat;
    background-size: cover;
}


.automation-content .title .title-wrapper {
    font-weight: 900;
    font-size: 72px;
    color: #fbf700;
    padding-top: 100px;
    margin-bottom: 0;
    line-height: 1;
    display: block;

}

.automation-content .title .subtitle-wrapper {
    font-weight: 300;
    font-size: 60px;
    color: #ffffff;
    padding-top: 20px;
    margin-bottom: 0;
    text-transform: none;
    line-height: 1;
    display: block;
}

.automation-content .title .subtitle2-wrapper {
    font-weight: lighter;
    font-size: 32px;
    color: #ffffff;
    padding-top: 40px;
    margin-bottom: 0;
    text-transform: none;
    line-height: 1;
    display: block;
}

.automation-content .description p {
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 46px;
    color: #ffffff;
    width: 80%;
}

.automation-content .title .description button {
    font-size: 20px;
    font-weight: 700;
    background: #fbf700;
    padding: 8px 20px;
    border: 0;
    border-radius: 100px;
    color: #ffffff;
    outline: none;
    min-width: 195px;
}




.adaptive-sec {
    width: 100%;
    height: 100vh;
    min-height: 930px;
    position: relative;
    padding: 115px 0 0 0;

}


.adaptive-content .title .title-wrapper {
    font-weight: 900;
    font-size: 72px;
    color: #fbf700;
    margin-bottom: 0;
    line-height: 1;
    display: block;

}

.adaptive-content .title .subtitle-wrapper {
    font-weight: 300;
    font-size: 60px;
    color: #007bff;
    padding-top: 20px;
    margin-bottom: 0;
    text-transform: none;
    line-height: 1;
    display: block;
}

.adaptive-content .title .subtitle2-wrapper {
    font-weight: lighter;
    font-size: 32px;
    color: #000000;
    padding-top: 40px;
    margin-bottom: 0;
    text-transform: none;
    line-height: 1;
    display: block;
}

.adaptive-content .description p {
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 28px;
    color: #000000;
    width: 65%;
}

.adaptive-content .title .description button {
    font-size: 20px;
    font-weight: 700;
    background: #fbf700;
    padding: 8px 20px;
    border: 0;
    border-radius: 100px;
    color: #ffffff;
    outline: none;
    min-width: 195px;
}


.adaptive-img-wrap {
    position: absolute;
    right: -303px;
    top: 0px;
    z-index: -1;
}

.adaptive-img-wrap img {
    max-width: 90%;
}


.secure-sec {
    width: 100%;
    height: 100vh;
    min-height: 777px;
    position: relative;
    padding: 130px 0 0 0;
    overflow: hidden;
    background-color: #141415;
    background: url(../img/header/digital.jpg) no-repeat;
    background-size: cover;
}

.automation-content .title .every-level {
    font-weight: 300;
    font-size: 45px;
    color: #ffffff;
    padding-top: 5px;
    margin-bottom: 0;
    text-transform: none;
    line-height: 1;
}



.managed-img-wrap {
    position: absolute;
    right: -303px;
    top: 100px;
    z-index: -1;
}

.managed-img-wrap img {
    max-width: 90%;
}

.adaptive-content .description p {
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 46px;
    color: #000;
    width: 65%;
}

.managed-sec {
    width: 100%;
    height: 100vh;
    min-height: 930px;
    position: relative;
    padding: 115px 0 0 0;

}

.managed-sec .adaptive-content .description p {
    width: 50%;
}

.about-sec {
    background-color: #fffefb;
    background-size: contain;
    background-position: top right;
}

.about-sec h1 {
    color: #000;
}

.about-sec h2 {
    text-align: center;
    opacity: .6;

}

.about-sec .adaptive-content .title .title-wrapper {
    color: #fff;
}

.about-sec .adaptive-content .description p {
    width: 50%;
}

.about-img-wrap {
    position: absolute;
    right: -175px;
    top: 60px;
    z-index: -1;

    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;

}

.about-img-wrap img {
    max-width: 90%;
}


@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateX(0);
    }

    40% {
        transform: translateX(-30px);
    }

    60% {
        transform: translateX(-15px);
    }
}


.explore-about {
    font-size: 20px;
    font-weight: 700;
    background: #007bff;
    padding: 8px 20px;
    border: 0;
    border-radius: 100px;
    color: #fff;
    outline: none;
    min-width: 195px;
    z-index: 10000;
    bottom: auto;
}

.about-sec .description button:hover,
.about-sec .description button:focus {
    -webkit-animation: explore-about 1s;
    animation: explore-about 1s;
    background: #000;
    color: #fff;
    box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

@-webkit-keyframes explore-about {
    0% {
        box-shadow: 0 0 0 0 var(--hover);
    }
}

@keyframes explore-about {
    0% {
        box-shadow: 0 0 0 0 var(--hover);
    }
}

.explore-about {
    --color: #fbf700;
    --hover: #fff;
}

.news-sec {
    width: 100%;
    position: relative;
    padding: 10px 0 0 0;
    overflow: hidden;
    background-color: #141415;
    background: url(../img/news.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.news-sec .automation-content .title {
   
}

.news-headlines h2 {
    color: #939393;
    text-transform: uppercase;
    font-size: 20px;

}

.news-headline-ul ul {
    list-style-type: none;
    padding-left: 0;
    padding-top: 5px;
}

.news-headline-ul li {
    padding: 0px;
    margin-bottom: 16px;
    border-bottom: 1px solid #7F7C76;
}

.news-headline-ul li a:link,
.news-headline-ul li a:visited {
    padding: 0px 70px 0 0;
    margin-bottom: 8px;
    font-size: 26px;
    line-height: 40px;
    color: #fff;
    background: url(../img/news-arrow.png) right center no-repeat;
    display: block;
}

.news-headline-ul li a:hover,
.news-headline-ul li a:focus {
    color: #fbf700;
    background: url(../img/news-arrow-active.png) right center no-repeat;

}

.news-headline-ul li span {
    display: block;
    color: #939393;
    margin-bottom: 16px;
}

.careers-sec {
    background-color: #F5F5F5;
}

.careers-sec .adaptive-content .title .title-wrapper {
    color: #007bff;
}

.careers-sec .adaptive-content .description p {
    width: 40%;
    margin-bottom: 25px;
}

.yellow-explore {
    font-size: 20px;
    font-weight: 700;
    background: #007bff;
    padding: 8px 20px;
    border: 0;
    border-radius: 100px;
    color: #ffffff;
    outline: none;
    min-width: 195px;
    z-index: 10000;
    bottom: auto;
}

.description button:hover,
.description button:focus {
    -webkit-animation: yellow-explore 1s;
    animation: yellow-explore 1s;
    box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
    background: #000;
    color: #fff;
}

@-webkit-keyframes yellow-explore {
    0% {
        box-shadow: 0 0 0 0 var(--hover);
    }
}

@keyframes yellow-explore {
    0% {
        box-shadow: 0 0 0 0 var(--hover);
    }
}

.yellow-explore {
    --color: #fff;
    --hover: #fbf700;
}

.upload-resume {
    font-size: 20px;
    font-weight: 700;
    background: #fff;
    padding: 8px 20px;
    border: 1px solid #fbf700;
    border-radius: 100px;
    color: #E4A700;
    outline: none;
    min-width: 210px;
    z-index: 10000;
    bottom: auto;
    margin-left: 6px;
}



.careers-sec button.upload-resume:hover,
.careers-sec button.upload-resume:focus {
    -webkit-animation: upload-resume 1s;
    animation: upload-resume 1s;
    background: #fff;
    color: #fbf700;
    box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

.send-resume-sec button.upload-resume:hover,
.send-resume-sec button.upload-resume:focus {
    -webkit-animation: upload-resume 1s;
    animation: upload-resume 1s;
    background: #fff;
    color: #fbf700;
    box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

@-webkit-keyframes upload-resume {
    0% {
        box-shadow: 0 0 0 0 var(--hover);
    }
}

@keyframes upload-resume {
    0% {
        box-shadow: 0 0 0 0 var(--hover);
    }
}

.upload-resume {
    --color: #fbf700;
    --hover: #fff;
}


.careers-img-wrap {
    position: absolute;
    right: 84px;
    top: -664px;
    z-index: 0;
    text-align: right;

}

.careers-img-wrap img {
        max-width: 100%;
}

.careers-img-wrap2 {
    text-align: center;
    display: none;

}

.careers-img-wrap2 img {
    max-width: 86%;
}



.application-img-wrap {
    text-align: right;

}

.application-img-wrap img {
    max-width: 90%;
}

.service-app-sec {
    background-color: #ffffff;
    background-size: contain;
    background-position: top right;
    padding: 10px 0;
}

.service-app-sec h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 13px;
}

.ar-vr-section-card-wrap {
    padding: 0px 0 0px 0px;
    position: relative !important;
    margin: 0 0 30px 0;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.ar-vr-section-card-wrap h1 {
    font-size: 40px;
    font-weight: 800;
    margin: 8px 0 18px 0;
    text-align: left;
    color: #007bff;
}

.inner-section-card-wrap {
    padding: 60px 0 0px 0px;
    position: relative !important;
    margin: 0 0 30px 0;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.inner-section-card-wrap h1 {
    font-size: 40px;
    font-weight: 800;
    margin: 8px 0 18px 0;
    text-align: left;
    color: #007bff;
}

.service-result-sec {
    background-color: #FBFBFB;
    background-size: contain;
    background-position: top right;
    padding: 10px 0 55px 0;

}

.service-result-sec ul {
    margin: 0;
    padding: 0;
}

.service-result-sec li {
    margin: 0 0 30px 0;
    padding: 0 0 0 90px;
    list-style-type: none;
}

.service-result-sec li h2 {
    line-height: 18px;
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 600;
}

.service-result-sec li.adept-software {
    background: url(../img/adept-software.png) no-repeat;
}

.service-result-sec li.erp-consulting {
    background: url(../img/erp-consulting.png) no-repeat;
}

.service-result-sec li.qa-testing {
    background: url(../img/qa-testing.png) no-repeat;
}

.service-result-sec li.support {
    background: url(../img/support.png) no-repeat;
}

.service-result-sec li.software-cust {
    background: url(../img/software-cust.png) no-repeat;
}

.service-result-sec li.saas-dev {
    background: url(../img/saas-dev.png) no-repeat;
}

.service-result-sec li.uiux-design {
    background: url(../img/uiux-design.png) no-repeat;
}

.service-result-sec li.dedicated-team {
    background: url(../img/dedicated-team.png) no-repeat;
}


.technology-sec {
    width: 100%;
    min-height: 777px;
    position: relative;
    padding: 30px 0 45px 0;
    overflow: hidden;
    background-color: #141415;
    background: url(../img/technology-stack.jpg) no-repeat;
    background-size: cover;
}

.technology-sec h1 {
    font-size: 47px;
    color: #fff;
    font-weight: 800;
    text-align: left;
    margin-bottom: 30px;
}

.technology-sec h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    text-align: left;
    padding-bottom: 8px;
    padding-top: 20px;
    display: block;
}

.technology-sec ul {
    margin: 0;
    padding: 0;
}

.technology-sec ul li {
    margin: 0 17px 17px 0;
    padding: 0;
    list-style-type: none;
    float: left;
    display: block;
    width: 260px;
}

.technology-sec ul li img {
    width: 100%;
}



.offshore-sec {
    padding: 0px 0 50px 0;

}

.offshore-sec ul {
    margin: 0;
    padding: 0;
    display: block;
}

.offshore-sec li {
    margin: 0 0 20px 0;
    padding: 0 0 0 0px;
    list-style-type: none;
}

.offshore-sec li h2 {
    line-height: 28px;
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 600;
}

.offshore-img-wrap {
    text-align: right;
}

.offshore-img-wrap img {
    max-width: 100%;
}

.our-agile-img-wrap {
    text-align: left;
}

.our-agile-img-wrap img {
    max-width: 100%;
}


.our-agile-sec {
    background: #F8F8F8;
}

.know-more-btn {
    float: left;
    margin-top: 5px;
}

.know-more-btn button:hover,
.know-more-btn button:focus {
    -webkit-animation: yellow-explore 1s;
    animation: yellow-explore 1s;
    box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
    background: #E8A207;
    color: #fff;
}

@-webkit-keyframes yellow-explore {
    0% {
        box-shadow: 0 0 0 0 var(--hover);
    }
}

@keyframes yellow-explore {
    0% {
        box-shadow: 0 0 0 0 var(--hover);
    }
}

.yellow-explore {
    --color: #fff;
    --hover: #F68484;
}


.attach-file-wrap {
    float: right;
}

.attach-file-wrap .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.attach-file-wrap label {
    cursor: pointer;
    margin-top: 15px;
}

.attach-file-wrap label span {
    font-size: 16px;
    font-weight: 700;
    color: #008ED5;
    text-decoration: underline;
    padding-right: 15px;
}

.attach-file-wrap label span + span {
    padding-right: 0;
}

.attach-file-wrap label i {
    font-size: 27px;
    padding: 0;
}

.security-analysis-sec {
    background-color: #264190;
    background-size: contain;
    background-position: top right;
    padding: 10px 0 55px 0;

}

.secur-analy-list {
    border-radius: 8px;
    background: #fff;
    width: 100%;
    padding: 60px 15px 45px 15px;
    text-align: center;
    margin-bottom: 30px;
}

.secur-analy-list h1 {
    font-size: 96px;
    line-height: 90px;
    margin: 55px 0 20px 0;
    font-weight: 600;
}

.secur-analy-list {
    text-align: center;
}

.secur-analy-img {
    height: 273px;
    vertical-align: bottom;
    display: table-cell;
}

.secur-analy-img img {
    width: 95%;
    vertical-align: bottom;
}

.we-help-sec {
    padding: 50px 0;
    background: #000;

}

.we-help-sec ul {
    margin: 0;
    padding: 0;

}

.we-help-sec ul li {
    list-style-type: none;
    background: url(../img/list-bullet-white.png) no-repeat 0 3px;
    padding-left: 30px;
    margin-bottom: 18px;
    font-size: 16px;
    line-height: 20px;

}

.we-help-sec p {
    color: #fff;
}

.we-help-sec h2 {
    font-size: 24px;
    color: #cf3976;
    padding: 15px 0;
}

.security-business-wrap {
    padding: 26px 0 0px 0px;
    position: relative !important;
    overflow: hidden;
    margin: 0 0 30px 0;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.security-business-wrap h1 {
    font-size: 40px;
    font-weight: 800;
    margin: 8px 0 18px 0;
    text-align: left;
}


.security-business-sec {
    background-color: #FBFBFB;
    background-size: contain;
    background-position: top right;
    padding: 10px 0 55px 0;

}

.security-business-sec ul {
    margin: 0;
    padding: 0;
}

.security-business-sec li {
    margin: 0 0 30px 0;
    padding: 0 0 0 90px;
    list-style-type: none;
}

.security-business-sec li h2 {
    line-height: 18px;
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 600;
}

.yellow-bg {
    background: #264190;
    padding: 34px;
    margin-bottom: 30px;
}

.yellow-bg h2 {
    font-weight: 600;
    font-size: 27px;
    padding-bottom: 12px;
}

.yellow-min-height-one {
    min-height: 345px;
}

.yellow-min-height-two {
    min-height: 290px;
}


.yellow-bg ul {
    margin: 0;
    padding: 0;

}

.yellow-bg ul li {
    list-style-type: none;
    background: url(../img/list-bullet-small.png) no-repeat 0 3px;
    padding-left: 24px;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 20px;
}

.inner-section-card-wrap-two {
    padding: 60px 0 0px 0px;
    position: relative !important;
    overflow: hidden;
    margin: 0 0 5px 0;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.inner-section-card-wrap-two h1 {
    font-size: 40px;
    font-weight: 800;
    margin: 8px 0 18px 0;
    text-align: left;
}

.security-training li {
    margin: 0 0 15px 0;
}

.security-training li p {
    font-size: 15px;
}

.security-training li h2 {
    line-height: 28px;
    margin-bottom: 6px;
    font-size: 23px;
    font-weight: 600;
}

.types-digital-sec {
    /*background-color: #f4df0b;*/
    background-size: contain;
    background-position: top right;
    padding: 10px 0 55px 0;

}

.types-digital-sec ul {
    margin: 0;
    padding: 0;
}

.types-digital-sec li {
    margin: 0 0 30px 0;
    padding: 0 0 0 90px;
    list-style-type: none;
}

.types-digital-sec li h2 {
    line-height: 18px;
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 600;
}

.white-bg {
    background: #fff;
    padding: 34px;
    margin-bottom: 30px;
    border-radius: 8px;
    min-height: 325px;
}

.white-bg h2 {
    font-weight: 600;
    font-size: 25px;
    padding-bottom: 12px;
}


.approach-sec {
    width: 100%;
    position: relative;
    padding: 10px 0 60px 0;
    overflow: hidden;
    background: url(../img/our-approach.jpg) #0D0E11 no-repeat;
    background-size: 100% 101%;
}

.approach-sec .automation-content .title {
    padding-top: 33px;
}

.approach-sec .automation-content .title .title-wrapper {
    font-size: 40px;
}

.approach-sec .automation-content .description p {
    width: 100%;
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 15px;
}

.approach-sec .automation-content .description h2 {
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
}

.approach-sec ul {
    margin: 55px 0 0px 0;
    padding: 0;
}

.approach-sec li {
    margin: 0 0 15px 0;
    padding: 17px 17px 17px 135px;
    list-style-type: none;
    position: relative;
}

.approach-sec li .numbers {
    position: absolute;
    display: block;
    left: 10px;
    top: 1px;
    color: #F68484;
    font-size: 28px;
    font-weight: 600;
}

.approach-sec li p {
    margin-bottom: 0;

}

.approach-sec li h2 {
    margin: 0 0 8px 0;
    font-size: 24px;
    font-weight: 600;
}

.approach-sec li.full-degree {
    background: url(../img/360-degree.png) 42px 29px no-repeat;
    background-color: rgba(255, 255, 255, 0.90);
}

.approach-sec li.enterprise-innovation {
    background: url(../img/enterprise-innovation.png) 38px 29px no-repeat;
    background-color: rgba(255, 255, 255, 0.90);
}

.approach-sec li.implementation {
    background: url(../img/implementation.png) 42px 29px no-repeat;
    background-color: rgba(255, 255, 255, 0.90);
}

.approach-sec li.digital-support {
    background: url(../img/digital-support.png) 40px 25px no-repeat;

    background-color: rgba(255, 255, 255, 0.90);
}

.bg-divide {
    /*background-image: url(../img/test.png);*/
    background-repeat: repeat-y;
    background-position: top left;
    background-size: 49.25% auto;
}

.how-success-sec {
    padding: 0px 0 0px 0;

}

.how-success-sec h2 {
    line-height: 28px;
    margin-bottom: 6px;
    font-size: 23px;
    font-weight: 600;
}

.how-success-img-wrap {
    text-align: right;
    margin-bottom: 25px;

}

.how-success-img-wrap img {
    max-width: 100%;
}

.no-gutters {
    padding-right: 0;
    padding-left: 0;
}

.how-success-sec ul {
    margin: 0 0 30px 0;
    padding: 0;

}

.how-success-sec ul li {
    list-style-type: none;
    background: url(../img/list-bullet-small.png) no-repeat 0 3px;
    padding-left: 24px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
}

.success-business-wrap {
    padding: 0px 0 0px 0px;
    position: relative !important;
    overflow: hidden;
    margin: 0 0 30px 0;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.success-business-wrap h1 {
    font-size: 40px;
    font-weight: 800;
    margin: 0px 0 18px 0;
    text-align: left;
    color: #f68484;
}

.padding-top-bottom {
    padding: 60px 0 5px 0;
}

.managed-service-img-wrap {
    padding-top: 80px;
}

.managed-service-img-wrap img {
    max-width: 100%;

}

.our-offerings-sec {
    background-color: #dd23740f;
    background-size: contain;
    padding: 40px 0 55px 0;

}

.our-offerings-sec h1 {
    font-size: 50px;
    color: #007bff;
}

.our-offerings-sec h2 {
    font-size: 28px;
    font-weight: 600;
    /*padding-top: 20px;*/
}

.our-offerings-sec ul {
    margin: 0 0 0 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #B28300;
}

.our-offerings-sec ul li {
    margin: 0;
   /* padding: 0 0 8px 0;*/
    list-style-type: none;
    line-height: 20px;
}

.our-offerings-sec .second-colm-p {
    padding-left: 30px;
}

.offerings-border-right {
    border-right: 1px solid #B28300;
}

.no-b-border {
    border-bottom: none !important;
}

.our-offerings-sec .min-height {
    /*min-height: 400px;*/
}

.our-platform-sec {
    width: 100%;
    min-height: 777px;
    position: relative;
    padding: 60px 0;
    overflow: hidden;
    background-color: #141415;
    background: url(../img/our-platform.jpg) center no-repeat;
    background-size: cover;
}

.our-platform-sec h1 {
    color: #f68484;
    font-size: 50px;
    font-weight: 800;
    margin: 0px 0 18px 0;
    text-align: left;
}

.our-platform-sec p {
    color: #fff;
}

.our-platform-sec ul {
    margin: 20px 0 0 0;
    padding: 0;
}

.our-platform-sec ul li {
    margin: 0 0 15px 0;
    padding: 0;
    border-radius: 8px;
    background: #FFFFFF;
    padding: 25px;
    list-style-type: none;
    font-size: 18px;
    font-weight: 600;
}

.multi-cloud-service-sec {
    padding: 0px 0 30px 0;
    background-color: #fff;
}

.multi-cloud-list {
    border-radius: 14px;
    background: #dd23740f;
    width: 100%;
    padding: 30px 18px 30px 18px;
    text-align: left;
    margin-bottom: 30px;
    border: 1px solid #eb1874;
}

.multi-cloud-list h1 {
    font-size: 25px;
    margin: 15px 0 15px 0;
    font-weight: 600;
}

.multi-cloud-list .multi-cloud-img {
    vertical-align: top;
    display: table-cell;
}

.multi-cloud-img img {
    vertical-align: bottom;
}

.multi-cloud-list ul {
    margin: 0;
    padding: 0;

}

.multi-cloud-list ul li {
    list-style-type: none;
    background: url(../img/list-bullet-small.png) no-repeat 0 3px;
    background-size: 12px 12px;
    padding-left: 22px;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 20px;
}

.staff-augmentation-img-wrap {
    padding-top: 0px;
}

.staff-augmentation-img-wrap img {
    max-width: 100%;

}

.choosing-model-sec {
    background-color: #000000;
    background-size: contain;
    padding: 40px 0 55px 0;
    color: #fff;

}

.choosing-model-sec h1 {
    font-size: 40px;
    font-weight: 800;
    margin: 8px 0 35px 0;
    color: #007bff;
    text-align: left;
}

.choosing-model-sec h2 {
    font-size: 26px;
    font-weight: 600;
    padding-top: 20px;
    color: #007bff;
    margin-bottom: 20px;
    text-align: center;
}

.choosing-model-sec h3 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.choosing-model-sec .model-types {
    border-left: 1px solid #007bff;
    border-right: 1px solid #007bff;
    border-bottom: 1px solid #007bff;
    width: 100%;
    padding: 20px;
    display: table;
    overflow: hidden;
}

.choosing-model-sec .model-types:first-child {
    /*margin-top: 74px;*/
}

.choosing-model-sec .model-types ul {
    margin: 0;
    padding: 0;
}

.choosing-model-sec .model-types ul li {
    margin: 0 0 10px 14px;
    padding: 0 0 0 0;
    list-style-type: square;
}

.choosing-model-sec .model-types-one {
    min-height: 180px;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    border: 1px solid #007bff;
}

.choosing-model-sec .model-types-two {
    min-height: 150px;
}

.choosing-model-sec .model-types-three {
    min-height: 280px;
}

.choosing-model-sec .model-types-four {
    min-height: 445px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.content-middle {
    line-height: normal;
    display: table-cell;
    vertical-align: middle;
}

.content-middle-one {
    min-height: 500px;
    display: table-cell;
    vertical-align: middle;
}

.sec-yellow {
    background: #007bff !important;
    color: #fff;
    border-color: #000000 !important;
}

.top-talent-sec {
    width: 100%;
    height: 100vh;
    min-height: 777px;
    position: relative;
    padding: 60px 0;
    overflow: hidden;
    /*background-color: #0000ff2e;*/
    background-size: cover;
}

.top-talent-sec h1 {
    color: #0000ff8a;
    font-size: 40px;
    font-weight: 800;
    margin: 0px 0 18px 0;
    text-align: right;
}

.mobile-talent-img{
    display: none;
}

.talent-steps {
    padding-top: 40px;
    text-align: center;
    position: relative;
}

.talent-steps img {
    max-width: 65%;

}

.talent-steps .talent-one {
    position: absolute;
    right: 0px;
    top: 87px;
    text-align: left;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.talent-steps .talent-two {
    position: absolute;
    right: 0px;
    top: 184px;
    text-align: left;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;

}

.talent-steps .talent-three {
    position: absolute;
    right: 0px;
    top: 280px;
    text-align: left;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;

}

.talent-steps .talent-four {
    position: absolute;
    right: 0px;
    top: 380px;
    text-align: left;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;

}

.talent-steps .talent-five {
    position: absolute;
    right: 0px;
    bottom: 48px;
    text-align: left;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;

}

.how-benefit-sec {
    padding: 30px 0 30px 0;
    background-color: #fff;
}

.contact-header {
    width: 100%;
    height: 380px;
    padding: 0px 0;
    background: #000 url(../img/contact-header.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;

}

.contact-header h1 {
    font-size: 40px;
    font-weight: 800;
    margin: 0;
    padding-top: 250px;
    color: #F68484;
    text-align: left;
}

.current-openings-sec {
    padding: 30px 0 30px 0;
    background-color: #F8F8F8;
}

.openings-list {
    border-radius: 14px;
    background: #fff;
    width: 100%;
    padding: 18px;
    text-align: left;
    margin-bottom: 30px;
    border: 1px solid #FFBB00;
    transition: all 0.5s ease;
    min-height: 265px;
}

.openings-list:hover {
    border-radius: 14px;
    background: #141415;
    width: 100%;
    padding: 18px;
    text-align: left;
    margin-bottom: 30px;
    border: 1px solid #FFBB00;
    transform: scale(1.05);
}

.openings-list:hover a.know-more-btn {
    display: block;
    color: #fff;
    background: url(../img/opening-more-arrow.png) 90px 1px no-repeat;
    padding: 0 23px 0 0;
}

.openings-list:hover a.know-more-btn:hover {
    color: #fbf700;
}

.openings-list:hover h1 {
    color: #fbf700;
}

.openings-list:hover p {
    color: #fff;
}

.openings-list a h1 {
    font-size: 20px;
    margin: 0px 0 15px 0;
    font-weight: 600;
    color: #000;
}
.sub-head-in{
    display: none;
}
.sub-head-in-two{
    display: none;
}
.only-large-screen{
    display: block;
}
.openings-list a p {
    color: #000;
}

.openings-list a.location {
    background: #fbf700 url(../img/location.png) 10px 8px no-repeat;
    color: #000;
    width: auto;
    padding: 5px 15px 5px 30px;
    display: inline-block;
    float: right;
    margin-right: -18px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    font-weight: 600;

}

.openings-list a.location:hover {
    background: #FFA200 url(../img/location.png) 10px 8px no-repeat;
}

.openings-list a.know-more-btn {
    display: none;
}


.send-resume-sec {
    padding: 80px 0 80px 0;
    background: rgba(0, 0, 0, 0.80);
    color: #fff;

}

.send-resume-sec h1 {
    font-size: 40px;
    margin: 0 0 15px 0;
    font-weight: 600;
    color: #fbf700;
}


.send-resume-sec .yellow-explore {
    font-size: 20px;
    font-weight: 700;
    background: #FFBB00;
    padding: 8px 20px;
    border: 1px solid #fbf700;
    border-radius: 100px;
    color: #fff;
    outline: none;
    min-width: 210px;
    z-index: 10000;
    bottom: auto;
    margin-left: 6px;
}

.send-resume-sec button.yellow-explore:hover,
.send-resume-sec button.yellow-explore:focus {
    -webkit-animation: upload-resume 1s;
    animation: upload-resume 1s;
    background: #E8A207;
    color: #fff;
    box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

.send-resume-arrow {
    position: absolute;
    left: -5px;
    top: -28px;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.send-resume-arrow img {
    max-width: 85%;
}

.careers-email {
    float: right;
    width: 340px;
    padding: 40px 30px;
    background: #fff;
    border-radius: 14px;
    color: #000;
}

.careers-email-id {
    display: block;
    background: url(../img/email-ico.png) 0px 10px no-repeat;
    padding: 6px 0 0 35px;
}

.career-details-header {
    width: 100%;
    height: 380px;
    padding: 0px 0;
    background: #000 url(../img/career-detail-header.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.career-details-header h1 {
    font-size: 40px;
    font-weight: 800;
    margin: 0;
    padding-top: 250px;
    color: #fff;
    text-align: left;
}

.terms-privacy-header {
    width: 100%;
    height: 180px;
    padding: 0px 0;
    background: #373737;
    position: relative;

}

.terms-privacy-header h1 {
    font-size: 40px;
    font-weight: 800;
    margin: 0;
    padding-top: 110px;
    color: #FFBB00;
    text-align: left;
}



.career-details-sec {
    padding: 50px 0;
    background: #fff;
}

.career-details-sec h2 {
    font-size: 20px;
    font-weight: 600;
}

.career-details-sec p {
    margin-bottom: 25px;
}

.career-details-header button.yellow-explore {
    margin-top: 250px;
    float: right;
    padding: 8px 30px;
}

.career-details-header button.yellow-explore:hover,
.career-details-header button.yellow-explore:focus {
    -webkit-animation: upload-resume 1s;
    animation: upload-resume 1s;
    background: #E8A207;
    color: #fff;
    box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

.modal-footer button.yellow-explore {
    padding: 10px 55px;
}

.modal-footer button.yellow-explore:hover,
.modal-footer button.yellow-explore:focus {
    -webkit-animation: upload-resume 1s;
    animation: upload-resume 1s;
    background: #E8A207;
    color: #fff;
    box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

.thank-you-main {
    height: 273px;
    vertical-align: bottom;
    display: table-cell;
}

.thank-you {
    vertical-align: bottom;
    text-align: center;
}

.thank-you h2 {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0;
}

.thank-you p {
    padding: 15px 0;
}

.thank-you button.yellow-explore:hover,
.thank-you button.yellow-explore:focus {
    -webkit-animation: upload-resume 1s;
    animation: upload-resume 1s;
    background: #E8A207;
    color: #fff;
    box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

.why-process-sec {
    background-color: #ffffff;
    background-size: contain;
    background-position: top right;
    padding: 50px 0;
}

.why-process-sec h1 {
    font-size: 40px;
    font-weight: 800;
    margin: 8px 0 30px 0;
    text-align: left;
}

.why-process-sec h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 13px;
}

.what-we-do-sec {
    background-color: #000000;
    background-size: contain;
    padding: 55px 0 55px 0;
    color: #fff;

}

.what-we-do-sec h1 {
    font-size: 40px;
    font-weight: 800;
    margin: 8px 0 35px 0;
    color: #e30d77;
    text-align: left;
}

.what-we-do-sec h2 {
    font-size: 24px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 25px;
}

.we-help-you-list {
    border-radius: 14px;
    background: #fff;
    width: 100%;
    padding: 45px 18px 45px 18px;
    text-align: left;
    margin-bottom: 30px;
    color: #000;
    border: 1px solid #000;
}

.we-help-you-list h1 {
    font-size: 25px;
    margin: 15px 0 15px 0;
    font-weight: 600;
    color: #000;
}

.we-help-you-list .multi-cloud-img {
    vertical-align: top;
    display: table-cell;
}

.we-help-you-list img {
    vertical-align: bottom;
}

.case-studies-sec {
    padding: 50px 0 50px 0;
    background-color: #fff;
}


.case-studies-sec h1 {
    font-size: 40px;
    font-weight: 800;
    margin: 8px 0 30px 0;
    text-align: left;
}


.case-studies-list {
    border-radius: 14px;
    background: #fff;
    width: 100%;
    padding: 0px;
    text-align: left;
    margin-bottom: 30px;
    border: 1px solid #FFBB00;
    transition: all 0.5s ease;
    min-height: 265px;
}

.case-inner-content {
    padding: 18px 18px 50px 18px;

}

.case-studies-list:hover {
    border-radius: 14px;
    background: #141415;
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
    border: 1px solid #FFBB00;
    transform: scale(1.05);
}

.case-studies-list:hover a.know-more-btn {
    display: block;
    color: #fff;
    background: url(../img/opening-more-arrow.png) 90px 1px no-repeat;
    padding: 0 23px 0 0;
}

.case-studies-list:hover a.know-more-btn:hover {
    color: #fbf700;
}

.case-studies-list:hover h1 {
    color: #F68484;
}

.case-studies-list:hover p {
    color: #fff;
}

.case-studies-list a h1 {
    font-size: 20px;
    margin: 0px 0 15px 0;
    font-weight: 600;
    color: #000;
}

.case-studies-list a p {
    color: #000;
}

.case-studies-list a.location {
    background: #fbf700 url(../img/location.png) 10px 8px no-repeat;
    color: #000;
    width: auto;
    padding: 5px 15px 5px 30px;
    display: inline-block;
    float: right;
    margin-right: -18px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    font-weight: 600;

}

.case-studies-list a.location:hover {
    background: #FFA200 url(../img/location.png) 10px 8px no-repeat;
}

.case-studies-list a.know-more-btn {
    display: none;
}

.case-study-img-wrap {
    padding-top: 0px;
    position: relative;
    height: 235px;
}

.case-study-img-wrap img {
    max-width: 100%;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;

}

.case-study-img-wrap .overlay {
    background: rgba(0, 0, 0, 0.37);
    width: 100%;
    position: absolute;
    height: 235px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    transition: all 0.5s ease;
}


.case-studies-list:hover .case-study-img-wrap .overlay {
    background: rgba(0, 0, 0, 0);
    transition: all 0.5s ease;
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/

#footer {
    color: #fff;
    padding: 0px 0;
    background: #000;
    background-position: center center;
    background-size: cover;
    position: relative;
}

#footer .footer-top {
    padding: 60px 0 30px 0;
}

#footer .footer-top .container {
    position: relative;
    overflow: inherit
}

#footer .footer-top .footer-info {
    color: #fff;
    padding: 0px 47px 0px 0px;
}

#footer .footer-top .footer-info h3 {
    font-size: 24px;
    margin: 0 0 20px 0;
    padding: 2px 0 2px 0;
    line-height: 1;
    font-weight: 700;
}

#footer .footer-top .footer-info p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
    font-weight: 400;
    padding-top: 5px;
    color: rgba(255, 255, 255, 0.60);
}

#footer .footer-top h4 {
    font-size: 24px;
    font-weight: 500;
    color: #F68484;
    position: relative;
    padding-bottom: 22px;
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
}

#footer .footer-top .footer-links {
    margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer .footer-top .footer-links ul i {
    padding-right: 2px;
    color: #61ebba;
    font-size: 18px;
    line-height: 1;
}

#footer .footer-top .footer-links ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
    padding-top: 0;
}

#footer .footer-top .footer-links ul a {
    transition: 0.3s;
    display: inline-block;
    line-height: 1;
    color: rgba(255, 255, 255, 0.60);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

#footer .footer-top .footer-links ul a:hover {
    color: #fff;
}

#footer .copyright {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    padding-top: 15px;
}

.apply-post-outerwrap {
    position: relative;
}

.content-overflow {
    overflow: inherit !important;
}

.apply-post-wrap {
    position: absolute;
    width: calc(100% - 32px);
    height: 100%;
    background: #ffffff;
    top: -216px;
    z-index: 996;
    border: 1px solid #707070;
}

.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 500px;
    max-width: 100%;
    height: 100%;
}

.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.right .modal-body {
    padding: 34px 34px 0px;
}

.modal.right .modal-footer {
    padding: 5px 34px 34px;
    border-top: 0;
}

.modal.right.fade .modal-dialog {
    right: -500px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}

.modal.right .modal-content {
    border-radius: 0;
    border: none;
}

.modal.right .modal-dialog.modal-sm {
    width: 300px;
}

.modal.right .modal-dialog.modal-lg {
    width: 800px;
}

.modal.right .modal-dialog.modal-xl {
    width: 1140px;
}

/* Top and Bottom */

.top-btn-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.top-btn-wrap p {
    color: #a1a1a1;
    font-size: 18px;
    font-weight: 400;
}

/* Top */

#right_modal {
    z-index: 99999;
}

#right_modal .modal-content {
    border-radius: 0;
    border: 1px solid #707070;
}

#right_modal .modal-header {
    background: #fbf700;
    color: #ffffff;
    border: 0;
    border-radius: 0;
}

.linkedin-signin-btn {
    font-size: 18px;
    font-weight: 700;
    padding: 13px 12px;
    border-radius: 6px;
    background: #0073B1;
    color: #ffffff;
    border: 0;
    outline: 0;
    box-shadow: none;
    white-space: nowrap;
    max-width: 232px;
    margin-bottom: 30px;
    float: right;
}

.linkedin-signin-btn:hover {
    background: #fbf700;
    box-shadow: none;
    color: #ffffff;
}

.letsconnect-left .form-group .form-control {
    background-color: rgba(255, 255, 255, 0.15);
    border: 1px solid #A7A7A7;
    border-radius: 6px;
    color: #000;
    line-height: normal;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    padding: 12px 18px 12px 18px;
}

.letsconnect-left .form-group .form-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(0, 0, 0, 0.50);
    opacity: 1;
    /* Firefox */
}

.letsconnect-left .form-group .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, 0.80);
}

.letsconnect-left .form-group .form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0.80);
}

.letsconnect-left .form-group textarea {
    min-height: 110px;
}

.blue-area {
    max-width: 100%;
    width: 472px;
    max-height: 100%;
    height: 476px;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(255, 255, 255, 0);
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, 0);
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, 0);
}

#right_modal .form-group .form-control {
    background-color: transparent;
    border: 1px solid #A7A7A7;
    border-radius: 6px;
    color: #141415;
    line-height: normal;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    padding: 13px 12px 13px 12px;
}

#right_modal .form-group textarea {
    min-height: 144px;
}

#right_modal .modal-content h2 {
    margin-top: 12px;
    font-size: 24px;
    font-weight: 700;
    color: #141415;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
}

#right_modal .modal-footer > * {
    margin: 0;
}

#right_modal .modal-content .close {
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    opacity: 1;
}

#right_modal .modal-header .close {
    padding: .6rem 1rem;
}

.fileinfo-wrap {
    height: 96px;
    background: #E4EDF3;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 16px;
}

body.modal-open {
    padding-right: 0 !important;
}

.form-content {
    height: 100%;
    padding-top: 0px;

}

.bg-white {
    background: #ffffff !important;
}

.contact .php-email-form .loading {
    display: none;
    background: #fff;
    text-align: center;
    padding: 15px;
}

.contact .php-email-form .error-message {
    display: none;
    color: #fff;
    background: #ed3c0d;
    text-align: left;
    padding: 15px;
    font-weight: 600;
}

.contact .php-email-form .sent-message {
    display: none;
    color: #fff;
    background: #18d26e;
    text-align: center;
    padding: 15px;
    font-weight: 600;
}

@media (max-width: 1200px) {
    .top-talent-sec h1 {
        color: #0000ff8a;
        font-size: 36px;
        font-weight: 800;
        margin: 0px 0 18px 0;
        text-align: right;
    }

    .parallax-slider .pagination-ctrl {
        right: 104px;
    }


    .talent-steps img {
        max-width: 59%;
    }

    .talent-steps .talent-one {
        right: 1px;
        top: 78px;
        font-size: 17px;
        line-height: 22px;

    }

    .talent-steps .talent-two {
        right: 64px;
        top: 170px;
        font-size: 17px;
        line-height: 22px;

    }

    .talent-steps .talent-three {
        right: 148px;
        top: 260px;
        font-size: 17px;
        line-height: 22px;

    }

    .talent-steps .talent-four {
        right: 121px;
        top: 356px;
        font-size: 17px;
        line-height: 22px;

    }

    .talent-steps .talent-five {
        right: 341px;
        bottom: 50px;
        font-size: 17px;
        line-height: 22px;
    }

    .automation-sec {
        padding: 25px 0 0 0;
    }

    .technology-sec {
        padding: 25px 0 0 0;
    }

    .adaptive-img-wrap img {
        max-width: 63%;
    }

    .adaptive-img-wrap {
        right: -363px;
        top: 66px;
    }

    .managed-img-wrap img {
        max-width: 72%;
    }

    .managed-img-wrap {
        right: -282px;
        top: 186px;
    }

    .about-img-wrap img {
        max-width: 82%;
    }

    .about-img-wrap {
        right: -114px;

    }

    .accelerators-sec ul {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .accelerators-sec li {
        width: 33.33%;
        margin-bottom: 20px;
    }
}

@media (max-width: 992px) {
    .office-info-wrap {
        margin-bottom: 30px;
    }

    .our-platform-sec {

        background: url(../img/our-platform.jpg) right no-repeat;

    }

    .offer-b-r-none {
        border-right: none;
    }

    .our-offerings-sec ul {
        border-bottom: none;
    }

    .our-offerings-sec h2 {
        border-top: 1px solid #B28300;
    }

    .our-offerings-sec .second-colm-p {
        padding-left: 15px;
    }

    .managed-service-img-wrap {
        padding-top: 0px;
    }

    .white-bg {
        background: #fff;
        padding: 34px;
        margin-bottom: 30px;
        border-radius: 8px;
        min-height: 500px;
    }

    .inner-section-card-wrap-two {
        padding: 25px 0 0 0;
    }

    .inner-section-card-wrap p {
        margin-top: 8px;
    }

    .inner-section-card-wrap {
        padding: 25px 0 0 0;
    }

    a.back-to-top {
        right: 28px;
        bottom: 30px;
    }

    .adaptive-sec {
        padding: 0px 0 0 0;
    }

    .careers-img-wrap img {
        max-width: 70%;
    }

    .upload-resume {
        display: block;
        margin-top: 20px;
        min-width: 0px;
        margin-left: 0px;
    }

    .news-headline-ul li a:link,
    .news-headline-ul li a:visited {
        padding: 0px 40px 0 0;
        font-size: 22px;
        line-height: 40px;
    }

    .adaptive-content .title .title-wrapper {
        font-weight: 900;
        font-size: 72px;
        color: #fbf700;
        padding-top: 100px;
        margin-bottom: 0;
        line-height: 1;
        display: block;

    }

    .careers-sec .adaptive-content .title .title-wrapper {
        padding-top: 0px;
    }

    .managed-sec {
        padding: 118px 0 0 0;
    }

    .managed-sec .adaptive-content .title .title-wrapper {
        padding-top: 0px;
    }


    .managed-img-wrap {
        right: -259px;
        top: 240px;

    }

    .managed-img-wrap img {
        max-width: 75%;
    }

    .about-img-wrap {
        position: absolute;
        right: -260px;
        top: 150px;
        z-index: -1;
        -moz-animation: bounce 2s infinite;
        -webkit-animation: bounce 2s infinite;
        animation: bounce 2s infinite;
    }

    .about-img-wrap img {
        max-width: 60%;
    }

    .company-right {
        padding-bottom: 40px;

        justify-content: center;
    }

    .company-left {
        padding-bottom: 0;
    }

    .why-chooseus-sec .chooseus-item p span {
        font-size: 28px;
    }

    .why-chooseus-sec .chooseus-item h6 {
        font-size: 36px;
    }

    .why-chooseus-sec .chooseus-item p {
        font-size: 18px;
    }

    .why-chooseus-sec .chooseus-item li {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .why-chooseus-sec .chooseus-item li:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0px;
    }

    .salesforce-header {
        margin: 64px 0 0 0;
    }

    .inner-banner-content h2 {
        font-size: 75px;
        line-height: 75px;
    }

    .inner-banner-content p {
        font-size: 18px;
        line-height: normal;
    }

    #header {
        height: 64px;
    }

    #header .logo h1 {
        font-size: 28px;
    }

    .banner-content h2 {
        font-size: 75px;
        line-height: 75px;
    }

    .banner-content h4 {
        font-size: 55px;
        line-height: 55px;
    }

    .banner-content p {
        font-size: 18px;
        line-height: normal;
    }

    .back-to-top {
        padding: 20px 20px;
        right: 24px;
    }

    .innerpage-header {
        margin-top: 64px;
    }

    .hero-letsconnect {
        padding: 64px 0 0 0;
    }

    .automation-sec {
        padding: 150px 0 0 0;
    }

    .what-we-do-sec {
        padding: 64px 0 0 0;
    }

    .hero-careers {
        padding: 64px 0 0 0;
    }

    .automation-content .title .title-wrapper {

        line-height: 40px;
        font-weight: 900;
        font-size: 55px;
        color: #fbf700;
        padding-top: 10px;
        margin-bottom: 0;
        line-height: 1;
        display: block;

    }

    .automation-content .title .subtitle-wrapper {
        font-weight: 300;
        font-size: 45px;
        color: #ffffff;
        padding-top: 5px;
        margin-bottom: 0;
        text-transform: none;
        line-height: 1;
        display: block;
    }

    .automation-content .title .subtitle2-wrapper {
        font-weight: lighter;
        font-size: 23px;
        color: #ffffff;
        padding-top: 20px;
        margin-bottom: 0;
        text-transform: none;
        line-height: 1;
        display: block;
    }

    .automation-content .description p {
        font-weight: 300;
        font-size: 16px;
        line-height: 28px;
        margin-top: 10px;
        margin-bottom: 46px;
        color: #ffffff;
        width: 100%;

    }

    @media (max-width: 991px) {
        .form-content {
            padding-top: 0px;
        }


        .how-success-img-wrap {
            text-align: center;
        }

        .talent-steps img {
            max-width: 68%;
        }

        .talent-steps .talent-one {
            right: 12px;
            top: 214px;
            color: #fff;
        }

        .talent-steps .talent-two {
            right: 65px;
            top: 292px;
            color: #fff;
        }

        .talent-steps .talent-three {
            right: 139px;
            top: 366px;
            color: #fff;
        }

        .talent-steps .talent-four {
            right: 90px;
            top: 443px;
            color: #fff;
        }

        .talent-steps .talent-five {
            right: 333px;
            bottom: 36px;
            color: #fff;
        }

        .top-talent-sec {
            width: 100%;
            height: 100vh;
            min-height: 777px;
            position: relative;
            padding: 60px 0;
            overflow: hidden;
            /*background-color: #FFBB00;
            background: url(../img/top-talent.jpg) left no-repeat;*/
            background-size: cover;
        }

        .top-talent-sec h1 {
            text-align: center;
        }

        .talent-steps {
            padding-top: 190px;
            text-align: left;
            position: relative;
        }

        .bg-divide {
          /*  background-image: url(../img/test.png);*/
            background-repeat: repeat-x;
            background-position: top;
            background-size: 150.2% auto;
        }

        .hero-letsconnect a.scroll-btn {
            display: none;
        }

        .form-content .container {
            padding-left: 0;
            padding-right: 0;

        }

        .success-business-wrap {
            margin: 0 0 0px 0;
        }

        .reachus-sec ul {
            margin-bottom: 0px;
        }

        .leader-info-left {
            background-position: center center;
            min-height: 428px;
        }

        .leader-info-right {
            background-position: center center;
            min-height: 428px;
        }

        .mob-pb-0 {
            padding-bottom: 0 !important;
        }

        .leader-name-board-left {
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            width: 284px;
            bottom: 0;
        }

        .leader-name-board-right {
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            width: 284px;
            bottom: 0;
        }

        #hero {
            padding-top: 0px;
        }

        #hero .animated {
            -webkit-animation: none;
            animation: none;
        }

        #hero .hero-img {
            text-align: center;
        }

        #hero .hero-img img {
            max-width: 50%;
        }

        #hero h2 {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 30px;
        }

        .why-chooseus-sec .chooseus-item h4 {
            font-size: 38px;
        }

        .box-content a.first-link {
            margin-bottom: 20px;
        }
    }

    @media (max-width: 812px) {
        .swiper-pagination-bullet {
            margin: 0 6px !important;
        }

        .swiper-pagination-bullet:last-child {
            margin: 0 0px 0 6px !important;
        }

        .social-media {
            display: block;
            font-size: 0;
            text-align: left;
        }

        .social-media a {
            margin-right: 6px;
        }

        .social-media a * {
            width: 26px;
        }

        .extra-container {
            position: absolute;
            bottom: 89px;
            color: white;
            width: 100%;
            z-index: 100;
        }

        .parallax-slider .content .title .title-wrapper {
           
            font-size: 36px;
            text-align: center;
        }

        .parallax-slider .content .title .subtitle-wrapper {
            font-size: 26px;
            text-align: center;
        }

        .parallax-slider .content .description p {
            font-size: 14px;
            line-height: 22px;
            margin-bottom: 15px;
            text-align: center;
            width: 100%;
        }

        .parallax-slider .content .description p a {
            color: #ffffff;
            text-decoration: none;
        }

        .parallax-slider .content .description {
            text-align: center;
        }

        .parallax-slider .content .description button {
            font-size: 12px;
            font-weight: 700;
            background: #007bff;
            padding: 6px 17px;
            border: 0;
            border-radius: 100px;
            color: #ffffff;
            outline: none;
        }
    }

    @media screen and (max-width: 768px) {
        [data-aos-delay] {
            transition-delay: 0s !important;
        }

        .col-lg-12{
            display: block!important;
        }

        .technology-sec h1 {
            font-size: 34px;
            margin-bottom: 0px;
        }

        .technology-sec {
            padding: 25px 0 30px 0;
        }

        .offshore-sec .inner-section-card-wrap h1 {
            padding: 25px 0 0 0;
            margin: 0;
        }

        .offshore-img-wrap {
            margin-top: 25px;
        }

        .our-agile-img-wrap {
            margin-bottom: 25px;
        }

        .service-result-sec li h2 {
            line-height: 30px;
        }

        .linkedin-signin-btn {
            float: left;
        }

        .adaptive-img-wrap {
            position: static;
            text-align: center;
        }

        .adaptive-img-wrap img {
            max-width: 74%;
        }

        .adaptive-content .title .title-wrapper {
            font-weight: 900;
            font-size: 72px;
            color: #fbf700;
            padding-top: 50px;
            margin-bottom: 0;
            line-height: 1;
            display: block;
        }

        .adaptive-content .description p {
            width: 100%;
        }

    }

    @media (max-width: 767px) {
        .cookies-inner-wrap {
            align-items: flex-start;
            flex-direction: column;
            margin: 30px 0px;
        }
        .content-middle {
            display:block;
            vertical-align: middle;
        }
        .only-large-screen{
            display: none;
        }
        .sub-head-in{
            text-align: left;
            display: block;
            color: #fff;
            font-size: 22px !important;
            padding-bottom: 4px;
        }
        .sub-head-in-two{
            text-align: left;
            display: block;
            color: #000000 !important;
            font-size: 22px !important;
            padding-bottom: 4px;
        }
        .hamburgerIcon {
            right: 15px;
        }
        #header .logo a{
            margin-left: 0px;
        }
        .parallax-slider .pagination-ctrl {
            right: 14px;
        }

        .navbar-nav .home,
        .navbar-nav .services,
        .navbar-nav .careers,
        .navbar-nav .contact {
            background-position: 20px 15px;
        }

        .navbar-nav .nav-item ul li.service-one {
            background:none;
        }

        .career-details-sec {
            padding: 25px 0;
            background: #fff;
        }

        .send-resume-arrow {
            position: inherit;
            left: 0px;
            top: 0px;
            margin: 25px 0 25px 10px;
            text-align: center;
        }

        .send-resume-arrow img {
            max-width: 72%;
        }

        .send-resume-sec {
            padding: 30px 0 40px 0;
            background: rgba(0, 0, 0, 0.80);
            color: #fff;
        }

        .send-resume-sec h1 {
            font-size: 34px;
            margin: 0 0 15px 0;
            font-weight: 600;
            color: #fbf700;
        }

        .current-openings-sec {
            padding: 0;
        }

        .case-studies-sec {
            padding: 30px 0;
        }

        .case-studies-sec h1 {
            font-size: 34px;
        }

        .what-we-do-sec {
            padding: 30px 0;
        }

        .what-we-do-sec h1 {
            font-size: 34px;
            margin: 8px 0 20px 0;
        }

        .why-process-sec {
            padding: 30px 0;
        }

        .why-process-sec h1 {
            font-size: 34px;
        }

  
        .large-talent-img{
            display: none;
        }
        .mobile-talent-img{
            display: block;
            margin-left: -6px;
            margin-top: 50px;
        }

        .talent-steps .talent-one {
            left: 150px;
            top: 9px;
        }

        .talent-steps .talent-two {
            left: 150px;
            top: 21%;
        }

        .talent-steps .talent-three {
            left: 150px;
            top: 38%;
        }

        .talent-steps .talent-four {
            left: 150px;
            top: 56%;
        }

        .talent-steps .talent-five {
            left: 150px;
            top: 80%;
        }

        .talent-steps .talent-three,
        .talent-steps .talent-two,
        .talent-steps .talent-one,
        .talent-steps .talent-four,
        .talent-steps .talent-five {
            position: absolute;
            text-align: left;
            font-weight: 600;
            font-size: 11px;
            line-height: 16px;
            color: #000;
            margin-bottom: 20px;
            left: 50%;
            width: 48%;
        }

        .talent-steps {
            padding-top: 0px;
        }

        .talent-steps img {
            max-width: 50%;
        }

        .top-talent-sec h1 {
            font-size: 34px;
            text-align: center;
        }

        .top-talent-sec {

            /*background: url(../img/top-talent-mobile.jpg) center top no-repeat;*/
            padding-top: 25px;
            min-height: 512px !important;
            height: auto;
            padding-bottom: 0;

        }

        .choosing-model-sec .model-types-one {
            min-height: auto;
        }

        .choosing-model-sec .model-types-two {
            min-height: auto;
        }

        .choosing-model-sec .model-types-three {
            min-height: auto;
        }

        .choosing-model-sec .model-types-four {
            min-height: auto;
        }

        .choosing-model-sec .model-types:first-child {
            margin-top: 0px;
        }

        .choosing-model-sec h1 {
            font-size: 35px;

        }

        .our-platform-sec {

            background: url(../img/our-platform.jpg) right no-repeat;

        }

        .our-platform-sec h1 {
            font-size: 34px;
        }

        .our-offerings-sec h2 {
            font-size: 25px;
            font-weight: 600;
            padding-top: 20px;
        }

        .padding-left-0 {
            padding-left: 0;
        }

        .offerings-border-right {
            border-right: none;
        }

        .our-offerings-sec .min-height {
            min-height: auto;
        }

        .no-b-border {
            border-bottom: 1px solid #B28300 !important;
        }

        .offerings-border-right p,
        .offerings-border-right ul,
        .offerings-border-right h2 {
            padding-left: 15px;
        }

        .padding-left-none {
            padding-left: 0;
        }

        .our-offerings-sec .second-colm-p {
            padding-left: 15px;
        }

        .security-business-wrap {
            padding: 26px 0 0px 0px;
            margin: 0 0 0px 0;

        }

        .our-offerings-sec {
            padding: 10px 0 10px 0;
        }

        .managed-service-img-wrap {
            padding-top: 0px;
        }

        .success-business-wrap {
            margin: 0 0 0px 0;
        }

        .approach-sec ul {
            margin: 25px 0 0px 0;
            padding: 0;
        }

        .bg-divide {
            background-image: url(../img/test.png);
            background-repeat: repeat-x;
            background-position: top;
            background-size: 238% auto;
        }

        .security-business-wrap h1 {
            font-size: 34px;
        }

        .inner-section-card-wrap-two h1 {
            font-size: 34px;
        }

        .inner-section-card-wrap-two {
            padding: 26px 0 0px 0px;
        }

        .career-details-header button.yellow-explore {
            margin-top: 10px;
            float: left;
        }


        #footer {
            background-size: auto;
            background-position: top;

        }


        .parallax-slider .content .title {
            padding-top: 23px;
        }

        .logo {
            position: absolute;
            z-index: -1;
        }

        a.back-to-top {
            padding: 20px 20px;
            right: 30px;
        }

        .navingationMain {
            padding: 0px;
            background: #fff;
            color: #000;
            position: absolute;
            top: -57px;
            right: -18px;
            z-index: -1;
            border: 1px solid #707070;
            border-top: 0;
            border-right: 0;
            min-width: 327px;
            overflow: scroll;

        }

        .navbar-nav .nav-item {
            padding: 0 17px;
        }

        .nav-link {
            color: #000000;
            font-size: 16px;
            border-bottom: 1px solid #707070;
            padding-top: 10px;
            padding-bottom: 10px;
            line-height: 26px;
            background: url(../img/menu-arrow.svg) no-repeat right center;
        }


        .careers-sec .adaptive-content .description p {
            width: 100%;
        }

        .careers-sec {
            padding-top: 0;
        }

        .careers-img-wrap {
            display: none;

        }

        .careers-img-wrap2 {
            text-align: center;
            display: block;

        }

        .careers-img-wrap2 img {
            max-width: 86%;
        }

        .news-headlines h2 {
            padding-top: 20px;
        }

        .news-sec {
            width: 100%;
            position: relative;
            padding: 30px 0 20px 0;
            overflow: hidden;
            background: #141415 url(../img/news.jpg) no-repeat;
            background-size: cover;
        }

        .news-sec .automation-content .title {
            padding-top: 0;
            margin-top: 0;
        }


        .approach-sec {
            width: 100%;
            position: relative;
            padding: 30px 0 20px 0;
            overflow: hidden;
            background: #141415 url(../img/our-approach.jpg) no-repeat;
            background-size: cover;
        }

        .approach-sec .automation-content .title {
            padding-top: 0;
            margin-top: 0;
        }



        .news-headline-ul li a:link,
        .news-headline-ul li a:visited {
            padding: 0px 40px 0 0;
            font-size: 20px;
            line-height: 28px;
        }

        .about-img-wrap img {
            max-width: 83%;
        }

        .about-img-wrap {
            position: static;
            text-align: center;
            margin-top: 20px;
        }

        section {
            padding: 18px 0;
        }

        .about-sec .adaptive-content .description p {
            width: 100%;
        }

        .about-sec .adaptive-content .title .title-wrapper {
            padding-top: 0px;
        }

        .every-level {
            font-size: 40px;
            display: block;
            padding-top: 10px;
        }

        .secure-sec {
            padding: 20px 0 0 0;
        }

        .managed-sec {
            padding: 20px 0 0 0;
        }

        .managed-sec .adaptive-content .description p {
            width: 100%;
        }

        .managed-img-wrap {
            position: static;
            margin-top: 20px;
        }

        .managed-img-wrap img {
            max-width: 100%;
        }

        .adaptive-img-wrap img {
            max-width: 100%;
        }

        .automation-sec {
            padding: 0px 0 0 0;
        }

        technology-sec {
            padding: 0px 0 0 0;
        }

        .service-sec {
            padding-top: 15px;
        }

        .service-app-sec {
            padding-top: 15px;
        }

        .section-title h1 {
            font-size: 38px;
        }

        .section-title h2 {
            font-size: 17px;
        }

        .section-card-wrap h3 {
            font-size: 28px;
            line-height: 38px;
        }

        .-nner-section-card-wrap h3 {
            font-size: 28px;
            line-height: 38px;
        }

        .section-card-ul ul {
            padding-top: 0;
        }

        .inner-section-card-wrap {
            padding: 12px 0 0px 0px;
        }

        .section-card-wrap {
            padding: 12px 0 0px 0px;
        }

        .section-card-wrap h1 {
            font-size: 34px;
        }

        .inner-section-card-wrap h1 {
            font-size: 34px;
        }

        .cookies-msg {
            width: 100%;
            margin: 0px 0px 20px;

        }

        .office-info-wrap {

            height: auto;
        }


        a.scroll-btn {
            display: none;
        }

        .commitments-sec p {
            margin-bottom: 30px;
        }

        .w85 {
            width: 100% !important;
        }

        .inner-banner-content h2 {
            font-size: 52px;
            margin-bottom: 15px;
            line-height: 54px;
        }

        .inner-banner-content p {
            font-size: 18px;
            line-height: normal;
        }

        .chooseus-box {
            padding: 40px 0 40px 0;
            height: 240px;
        }

        .chooseus-box.custom-height {
            height: auto;
            flex-direction: column;
        }

        .bg-img-wrap {
            position: static;
            width: 100%;
            text-align: center;
        }

        .bg-img-wrap img {
            max-width: 100%;
            vertical-align: bottom;
        }

        .accelerators-sec li {
            width: 50%;
            margin-bottom: 20px;
        }

        .swiper-pagination-bullet {
            margin: 0 6px !important;
        }

        .swiper-pagination-bullet:last-child {
            margin: 0 0px 0 6px !important;
        }

        .social-media {
            display: block;
            font-size: 0;
            text-align: left;
        }

        .social-media a {
            margin-right: 6px;
        }

        .social-media a * {
            width: 26px;
        }

        .extra-container {
            position: absolute;
            bottom: 16px;
            color: white;
            width: 100%;
            z-index: 100;
        }

        .blue-area {
            margin-top: 20px;
            width: 100%;
            height: auto;
        }

        .purpose-sec .company-left {
            padding-bottom: 0;
        }

        .salesforce-export-sec {
            background-size: cover;
            background-position: top center;
        }

        .reachus-sec {
            padding: 60px 0 40px;
        }

        .office-info-wrap {
            margin-bottom: 40px;
        }

        .office-info-wrap .img-wrap img {
            width: 100% !important;
        }

        .why-join-sec {
            min-height: 100%;
        }

        .breadcrumbs ol {
            margin-bottom: 30px;
        }

        .innerpage-header h2 {
            margin-bottom: 10px;
        }

        .innerpage-header ul li {
            margin-bottom: 8px;
        }

        .btn-text-align {
            text-align: left;
        }

        .our-comments-wrap {
            padding-bottom: 0;
        }

        #footer .footer-top .footer-info {
            color: #fff;
            padding: 0px 0px 0px 0px;
        }

        .parallax-slider .content .title .title-wrapper {
            font-size: 36px;
            text-align: center;
        }

        .parallax-slider .content .title .subtitle-wrapper {
            font-size: 26px;
            text-align: center;
        }

        .parallax-slider .content .description p {
            font-size: 14px;
            line-height: 22px;
            margin-bottom: 15px;
            text-align: center;
        }

        .parallax-slider .content .description {
            text-align: center;
        }

        .parallax-slider .content .description button {
                font-size: 12px;
                font-weight: 700;
                background: #007bff;
                padding: 6px 17px;
                border: 0;
                border-radius: 100px;
                color: #ffffff;
                outline: none;
                
                left: 40%;
        }

        a.back-to-top {
            padding: 20px 20px;
            right: 20px;
        }

        .swiper-pagination {
            text-align: right;
        }

        .parallax-slider .pagination-ctrl {
            margin: 11px 0 0;
        }

        .row > [class*="col-"]:nth-last-child(1) > .section-card-wrap {
            margin-bottom: 0px;
        }

        .reachus-sec li {
            padding-left: 45px;
            font-size: 18px;
        }

        .mail-icon {
            background-size: contain;
        }

        .phone-icon {
            background-size: contain;
        }

        .letsconnect-left .form-group .form-control {
            font-size: 16px;
            padding: 10px 10px 10px 10px;
        }

        .why-join-sec {
            padding: 40px 0px;
        }

        .why-join-sec h4 {
            font-size: 40px;
        }

        .section-title p {
            font-size: 30px;
            line-height: 36px;
        }

        .section-title h6 {
            font-size: 30px;
            line-height: 36px;
        }

        .adaptive-content .title .title-wrapper {
            font-weight: 900;
            font-size: 47px;
            color: #fbf700;
            padding-top: 30px;
            margin-bottom: 0;
            line-height: 1;
            display: block;
        }

        .adaptive-content .description p {
            font-weight: 300;
            font-size: 16px;
            line-height: 28px;
            margin-top: 10px;
            margin-bottom: 22px;
            color: #000000;
            width: 100%;
        }


        .automation-content .title .title-wrapper {
            font-size: 47px;
            margin-bottom: 5px;
            line-height: 54px;
        }

        .adaptive-content .title .subtitle-wrapper {
            font-size: 40px;
            line-height: 40px;
        }

        .automation-content .title .subtitle-wrapper {
            font-size: 40px;
            line-height: 40px;
        }

        .automation-content .description p {
            font-size: 16px;
            line-height: normal;
            line-height: 28px;
            margin-bottom: 22px;
        }
    }

    @media (max-width: 575px) {

        .box-content a.email-wrap {
            display: block;
        }

        .box-content a.email-wrap .mail {
            display: block;
            margin: 0 auto;
        }

        .box-content a.email-wrap .label-div {
            display: block;
            margin: 0 auto;
            text-align: center;
        }

        .accelerators-sec li {
            width: 100%;
            margin-bottom: 20px;
        }

        .accelerators-sec .display-box {
            width: 100%;
            height: 100%;
        }

        #hero .hero-img img {
            width: 80%;
        }

        #footer .footer-top .footer-info {
            margin: -20px 0 30px 0;
        }
    }

    @media (min-width: 375px) {
        #tech-wrap .col {
            max-width: 50% !important;
            flex-basis: 50%;
        }
    }

    @media (min-width: 768px) {
        .accept-btn-wrap .accept-btn {
            margin-right: 90px;
        }

        .impaqters-sec li {
            width: 50%;
        }

        #tech-wrap .col {
            max-width: 50% !important;
            flex-basis: 50%;
        }
    }

    @media (min-width: 992px) {
        .accept-btn-wrap .accept-btn {
            margin-right: 90px;
        }

        .impaqters-sec li {
            width: 33%;
        }

        #tech-wrap .col {
            max-width: 33.33% !important;
            flex-basis: 33.33%;
        }
    }


    @media (min-width: 1024px) {
        .accept-btn-wrap .accept-btn {
            margin-right: 90px;
        }

        #hero {
            background-attachment: fixed;
        }
    }

    @media (min-width: 1200px) {
        .accept-btn-wrap .accept-btn {
            margin-right: 90px;
        }

        .accept-btn-wrap .accept-btn {
            margin-right: 90px;
        }

        #tech-wrap .col {
            max-width: 20% !important;
            flex-basis: 20%;
        }

        .automation-sec .automation-content p {
            width: 64%;
        }

        .hero-letsconnect .banner-content p {
            width: 64%;
        }

        .impaqters-sec li {
            width: 20%;
        }
    }

    /* iPads (portrait and landscape) ----------- */

    @media only screen and (min-width: 768px) and (max-width: 1024px) {


        /* Styles */
    }

    /* iPads (landscape) ----------- */

    @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

        /* Styles */
        .parallax-slider .content .title .title-wrapper {
           
        }

    }

    /* iPads (portrait) ----------- */

    @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

        /* Styles */
        .parallax-slider .content .title .title-wrapper {
            font-size: 70px;
            padding-top: 0;
        }

        .parallax-slider .content .title .subtitle-wrapper {
            font-size: 65px;
        }

        .parallax-slider .content .description p {
            font-weight: 400;
            font-size: 20px;
            line-height: 26px;
            margin-top: 10px;
            margin-bottom: 46px;
        }

        .ipad-auto-margin {
            margin-top: auto !important;
            margin-bottom: auto !important;
        }

        .parallax-slider .content .description button {
            font-size: 18px;
            font-weight: 700;
            background: #007bff;
            padding: 11px 30px;
            border: 0;
            border-radius: 100px;
            color: #ffffff;
            outline: none;
            min-width: 224px;
            left: 35%;
        }
    }

    /**********
iPad 3
**********/

    @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
        /* Styles */
    }

    @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
        /* Styles */
    }

    /* Desktops and laptops ----------- */

    @media only screen and (min-width: 1224px) {
        /* Styles */
    }

    /* Large screens ----------- */

    @media only screen and (min-width: 1824px) {
        /* Styles */
    }

    /* iPhone 4 ----------- */

    @media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

        /* Styles */
        #hero a.scroll-btn {
            display: none;
        }
    }

    @media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

        /* Styles */
        .parallax-slider .content .title .title-wrapper {
            padding-top: 60px;
        }

        #hero a.scroll-btn {
            display: none;
        }
    }

    /* iPhone 5 ----------- */

    @media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {

        /* Styles */
        #hero a.scroll-btn {
            display: none;
        }
    }

    @media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {

        /* Styles */
        #hero a.scroll-btn {
            display: none;
        }
    }

    /* iPhone 6, 7, 8 ----------- */

    @media only screen and (min-width: 375px) and (max-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {

        /* Styles */
        #hero a.scroll-btn {
            display: none;
        }
    }

    @media only screen and (min-width: 375px) and (max-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {

        /* Styles */
        #hero a.scroll-btn {
            display: none;
        }

        .parallax-slider .content .title .title-wrapper {
            padding-top: 20%;
        }
    }

    /* iPhone 6+, 7+, 8+ ----------- */

    @media only screen and (min-width: 414px) and (max-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {

        /* Styles */
        #hero a.scroll-btn {
            display: none;
        }
    }

    @media only screen and (min-width: 414px) and (max-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {

        /* Styles */
        #hero a.scroll-btn {
            display: none;
        }

        /*.parallax-slider .content .title .title-wrapper {
    padding-top: 156px;
}*/
    }

    /* iPhone X ----------- */

    @media only screen and (min-width: 375px) and (max-height: 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {

        /* Styles */
        #hero a.scroll-btn {
            display: none;
        }
    }

    @media only screen and (min-width: 375px) and (max-height: 812px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {

        /* Styles */
        #hero a.scroll-btn {
            display: none;
        }
    }

    /* iPhone XS Max, XR ----------- */

    @media only screen and (min-width: 414px) and (max-height: 896px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {

        /* Styles */
        #hero a.scroll-btn {
            display: none;
        }

        /* For portrait */
        @media screen and (orientation: portrait) {
            a.scroll-btn {
                display: block;
            }
        }

        /* For landscape */

        @media screen and (orientation: landscape) {
            a.scroll-btn {
                display: none;
            }

            .ipad-auto-margin {
                margin-top: 0 !important;
                margin-bottom: 0 !important;
            }

            .parallax-slider .content .title .title-wrapper {
                font-size: 36px;
               
            }

            .parallax-slider .content .title .subtitle-wrapper {
                font-size: 26px;
            }

            .parallax-slider .content .description p {
                font-weight: 400;
                font-size: 18px;
                line-height: 20px;
                margin-top: 10px;
                margin-bottom: 18px;
            }

            .w85 {
                width: 100% !important;
            }

            .parallax-slider .content .description p {
                width: 100%;
            }

            .parallax-slider .content .description button {
                font-size: 12px;
    font-weight: 700;
    background: #007bff;
    padding: 8px 30px;
    border: 0;
    border-radius: 100px;
    color: #ffffff;
    outline: none;
            }
        }

        @media only screen and (min-width: 414px) and (max-height: 896px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {

            /* Styles */
            #hero a.scroll-btn {
                display: none;
            }

            .parallax-slider .content .title .title-wrapper {
                padding-top: 156px;
                font-size: 36px;
            }
        }

        /* Samsung Galaxy S3 ----------- */

        @media only screen and (min-width: 320px) and (max-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {

            /* Styles */
            #hero a.scroll-btn {
                display: none;
            }
        }

        @media only screen and (min-width: 320px) and (max-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {

            /* Styles */
            #hero a.scroll-btn {
                display: none;
            }
        }

        /* Samsung Galaxy S4 ----------- */

        @media only screen and (min-width: 320px) and (max-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {

            /* Styles */
            #hero a.scroll-btn {
                display: none;
            }
        }

        @media only screen and (min-width: 320px) and (max-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {

            /* Styles */
            #hero a.scroll-btn {
                display: none;
            }
        }

        /* Samsung Galaxy S5 ----------- */

        @media only screen and (min-width: 360px) and (max-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {

            /* Styles */
            #hero a.scroll-btn {
                display: none;
            }
        }

        @media only screen and (min-width: 360px) and (max-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {

            /* Styles */
            #hero a.scroll-btn {
                display: none;
            }
        }