/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 19, 2018 */
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
/*@import url('/css/fontawesome.min.css');*/

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.woff2') format('woff2'),
         url('../fonts/fontawesome-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),
         url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
         url('../fonts/glyphicons-halflings-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'gilroybold';
    src: url('../fonts/gilroy-bold-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Anek Bangla', sans-serif;
    src: url('../fonts/gilroy-regular-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*Main CSS*/
* {
    box-sizing: border-box;
    font-family: 'Anek Bangla', sans-serif;
}
a:hover, a:focus{
    text-decoration: none;
}
p{
    color: #4b7288;
    font-size: 18px;
    margin-top: 15px;
    font-family: 'Anek Bangla', sans-serif;
}
button:focus{
    outline: 0;
}
.we-are-hiring-div{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 10;
}
.we-are-hiring-div a{
    display: block;
    text-align: right;
}
.we-are-hiring-div p{
    color: #FE5A3F;
    font-size: 16px;
    padding: 8px 10px;
    margin: 0;
}
.we-are-hiring-div p span{
    color: #4285f4;
    font-size: 16px !important;
}
.last-prev-btn + div{
    display: none;
}

/******* No Job Opening ******/
.no-job-box{
    border: 1px solid #d2d2d2;
    padding-bottom: 25px;
}

.no-job-btn{
    color: #0769ad;
    font-size: 18px;
    padding: 10px 20px;
    font-family: 'Anek Bangla', sans-serif;
    font-weight: 700;
    border: 2px solid #0769ad;
    margin-top:10px;
    display: inline-block;
    transition: 0.3s;
    background: none;
}
.no-job-btn:hover {
    color: #fff;
    background: #0769ad;
}
.fac-icon{
    width: 30px;
    height: 30px;
    background-color: #0769ad;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 10px;
    font-size: 14px;
    margin-left: 5px;
}
.no-job-btn:hover .fac-icon{
    background-color: #fff;
    color: #0769ad;
}
/* Hire Team Fixed Tab */

.hire-team-fixed-tab{
    position: fixed;
    top: 250px;
    right: -108px;
    transition: 0.5s;
    z-index: 999999;
    background-color: #1e70b8;
    border: 1px solid #fff;
    border-right: none;
    padding: 5px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0px 0px 3px rgba(255,255,255,0.4);
}
.hire-team-fixed-tab:hover{
    right: 0px;
}
.hire-team-fixed-tab a{
    padding: 5px;
    display: inline-block;
    font-weight: bold;
}
.hire-team-fixed-tab i{
    color: #fff;
    font-size: 18px;
    border-radius: 3px;
    line-height: inherit;
    margin-right: 5px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.1);
    padding: 5px 10px;
    cursor: pointer;
}
.hire-team-fixed-tab a span{
    display: inline-block;
    color: #fff;
}
/* ---------------------- */
.small-font{
    font-size: 15px;
}
.common-heading{
    font-size: 24px;
    font-family: 'Anek Bangla', sans-serif;
    font-weight: 600;
    color: #1d4354;
}
.common-btn{
    color: #0769ad;
    font-size: 16px;
    padding: 5px 16px;
    font-family: 'Anek Bangla', sans-serif;
    font-weight: 600;
    border: 2px solid #0769ad;
    margin-top:10px;
    display: inline-block;
    transition: 0.3s;
    background: none;
}
.common-btn:hover {
    color: #fff;
    background: #0769ad;
}
.common-bg-properties{
    transform: translate3d(0px, 0px, 0px);
    position: absolute;
    width: 100%;
    transition: all 0s ease !important;
    transition: opacity 0.3s ease !important;
    -webkit-transform-style: preserve-3d;
    opacity: 1;
    background-size: cover !important;
    z-index: 1;
    left: 0;
}

/* CSS for Pop Up on load */
#coronaPopUp{
    z-index:9999999;
}
#coronaPopUp .modal-dialog {
    width: 800px;
    margin: 100px auto;
}
#coronaPopUp .modal-content {
    background-color: transparent;
    box-shadow:none;
    border: 0;
}
#coronaPopUp .modal-header {
    border-bottom: 1px solid transparent;
    padding: 0px
}
#coronaPopUp .close{
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    color: #000;
    opacity: 1;
    position: relative;
    top: 5px;
}

/******** Upward Arrow ************/
.upward-arrow{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 59px;
    height: 59px;
    border-radius: 50%;
    position: absolute;
    bottom: 15px;
    right: 105px;
    cursor: pointer;
    text-align: center;
    line-height: 59px;
    background-color: #516f90;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    z-index: 5;
}
.upward-arrow img{
    width: 22px;
    display: inline-block;
}
.section-for-arrow{
    position: relative;
    background-color: #f4f4f4;
}
.upward-arrow.home-upward-arrow{
    position: sticky;
    margin-left: auto;
    margin-top: 150px;
}

/*CSS for Navbar*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: transparent;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    color: #fff;
    background-color: transparent;
}
.navbar-default.sticky .navbar-nav>.open>a, .navbar-default.sticky .navbar-nav>.open>a:focus, .navbar-default.sticky .navbar-nav>.open>a:hover {
    color: #484848;
}
.link-color{
    color: #484848 !important;
}
.navbar {
    background-color: transparent;
    margin-bottom: 0;
    height: 75px;
    border: none;
    z-index: 2000 !important;
}
.navbar-nav {
    margin-top: 0px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background: transparent;
    font-weight: bold;
    color: #fff;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-weight: bold;
    padding: 5px 15px;
    line-height: 64px;
    transition: 0.3s;
}
.sticky.navbar-default .navbar-nav>li>a, .sticky.navbar-default .navbar-nav>.active>a:focus, .sticky.navbar-default .navbar-nav>.active>a:hover  {
    color: #484848;
}
/*.navbar-default .navbar-nav>li>a:hover {
    background: transparent;
    font-weight: bold;
}*/
.navbar-brand {
    padding: 8px 15px;
}
.navbar-brand>img{
    width: 120px;
}
.navbar-brand>img.normal-logo{
    margin-top: 5px;
}
/*.navbar-brand>img.white-logo{
    display: block;
}*/
.sticky .navbar-brand>img.normal-logo{
    display: block;
}
.sticky .navbar-brand>img.white-logo{
    display: none;
}
.display-inline{
    display: inline !important;
}
.dropdown-menu.mega-dropdown-menu{
    left: 0;
    right: 0;
    margin: 0 auto;
}
.common-menu-icon{
    width: 35px;
}
.consult-box{
    position: relative;
}
.lets-talk-btn{
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    background-color: #5d31d4;
    color: #fff;
    border-radius: 20px;
    padding: 7px 25px;
    font-size: 18px;
    transition: 0.3s;
}
.lets-talk-btn:hover{
   background-color: #0048ff;
   color: #fff;
}
/*CSS for Top Banner*/
.banner-area{
    height: 100vh;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: visible;
    display: block;
}
.top-banner{
    background: url(../images/home-page-banner-new-2.jpg);
    height: 100vh;
    background-position: 50% 50% !important;
}
.top-banner img{
    display: none;
}
.banner-content {
    position: relative;
    z-index: 3;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    top: 38%;
}
.banner-content div[class*='col-'] {
    position: relative;
    z-index: 3;
}
.banner-content h1,.banner-content h2{
    color: #fff;
    font-size: 42px;
    font-family: 'gilroybold';
    font-weight: normal;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
}
.banner-content h1 span{
    font-family: 'Anek Bangla', sans-serif;
    font-weight: normal;
    color: #fff;
}
.home-banner-para{
    margin-bottom: 15px;
    color: #fff;
}
.typewrite{
    color: #fff;
    font-size: 46px;
    font-family: 'gilroybold';
    font-weight: normal;
    text-decoration: none;
    pointer-events: none;
}
.typewrite:hover, .typewrite:focus {
    color: #fff;
    text-decoration: none;
}
.banner-btn{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border: 2px solid #fff;
    background: transparent;
    padding: 10px 30px;
    transition: 0.3s;
    display: inline-block;
    border-radius: 50px;
}
.banner-btn:hover, .banner-btn:focus{
    color: #fff;
    background: #0769ad;
}
.inner-banner-area .banner-btn{
    color: #fff;
    background: none;
    border: 2px solid #fff;
}
.inner-banner-area .banner-btn:hover {
    background: #03538b;
}

.banner-btn.consult-btn{
    background: #fe514b;
    margin-left: 25px;
}
.banner-btn.consult-btn:hover{
    background: #ff3e37;
    margin-left: 25px;
}
.mar-left-25{
    margin-left: 25px;
}

.inner-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url('../pictures/other-images/del.png');
    height: 100%;
/*    justify-content: flex-end;*/
}
.inner-banner-area.career{
    padding-block: 25px;
    background: rgb(0,38,133);
    background: linear-gradient(90deg, rgba(0,38,133,1) 0%, rgba(0,0,191,1) 49%, rgba(0,174,209,1) 100%);
}
.inner-banner-area.vh {
    height: 50vh;
}
.inner-banner-area .container .row{
    position: relative;
}
.heroRelative{
    position: relative;
    width: 100%;

}
.bannersImagesBg{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
}
.heroTextSingle{
    font-size: 30px;
    font-weight: 600;
    line-height: 42px;
    color: #fff;

    padding: 12rem 0;
}
.inner-banner-content{
    position: absolute;
    width: 100%;
    height: 50vh;
    top: 0;
    left: 0;
    text-align: right;
    justify-content: flex-end;
}
.inner-banner-texts{
    margin-top: 75px;
    padding: 15px;
    line-height: 92px!important;
}

.inner-banner-area.career .career-inner-flex-div{
display: flex;
justify-content: space-between;
align-items: center;
}
.inner-banner-area.career .inner-banner-texts{
padding: 0;
}
.inner-banner-area.career .inner-banner-texts h1{
    line-height: 48px!important;
}
.inner-banner-area.career .inner-banner-texts p{
    line-height: 1!important;
}
/*Inner Page Banners*/
/*.inner-banner-area.shopping-cart{
    background: url(../images/shopping-cart.jpg);
}
.inner-banner-area.ppc-banner{
    background: url(../images/ppc.jpg);
}
.inner-banner-area.cms-banner{
    background: url(../images/cms.jpg);
}*/
/*.inner-top-banner img{ display: none; }*/
/*.inner-banner-content{  position: relative;  z-index: 3;  transform: translate3d(0, -50%, 0);
   -webkit-transform: translate3d(0, -50%, 0);  top: 55%; }*/
.inner-banner-content h1{
    color: #fff;
    font-size: 32px;
    font-family: 'gilroybold';
    font-weight: normal;
}
.inner-banner-content h1 span{
    font-family: 'Anek Bangla', sans-serif;
    font-weight: normal;
}
.inner-banner-content p {
    color: #fff;
    margin-top: 10px;
}
/* -------------------------------- --
   We provide best it solution start
-- --------------------------------- */
.it_sol_main_div {
    padding: 5rem 10rem;
}

.all_middleArea_heading_div {
    text-align: center;
    padding: 0;
    margin: 0;
}

.padding_bottom {
    padding-bottom: 5rem;
}

.padding_6 {
    padding: 6rem 0 !important;
}

.all_middleArea_heading_div h2 {
    font-size: 38px;
    font-weight: 800;
    color: #270C73;
    margin: 0;
    padding: 0;
    font-family: 'Anek Bangla', sans-serif!important;
}

.all_middleArea_heading_div h2 span {
    color: #015CB0;
}

.all_middleArea_heading_div h2::before {
    content: url('../../pictures/icons/Arrow2.svg');
    padding: 0 2rem;
}

.all_middleArea_heading_div h2::after {
    content: url('../../pictures/icons/Arrow1.svg');
    padding: 0 2rem;
}

.all_middleArea_heading_mobArrow {
    display: none;
    padding-top: 0.8rem;
}

.it_sol_row {
    display: flex;
    width: 100%;
}

.it_sol_row .it_sol_col {
    width: 50%;
}

.it_sol_all_details_main_div {
    display: flex;
    padding: 2rem;
}

.it_sol_all_details_txt_div {
    margin-left: 2.5rem;
}

.it_sol_all_details_txt_div h3 {
    font-size: 28px;
    font-weight: 800;
    color: #0E2B5C;
    margin-top: .75rem;
}

.it_sol_all_details_txt_div h3 a {
    color: #0E2B5C;
    text-decoration: none;
}

.it_sol_all_details_txt_div h3 a:hover {
    color: #337ab7;
}

.it_sol_all_details_txt_div p {
    font-size: 16px;
    font-weight: 400;
    color: #5A6E8B;
    margin-bottom: 0;
}

.it_sol_all_details_img_div {
    flex-shrink: 0;
}

/* ------------------------------- --
   We provide best it solution start
-- -------------------------------- */
/*CSS for we-provide section*/
.we-provide{
    margin-bottom: 40px;
}
.we-provide-box {
    text-align: center;
    /*background: url(../images/top-bg.png);*/
    background-repeat: no-repeat;
    background-color: #fff;
    margin: 15px;
    background-size: 100%;
    transition: 0.5s;
    box-shadow: 0 0 10px #d4d4d4;
}
.we-provide-box a{
    display: block;
    height: 100%;
    padding: 15px 15px 35px 15px;
}
.we-provide-box:hover {
    background-color: #fbfbfb;
    box-shadow: 0px 0px 25px #d4d4d4;
}
.we-provide-box:hover .common-btn{
    color: #fff;
    background: #0769ad;
}
/*.we-provide-box:hover .we-provide-box-content h4{  color: #076db3; }*/
.image-box img {
    width: auto;
    display: inline-block;
    margin-top: 20px;
}
/*.we-provide-box-content h4{ color: #696969; font-size: 19px; font-weight: bold; }*/

/*CSS code for We Create Inspiring Work*/
.inspiring-work{
    margin-top:80px;
    margin-bottom: 80px;
}
.inspiring-work .blue-bg{
    background: #0769ad;
    margin-left: 15px;
}
.inspiring-work .dark-bg{
    background: #1d4354;
    margin-left: 15px;
}
.carousel-control.left {
    background: none;
}
.carousel-control.right {
    background: none;
}
.inspiring-work .carousel{
    border: 1px solid #dedede;
    height: 100%;
}
.inspiring-text label{
    display: block;
    font-size: 60px;
    line-height: 72px;
    color: #fff;
    font-family: 'Anek Bangla', sans-serif;
    font-weight: normal;
}
.view-portfolio-btn{
    color: #fff;
    padding: 8px 15px;
    border:1px solid #fff;
    display: inline-block;
    margin-top: 10px;
    transition: 0.3s;
}
.view-portfolio-btn:hover{
    color: #0769ad;
    background: #fff;
    font-weight: bold;
}
.inspiring-text label.bold-label{
    font-family: 'gilroybold';
}
.inspiring-text{
    padding: 20px;
    height: 100%;
}
.carousel-control {
    width: auto;
    font-size: 20px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{
    background: #1d4354;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
}
.client-section .carousel, .our-android-users .carousel {
    border: 1px solid #dedede;
}

/*CSS code for testimonial*/
.testimonial{
    margin-top: 80px;
    margin-bottom: 80px;
}
.testimonial .thumbnail{
    border: none;
    padding: 0;
}
.testimonial-content .carousel{
    border: none;
}
.testimonial-content .carousel-inner{
    /*background: #f7f7f7;*/
    background: rgba(0, 0, 0, 0.5);
    border: none;
}
.testimonial-content .carousel-inner .item{
    padding: 15px 8px;
}
.testimonial-content .carousel-inner p {
    color: #fff;
}
.testimonial-content .carousel-inner label {
    color: #fff;
}
.testimonial-content .carousel .carousel-inner .thumbnail{
    background-color: transparent;
}

/*CSS for Hire Us for Our*/
.blog-search-box{
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 2px 2px 3px rgba(0,0,0,.05);
    background-color: #fff;
}
.blog-search-box .common-heading{
    font-size: 22px;
}
.blog-search-box .form-control{
    height: 44px;
    border-radius: 0;
}
.blog-search-box button.btn{
    padding: 11px 15px;
    border-radius: 0;
}
.blog-search-box button.btn i.fa{
    color: #225989;
    font-size: 16px;
}
.hire-us{
    margin: 80px 0;
}
.hire-us-list{
    box-shadow: 2px 2px 3px rgba(0,0,0,.05);
    background-color: #fff;
    padding: 20px;
}
.our-blog .hire-us-list{
  margin-bottom: 30px;
}
.hire-us-list h3.common-heading{
    font-size: 22px;
   /* color: #fff;*/
    margin: 10px 0;
}
.hire-us-list ul{
    margin: 0;
    padding: 0;
}
.hire-us-list ul li{
    color: #4b7288;
    list-style: none;
    margin-bottom: 15px;
    text-indent: -1.4em;
    margin-left: 25px;
}
.hire-us-list ul li a{
  color: #4b7288;
  text-decoration: none;
}
.hire-us-list ul li:before {
    content: '\f0a4';
    font-family: 'FontAwesome';
    margin-right: 10px;
}
#facebookIframe{
/*    box-shadow: 2px 2px 3px rgba(0,0,0,.05);*/
    background-color: #fff;
}
/*CSS code for our blog*/
.our-blog{
    padding: 60px 0;
    background: #efefef none repeat scroll top left;
}
.our-blog-box{
    box-shadow: 0px 0px 10px #ababab;
}
.blog-image-box img{
    width: 100%;
}
.our-blog-content h4{
    color: #444;
    font-size: 22px;
    font-weight: bold;
    margin: 5px 0;
}
.our-blog-content{
    padding: 20px;
}
.our-blog-content label{
    color: #444;
    font-size: 14px;
}
.continue-read{
    text-align: center;
    border-top: 1px solid #ccc;
    padding-top: 15px;
    margin-top: 15px;
    display: block;
}
.blog-box{
    background-color: #fff;
    box-shadow: 2px 2px 3px rgba(0,0,0,.05);
}
.blog-box h3{
    font-size: 20px;
}
.blog-box-inner{
    display: flex;
   /* border-right: 2px solid #1495ef;
    border-left: 2px solid #1495ef;
    border-top: 2px solid #1495ef;*/
}
.blog-creative-date{
    color: #fff;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    flex: 1;
    min-width: 65px;
}
.blog-creative-date::after{
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 50px;
    background: #1595ef;
    -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    z-index: -1;
}
.blog-creative-date p{
    margin: 0;
    color: #fff;
    font-size: 14px;
    position: relative;
    left: -4px;
}
.blog-creative-date p strong{
    font-size: 16px;
}
.blog-creative-heading-box{
    padding: 15px;
    flex: 12;
}
.blog-content-box{
    padding: 0px 15px 20px 15px;
}
.blog-lower-box{
    display: flex;
}
.creative-blog-social-box{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}


.creative-blog-social-box .social-icon li{
    margin-bottom: 0;
    margin-right: 5px;
}
.creative-blog-social-box .social-icon li:last-child{
    margin-right: 0px;
}
.common-internal-pages .creative-blog-social-box .social-icon li:before {
    display: none;
}
.common-internal-pages .creative-blog-social-box{
    justify-content: center;
    margin-top: 10px;
}
.common-internal-pages .creative-blog-social-box .social-icon li {
    margin-left: 0;
}
/*
.facebook-share{
    color: #fff;
    padding: 5px 12px;
    border-radius: 5px;
    background-color: #3b5999;
    transition: 0.4s;
}
.twitter-share, .linkedin-share{
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    transition: 0.5s;
}
.twitter-share{
    background-color: #55acee;
}
.linkedin-share{
    background-color: #0077B5;
}
.facebook-share:hover, .twitter-share:hover, .linkedin-share:hover{
    background-color: #efefef;
}
.social-icon .facebook-share i, .social-icon .twitter-share i, .social-icon .linkedin-share i{
    color: #fff;
}
.social-icon .facebook-share:hover i{
    color: #3b5999;
}
.social-icon .twitter-share:hover i{
    color: #55acee;
}
.social-icon .linkedin-share:hover i{
    color: #0077B5;
}*/
.creative-blog-writer{
    display: inline-block;
    border: 1px solid #4b7288;
    padding: 2px 5px;
    border-radius: 3px;
    margin-right: 8px;
}
.creative-blog-min-read{
    color: #fff;
    display: inline-block;
    background-color: #5bc0de;
    border: 1px solid #5bc0de;
    padding: 2px 5px;
    border-radius: 3px;
    margin-right: 8px;
}
.creative-blog-views{
    color: #fff;
    display: inline-block;
    background-color: #f0ad4e;
    border: 1px solid #f0ad4e;
    padding: 2px 10px;
    border-radius: 3px;
}

/*Css for Footer*/
footer {
    background: #1d4354;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 10px;
    padding-top: 35px;
    position: relative;
}

.social-icon {
    margin: 0;
    padding: 0;
}
.social-icon li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}
.social-icon li a i {
    color: #fff;
}
.bottom-menu {
    margin: 0;
    padding: 0;
}
.bottom-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 7px;
}
.bottom-menu li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
}
footer h3{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
footer .form-control{
    height: 32px;
    border-radius: 0;
}
footer textarea.form-control{
    height: 65px;
    border-radius: 0;
}
.footer-para{
    font-size: 12px;
    margin-top: 0;
    color: #fff;
}


.footer_common ul li a {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #f2f2f2;
    line-height: 35px;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
}

.footer_common ul li a:hover {
    color: white;
}
.footer_common ul li a:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 1.5px;
    background-color: #fff;
    transition: all 0.25s ease-in-out;
}
.footer_common ul li a:hover::before {
    width: 50%;
}
.footer_common ul li a.partner-link {
    display: block;
    margin-top: 10px;
}
.footer_common ul li a.partner-link::before {
    content: none;
}

/* CSS for eCommerce Website Design*/
.eCommerce-content{
    margin-top: 15px;
    /*font-size: 16px;*/
    margin-bottom: 30px;
}
.about-section{
    margin-bottom: 40px;
}
.job-description-content{
    margin-bottom: 40px;
}
.website-redesign-content{
    margin-top: 0;
}
/*CSS for Mega-Menu*/
.dropdown-menu li.has-submenu{
    border-bottom: 1px dashed #e8e8e8;
    padding: 5px 0;
}
.dropdown-menu li.has-submenu:last-child{
    border-bottom: 0px dashed #e8e8e8;
}
.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
  border-bottom: 1px dashed #e8e8e8;
  padding: 5px 0;
  margin-bottom: 0;
}
.mega-dropdown-menu > li > ul > li:not(.dropdown-header) {
    text-indent: -40px;
    padding-left: 40px;

}
.mega-dropdown-menu > li > ul > li:last-child {
    border-bottom: 0px dashed #e8e8e8;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 3px 5px;
  font-size: 15px;
}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {
    color: #0769ad;
    text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 16px;
  color: #055389;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}
.mega-dropdown-menu .dropdown-header a {
  color: #0769ad;
  font-weight: bold;
  font-size: 18px;
}

/*CSS for Animation*/
.flip-card {
  background-color: transparent;
  height: 360px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  width: 100%;
  margin-bottom: 30px;
  cursor: pointer;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: auto;
  text-align: left;
  transition: .3s;
}
.blog-bg-color{
    background-color: #f4f4f4;
}
.margin-5px{
    margin: 5px;
}
.margin-15px{
    margin: 15px;
}
.flip-card-front {
  color: black;
  z-index: 2;
  padding: 15px 5px;
}
.flip-card-front img{
    width: 100%;
}
.flip-card-front label {
    color: #444;
    font-size: 13px;
}

/*Moving Text*/
/*.moving-text{
    display: inline-block;
}*/
.always-active {
    border: 2px solid #fff;
    padding: 6px 20px;
    color: #fff;
}
.always-active:hover {
    border: 2px solid #0769ad;
    color: #fff;
    background: #0769ad;
}
.sticky .always-active:hover {
    border: 2px solid #0769ad;
    color: #fff;
    background: #0769ad;
}
.sticky .always-active {
    border: 2px solid #0769ad;
    padding: 6px 20px;
    color: #0769ad;
}

/*Code for Blog*/
.blog-box{
    margin-bottom: 25px;
}
.blog-box .common-heading{
  margin-top: 0;
  margin-bottom: 10px;
}
.pagination-section{
  text-align: right;
}
.address{
  background: #f3f3f3;
  padding: 15px;
  margin-bottom: 30px;
  min-height: 330px;
}
.address.address-blue{
  background: linear-gradient(to bottom, #1d5484 0%, #467eb0 100%);
  min-height: 330px;
}
.address.address-blue label{
    color: #a8d7ff;
    letter-spacing: 1px;
    font-size: 16px;
}
.address.address-blue p{
  color: #fff;
}
.address.address-blue h3{
  color: #fff;
}

/*New Portfolio*/
#portfolio {
    margin: 1rem 0;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-column-width: 33.33333333333333%;
    -moz-column-width: 33.33333333333333%;
    column-width: 33.33333333333333%;
}
.tile {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.tile:hover {
}
.scale-anm {
  transform: scale(1);
  margin-bottom: 15px;
}
.tile img {
    max-width: 100%;
    width: 100%;
    height: auto;
    border: 5px solid #e8e8e8;
}
::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.btn.fil-cat{
  margin-bottom: 4px;
  font-size: 18px;
}

/*For Portfolio*/
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0, 0, 0, 0.71);
}
.scale-anm:hover .overlay {
  opacity: 1;
}
.text {
  color: white;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
}
.text a{
  color: #fff;
  border: 1px solid #fff;
  padding: 10px;
  margin-right: 10px;
  width: 75px;
  display: inline-block;
}
.text a i{
  color: #fff;
}
.achivements{
    background:#f7f7f7;
    padding:30px 0;
}
.achivement-heading {
    font-size: 36px;
    line-height: 43px;
    font-family: 'gilroybold';
    color: #444;
    margin-bottom: 0;
    transition:0.3s;
}
.achivement-heading i{
    font-size: 55px;
    color: #1d4354;
    transition:0.3s;
}
.achivement-heading:hover i{
    color: #000;
}
.achivement-heading:hover {
    color: #0769ad;
}
.col-sm-3.text-center:hover p label{
    color: #0769ad;
}
hr {
    border-top: 1px solid #e4e4e4;
}
.achivements p{
    text-transform: uppercase;
     font-family: 'gilroybold';
}
.accordion{
    background-color: #eaeaea;
    color: #464646;
    cursor: pointer;
    padding: 10px 15px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
    font-weight: bold;
}
.accordion.active, .accordion:hover{
    color: #fff;
    background: #0769ad;
}
.accordion:after{
    content: '\002B';
    color: #464646;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 16px;
}
.accordion:hover:after{
    color: #fff;
}
.accordion.active:after{
    content: "\2212";
}
.panel{
    background-color: white;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.panel-group .panel {
    border-radius: 0;
}
.panel-title>a {
    display: block;
    color: #005aaf;
}
.panel-title>a.collapsed {
    display: block;
    color: #a6b3c1;
}
.panel p{
    color: #696969;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 12px;
}
.panel ul li{
    color: #696969;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 12px;
}

/*CSS for Job List*/
.job-list-title{
    padding-right: 0;
    background-color: #eee;
}
.job-list-description{
    padding-left: 0;
}
.job-summary{
    padding: 25px 25px;
    position: relative;
    min-height: 270px;
}
.job-title{
    color: #055389;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    display: inline-block;
    margin-bottom: 15px;
}
.job-details{
    min-height: 270px;
    font-size: 18px;
    padding: 25px 30px;
    border: 1px solid #e4e4e4;
}
.job-details ul li{
    list-style: none;
    margin-bottom: 10px;
}
.job-details ul{
    margin:0;
    padding:0;
}
.read-more-btn{
    background: #0769ad;
    color: #fff;
    padding: 6px 25px;
    margin-top: 20px;
    display: inline-block;
    border: none;
}
.read-more-btn:hover{
    background: #337ab7;
    color: #fff;
}
.read-more-btn:focus{
    background: #337ab7;
    color: #fff;
}

/*CSS for Job Description*/
.job-content{
    margin: 0;
    padding: 0;
}
.job-content li{
    list-style: none;
    margin-bottom: 5px;
    margin-top: 10px;
    color: #4b7288;
    font-size: 18px;
    font-family: 'Anek Bangla', sans-serif;
}
/*.job-inner-heading{   font-size: 25px;  color: #0769ad;  margin-top: 10px; }*/
.job-details-content{
    background: #fff;
    margin-top: 20px;
}
.job-detail-list{
    margin: 0;
}
.job-detail-list li{
    color: #4b7288;
    font-size: 18px;
    font-family: 'Anek Bangla', sans-serif;
    margin-top: 5px;
}

/*CSS for Contact*/
.contact-section{
    margin-top: 50px;
}
.icon-box{
    margin-top:20px;
}

/*CSS for Payment Gateway Integration*/
.icon-box{
    margin-top: 20px;
}
.call-to-action{
    margin-top: 30px;
}
.call-to-action-box{
    background: #fafafa;
    box-shadow: 0px 0px 4px #d4d4d4;
    /*width: 100%;*/
    margin: 0 auto;
}
.call-to-action-box h1{
    font-size: 30px;
    color: #444444;
    font-weight: bold;
}
.call-to-action-btn{
    margin-top: 35px;
}
ul li{
    font-family: 'Anek Bangla', sans-serif;
    font-size: 18px;
    /*margin-bottom: 10px;*/
    color: #4b7288;
}
p span{
    font-size: 18px !important;
    font-family: 'Anek Bangla', sans-serif !important;
}
.top_nav_main_div p span{
    position: relative;
    top: -3px;
}
.top_nav_main_div p .toll-free-span{
    font-size: 16px !important;
    position: static;
}


/*p b, p span b{ color: #0472b0; font-size: 24px; }*/
p .typewrite span{
    font-size: 46px !important;
    font-family: 'gilroybold' !important;
}
.blog-box p img {
    width: auto;
    max-width: 100%;
}
.blog-box p span img {
    width: auto;
    max-width: 100%;
}

/*Testimonial section*/
.testimonial-bg-img{
    background: url(../images/testimonial.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 40px;
    padding-bottom: 120px;
}
.testimonial-bg-img .common-heading
{
    color: #fff;
}
/*End testimonial section*/

.view-portfolio {
    background-color: #d03535;
    color: #fff;
    padding: 12px 20px;
    text-decoration: none;
    transition: 0.3s;
}
.view-portfolio a{
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.captcha-number div{
    display: inline-block;
  }
  .captcha-number div p{
      color: #999;
      font-size: 17px;
      margin-right: 15px;
  }

/*Code for Multi Image Slider*/
#mixedSlider {
  position: relative;
}
#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 5%;
}
#mixedSlider .MS-content .item {
  display: inline-block;
  width: 33.3333%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: auto;
  white-space: normal;
  padding: 0 10px;
}
@media (max-width: 991px) {
  #mixedSlider .MS-content .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
    .social-icon {
    text-align: left;
    margin-top: 5px;
    }
    .creative-blog-writer, .creative-blog-min-read{
        margin-bottom: 10px;
    }
    .blog-creative-date::after {
        height: 75px;
    }
    .continue-reading-div {
    text-align: center;
    }
    .creative-blog-social-box{
        justify-content: center;
        margin-top: 15px;
    }
    .blog-lower-box{
        flex-direction: column;
    }
    .common-menu-icon {
        width: 30px;
    }
    #coronaPopUp .modal-dialog {
    width: 100%;
    }
    #coronaPopUp .modal-body {
    padding: 5px;
    }
    #coronaPopUp .close {
    top:0px;
    right: 12px;
}
.no-job-box{
    padding: 5px 15px 25px 15px;
}
.no-job-btn {
    margin-top: 10px;
    display: block;
    padding: 5px;
    font-size: 15px
}

  #mixedSlider .MS-content .item {
    width: 100%;
  }
}
#mixedSlider .MS-content .item .imgTitle {
  position: relative;
}
#mixedSlider .MS-content .item .imgTitle .blogTitle {
  margin: 0;
  text-align: left;
  letter-spacing: 2px;
  color: #fff;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  bottom: 0;
  font-weight: bold;
  padding: 10px;
  font-size: 18px;
  text-transform:uppercase;
  text-align: center;
}
#mixedSlider .MS-content .item .imgTitle img {
  height: auto;
  width: 100%;
}
#mixedSlider .MS-content .item p {
  font-size: 16px;
  margin: 2px 10px 0 5px;
  text-indent: 15px;
}
#mixedSlider .MS-content .item a {
  float: right;
  margin: 0 20px 0 0;
  font-size: 16px;
  font-style: italic;
  color: rgba(173, 0, 0, 0.82);
  font-weight: bold;
  letter-spacing: 1px;
  transition: linear 0.1s;
}
#mixedSlider .MS-content .item a:hover {
  text-shadow: 0 0 1px grey;
}
#mixedSlider .MS-controls button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 50px;
  top: 65px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.15s linear;
}
#mixedSlider .MS-controls button:hover {
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 992px) {
  #mixedSlider .MS-controls button {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls button {
    font-size: 20px;
  }
}
#mixedSlider .MS-controls .MS-left {
  left: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-left {
    left: -10px;
  }
}
#mixedSlider .MS-controls .MS-right {
  right: 0px;
}
@media (max-width: 767px) {
  #mixedSlider .MS-controls .MS-right {
    right: -10px;
  }
}
/*End Code for Multi Image Slider*/

#notfound {
  position: relative;
}
/*.notfound { width: 100%; line-height: 1.4; text-align: center; }*/
.notfound .notfound-404 {
  position: relative;
  margin: 0px auto 20px;
  z-index: -1;
}
/*.notfound .notfound-404 h1 {  font-family: 'Montserrat', sans-serif;  font-size: 75px;  font-weight: 200;  margin: 0px;
  color: #211b19;  text-transform: uppercase; }
.notfound .notfound-404 h2 {  font-size: 28px;  font-weight: 400;  color: #211b19;  background: #fff;  padding: 10px 5px;
  margin: auto;  display: inline-block; }*/
.notfound .notfound-404 p {
    padding: 10px 5px;
    margin: auto;
    display: inline-block;
}
.notfound ul{
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
.notfound ul li{
  list-style: none;
  display: inline-block;
  margin-right: 10px;
}
.notfound ul li:last-child{
  margin-right: 0;
}
.notfound ul li a{
    display: inline-block;
    text-decoration: none;
    color: #fff;
    padding: 5px 15px;
    background: #989898;
    font-size: 18px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    margin-bottom: 15px;
    border-radius: 3px;
}
@media only screen and (max-width: 480px) {
  .notfound .notfound-404 {
    margin: 0px auto 10px;
  }
/*.notfound .notfound-404 h1 {font-size: 86px; }
  .notfound .notfound-404 h2 { font-size: 16px;  }*/
  .notfound a {
    padding: 7px 15px;
    font-size: 14px;
  }
}

/* Code for 404 Contact Form */
.contact-h {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #484848;
}
.contact .form-group {
    margin-bottom: 40px;
}
.contact .form-group:last-child {
    margin-bottom: 0px;
}
.contact .form-control {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    padding-left:0;
}
.contact .btn-primary {
    background-color: #055389;
    border-color: #055389;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}
.contact .btn {
    padding: 12px 15px;
}
.group {
    position: relative;
    margin-bottom: 45px;
}
.contact input:focus {
    outline: none;
}
.contact label {
    color: #999;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
.contact input:focus ~ label,
.contact input:valid ~ label {
    top: -20px;
    font-size: 14px;
    color: #337ab7;
}
.bar {
    position: relative;
    display: block;
    width: 100%;
}
.bar:before,
.bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 0px;
    position: absolute;
    background: #337ab7;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
.bar:before {
    left: 50%;
}
.bar:after {
    right: 50%;
}
.contact input:focus ~ .bar:before,
.contact input:focus ~ .bar:after {
    width: 50%;
}
.highlight {
    position: absolute;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}
.oops-contact-form{
  margin-top: 50px;
  margin-bottom: 50px;
}

/* active state */
.contact input:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}
/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}
@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}
@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}
.text-group textarea {
    display: block;
    background: none;
    padding: 0.125rem 0.125rem 0.0625rem;
    border-width: 0;
    border-color: transparent;
    line-height: 1.9;
    width: 100%;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
    padding-top: 10px;
}
.text-group textarea:focus ~ .input-label,
.text-group textarea:valid ~ .input-label,
.text-group textarea.form-file ~ .input-label,
.text-group textarea.has-value ~ .input-label {
    font-size: 14px;
    color: gray;
    top: -1rem;
    left: 0;
}
.text-group textarea:focus ~ .input-label {
    color: #337ab7;
}
.text-group textarea:focus ~ .bar::before {
    width: 100%;
    left: 0;
}
.text-group {
    position: relative;
    margin-top: 2.25rem;
    margin-bottom: 4.25rem;
}
.mar-bot30{
    margin-bottom: 30px;
}

/* Career We are Hiring*/
.we-are-hiring {
    position: fixed;
    right: 0px;
    top: auto;
    bottom: 30%;
    z-index: 2;
    display: none;
}
.we-are-hiring a {
  background-color : #fe514b;
  color: #fff;
  padding: 10px 20px;
  border-color: #46b8da;
  text-decoration: none;
  transition: 0.3s;
}
.we-are-hiring span {
    display: none;
    position: absolute;
    top: -35px;
    left: -20px;
    width: 35px;
    height: 35px;
    background: #ec1919;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
}
.we-are-hiring a:hover {
  background-color : #d23232;
  color: #fff;
  text-decoration: none;
}
.legal-statement{
    font-size: 12px;
}
.cookie-policy {
    background-color: #eaeaea;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-decoration: none;
    margin: 0;
    padding: 16px;
    z-index: 3;
    font-size: 13px;
    text-align: center;
}
.cookie-policy-text{
    font-size: 16px;
    color: #0181ef;
}
.cookie-policy-text:hover{
    color: #0181ef;
    text-decoration: underline;
}
/* .btn-cookie-policy {
    background-color: #d23939;
    color: #fff;
    padding: 5px 20px;
    font-size: 14px;
    border-color: #46b8da;
    bottom: 16px;
    text-decoration: none;
    z-index: 2;
    transition: 0.3s;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    width: 100px;
    display: inline-block;
}
.btn-cookie-policy:hover, .btn-cookie-policy:focus{
  background-color : #dc1414;
  color: #fff;
  text-decoration: none;
} */

/*CSS for Loader*/
/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
}
/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5;
}
.navbar.sticky{
    background: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.25);
}
.a:focus {
    outline: none;
}

/*Code for Android Development Services*/
.android-development-section{
    margin-bottom: 10px;
}
.android-services{
    background: #f3f3f3;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 30px;
}
.android-development-approach{
    margin-bottom: 30px;
}
.android-approach-box{
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 15px 20px;
    margin-top: 12px;
    transition: 0.3s;
    min-height: 400px;
    margin-bottom: 20px;
}
.android-approach-box:hover, .android-approach-box:focus{
    box-shadow: 0 0 7px rgba(0,0,0,.2);
}
.android-approach-box p{
    margin-top: 0;
}
.android-approach-icon{
    margin-top: 10px;
    margin-bottom: 15px;
    display: inline-block;
}
.get-free-quote{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #055389;
    padding: 15px 20px;
    transition: 0.3s;
    display: inline-block;
}
.get-free-quote:hover, .get-free-quote:focus{
    color: #fff;
    background: #0769ad;
}
.service-title p{
    font-size: 18px;
}
.certifications-section{
    background: #ecf0f4;
    padding: 50px 10px;
}
.certifications-list ul{
    margin:0 auto;
    padding: 0;
    display: block;
    text-align: center;
}
.certifications-list li{
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    width: 15%;
}
.certifications-list li img {
    width: 100%;
}
.blog-accordion .panel-body a{
    color: #fff;
}
.blog-accordion .panel-group .panel {
    background: none;
    border: none;
}
.blog-accordion .panel-title>a {
    display: block;
    color: #fff;
}
.panel-default>.panel-heading{
    background: none;
    border: none;
    border-radius: 0;
}
.blog-accordion .panel-body{
    color: #fff;
}
.blog-accordion .panel-title>a:before {
    content: '\f274';
    font-family: 'FontAwesome';
    margin-right: 10px;
}
.hire-us-list .hide-ul-blog li:before{
    content: ' ';
    font-family: 'FontAwesome';
    margin-right: 10px;
}
.hire-us-list .hide-ul-blog li{
    font-weight: normal;
    color: #fff;
}
.blog-accordion .panel-default>.panel-heading {
    padding-left: 0;
}
.blog-accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #3b82bf;
}

/*CSS for Material inputs*/
.material-input{
    margin-top: 20px;
}
.material-input .form-group {
    margin-bottom: 40px;
}
.material-input .form-control {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #bdbdbd;
    box-shadow: none;
    padding-left: 0;
}
.group {
    position: relative;
    margin-bottom: 45px;
}
.material-input input:focus {
    outline: none;
}
.material-input label {
    color: #999;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
.material-input input:focus ~ label,
.material-input input:valid ~ label {
    top: -20px;
    font-size: 14px;
    color: #0769ad;
}
.bar {
    position: relative;
    display: block;
    width: 100%;
}
.bar:before,
.bar:after {
    content: '';
    height: 1px;
    width: 0;
    bottom: 0px;
    position: absolute;
    background: #0769ad;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
.bar:before {
    left: 50%;
}
.bar:after {
    right: 50%;
}
.material-input input:focus ~ .bar:before,
.material-input input:focus ~ .bar:after {
    width: 50%;
}
.highlight {
    position: absolute;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* active state */
.material-input input:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}
@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}
@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}
.text-group textarea {
    display: block;
    background: none;
    padding: 0.125rem 0.125rem 0.0625rem;
    border-width: 0;
    border-color: transparent;
    line-height: 1.9;
    width: 100%;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
    padding-top:10px;
    padding-left: 10px;
}
.text-group textarea:focus ~ .input-label,
.text-group textarea:valid ~ .input-label,
.text-group textarea.form-file ~ .input-label,
.text-group textarea.has-value ~ .input-label {
    font-size: 14px;
    ;
    color: gray;
    top: -1rem;
    left: 0;
}
.text-group textarea:focus ~ .input-label {
    color: #0769ad;
}
.text-group textarea:focus ~ .bar::before {
    width: 100%;
    left: 0;
}
.text-group {
    position: relative;
    margin-top: 2.25rem;
    margin-bottom: 4.25rem;
}
.text-group select {
    display: block;
    background: none;
    padding: 0.125rem 0.125rem 0.0625rem;
    border-width: 0;
    border-color: transparent;
    line-height: 1.9;
    width: 100%;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
    padding-top:10px;
    padding-left: 10px;
}
.text-group select:focus ~ .input-label,
.text-group select:valid ~ .input-label,
.text-group select.form-file ~ .input-label,
.text-group select.has-value ~ .input-label {
    font-size: 14px;
    color: gray;
    top: -1rem;
    left: 0;
}
.text-group select:focus ~ .input-label {
    color: #0769ad;
}
.text-group select:focus ~ .bar::before {
    width: 100%;
    left: 0;
}
.text-group.select-group{
    margin-top: 0;
}
.sub-heading-style{
    font-size: 22px;
    margin-bottom: 0;
}

/*End CSS for Material*/
.reach-us ul{
    margin: 0;
    padding: 0;
}
.reach-us ul li{
    list-style: none;
    position: relative;
    padding-left: 55px;
}
.reach-us p{
    margin-top: 0;
}
.address-icon, .call-icon, .email-icon{
    margin-bottom: 25px;
}
.reach-us ul li.address-icon:before, .reach-us ul li.call-icon:before, .reach-us ul li.email-icon:before{
    content: '\f041';
    font-family: 'FontAwesome';
    width: 40px;
    height: 40px;
    background: #05a7ef;
    color: #fff;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    font-size: 24px;
    border-radius: 4px;
    position: absolute;
    left: 0;
}
.reach-us ul li.call-icon:before {
    content: '\f10b';
}
.reach-us ul li.email-icon:before {
    content: '\f0e0';
}
.h-100{
    height: 100%;
}
.margin-top-30{
    margin-top: 30px !important;
}
.margin-top-25{
    margin-top: 25px !important;
}
.margin-top-10{
    margin-top: 10px;
}
.margin-top-15{
    margin-top: 15px;
}
.margin-top-50{
    margin-top: 50px;
}
.margin-top-75{
    margin-top: 75px;
}
.margin-top-20{
    margin-top: 20px !important;
}
.margin-btm-25{
    margin-bottom: 25px;
}
.margin-btm-10{
    margin-bottom: 10px;
}
.margin-btm-30{
    margin-bottom: 30px;
}
.margin-btm-45{
    margin-bottom: 45px;
}
.margin-btm-15{
    margin-bottom: 15px;
}
.margin-btm-zero{
    margin-bottom: 0 !important;
}
.margin-right-zero{
    margin-right: 0;
}
.margin-left-zero{
    margin-left: 0;
}
.padding-top-zero{
    padding-top: 0;
}
.padding-right-zero{
    padding-right: 0;
}
.padding-left-zero{
    padding-left: 0;
}
.padding-top-25px{
    padding-top: 25px;
}
.padding-top-15px{
    padding-top: 15px;
}
.padding-btm-15px{
    padding-bottom: 15px;
}
.padding-box{
    padding: 30px 15px;
}
.sales-input{
    position: relative;
    top:-150px;
    padding: 15px 30px;
    -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,0.05);
    box-shadow: 2px 2px 20px rgba(0,0,0,0.05);
    z-index: 2;
    background: #fff;
    border: 1px solid #f2f2f2;
}
.author-img-link{
    display: block;
    text-align: center;
}
.author-view-more-link{
    color: #0472b0;
}
.blog-writer-details {
    border-radius: 50%;
    height: 150px;
    width: 150px;
    margin-top: 20px;
    display: inline-block;
}
/*New Block with 2 part*/
.consultation-section{
    background: #f9fafc;
    padding: 30px 0;
}
.consultation-box{
    position: relative;
    overflow: hidden;
    padding: 55px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.08);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.08);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    overflow: hidden;
    position: relative;
    background: #fff;
    z-index: 2;
    margin-bottom: 40px;
    transition: 0.3s;
}
.consultation-box:hover{
    -webkit-box-shadow: 0 20px 25px 0 rgba(0,0,0,.08);
    box-shadow: 0 20px 25px 0 rgba(0,0,0,.08);
}
.consultation-box h4{
    font-size: 18px;
    font-weight: bold;
}
.count-number {
    position: absolute;
    right: -55px;
    bottom: -55px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    background: #e7015e;
    color: #fff;
    display: block;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    padding: 25px 30px;
}
.consultation-box i {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 45px;
    color: #bababa;
}
.col-sm-5-part{
    width: 20%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}
.ind-text-para{
    font-size: 14px;
}
.contact .text-group label{
    left: 12px;
    top: 10px;
}
.text-group textarea:focus ~ .input-label, .text-group textarea:valid ~ .input-label, .text-group textarea.form-file ~ .input-label, .text-group textarea.has-value ~ .input-label {
    left: 0;
}

/* Career Page Tags CSS */
.tags-container {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 15px;
    width: 100%;
    min-height: 34px;
    padding: 2px 5px;
    font-size: 14px;
    line-height: 1.6;
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 1px;
    overflow: hidden;
    word-wrap: break-word;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
input.tag-input {
    flex: 3;
    border: 0;
    outline: 0;
}
.tag {
    position: relative;
    margin: 2px 6px 2px 0;
    padding: 1px 20px 1px 8px;
    font-size: inherit;
    font-weight: 400;
    text-align: center;
    color: #fff;
    background-color: #317CAF;
    border-radius: 3px;
    transition: background-color .3s ease;
    cursor: default;
}
.tag:first-child {
    margin-left: 0;
}
.tag--marked {
    background-color: #6fadd7;
}
.tag--exists {
    background-color: #EDB5A1;
    -webkit-animation: shake 1s linear;
    animation: shake 1s linear;
}
.tag__name {
    margin-right: 3px;
}
.tag__remove {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 100%;
    padding: 0 5px;
    font-size: 16px;
    font-weight: 400;
    transition: opacity .3s ease;
    opacity: .5;
    cursor: pointer;
    border: 0;
    background-color: transparent;
    color: #fff;
    line-height: 1;
}
.tag__remove:hover{
    opacity: 1;
}
.tag__remove:focus {
    outline: 5px auto #fff;
}
  @-webkit-keyframes shake {
    0%, 100% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translate3d(-5px, 0, 0);
              transform: translate3d(-5px, 0, 0);
    }
    20%, 40%, 60%, 80% {
      -webkit-transform: translate3d(5px, 0, 0);
              transform: translate3d(5px, 0, 0);
    }
  }

  @keyframes shake {
    0%, 100% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
      -webkit-transform: translate3d(-5px, 0, 0);
              transform: translate3d(-5px, 0, 0);
    }
    20%, 40%, 60%, 80% {
      -webkit-transform: translate3d(5px, 0, 0);
              transform: translate3d(5px, 0, 0);
    }
  }
.form-group{
    position: relative;
}
.required-field {
    font-size: 12px;
    color: #f00;
    position: absolute;
    left: -10px;
    top: 10px;
    display: block;
}
.mt-10{margin-top:10px;}

.cookie-section{
    margin-bottom: 40px;
}
.privacy-list li{
    margin-bottom: 0;
}
.privacy-list li p{
    margin-top: 0;
    margin-bottom: 0;
}
.common-internal-pages h2 {
    font-size: 24px;
    font-weight: bold;
    color: #0472b0;
}
.common-internal-pages h2 span{
    font-family: 'Anek Bangla', sans-serif !important;
}
.common-internal-pages h3 ul li span{
    font-family: 'gilroybold' !important;
    color: #4b7288;
    font-size: 18px;
}
/*.common-internal-pages ul{
        margin: 0;
        padding: 0;
}
.common-internal-pages ul li{
        margin: 0;
        padding: 0;
        position: relative;
        margin-left: 35px;
        margin-bottom: 13px;
        list-style: none;
}
.common-internal-pages ul li p{
        display: inline;
}
.common-internal-pages ul li::before {
        content: url(../images/check-right-icon.png);
        position: absolute;
        height: 25px;
        width: 25px;
        left: -20px;
        top: 2px;
}*/

/*CSS code for trusted by*/
.trusted-by {
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #eee;
}
.trusted-by-logo ul{
    margin:0;
    padding: 0;
    text-align: center;
}
.trusted-by-logo ul li{
    list-style: none;
    display: inline-block;
    margin: 0 10px;
}
.trusted-by-logo ul li img{
    width: 115px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.blue-mob img{
    width: 100%;
}
.trusted-by-heading{
    display: inline-block;
    position: absolute;
    top: -52px;
    background: #fff;
    color: #2a9400;
    font-size: 24px;
    margin: 0;
    padding: 8px 20px;
    font-family: 'arimobold';
    z-index: 1;
    text-transform: uppercase;
    transform: skewY(-7deg);
    box-shadow: 0 0 10px #1e58b0;
}
.certificate-top-logo{
    margin:0;
    padding: 0;
    display: inline-block;
    margin-right: 15px;
    margin-top: 13px;
}
.certificate-top-logo li{
    list-style: none;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
.certificate-top-logo li img{
    width: 50px;
}
.hide-only-mob .fa{
    color: #fff;
}
.mar-text-top{
    margin-top: 13%;
}

/*CSS code for Android App Development*/
.android-app-development-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/android-banner.png);
    height: 100vh;
    top: 0px;
}
.android-app-development-banner-area .container .row{
    position: relative;
}
.android-app-development-banner-content{
    position: absolute;
    width: 70%;
    height: 100vh;
}
.android-app-development-banner-text{
    padding: 15px;
}
.android-app-development-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.body-font {
    font-family: 'Anek Bangla', sans-serif;
}
.android-overview-section p{
    color: #4b7288;
    font-size: 18px;
    margin-top:20px;
}
p.common-p{
    color: #4b7288;
    font-size: 17px;
}
.gradient-btn {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    border: none;
    padding: 12px 26px;
    margin-top: 20px;
    display: inline-block;
    transition: 0.3s;
    border-radius: 35px;
    font-family: 'Anek Bangla', sans-serif;
    font-weight: normal;
    transition: 0.4s;
    background: -moz-linear-gradient(45deg, rgba(176,44,214,1) 0%, rgba(0,55,209,1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(176,44,214,1)), color-stop(100%, rgba(0,55,209,1)));
    background: -webkit-linear-gradient(45deg, rgba(176,44,214,1) 0%, rgba(0,55,209,1) 100%);
    background: -o-linear-gradient(45deg, rgba(176,44,214,1) 0%, rgba(0,55,209,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(176,44,214,1) 0%, rgba(0,55,209,1) 100%);
    background: linear-gradient(45deg, rgba(176,44,214,1) 0%, rgba(0,55,209,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0037d1', endColorstr='#b02cd6',GradientType=1 );
}
.gradient-btn:hover {
    background: -moz-linear-gradient(-45deg, rgba(176,44,214,1) 0%, rgba(0,55,209,1) 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(176,44,214,1)), color-stop(100%, rgba(0,55,209,1)));
    background: -webkit-linear-gradient(-45deg, rgba(176,44,214,1) 0%, rgba(0,55,209,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(176,44,214,1) 0%, rgba(0,55,209,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(176,44,214,1) 0%, rgba(0,55,209,1) 100%);
    background: linear-gradient(-45deg, rgba(176,44,214,1) 0%, rgba(0,55,209,1) 100%);
    color: #fff;
}
.transparent-btn {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #fff;
    padding: 12px 25px;
    margin-top: 20px;
    margin-left: 5px;
    display: inline-block;
    transition: 0.3s;
    border-radius: 35px;
    font-family: 'Anek Bangla', sans-serif;
    font-weight: normal;
    transition: 0.4s;
    background: transparent;
}
.transparent-btn:hover {
    color: #4b7288;
    background: #fff;
}
.white-btn, .white-btn-navbar {
    font-size: 18px;
    color: #0472b0;
    border: none;
    padding: 12px 40px;
    margin-top: 20px;
    display: inline-block;
    transition: 0.3s;
    border-radius: 35px;
    font-family: 'gilroybold';
    font-weight: normal;
    transition: 0.4s;
    background-color: #fff;
}
.white-btn:hover, .white-btn-navbar:hover {
    color: #fff;
    background: #4b70dc;
}
.gradient-btn i{
    color: #fff;
    margin-left: 5px;
}
.gradient-btn:hover i{
    color: #fff;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

/* CSS CODE FOR DEVOPS */
.devops-banner-area{
    height: 100vh;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: visible;
    display: block;
}
.devops-banner{
    background: url(../images/devops-banner-bg.jpg);
    background-repeat: no-repeat !important;
    top: 0;
    height: inherit;
    background-position: 50% 50% !important;
}
.devops-ipad-img{
    width: 55%;
    display: block;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
}
.devops-banner-content{
    position: relative;
    z-index: 3;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    top: 80%;
}
.para-margin{
    margin-top: 0;
}
.devops-banner-content h1{
    font-size: 56px;
    font-weight: bold;
    font-family: 'gilroybold';
    color: #0f2c3f;
}
.devops-overview{
    padding: 75px 15px;
}
.devops-overview-heading{
    margin-bottom: 35px;
}
.devops-overview-para{
    line-height: 32px;
}
.devops-benifits{
    background: url(../images/devops-benifit-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 75px;
    padding-bottom: 75px;
}
.devops-benifits-heading{
    margin-bottom: 35px;
}
.devops-benifits .media-body{
    vertical-align: middle;
}
.devops-benefits-left{
    padding-right: 35px;
}
.devops-benefits-right{
    padding-left: 35px;
}
.devops-benefits-left .media-body{
    padding-right: 25px;
}
.devops-benefits-right .media-body{
    padding-left: 25px;
}
.integration-para{
    padding: 25px 15px;
}
.choose-section{
    background-color: #f0efef;
    padding-top: 50px;
    padding-bottom: 50px;
}
.choose-card-area .row{
    display: flex;
    justify-content: space-between;
    flex-basis: 32%;
}
.choose-section-heading{
    margin-bottom: 35px;
}
.choose-us-card{
    background-color: #fff;
    margin: 15px;
    padding: 40px 20px;
    box-sizing: border-box;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    transition: 0.4s;
}
.choose-us-card .fa{
    color: #fff;
    background-color: #1d4354;
    border-radius: 50%;
    padding: 15px;
    font-size: 25px;
    font-weight: bold;
}
.choose-us-card:hover{
    background-color: #085c82;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}
.choose-us-card:hover .fa{
    color: #005aaf;
    background-color: #fff;
}
.choose-us-card:hover h3{
    color: #fff;
}
.choose-us-card:hover .choose-card-heading, .choose-us-card:hover .choose-card-para{
    color: #fff;
}
.innovative-section{
    margin-top: 25px;
}
.innovative-section .project-btn{
    margin-top: 35px;
}
.serve-section{
    display: flex;
}
.improve-code-section{
    margin-top: 25px;
}
.improve-code-section .project-btn{
    margin-top: 35px;
}
.application-text-area{
    padding: 25px 15px;
}
.technologies-list{
    padding: 0px;
    margin: 0px;
}
.technologies-list li{
    list-style: none;
    border-bottom: 1px solid #666;
    padding: 10px 0px;
}
.technologies-list li a{
    display: block;
    text-decoration: none;
    color: #555;
    font-size: 18px;
}
.technologies-list li i{
    display: block;
    float: right;
    text-decoration: none;
    color: #555;
}

/*Cross Div*/
section.bg-img {
    position: relative;
    z-index: 0;
}

.sec-video {
    min-height: 600px;
    overflow: hidden;
}
.sec-video .wrapper-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 15px;
}
.sec-video::before {
    z-index: 10;
    position: absolute;
    right: 0;
    bottom: 100%;
    content: '';
    display: block;
    background-color: white;
    min-height: 250px;
    width: 2000px;
    -webkit-transform: rotate(-6.5deg);
    -webkit-transform-origin: 100% 0 0;
    -moz-transform: rotate(-6.5deg);
    -moz-transform-origin: 100% 0 0;
    -o-transform: rotate(-6.5deg);
    -o-transform-origin: 100% 0 0;
    -ms-transform: rotate(-6.5deg);
    -ms-transform-origin: 100% 0 0;
    transform: rotate(-6.5deg);
    transform-origin: 100% 0 0;
}
.sec-video::after {
    z-index: 10;
    position: absolute;
    left: 0;
    top: 100%;
    content: '';
    display: block;
    background-color: white;
    min-height: 250px;
    width: 2000px;
    -webkit-transform: rotate(-6.5deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform: rotate(-6.5deg);
    -moz-transform-origin: 0 0 0;
    -o-transform: rotate(-6.5deg);
    -o-transform-origin: 0 0 0;
    -ms-transform: rotate(-6.5deg);
    -ms-transform-origin: 0 0 0;
    transform: rotate(-6.5deg);
    transform-origin: 0 0 0;
}
.sec-video .wrapper-video h3 {
    margin-top: 0px;
    line-height: 30px;
    color: #fff;
}
.sec-video .wrapper-video p {
    color: #fff;
    margin-top:20px;
    width: 80%;
    margin: 0 auto;
}
/*.sec-video .wrapper-video h6 {font-weight: 400; font-size: 18px; margin: 16px auto 0;  line-height: 30px; }*/
section.bg-gradient-horizontal {
    background-color: #4776e6;
    background-image: -moz-linear-gradient(0deg, #4776e6 0%, #8E54E9 100%);
    background-image: -webkit-linear-gradient(0deg, #4776e6 0%, #8E54E9 100%);
    background-image: -ms-linear-gradient(0deg, #4776e6 0%, #8E54E9 100%);
    padding: 140px 0;
    text-align: center;
}
.sec-video .bg-img {
    background-image: url(../images/nice-mob-bg.png);
}
section .bg-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: -1;
    opacity: 0.15;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*CSS Code for accordian*/
.technologies-we-use .panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
    color: #005aaf;
}
.technologies-we-use .panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
    color: #a6b3c1;
}
.technologies-we-use .panel-title > a:hover, .technologies-we-use .panel-title > a:active, .technologies-we-use .panel-title > a:focus  {
    text-decoration:none;
}
.technologies-we-use .panel{
    border: 0;
}
.technologies-we-use .panel-title{
    font-size: 18px;
    color: #a6b3c1;
    font-family: 'Anek Bangla', sans-serif;
}
.panel-default>.panel-heading {
    background: none;
    border: none;
    border-radius: 0;
    font-size: 18px;
    color: #a6b3c1;
    font-family: 'Anek Bangla', sans-serif;
}
.technologies-we-use .panel-body ul li{
    margin-right: 10px;
}
.technologies-we-use .nav-tabs {
    border-bottom: 0;
}

/*End of code for accordian*/

/*Call to action*/
.call-to-action-wave {
    min-height: 600px;
    overflow: hidden;
}
.call-to-action-wave .wrapper-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 15px;
}
.call-to-action-wave::before {
    z-index: 10;
    position: absolute;
    right: 0;
    bottom: 100%;
    content: '';
    display: block;
    background-color: white;
    min-height: 250px;
    width: 2000px;
    -webkit-transform: rotate(-6.5deg);
    -webkit-transform-origin: 100% 0 0;
    -moz-transform: rotate(-6.5deg);
    -moz-transform-origin: 100% 0 0;
    -o-transform: rotate(-6.5deg);
    -o-transform-origin: 100% 0 0;
    -ms-transform: rotate(-6.5deg);
    -ms-transform-origin: 100% 0 0;
    transform: rotate(-6.5deg);
    transform-origin: 100% 0 0;
}
.call-to-action-wave .wrapper-video h3 {
    margin-top: 0px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 32px;
    line-height: 30px;
    color: #fff;
}
.call-to-action-wave .wrapper-video p {
   color: #fff;
    font-size: 18px;
    margin-top:20px;
    width: 80%;
    margin: 0 auto;
}
.call-to-action-wave .wrapper-video h6 {
    font-weight: 400;
    font-size: 18px;
    margin: 16px auto 0;
    line-height: 30px;
}
section.bg-gradient-horizontal {
    background-color: #4776e6;
    background-image: -moz-linear-gradient(0deg, #4776e6 0%, #8E54E9 100%);
    background-image: -webkit-linear-gradient(0deg, #4776e6 0%, #8E54E9 100%);
    background-image: -ms-linear-gradient(0deg, #4776e6 0%, #8E54E9 100%);
    padding: 140px 0;
    text-align: center;
}
.call-to-action-wave .bg-img {
    background-image: url(../images/footer-wave-bg.png);
}

/*CSS code for testimonial*/
/*#carousel-example-generic{  margin-top: 35px; }*/
.our-android-users{
padding-bottom: 35px;
}
.our-android-users.testimonial-margin{
    margin-top: 50px;
}
.our-android-users .carousel{
    background-color: #fff;
    padding: 35px 25px;
}
.ipad-users .carousel{
    padding: 15px !important;
}
.our-android-users .carousel img{
    margin-bottom: 20px;
}
.our-android-users .carousel-inner p{ 
    margin-top: 0;
    padding: 10px 3%;
}
#carousel-example-generic h3{
    margin-top: 0;
    margin-bottom: 0;
}
/*End of code for testimonial*/

/*Code for Industries We Serve*/
.industry-list {
    margin: 0 -15px;
    margin-top: 35px;
    padding: 0;
}
.industry-list li {
    float: left;
    width: 16.66%;
    padding: 0 15px 30px;
    list-style: none;
}
.industry-list li a {
    color: #4b7288;
    font-size: 18px;
    font-family: 'Anek Bangla', sans-serif;
    background-color: #fff;
    -webkit-box-shadow: 0 0 7.68px 0.32px rgba(155, 147, 147, .2);
    box-shadow: 0 0 7.68px 0.32px rgba(155, 147, 147, .2);
    text-align: center;
    display: block;
    padding: 25px 20px;
    text-transform: capitalize;
    position: relative;
    -webkit-transition: .4s;
    transition: .4s;
    top: 0;
    left: 0;
    border-top-left-radius: 20%;
    border-bottom-right-radius: 20%;
}
.industry-list li a i {
    color: #4b7288;
    -webkit-transition: .4s;
    transition: .4s;
}
.industry-list li a:hover, .industry-list li a:focus  {
    background: #1d4354;
    -webkit-box-shadow: -20px -21px 13px 0 rgba(0, 0, 0, .1);
    box-shadow: -20px -21px 13px 0 rgba(0, 0, 0, .1);
    top: 10px;
    left: 10px;
    color: #fff;
}
.industry-list li a:hover i, .industry-list li a:focus i {
    color: #fff;
}
.industry-list li a span {
    display: block;
    font-size: 44px;
    /*-webkit-transition: .4s;
    transition: .4s;*/
}
.industries-we-serve{
    padding: 50px 0;
}

/*Code for Utility App*/
.utility-app{
     padding: 50px 0;
}
.vertical-tab{
    font-family: 'Anek Bangla', sans-serif;
    margin-top: 35px;
}
.vertical-tab .nav-tabs{
    display: table-cell;
    width: 28%;
    min-width: 28%;
    vertical-align: top;
    border: none;
}
.vertical-tab .nav-tabs li{
   float: none;
   vertical-align: top;
   margin-bottom: 20px;
}
.vertical-tab .nav-tabs li a{
    color: #2d3e50;
    background: #f3f3f3;
    font-size: 18px;
    padding: 26px;
    margin: 0 0 10px 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
.vertical-tab .nav-tabs li a label{
    cursor: pointer;
}
.vertical-tab .nav-tabs li a:focus,
.vertical-tab .nav-tabs li.active a,
.vertical-tab .nav-tabs li.active a:hover,
.vertical-tab .nav-tabs li.active a:focus{
    color: #fff;
    background-color: transparent;
}
.vertical-tab .nav-tabs li a:before,
.vertical-tab .nav-tabs li a:after{
    content: '';
    height: 100%;
    width: 100%;
    background-color: #005aaf;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.3s ease 0s;
}
.vertical-tab .nav-tabs li a:after{
    transition: all 0.3s ease;
}
.vertical-tab .nav-tabs li.active a:before{
    opacity: 1;
}
.vertical-tab .nav-tabs li.active a:after{
    opacity: 1;
}
.vertical-tab .tab-content>.active {
    display: block;
    background: #f3f3f3;
    padding: 26px;
}

/* CSS for blog on Company Page */
.blog-section .col-lg-6{
    padding: 26px;
    background: #f3f3f3;
    margin: 15px;
}
.blog-section .nav-tabs{
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    justify-content: space-between;
}
.blog-section .nav-tabs li{
    margin: 0;
    width: 100%;
}
.blog-section .nav-tabs li a{
    margin: 0;
}
.blog-section .blog-tab img {
    width: 50%;
    height: none;
    margin-right: 15px;
}
.blog-section .vertical-tab .tab-content>.active {
    padding: 0px;
}


/*CSS for Our Work*/
.our-work .thumbnail{
    border-radius: 0;
}
.our-work-section{
    margin-top: 35px;
}
.our-work-section .thumbnail{
    border: 0;
    position: relative;
    cursor: context-menu;
    overflow: hidden;
    transition: 0.5s;
    z-index: 10;
}
.our-work-section  .thumbnail:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    transform: scale(0);
    transform-origin: center;
    transition: 0.5s;
    z-index: 15;
    border: 4px solid #005aaf;
}
.our-work-section .thumbnail:hover:before{
    transform: scale(1);
}
.our-work-section .col-sm-4{
    padding: 0;
}
.our-work-content{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 50%;
    padding: 15px;
    transition: 0.5s;
    display: none;
    z-index: 20;
}
.our-work-content h2, .our-work-content p{
    color: #fff;
    transition: 0.5s;
}
.our-work-content h2{
    font-weight: bold;
}
.our-work-content p{
    margin-bottom: 25px;
}
.thumbnail:hover .our-work-content{
    transition: 0.5s;
    display: block;
}

/*Code for Our Smart Work*/
.our-smart-process{
    margin-bottom: 35px;
}
.need-margin{
    margin-bottom: 60px;
}
.step-img{
    text-align: center;
}

/*CSS code of call-to-action for desktop */
.call-to-action-bg {
    position: relative;
}
.call-to-action-text {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
}
.call-to-action-bg-mob {
    display: none;
}
.have-an-idea-section .about-us-heading {
    font-weight: bold;
    color: #fff;
    font-family: 'gilroybold';
    font-size: 32px;
}
.have-an-idea-section h2 {
    color: #fff;
}
/*End of CSS code of call-to-action for desktop */
.sticky + .content {
  padding-top: 60px;
}

/* CSS Code for Vegafit */
.vegafit-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/vegafit-header-background.jpg);
    height: 100vh;
}
.vegafit-banner-area .container .row{
    position: relative;
}
.vegafit-banner-content{
    position: absolute;
    width: 50%;
    height: 100vh;
}
.vegafit-banner-text{
    padding: 15px;
}
.vegafit-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.vegafit-banner-text h2{
    color: #fff;
    }
.vegafit-btn{
    border-radius: 0px;
    border: 2px solid #fff;
    padding: 14px 30px;
    font-size: 18px;
    text-transform: uppercase;
    transition: 0.4s;
    font-family: 'gilroybold';
    color: #fff;
    background: transparent;
    margin-right: 15px;
}
.vegafit-btn i{
    color: #fff;
    font-weight: bold;
    font-size: 22px;
    margin-right: 8px;
}
.vegafit-btn:hover{
    background: #498fcc;
    color: #fff;
}
/*.para-margin-bottom{  margin-bottom: 25px; }*/
.vegafit-whatwedo{
    background-image: url(../images/what-we-do-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
ul.what-we-do-list{
    margin: 0;
    padding: 0;
}
ul.what-we-do-list li{
    position: relative;
    list-style: none;
    padding-left: 18px;
    margin-bottom: 18px;
}
ul.what-we-do-list li:before{
        content: "";
        background: url('../images/li-img.png');
        background-repeat: no-repeat;
        width: 15px;
        height: 35px;
        position: absolute;
        left: 0;
        top:0;
}
ul.what-we-do-list li p{
    line-height: 35px;
}
.vegafit-choose-section{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #fbfafa;
}
.vegafit-choose-icons{
    flex-direction: column;
}
.vegafit-choose-icons .row:nth-child(1){
    margin-bottom: 15px;
}
.vegafit-choose-icons .thumbnail{
    padding: 15px 8px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    height: 100%;
    margin-bottom: 0px;
    transition: 0.4s;
}
.vegafit-choose-icons .thumbnail .caption p{
    font-weight: bold;
}
.vegafit-choose-icons .thumbnail:hover{
    background-color: #005aaf;
}
.vegafit-choose-icons .thumbnail:hover .caption p{
    color: #fff;
}
/*.vegafit-choose-icons h4{ color: #000; font-weight: bold; line-height: 30px; }*/
/* End of CSS Code for Vegafit */

/* CSS CODE FOR ABOUT US PAGE-II */
.about-us2-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/new-about-us-banner.jpg);
    height: 100vh;
}
.about-us2-area .container .row{
    position: relative;
}
.about-us2-banner-content{
    position: absolute;
    width: 65%;
    height: 100vh;
}
.about-us-banner-texts{
    padding: 15px;
}
.about-us-banner-texts h1{
    color: #fff;
    font-size: 32px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
}
.about-us-banner-texts h1 span{
     font-family: 'Anek Bangla', sans-serif;
     font-size: 25px;
     font-weight: 600;
}
.about-us-banner-texts p{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.about-us2-banner-btn i{
    color: #fff;
    margin-left: 5px;
}
.about-us-heading{
    color: #1d4354;
    font-size: 32px;
    font-family: 'gilroybold';
    margin-top: 0;
}
.about-us-heading.white-clr{
    color: #fff;
}
.heading-underline{
    background-color: #224095;
    height: 2px;
    width: 85px;
    margin: 0;
    padding: 0;
    display: block;
    border: none;
}
.heading-underline.white-bg{
    background-color: #fff;
}
.our-vision-image{
    position: relative;
}
.our-vision-image h2{
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 45px;
}
.our-vision-text p, .our-mission-text p{
    font-size: 28px;
}
.our-mission-image{
    position: relative;
}
.our-mission-image h2{
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 45px;
}
.our-mission-section, .about-who-we-are-section, .about-what-we-do-section, .about-engage-section, .why-epixelsoft-section, .development-section, .client-section, .contactus-section{
    margin-top: 50px;
}
.about-what-we-do-section{
    margin-bottom: 50px;
}
.who-we-are-content, .about-what-we-do-area{
    padding: 25px 30px;
}
.content-border-shadow{
    box-shadow: 0 1px 14px 0 rgba(121, 121, 121, 0.10);
}
.hr-margin{
    margin: 0 auto 15px auto;
}
.about-engage-section .thumbnail{
    padding: 25px;
    border-radius: 0px;
    border: 0;
    transition: 0.3s;
    transform: scale(1);
    padding-top: 40px;
}
.about-engage-section .thumbnail:hover{
    box-shadow: 0 4px 12px 0 rgba(121, 121, 121, 0.2);
    transform: scale(1.02);
}
ul.why-list{
    margin: 0;
    padding: 0;
}
.list-icon{
    position: relative;
    list-style: none;
    margin-bottom: 70px;
}
.list-icon:before{
    position: absolute;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    font-family: FontAwesome;
    background-color: #0472b0;
    color: #fff;
    font-size: 28px;
    text-align: center;
    line-height: 65px;
}
.why-list-right .list-icon:before{
    right: 0;
}
.bar-icon:before{
    content: '\f0ae';
}
.comment-icon:before{
    content: '\f086';
}
.shield-icon:before{
    content: '\f132';
}
.question-icon:before{
    content: '\f059';
}
.thumb-icon:before{
    content: '\f164';
}
.bldg-icon:before{
    content: '\f1ad';
}
.list-content{
    margin-left: 75px;
}
.why-list-right .list-content{
    margin-right: 75px;
    margin-left: 0px;
}
.list-content-text {
    margin-top: 0;
}
.why-list-right .list-content{
    text-align: right;
}
.white-color{
    color: #fff;
}
.scrum-area .heading-underline, .devops-area .heading-underline, .contactus-section .heading-underline{
    background-color: #fff;
}
.development-section{
    padding-bottom: 50px;
}
.development-section img{
    margin-top: 50px;
}
.hr-margin-more{
    margin: 0 auto 35px auto;
}
.scrum-area{
    flex: 1;
    padding: 50px;
    background-color: #0472b0;
}
.devops-area{
    flex: 1;
    padding: 50px;
    background-color: #005381;
}
.clock-icons-area{
    margin: 50px 0 0 0;
}
.clock-icons-area .thumbnail{
    border: 0;
    margin-bottom: 0;
}
.contact-area{
    flex: 1;
    background: url(../images/contact-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    padding: 25px;
}
.contact-area .contact-text{
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.contact-area h2, .contact-area h3, .form-area h2{
    font-weight: bold;
}
.contact-area h3{
    margin-bottom: 0;
}
.contact-area .heading-underline{
    margin-bottom: 25px;
}
.contact-area p{
    color: #fff;
    margin-top: 5px;
    margin-bottom: 20px;
}
.contact-area p a{
    color: #fff;
}
.contact-area p a:hover{
    color: #fff;
}
.form-area{
    flex: 1;
    background-color: #f8f8f8;
    padding: 30px 50px;
    position: relative;
}
.input-style {
    padding: 20px 0 0 0;
    font-size: 16px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #afafaf;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
}
.select-style{
    color: #a5a1a1;
}
select
{
    color: #a5a1a1;
}
option
{
    color: #000;
}
option:first-child
{
    color: #a5a1a1;
}
.form-control::placeholder {
  font-size: 16px;
}
.form-area .gradient-btn{
    display: table;
    margin: 0 auto;
    margin-top: 35px;
}
.technology-section{
    margin-bottom: 50px;
}
.technology-section .tab-icons{
    margin: 0;
    padding: 0;
    width: 100%;
}
.technology-section .tab-icons li{
    list-style: none;
    display: inline-block;
    margin: 10px;
    width: 15%;
}
.technology-section .nav-tabs{
    text-align: center;
    margin-top: 25px;
    margin-bottom: 18px;
}
.technology-section .nav-tabs li{
    float: none;
    display: inline-block;
}
.technology-section .nav-tabs li a{
    color: #4b7288;
    background: #e7f4ff;
    padding: 6px 15px;
}
.nav-tabs > li> a{
    color: #4b7288;
}
.blog-section .vertical-tab .nav-tabs>li>a {
    border-radius: 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #4b7288;
  font-weight: bold;
  cursor: default;
  border: 2px solid transparent;
  border-bottom-color: #aa2fd2;
}
.blog-tab img{
    width: 200px;
    height: 180px;
    display: inline-block;
    margin-right: 15px;
}
.nav-tabs .blog-tab:nth-child(3){
    margin-bottom: 0;
}
.vertical-tab .nav-tabs li a.blog-tab-list{
    padding: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #eaeaea;
}
.blog-section .vertical-tab .nav-tabs li a {
    background: #fff;
}
.vertical-tab .nav-tabs > li.active > a, .vertical-tab .nav-tabs > li.active > a:hover, .vertical-tab .nav-tabs > li.active > a:focus {
    border: 0;
}
.vertical-tab.blog-tab-box .nav-tabs li a:before, .vertical-tab.blog-tab-box .nav-tabs li a:after{
    border-radius: 10px;
}
.blog-section .vertical-tab .nav-tabs li.active a:hover:before, .vertical-tab .nav-tabs li.active a:hover:after {
    background-color: #005aaf;
}
.blog-section .android-overview-image label{
    color: #4b7288;
}
.vertical-tab .nav-tabs > li.active label{
    color: #fff;
}
.vertical-tab .tab-content h3{
    color:#005aaf;
}
.blog-section .vertical-tab label {
    max-width: 50%;
    vertical-align: middle;
}
/* End of CSS code for about us page second */

/* CSS Code for ipad page */
.ipad-banner-area{
    height: 100vh;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: visible;
    display: block;
}
.ipad-banner{
    background: url(../images/header-tablet-bg.png);
    background-repeat: no-repeat !important;
    top: 0;
    height: inherit;
    background-position: 50% 50% !important;
}
.ipad-header-box{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
    padding: 50px;
    z-index: 1;
}
.ipad-header-box h1{
    color: #fff;
    text-transform: uppercase;
    font-family: 'gilroybold';
    letter-spacing: 3px;
    margin-bottom: 40px;
    font-size: 46px;
}
.ipad-header-box h1 span{
    text-transform: lowercase;
}
.ipad-header-box .header-list{
    padding: 0;
    margin: 0 auto 25px auto;
}
.ipad-header-box .header-list li{
    list-style: none;
    color: #fff;
    display: inline-block;
    padding-right: 25px;
    margin-right: 25px;
    border-right: 1px solid #fff;
}
.ipad-header-box .header-list li:last-child{
    border-right: 0;
}
.ipad-header-box .header-list h2{
    margin-top: 0;
}
.ipad-header-box .header-list li p{
    color: #fff;
    margin-top: 0;
}
.ipad-header-box .gradient-btn{
        margin-top: 0;
    }
.application-service-area{
        margin-top: 50px;
}
.ipad-our-team{
    background: url(../images/ipad-choose-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 50px;
}
.ipad-team-content{
    padding: 75px 15px;
}
.white-color-heading{
    font-family: 'gilroybold';
    color: #fff;
    font-size: 36px;
}
.get-list ul li i{
    color: #888;
    font-size: 26px;
    margin-right: 15px;
}
.ipad-get-section .vertical-tab .nav-tabs li a:focus i,
.ipad-get-section .vertical-tab .nav-tabs li.active a i,
.ipad-get-section .vertical-tab .nav-tabs li.active a:hover i,
.ipad-get-section .vertical-tab .nav-tabs li.active a:focus i{
    color: #fff;
}
.ipad-get-section .tab-content{

}
.ipad-get-section .tab-content .tab-pane{
    width: 75%;
    height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ipad-get-section .vertical-tab .tab-content>.active {
    background: none;
}
.ipad-choose-section{
    background: url(../images/ipad-choose-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 50px;
    padding: 25px;
}
.ipad-choose-section h1{
    font-family: 'gilroybold';
}
.choose-content{
    background: url(../images/choose-box-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 25px 35px;
    margin: 25px;
    border-radius: 15px;
}
.choose-content h2{
   font-weight: bold;
}
.ipad-technology{
    margin-top: 50px;
}
.ipad-technology ul{
    display: block;
    margin: 0 auto;
}
.ipad-technology ul li{
    margin: 15px;
}
.text-uppercase{
    text-transform: uppercase;
}
.ipad-users .carousel {
    border: 0;
}
/* End of CSS Code for ipad page */

/* CSS code of iOS page */
.ios-banner-area{
    height: 100vh;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: visible;
    display: block;
}
.ios-banner{
    background: url(../images/ios-header-background.png);
    background-repeat: no-repeat !important;
    top: 0px;
    height: 100vh;
    background-position: 50% 50% !important;
}
.ios-banner img{
    display: none;
}
.ios-banner-content{
    position: relative;
    z-index: 3;
    transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0);
    top: 40%;
}
.ios-banner-text{
    margin-top: 90px;
    padding-left: 0;
    text-align: right;
}
.ios-banner-text h2{
    color: #fff;
    font-size: 40px;
    font-family: 'gilroybold';
    text-transform: uppercase;
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
}
.ios-banner-text h2 span{
    text-transform: lowercase;
}
.ios-banner-text p{
    margin-bottom: 25px;
    margin-top: 15px;
}
.apple-about-section{
    margin-bottom: 35px;
}
.ios-development-service-section{
    background: url('../images/ios-development-service-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 35px 0;
    margin-bottom: 35px;
}
.ios-development-service-section h1 span{
    text-transform: uppercase;
}
.device-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s;
    display: none;
    z-index: 20;
}
.ios-devices-section .thumbnail{
    border: 0;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    transition: 0.5s;
    z-index: 10;
}
.ios-devices-section .thumbnail:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    transform: scale(0);
    transform-origin: center;
    transition: 0.5s;
    z-index: 15;
    border: 4px solid #000;
}
.ios-devices-section .thumbnail:hover:before{
    transform: scale(1);
}
.device-we-build-section{
    padding: 25px 0;
}
.device-content h2{
    color: #fff;
    transition: 0.5s;
    font-family: 'gilroybold';
    text-transform: uppercase;
}
.device-content h2 span{
    text-transform: lowercase;
}
.thumbnail:hover .device-content{
    transition: 0.5s;
    display: block;
}
.top-rated-development-section{
    padding-top: 35px;
}
.clutch-img{
    display: inline-block;
}
.top-rated-development-section h1 span{
    text-transform: uppercase;
}
.top-rated-image-section{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hire-developer-section{
    background: url('../images/ios-hire-phone-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 35px 0;
    margin-top: 35px;
    margin-bottom: 35px;
}
.hire-developer-section .panel{
    background: none;
    border: 0;
}
.hire-developer-section .panel .panel-title>a, .hire-developer-section .panel p {
    color: #fff;
    font-size: 18px;
}
.hire-developer-section .panel-default>.panel-heading {
    border: 1px solid #fff;
}
.hire-developer-section .panel-group .panel-heading+.panel-collapse>.list-group, .hire-developer-section .panel-group .panel-heading+.panel-collapse>.panel-body {
    border: 0;
}
.hire-developer-section .panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 5px;
    color: #fff;
}
.hire-developer-section .panel-title > a.collapsed:before {
    float: right !important;
    content: "\f067";
    color: #fff;
}
.hire-developer-section img {
    display: inline-block;
    text-align: center;
}
.number-section{
    background: url('../images/number-say-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 35px 0;
    margin-top: 50px;
    margin-bottom: 35px;
}
.number-section img{
    margin-top: 30px;
}
.number-section p{
    text-transform: uppercase;
}
.margin-bottom-zero{
    margin-bottom: 0;
}
.margin-top-zero{
    margin-top: 0 !important;
}
/*.ios-testimonial-card{ position: relative; margin: 15px; border-radius: 10px; }
.ios-testimonial-image{  position: absolute; left: 50%; transform: translateX(-50%);  top: -100px; }
.ios-testimonial-content{padding: 30px;  margin-top: 100px; }*/
.ios-development-content{
    padding: 25px 35px;
    margin: 25px;
    border-radius: 15px;
    background-color: #fff;
}
.ios-number-box .fa{
    display: none;
}
.hire-developer-section img {
        width: 75%;
}
/* End of CSS code of iOS page*/

.blog-box p img.note-float-left{
    width: 40% !important;
    margin-right: 20px;
}



/* CSS Code for Progressive Web App Development */
.progressive-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/progressive-web-app-bg.jpg);
    height: 100vh;
    top: 0px;
}
.progressive-banner-area .container .row{
    position: relative;
}
.progressive-banner-content{
    position: absolute;
    width: 70%;
    height: 100vh;
}
.progressive-banner-text{
    padding: 15px;
}
.progressive-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.overview-card-area{
    display: flex;
}
.overview-card{
    padding: 35px 40px;
    margin: 15px;
}
.overview-card-area p{
    margin-top: 30px;
}
.progressive-what-we-do-section, .progressive-why-choose-section{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 75px 0px 85px 0px;
}
.progressive-what-we-do-section{
    background-image: url('../images/progressive-whatwedo-bg.jpg');
}
.progressive-why-choose-section{
    background-image: url('../images/progressive-why-choose-bg.jpg');
}
.progressive-high-tech-section p{
    padding-right: 75px;
}
.progressive-market-section p{
    padding-left: 75px;
}
.progressive-market-section .heading-underline{
    margin-left: auto;
}
.progress-internet-image-full{
    display: none;
}
.internet-connection-content{
    padding-left: 30px;
}

/* CSS for Hobo Ride page */
.hobo-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/hobo-bg.jpg);
    height: 100vh;
    top: 0px;
}
.hobo-banner-area .container .row{
    position: relative;
}
.hobo-banner-content{
    position: absolute;
    width: 55%;
    height: 100vh;
    right: 0;
}
.hobo-banner-text{
    padding: 15px;
    position: absolute;
    top: 25%;
}
.hobo-banner-text h1{
    color: #fff;
    font-size: 50px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
}
.hobo-banner-text h2{
    color: #fff;
    text-transform: uppercase;
}
.hobo-choose-section .thumbnail{
    height: 100%;
    padding: 15px;
    border-radius: 0px;
    border: 0;
    transition: 0.4s ease-in-out;
    box-shadow: 0 0px 12px 2px rgba(121, 121, 121, 0.1);
}
.hobo-choose-section .thumbnail:hover{
    box-shadow: 0 4px 12px 0 rgba(121, 121, 121, 0.2);
}
.hobo-choose-section .thumbnail .caption p{
    font-weight: bold;
}
.content-padding{
    padding-right: 75px;
}


/* CSS for Stawly page */
.stawly-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/stawly-bg.jpg);
    height: 100vh;
}
.stawly-banner-area .container .row{
    position: relative;
}
.stawly-banner-content{
    position: absolute;
    width: 60%;
    height: 100vh;
}
.stawly-banner-text{
    padding: 15px;
}
.stawly-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
}
.stawly-banner-text h2{
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 25px;
    font-weight: bold;
}
.stawly-boxes-section .thumbnail .caption{
    padding: 25px 40px;
}
.stawly-rules-list{
    margin: 0;
    padding: 0;
}
.stawly-rules-list li{
    list-style: none;
    position: relative;
}
.stawly-rules-list li:before{
    position: absolute;
    top: -10px;
    left: 0;
    content: '\f0da';
    font-family: 'FontAwesome';
    font-size: 30px;
    color: #224095;
}
.stawly-rules-list li p{
    margin-left: 25px;
}


/* Code for VR (Virtual Reality) */
.vr-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/vr-bg.jpg);
    height: 100vh;
    top: 0px;
}
.vr-banner-area .container .row{
    position: relative;
}
.vr-banner-content{
    position: absolute;
    width: 70%;
    height: 100vh;
}
.vr-banner-text{
    padding: 15px;
}
.vr-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.vr-banner-text p, .progressive-banner-text p{
    position: relative;
}
.vr-banner-text p:before{
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 65%;
    background-color: #fff;
}
.vr-easy-world-section{
    position: relative;
}
.vr-easy-world-contents{
    z-index: 100;
}
.vr-grey-section{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 200px;
    width: 100%;
    background-color: #f3f3f3;
    z-index: -1;
}
.vr-our-services-section{
    background-color: #f3f3f3;
    padding-top: 75px;
    padding-bottom: 45px;
}
.vr-our-services-section .thumbnail{
    height: 100%;
    padding: 0px;
    border-radius: 0px;
    border: 0;
    background-color: transparent;
}
.white-bg{
    background-color: #fff;
}
.vr-business-application-section, .ar-software-development-section{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 200px;
    padding-bottom: 200px;
}
.vr-business-application-section{
    background-image: url(../images/vr-business-bg.jpg);

}
.ar-software-development-section{
    background-image: url(../images/ar-software-bg.jpg);
    margin-bottom: 100px;
}
.vr-business-application-section hr{
    display: inline-block;
    background-color: #fff;
}


/* Code for Big Data Solutions */
.big-data-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/big-data-solution-bg.jpg);
    height: 100vh;
    top: 0px;
}
.big-data-banner-area .container .row{
    position: relative;
}
.big-data-banner-content{
    position: absolute;
    width: 70%;
    height: 100vh;
}
.big-data-service-section{
    margin-top: 50px;
}
.big-data-our-model-section{
    background-color: #e4f2ff;
    padding-top: 75px;
    padding-bottom: 75px;
}
.big-data-analytics{
    background-color: #fbfbfb;
    padding-top: 75px;
    padding-bottom: 75px;
}
.big-data-analytics hr{
    display: inline-block;
}
.big-data-analytics-process-section h4{
    margin-top: 25px;
    margin-bottom: 25px;
}
.big-data-content{
    text-align: center;
    padding: 15px 15px 25px 15px;
    background-size: 100%;
    transition: 0.5s;
    box-shadow: 0px 0px 4px #d4d4d4;
}
.margin-25-auto{
    margin-left: 25px;
    margin-right: 25px;
}
.margin-15-auto{
    margin-left: 15px;
    margin-right: 15px;
}
.box-shadow-content{
    box-shadow: 0px 0px 4px #d4d4d4;
}

/* Code for Business Intelligence */
.biz-intelligence-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/business-intelligence-bg.jpg);
    height: 100vh;
    top: 0px;
}
.bi-service-box{
    padding: 25px 5px;
    position: relative;
}
.bi-service-box:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #6ccff6;
    transition: 0.4s;
}
.bi-service-box:hover:after{
    border: 3px solid #6ccff6;
}
.bi-software-development-section{
    background-color: #f3f3f3;
    padding-top: 50px;
    padding-bottom: 50px;
}
.d-inline-block{
    display: inline-block;
}
.expert-level-bi-section{
    background-color: #f5f4ff;
    padding-top: 50px;
    padding-bottom: 50px;
}
.bi-data-management-section{
    background-color: #f6feff;
    padding-top: 50px;
    padding-bottom: 50px;
}


/* CSS code of React Native Development*/
.react-native-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/react-native-header-bg.jpg);
    height: 100vh;
    top: 0px;
}
.react-native-banner-area .container .row{
    position: relative;
}
.react-native-banner-content{
    position: absolute;
    width: 100%;
    height: 100vh;
    justify-content: center;
}
.react-native-banner-text{
    padding: 15px;
}
.react-native-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.react-live-updates-section{
    background-color: #e6f1ff;
    padding-top: 50px;
    padding-bottom: 50px;
}
.react-about-content{
    padding: 5px 50px;
}
.border-radius-25{
    border-radius: 25px;
}
.border-radius-15{
    border-radius: 5px;
}
.border-tp{
    border-top: 1px solid #4b7288;
}
.border-btm{
    border-bottom: 1px solid #4b7288;
}

/* Code for Flutter App Development */
.flutter-page-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/flutter-bg.jpg);
    height: 100vh;
    top: 0px;
}
.flutter-page-banner-area .container .row{
    position: relative;
}
.flutter-page-banner-content{
    position: absolute;
    width: 100%;
    height: 100vh;
    justify-content: flex-end;
}
.flutter-page-banner-text{
    padding: 15px;
}
.flutter-page-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.mar-left-15 {
        margin-left: 15px;
}
.flutter-why-choose-section{
    background-color: #ffefed;
    padding-top: 50px;
    padding-bottom: 50px;
}

/* CSS Code for Cross Platform Development */
.cross-platform-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/cross-platform-bg.jpg);
    height: 100vh;
    top: 0px;
}
.cross-platform-banner-area .container .row{
    position: relative;
}
.cross-platform-banner-content{
    position: absolute;
    width: 70%;
    height: 100vh;
}
.cross-platform-banner-text{
    padding: 15px;
}
.cross-platform-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.cross-platform-get-section img{
    width: 60px;
}
.card-border-shadow{
    box-shadow: 0px 0px 4px #d4d4d4;
}
.cross-app-card{
    margin: 20px;
}

/* CSS Code for Blockchain Application Development */
.blockchain-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/blockchain-bg.jpg);
    height: 100vh;
    top: 0px;
}
.blockchain-banner-area .container .row{
    position: relative;
}
.blockchain-banner-content{
    position: absolute;
    left: 13%;
    width: 100%;
    height: 100vh;
}
.blockchain-banner-text{
    padding: 15px;
}
.blockchain-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: capitalize;
}
.blockchain-data-security-section{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #f9faff;
}
.blockchain-mobile-app-section, .blockchain-our-work-section{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.blockchain-mobile-app-section{
    background-image: url(../images/blockchain-mobile-app-bg.jpg);
    padding-top: 50px;
    padding-bottom: 50px;
}
.blockchain-our-work-section{
    padding-top: 400px;
    padding-bottom: 400px;
    background-image: url(../images/blockchain-our-work-bg.jpg);
}
.blockchain-mobile-app-section hr{
    background-color: #fff;
}
.blockchain-our-work-content{
    margin-left: 75px;
}


/* CSS Code for Artificial Intelligence */
.ai-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/ai-bg.jpg);
    height: 100vh;
    top: 0px;
}
.ai-banner-area .container .row{
    position: relative;
}
.ai-banner-content{
    position: absolute;
    width: 100%;
    height: 100vh;
}
.ai-banner-text{
    padding: 15px;
}
.ai-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: capitalize;
}
.ai-banner-text h1 span{
    text-transform: lowercase;
}
.ai-machine-learn-section .col-md-6{
    margin: 15px;
    padding: 0;
    box-shadow: 0px 0px 4px #d4d4d4;
    box-shadow-top: none;
}
.ai-image-box{
    background-color: #e4edff;
    padding: 25px;
}
.ai-content{
    padding: 25px;
}
.ai-services-section{
    background-color: #e4f2ff;
    padding-top: 100px;
    padding-bottom:  100px;
}
.ai-services-section .cross-app-card{
    background-color: #fff;
}

/* CSS Code for iOT  */
.iot-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/iot-bg.jpg);
    height: 100vh;
    top: 0px;
}
.iot-banner-area .container .row{
    position: relative;
}
.iot-banner-content{
    position: absolute;
    width: 100%;
    height: 100vh;
}
.iot-banner-text{
    padding: 15px;
}
.iot-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: capitalize;
}
.iot-banner-text h1 span{
    text-transform: lowercase;
}
.iot-basic-need-section .ai-image-box{
    padding: 0;
}

/* CSS Code for Wearable  */
.wearable-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/wearables-bg.jpg);
    height: 100vh;
    top: 0px;
}
.wearable-banner-area .container .row{
    position: relative;
}
.wearable-banner-content{
    position: absolute;
    width: 100%;
    height: 100vh;
}
.wearable-banner-text{
    padding: 15px;
}
.wearable-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.wearable-technology-section{
    background-color: #ebf6ff;
    padding-top: 50px;
    padding-bottom: 50px;
}
.wearable-spectation-section{
    background-color: #f1f1f1;
    padding-top: 50px;
    padding-bottom: 50px;
}
.wearable-impact-section .d-flex{
    flex-wrap: wrap;
}
.wearable-impact-section .cross-app-card{
    flex-basis: 45%;
    flex-grow: 1;
    margin: 25px;
}
.wearable-what-we-are-box{
    background-color: #f5f6ff;
    display: flex;
    align-items: center;
}
.wearable-what-we-are-content{
    padding: 35px;
}

/* Code for Ionic App Development */
.ionic-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/ionic-bg.jpg);
    height: 100vh;
    top: 0px;
}
.ionic-banner-area .container .row{
    position: relative;
}
.ionic-banner-content{
    position: absolute;
    width: 100%;
    height: 100vh;
}
.ionic-banner-text{
    padding: 15px;
}
.ionic-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.ionic-how-we-help-section{
    background-color: #ffefed;
    padding-top: 100px;
    padding-bottom: 100px;
}

/* Code for Digital Marketing */
.dm-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/digital-marketing-bg.jpg);
    height: 100vh;
    top: 0px;
}
.dm-banner-area .container .row{
    position: relative;
}
.dm-banner-content{
    position: absolute;
    width: 100%;
    height: 100vh;
}
.dm-banner-text{
    padding: 15px;
}
.dm-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'Anek Bangla', sans-serif;
    margin-bottom: 0;
    margin-top: 0;
}
.dm-banner-text h1 span{
    font-family: 'gilroybold';
    text-transform: uppercase;
}
.dm-team-section{
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url(../images/dm-dedicated-team-bg.jpg);
}
.dm-services-tabs{
    display: flex;
    justify-content: space-around;
}
.dm-services-tabs li img{
    display: block;
    margin: 10px auto;
}
.dm-services-tabs > li.active > a, .dm-services-tabs > li.active > a:hover, .dm-services-tabs > li.active > a:focus{
    color: #4b7288;
    font-weight: bold;
    cursor: default;
    border: 3px solid transparent;
    border-bottom-color: #0472b0;
}
.dm-services-tabs > li.active > a:after{
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    left: 50%;
    bottom: -9px;
    transform: translateX(-50%) rotate(45deg);
    background-color: #0472b0;
    z-index: -1;
}

/* Code for Smart Cloud Solutions */
.cloud-solution-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/cloud-solutions-bg.jpg);
    height: 100vh;
    top: 0px;
}
.cloud-solution-banner-area .container .row{
    position: relative;
}
.cloud-solution-banner-content{
    position: absolute;
    width: 100%;
    height: 100vh;
}
.cloud-solution-banner-text{
    padding: 15px;
}
.cloud-solution-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.cs-speedy-business-section .row, .cs-flexibility-section .row{
    padding: 35px;
}
.cs-why-choose-section{
    background-color: #e3f2fe;
    padding-top: 50px;
    padding-bottom: 50px;
}


/* Code for ERP Solutions */
.erp-solutions-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/erp-header-bg.jpg);
    height: 100vh;
}
.erp-solution-upper-section{
    background-color: #e8f8ff;
    padding-top: 50px;
    padding-bottom: 50px;
}
.erp-project-management{
    background-color: #e3f2fe;
    padding-top: 50px;
    padding-bottom: 50px;
}

/* Code for CRM Solution */
.crm-solution-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/crm-solution-bg.jpg);
    height: 100vh;
}
.crm-solution-banner-area .container .row{
    position: relative;
}
.crm-solution-banner-content{
    position: absolute;
    width: 100%;
    height: 100vh;
}
.crm-solution-banner-text{
    padding: 15px;
}
.crm-solution-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: capitalize;
}

/* Code for Saas Development */
.saas-development-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/saas-development-banner.jpg);
    height: 100vh ;
}
.saas-development-banner-area .container .row{
    position: relative;
}
.saas-development-banner-content{
    position: absolute;
    width: 100%;
    height: 100vh;
}
.saas-development-banner-text{
    padding: 15px;
}
.saas-development-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: capitalize;
}
.saas-vast-application{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #e3f2fe;
}

/* Code for Web Portal Developmnent */
.web-portal-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/web-portal-banner.jpg);
    height: 100vh;
}
.web-portal-banner-area .container .row{
    position: relative;
}
.web-portal-banner-content{
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 130px;
}
.web-portal-banner-text{
    padding: 15px;
    margin: 0 auto;
}
.web-portal-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: capitalize;
}

.web-portal-icon .image-box img, .big-data-content .image-box img{
    width: 75px;
}

.web-portal-icon .big-data-content{
    flex-basis:28%;
    margin-bottom: 30px;
    flex-grow: 1;
}

.web-portal-icon .d-flex{
    flex-wrap: wrap;
    justify-content: center;
}


/* Code for PHP Development */
.php-development-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/php-development-banner.jpg);
    height: 100vh ;
}
.php-development-banner-area .container .row{
    position: relative;
}
.php-development-banner-content{
    position: absolute;
    width: 100%;
    height: 100vh;
}
.php-development-banner-text{
    padding: 15px;
}
.php-development-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: capitalize;
}
.php-framework-section{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #eaf3ff;
}
.php-customer-section{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #e3f2fe;
}
.php-our-services-section .d-flex{
    flex-wrap: wrap;
    justify-content: center;
}
.php-our-services-section .cross-app-card{
    flex-basis: 20%;
    padding: 25px 15px 15px 15px;
}

/* Code for Django Development */
.django-banner-area {
    background-image: url(../images/django-banner.jpg);
    height: 100vh;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.django-banner-area .container .row{
    position: relative;
}
.django-banner-content{
    position: absolute;
    width: 100%;
    justify-content: center;
    top: 175px;
}
.django-banner-text{
    padding: 15px;
}
.django-banner-text h1{
    color: #fff;
    font-size: 60px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: capitalize;
}
.django-quality-section{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #def3fb;
}
.choose-django-section .d-flex{
    flex-wrap: wrap;
}
.common-half-box{
    flex-grow: 1;
    flex-basis: 45%;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}
.margin-25px{
    margin: 25px;
}

/* Code for Angular Development */
.angular-development-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/angular-development-banner.jpg);
    height: 100vh ;
}
.angular-development-banner-area .container .row{
    position: relative;
}
.angular-development-banner-content{
    position: absolute;
    width: 100%;
    height: 100vh;
}
.angular-development-banner-text{
    padding: 15px;
}
.angular-development-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: capitalize;
}
.d-flex-wrap{
    flex-wrap: wrap;
}
.angular-service-card{
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    padding: 40px 15px;
    flex-basis: 45%;
}
.angular-service-card .angular-service-img{
    flex-basis: 30%;
}
.angular-service-card .angular-service-content{
    flex-basis: 70%;
}
.padding-right-15{
    padding-right: 15px;
}
.padding-left-15{
    padding-left: 15px;
}


/* Code for Mean Stack Development */
.mean-stack-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/mean-stack-banner.jpg);
    height: 100vh ;
}
.mean-stack-banner-area .container .row{
    position: relative;
}
.mean-stack-banner-content{
    position: absolute;
    width: 100%;
    height: 100vh;
}
.mean-stack-banner-text{
    padding: 15px;
}
.mean-stack-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: capitalize;
}
.padding-x-30{
    padding-left: 30px;
    padding-right: 30px;
}
.mean-component-section .common-half-box{
    margin: 15px;
}

/* Code for NodeJS Development */
.nodejs-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/nodejs-banner.jpg);
    height: 100vh ;
}
.nodejs-banner-area .container .row{
    position: relative;
}
.nodejs-banner-content{
    position: absolute;
    width: 100%;
    height: 100vh;
}
.nodejs-banner-text{
    padding: 15px;
}
.nodejs-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: capitalize;
}
.ai-machine-learn-section .col-sm-4 {
    margin: 15px;
    padding: 0;
    box-shadow: 0px 0px 4px #d4d4d4;
    box-shadow-top: none;
}

/* Code for Python Development */
.python-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/python-banner.jpg);
    height: 100vh ;
}
.python-banner-area .container .row{
    position: relative;
}
.python-banner-content{
    position: absolute;
    width: 100%;
    height: 100vh;
}
.python-banner-text{
    padding: 15px;
}
.python-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
    text-transform: capitalize;
}
.python-feature-section{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #ffe7e5;
}
.python-advantages.web-portal-icon .big-data-content{
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}
.python-advantages.web-portal-icon .image-box img{
    width: auto;
}

/* On Demand Developer page */
.on-demand-developer-banner-area {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/on-demand-developer-banner.jpg);
    height: 100vh ;
}
.on-demand-developer-banner-area .container .row{
    position: relative;
}
.on-demand-developer-banner-content{
    position: absolute;
    width: 100%;
    height: 100vh;
}
.on-demand-developer-banner-text{
    padding: 15px;
}
.on-demand-developer-banner-text h1{
    color: #fff;
    font-size: 46px;
    position: relative;
    font-family: 'gilroybold';
    margin-bottom: 0;
    margin-top: 0;
}
.on-demand-our-team-section .row{
    padding-top: 50px;
    padding-bottom: 50px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}
.row-bordering{
    border: 1px solid #ccc;
}
.on-demand-developer-form-section{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #d2ebff;
}
.on-demand-form{
    display: flex;
    flex-wrap: wrap;
}
.demand-common-form{
    flex-basis: 45%;
    margin-bottom: 10px;
    flex-grow: 1;
}
.demand-common-form .form-control{
    border-radius: 0;
    font-size: 16px;
    color: #4b7288;
    border-radius: 5px;
}
.grey-ground{
    background-color: #f0f0f0;
}
.grey-ground::placeholder{
    color: #4b7288;
}
.custom-need-on-demand::placeholder{
    color: #4b7288;
}
.demand-common-form .form-control label p{
    margin-bottom: 0px;
}
.on-demand-form p{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}
.on-demand-create-btn{
    width: 100%;
    background-color: #0472b0;
    color: #fff;
    padding: 12px 0;
    display: block;
    text-align: center;
    border: none;
    outline: none;
    font-size: 18px;
    margin-top: 20px;
    transition: 0.5s;
    border-radius: 4px;
}
.on-demand-create-btn:hover{
    background-color: #02486f;
}
.form-margin-left{
    margin-left: 20px;
}
.custom-check-box-section {
    align-items: flex-end;
}
.demand-common-form textarea.form-control{
    height: 100px;
}
.demand-common-form.demand-more-details{
    flex-basis: 100%;
}
.bootstrap-filestyle label.btn {
    height: 44px;
    line-height: 44px;
    border: 1px solid #ddd;
    background: transparent !important;
}
.bootstrap-filestyle label span {
    color: #4b7288 !important;
}
.icon-span-filestyle.glyphicon.glyphicon-folder-open{
    margin-right: 5px;
}

/* CSS for check box */
.custom-check-mark-box{
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 10px;
    margin-bottom: 3px;
}
/* Hide the browser's default checkbox */
.custom-check-mark-box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 15px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #0472b0;
    border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.custom-check-mark-box:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.custom-check-mark-box input:checked ~ .checkmark {
  background-color: #0472b0;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom-check-mark-box input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom-check-mark-box .checkmark:after {
  left: 10px;
  top: 6px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* Sticky Code for New Pages */
#myHeader{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}
.navbar-brand>img.normal-logo{
    display: none;
}
.navbar-brand>img.white-logo{
    display: block;
}
.img-width-75{
    width: 75% !important;
}
.input-error{
    border: 1px solid #d43f3a;
}
.call-to-action-bg-big{
    width: 100%;
}
/* Author Info */
.author-info-page{
    /*margin-top: 75px;*/
}
.gradient-bg{
    background-color: #00baf2;
    background-image: linear-gradient(141deg, #224095 0%, #1e70b8 51%, #0054a0 75%);
    /*background-image: linear-gradient(141deg, #0054a0 0%, #0054a0 51%, #498fcc 75%);*/
    padding-top: 75px;
    padding-bottom: 75px;
}
.author-heading {
    font-size: 24px;
    font-family: 'gilroybold';
    color: #fff;
}
.author-name{
    font-size: 20px;
}
.author-image-box{
    text-align: center;
}
.author-blog-box-single{
    border-radius: 5px;
    background-color: #fff;
}
.author-blog-box-single .flip-card-front, .author-blog-box .flip-card-front {
    padding: 15px;
}
.author-blog-box-single p{
    margin-bottom: 0;
}
.author-social-media{
    padding-top: 15px;
}
.author-social-media a{
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    margin-right: 5px;
    transition: 0.4s;
}
.author-social-media a i{
    font-size: 18px;
}
.author-social-media a:hover{
    background-color: rgba(255,255,255,0.8);
}
.author-social-media a:hover i{
    color: #224095;
}
.author-blog-box{
    background-color: #fff;
    border-radius: 5px;
    flex-basis: 32.5%;
}
.author-blog-box-single .blog-heading small, .author-blog-box .blog-heading small{
    color: #4b7288;
}
.author-blogs-row{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.author-blogs-row .col-sm-4{
    padding-right: 0;
}
.recent-blog-heading{
    font-size: 20px;
    font-weight: bold;
}
/* Start media query from here */
@media (min-width: 2100px){
    .navbar-default .navbar-nav>li>a {
        font-size: 26px;
    }
    .navbar {
        height: 140px;
        padding: 18px 0;
    }
    .navbar-brand>img {
        width: 200px;
    }
    .navbar-nav {
        margin-top: 17px;
    }
    .android-banner {
       top: -140px;
    }
    p{
        font-size: 22px;
    }
    .industry-list li a span {
        font-size: 80px;
    }
    .industry-list li a {
        font-size: 26px;
    }
    .android-banner-text h2 {
        font-size: 80px;
    }
    /*  .android-banner-text p {   font-size: 36px; }*/
    .have-an-idea-section h1 {
        font-size: 70px;
    }
    .have-an-idea-section h2 {
        font-size: 52px;
    }
    .have-an-idea-section h4 {
        font-size: 28px;
    }
    .android-banner-btn {
        font-size: 32px;
    }
    .gradient-btn {
        font-size: 32px;
    }
    .vertical-tab .nav-tabs li a {
        font-size: 30px;
    }
    #carousel-example-generic h3{
        font-size: 40px;
    }
    #carousel-example-generic h4 {
       font-size: 30px;
    }
    .bottom-menu li a {
       font-size: 26px;
       line-height: 36px;
    }
    footer h3 {
        font-size: 40px;
    }
    .devops-overview-para {
        line-height: 40px;
    }
    .media {
        margin-bottom: 40px;
    }
    .choose-card-heading {
        font-size: 36px;
    }
    .choose-us-card .fas {
        padding: 22px;
        font-size: 55px;
    }
    .technologies-we-use .panel-title {
        font-size: 30px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .sec-video::before {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    .sec-video::after {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    .sec-video{
        margin: 50px 0;
    }
    .vegafit-banner {
        top: -140px;
    }
    .vegafit-banner-content p {
        font-size: 30px;
    }
    .learn-more-btn {
        font-size: 26px;
    }
    ul.what-we-do-list li a {
        font-size: 26px;
    }
    .vegafit-choose-icons h4 {
        line-height: 40px;
        font-size: 26px;
    }
    .vegafit-btn {
       font-size: 26px;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 768px) and (max-width: 1199.99px){
    .common-menu-icon{
        width: 30px;
    }
    .mega-dropdown-menu > li > ul > li:not(.dropdown-header)  {
        text-indent: -34px;
        padding-left: 34px;
        font-size: 14px;
        line-height: 17px;
    }
    .banner-content {
        top: 42%;
    }
    .inner-banner-texts {
        margin-top: 0px;
    }
    .devops-banner-content h1 {
       font-size: 55px;
    }
    .devops-benefits-right{
        padding-left: 0px;
    }
    .devops-benefits-left .media, .devops-benefits-right .media{
        margin-top: 0;
        text-align: center;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        margin-bottom: 25px;
    }
    .devops-benifits-heading{
        margin-bottom: 35px;
    }
    .devops-benefits-right .media{
        flex-direction: column;
    }
    .devops-benefits-left .media-right{
        margin-bottom: 15px;
    }
    .devops-benefits-right .media-left{
        margin-bottom: 15px;
        padding-right: 0px;
    }
    .devops-benefits-left .media-body{
        padding-right: 0px;
    }
    .devops-benefits-right .media-body{
        padding-left: 0px;
    }
    .devops-benifits .media-body{
        width: auto;
        text-align: center;
    }
    .devops-banner{
        transform: translate3d(0px, 0px, 0px);
        background: url(../images/devops-banner-bg.jpg);
    }
    .devops-ipad-img{
        display: block;
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translateX(-50%);
        width: 70%;
    }
    .choose-card-area .row:nth-child(1){
        margin-bottom: 25px;
    }
    .choose-us-card {
        margin: 5px;
        padding: 35px 8px 25px 8px;
    }

/* CSS of call-to-action for ipad 1024px */
    .call-to-action-text{
        top: 28%;
    }
    .call-to-action-text h1{
        margin-bottom: 15px;
    }
    .call-to-action-text .project-btn{
         padding: 18px 36px;
         font-size: 18px;
    }
/* End of CSS of call-to-action for ipad 1024px */
    .step-img img{
        width: 100%;
    }
    .android-banner {
        background-position: 65% 50% !important;
    }
    .vegafit-banner-content {
        height: 80vh;
    }
    .vegafit-banner-content h1 {
        font-size: 75px;
        margin-top: 75px;
    }
    .vegafit-whatwedo{
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .why-epixelsoft-section .d-flex.d-flex-mob{
        display: table !important;
        padding: 0px 35px;
    }
    .list-icon {
        margin-bottom: 50px;
    }
    .list-icon:before {
        left: 50%;
        transform: translateX(-50%);
    }
    .list-content {
        margin-left: 0px;
        padding-top: 60px;
        text-align: center;
    }
    .why-list-right .list-content{
        text-align: center;
        margin-right: 0;
    }
    .blog-tab img {
        width: 135px;
        height: 120px;
        margin-right: 5px;
    }
    .blog-tab label {
        margin-bottom: 5px;
        font-weight: 500;
        font-size: 16px;
    }
    .form-area{
        padding: 25px 40px;
    }
    .contact-area .contact-text {
        width: 70%;
    }

    /* Media query for ipad page */
    .ipad-header-box {
        width: 58%;
    }
    .ipad-header-box h1 {
        font-size: 33px;
        margin-bottom: 25px;
    }
    .ipad-technology .ipad-tech-img{
        margin-bottom: 15px;
    }
    .ipad-have-idea .call-to-action-text h1 {
        margin-top: 0;
        font-size: 30px;
    }
    .ipad-have-idea .gradient-btn{
        margin-top: 0;
    }
    .ipad-header-box .header-list li {
        display: block;
        border-right: 0;
        border-bottom: 1px solid #fff;
    }
    .ipad-header-box .header-list li:last-child{
        border-bottom: 0;
    }
    .ipad-header-box .header-list li {
        margin-bottom: 20px;
    }
    .application-service-area{
        margin-top: 50px;
    }
    .ipad-get-section .tab-content .tab-pane {
        width: 82%;
        height: 100%;
    }
    .ipad-users .d-flex.d-flex-mob{
        display: table !important;
        background: #fff;
    }
    .ipad-choose-section .container {
        width: auto;
    }
    .choose-content {
        padding: 25px 20px;
        margin: 15px;
    }
    .ipad-technology img {
        width: 85%;
        display: block;
        margin: 0 auto;
    }
    .php-our-services-section .cross-app-card {
        flex-basis: 40%;
        flex-grow: 1;
    }
    .django-advantages-section .d-flex{
        flex-direction: column;
    }
    .django-advantages-section .col-sm-6 {
        width: 100%;
    }
   /* End of Media query for ipad page */

   /* Media query for iOS page*/
    .clutch-img{
        width: 100%;
    }
    .ios-image-box img{
        width: 100%
    }
    .number-section img {
        margin-top: 70px;
    }
   .industry-list li {
        width: 25%;
    }
    .navbar-default .navbar-nav>li>a {
        padding: 5px 10px;
    }
    .testimonial{
        margin-bottom: 0;
    }
    .testimonial-bg-img {
        padding-bottom: 0;
    }
    .testimonial-content .carousel-inner label {
        margin-bottom: 0;
    }
    .testimonial-content .carousel-inner p {
        margin-top: 0;
    }
    .hire-us {
        margin: 40px 0;
    }
    .inspiring-text label {
        font-size: 35px;
        line-height: 38px;
    }
    .overview-card {
        padding: 30px 10px;
        margin: 10px;
    }
    .progressive-high-tech-section p {
        padding-right: 0;
    }
    .progressive-market-section p {
        padding-left: 0px;
    }
    .internet-connection-content img{
        width: 65px;
    }
    .internet-connection-content h3, .internet-connection-content p{
        margin-top: 10px;
    }
    .progressive-have-idea .gradient-btn{
        margin-top: 0;
    }
    .content-padding{
        padding-right: 0;
    }
    .stawly-boxes-section .thumbnail .caption {
        padding: 15px 10px;
    }
    .stawly-banner-area {
        background-position: 75% 50%;
    }
    .stawly-banner-content {
        width: 50%;
    }
    .big-data-content{
        text-align: center;
        padding: 15px 10px 10px 10px;
    }
    .big-data-service-section .d-flex{
        flex-direction: column-reverse;
    }
    .big-data-service-section img{
        margin-top: 30px;
    }
    /* iPad mobile query for VR page */
    .vr-banner-area {
        background-position: 45% 50%;
    }
    .vr-business-application-section{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .ar-software-development-section {
        background-position: 64% 50%;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 50px;
    }
    .padding-top-ipad-15{
        padding-top: 15px;
    }
    .biz-intelligence-banner-area {
        background-position: 30% 50%;
    }
    .react-native-banner-area, .react-native-banner-content{
        height: 80vh;
    }
    .cross-platform-get-section .d-flex{
        flex-wrap: wrap;
    }
    .cross-platform-get-section .cross-app-card{
        margin: 15px;
        flex-basis: 28%;
        flex-grow: 1;
    }
    .blockchain-banner-content {
        left: 0;
    }
    .blockchain-our-work-section {
        padding-top: 200px;
        padding-bottom: 200px;
        background-position: 32% 50%;
    }
    .ai-services-section .d-flex{
        flex-wrap: wrap;
    }
    .ai-services-section .cross-app-card {
        flex-basis: 46%;
        flex-grow: 1;
    }
    .wearable-banner-area {
        background-position: 0%;
    }
    .wearable-app-development-section .d-flex{
        align-items: center;
    }
    .dm-banner-area {
        background-position: 35% 50%;
    }
    .cloud-solution-banner-area {
        background-position: 25% 50%;
    }
    .vegafit-banner-area {
        background-position: 68% 50%;
    }
    .vegafit-btn{
        margin-top: 15px;
    }
    .saas-development-banner-area {
        background-position: 10% 50%;
    }
    .saas-development-banner-text {
        width: 100%;
        text-align: center;
    }
    .web-portal-icon .big-data-content{
        flex-basis:43%;
        margin-bottom: 30px;
    }
    .common-half-box{
        flex-basis: 40%;
    }
    .angular-service-card {
        flex-basis: 100%;
    }
    .angular-development-banner-area {
        background-position: 25% 50%;
    }
    .mean-stack-banner-area {
        background-position: 25% 50%;
    }
    .nodejs-banner-area {
        background-position: 20% 50%;
    }
    .python-banner-area {
        background-position: 6% 50%;
    }
    .on-demand-developer-banner-area {
        position: relative;
        background-position: 30% 50%;
    }
}

@media (min-width: 768px) and (max-width: 1023px){
    .navbar-brand {
        padding: 8px 0px;
    }
    .author-blog-box{
        flex-basis: 49%;
    }
    #HappyHolidays {
        margin-top: 25%;
    }
    .navbar-brand>img{
        margin-top: 5px;
    }
    .mega-dropdown-menu > li > ul > li > a {
        font-size: 14px;
    }
    .about-us2-area {
        height: 65vh;
        background-image: url(../images/new-about-us-banner-small.jpg);
    }
    .about-us2-banner-content {
        height: 65vh;
        width: 100%;
    }
    .about-us-banner-texts h1 {
        font-size: 36px;
    }
        .our-work-content {
        height: 100%;
        top: 45%;
    }
    .our-work-content h2{
        font-size: 24px;
    }
    .our-work-content p{
        margin-top: 8px;
        font-size: 14px;
    }
    .margin-15-top-ipad{
        margin-top: 15px;
    }
    .big-data-banner-area {
        background-position: 50% 50%;
    }
    .big-data-banner-content{
        width: 58%;
    }
    .flutter-app-services-section .d-flex{
        flex-wrap: wrap;
        justify-content: center;
    }
    .flutter-app-services-section .big-data-content{
        flex-basis: 45%;
    }
    .flutter-app-services-section .big-data-content:first-child{
        margin-left: 15px;
    }
    .flutter-app-services-section .big-data-content:nth-child(3), .flutter-app-services-section .big-data-content:nth-child(4){
        margin-top: 25px;
    }
    .blockchain-our-work-content{
        margin-left: 0;
    }
    .iot-banner-content{
        width: 65%;
    }
    .call-to-action-bg h2{
        margin-top: 0;
    }
    .cs-speedy-business-section .row, .cs-flexibility-section .row {
        padding: 30px 5px;
        margin: 15px;
    }
    .mean-component-section .common-half-box{
        flex-basis: 100%;
    }
    .taxi-services .padding-left-zero{
        padding-left: 15px;
    }
    .food-delivery-box .padding-right-zero{
        padding-right: 15px;
    }
    .skewed-image-left::after, .skewed-image-right::before{
        display: none;
    }
    .on-demand-developer-form-section .row{
        flex-direction: column;
    }
    .on-demand-developer-form-section .col-md-5{
        display: none;
    }
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 767.98px){
    /*Media query CSS code for Android Development*/
    #HappyHolidays {
        margin-top: 30%;
    }
    #HappyHolidays .modal-dialog {
        margin: 30px;
    }
    .author-img-link{
        text-align: left;
    }
    .d-flex.d-flex-mob{
        display: block !important;
        background: #f3f3f3;
        padding: 55px 15px;
    }
    .d-flex-in-mob{
        flex-direction: column;
    }
    .d-flex-reverse-mob{
        flex-direction: column-reverse;
    }
    .d-flex-reverse{
        flex-direction: column-reverse;
        background: #f3f3f3;
        padding: 55px 15px;
    }
    .vertical-tab .nav-tabs li a {
        background: #ffffff;
    }
    .vertical-tab .tab-content>.active {
        background: #ffffff;
    }
    .technology-section .nav-tabs li a{
        margin-bottom: 10px;
    }

    /*CSS for MObile*/
    .choose-card-area .row{
        display: block;
    }
    /* CSS of call-to-action for mobile */
    .call-to-action-text{
        top: 32%;
    }
    .call-to-action-text .project-btn{
         padding: 15px 30px;
         font-size: 16px;
    }
    .call-to-action-bg-big{
        display: none;
        width: 100%;
    }
    .call-to-action-bg-mob{
        display: block;
        width: 100%;
    }
    .choose-us-card {
        margin: 15px 0 15px 0;
    }
    /* End of CSS of call-to-action for mobile */
    .devops-banner{
        transform: translate3d(0px, 0px, 0px);
        background: url(../images/devops-banner-bg.jpg);
    }
    .devops-banner-content {
        top: 75%;
    }
    .devops-ipad-img{
        display: block;
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translateX(-50%);
        width: 95%;
    }
    .integration-para p{
        margin-bottom: 25px;
    }
    .devops-overview-para {
        line-height: 30px;
    }
    /*.devops-benefits-left{ padding-left: 0px; }*/
    .devops-benefits-right{
        padding-left: 0px;
    }
    .devops-benefits-left .media, .devops-benefits-right .media{
        margin-top: 0;
        text-align: center;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        margin-bottom: 25px;
    }
    .devops-benifits-heading{
        margin-bottom: 35px;
    }
    .devops-benefits-right .media{
        flex-direction: column;
    }
    .devops-benefits-left .media-right{
        margin-bottom: 15px;
    }
    .devops-benefits-right .media-left{
        margin-bottom: 15px;
        padding-right: 0px;
    }
    .devops-benefits-left .media-body{
        padding-right: 0px;
    }
    .devops-benefits-right .media-body{
        padding-left: 0px;
    }
    .devops-benifits .media-body {
        width: auto;
        text-align: center;
    }
    .industry-list li {
        width: 50%;
    }
    .d-flex.d-flex-mob{
        display: block !important;
    }
    .devops-banner-content h1 {
        font-size: 35px;
    }

    /* Mobile media query for Vegafit Page */
    .vegafit-whatwedo img{
        margin-bottom: 25px;
    }
    .vegafit-banner-area {
        background-position: 22% 50%;
    }
    .vegafit-banner-content {
        width: 100%;
    }
    .vegafit-btn{
        margin-top: 15px;
        padding: 12px 24px;
        font-size: 12px;
    }
    .vegafit-banner-img{
        display: none;
    }
    .vegafit-about-para button{
        margin-bottom: 25px;
    }
    .vegafit-choose-icons .thumbnail {
        margin-bottom: 25px;
    }
    .vegafit-choose-icons .row:nth-child(1) {
        margin-bottom: 0;
    }
    .vegafit-choose-icons .d-flex.d-flex-mob{
        display: block !important;
        background: #f3f3f3;
        padding: 0px 15px;
        margin-top: 25px;
    }
    /* End of Mobile media query for Vegafit Page */

    .about-us2-area {
        background-position: center;
        height: 85vh;
        background-position: 10% 50%;
        background-image: url(../images/new-about-us-banner-small.jpg);
    }
    .about-us2-banner-content {
        width: 100%;
        height: 85vh;
    }
    .about-us-banner-texts h1 {
        font-size: 28px;
    }
    .about-us-banner-texts h1 span{
        font-size: 20px;
    }
    .about-us-banner-texts p{
        font-size: 18px;
    }
    .our-vision-section .d-flex.d-flex-mob, .our-mission-section .d-flex.d-flex-mob
    {
        display: table !important;
        padding: 40px 15px;
    }
    .about-what-we-do-section .d-flex.d-flex-mob{
        display: table !important;
        background-color: #fff;
        padding: 0;
    }
    .clock-icons-area .d-flex.d-flex-mob{
        display: block !important;
    }
    .dedicated-team .d-flex.d-flex-mob{
        display: table !important;
        padding: 40px 0;
        margin: 0 auto;
    }
    .why-epixelsoft-section .d-flex.d-flex-mob{
        display: table !important;
        padding: 40px 0px 0px 0px;
    }
    .list-icon {
        margin-bottom: 50px;
    }
    .list-icon:before {
        width: 50px;
        height: 50px;
        line-height: 50px;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .list-content {
        margin-left: 0px;
        padding-top: 60px;
        text-align: center;
    }
    .why-list-right .list-content{
        text-align: center;
        margin-right: 0;
    }
    .our-vision-text p, .our-mission-text p {
        font-size: 22px;
        text-align: center;
    }
    .our-mission-text p {
        margin-top: 0;
        margin-bottom: 25px;
    }
    .list-content-heading {
        font-size: 18px;
    }
    .clock-icons-area .thumbnail {
        padding: 20px;
        margin-bottom: 20px;
    }
    .dedicated-team .gradient-btn{
        display: table;
        margin: 0 auto;
    }
    .blog-tab img {
        width: 138px;
        height: 112px;
        margin-right: 5px;
        margin-bottom: 0 !important;
    }
    .blog-section label {
        font-size: 14px;
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 700;
    }
    .blog-section .col-lg-6 {
        margin: 0;
        padding: 10px;
    }
    .blog-section .gradient-btn {
    font-size: 16px;
    padding: 10px 18px;
    margin-top: 15px;
    }
    .blog-section .vertical-tab .tab-content>.active {
        padding: 10px;
    }
    .contactus-section .d-flex.d-flex-mob{
        padding: 0;
    }
    .contact-area{
        height: 100vh;
        padding: 0;
    }
    .contact-area .contact-text {
        width: 70%;
    }
    .scrum-area, .devops-area {
        padding: 15px 5px;
    }
    .form-area {
        padding: 15px 25px;
    }
    .technology-section .tab-icons li {
        width: 42%;
    }
    .about-us-iphone-img{
        display: none;
    }
    /* End of Mobile media query for about us page-II */
    .android-app-development-banner-area {
        background-position: 40% 50%;
    }
    /* Start of Mobile media query for ipad page */
    .ipad-banner{
        background: none;
    }
    .ipad-header-box {
        top: 0;
        transform: none;
        width: 100%;
        background: linear-gradient(to right, #4a94f0, #ad32d6);
        border: 0;
        border-radius: 0;
        padding: 50px 20px;
        height: 100vh;
        display: block;
    }
    .ipad-header-box h1 {
        margin-top: 50px;
        margin-bottom: 35px;
        font-size: 39px;
    }
    .ipad-header-box .header-list li {
        display: block;
        border-right: 0;
        border-bottom: 1px solid #fff;
    }
    .ipad-header-box .header-list li:last-child {
        border-bottom: 0;
    }
    .ipad-header-box .header-list li {
        margin-bottom: 20px;
    }
    .ipad-header-box .gradient-btn{
        margin-top: 0;
    }
    .application-service-area{
        margin-top: 50px;
    }
    .ipad-choose-section .d-flex.d-flex-mob {
        background: none;
        padding: 0;
    }
    .choose-content {
        margin: 25px 0px;
    }
    .ipad-technology .ipad-tech-img{
        margin-bottom: 15px;
    }
    .have-an-idea-section.ipad-have-idea h2 {
        font-size: 24px;
    }
    .have-an-idea-section.ipad-have-idea h1 {
        font-size: 26px;
    }
    .ipad-our-team {
        background-position: 30% 50%;
    }
    .ipad-get-section .tab-content .tab-pane {
        width: 85%;
        height: 100%;
    }
    .ipad-get-section .android-overview-content p {
        font-size: 16px;
    }
    .ipad-users .d-flex.d-flex-mob{
        background: #fff;
    }
    /* End of Mobile media query for ipad page */

    /* Mobile media query for iOS page */
    .ios-banner {
        background-position: 75% 50% !important;
    }
    .ios-development-service-section .d-flex, .hire-developer-section .d-flex, .number-section .d-flex, .top-rated-development-section .d-flex, .flutter-app-services-section .d-flex, .flutter-why-choose-section .d-flex{
        flex-direction: column;
    }
    .clutch-img{
    width: 100%;
    }
    .ios-image-box img{
        width: 100%
    }
    .top-rated-image-section {
        margin-top: 25px;
    }
    .ios-image-box{
        margin-top: 15px;
    }
    .ios-number-box{
        margin-top: 15px;
        position: relative;
    }
    .ios-number-box:after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 60%;
        height: 2px;
        background: #1e70b8;
    }
    .ios-number-box:last-child:after{
        background: none;
    }
    .ios-number-box .fa{
        display: block;
        color: #1e70b8;
        font-size: 30px;
        font-weight: bold;
    }
    .number-section img{
        display: none;
    }

    /* Mobile media query for Hobo page */
    .hobo-banner-area {
        background-position: 66% 50%;
    }
    .hobo-banner-content{
        width: 100%;
    }
    .hobo-about-section .d-flex, .hobo-choose-section .d-flex, .blockchain-data-security-section .d-flex, .blockchain-mobile-app-section .d-flex{
        flex-direction: column;
    }
    .hobo-work-section .d-flex, .react-live-updates-section .d-flex, .react-mpv-section .d-flex, .blockchain-app-development-section .d-flex, .blockchain-network-layer-section .d-flex, .blockchain-supply-chain-section .d-flex, .wearable-spectation-section .d-flex, .wearable-app-development-section .d-flex, .bi-consulting-services-section .d-flex, .bi-platform-implementation-section .d-flex, .incredible-app-solutions-section .d-flex, .dm-upper-section .d-flex{
        flex-direction: column-reverse;
    }
    .content-padding{
        padding-right: 0;
    }
    .hobo-choose-section .thumbnail{
        margin-bottom: 30px;
    }
    .white-btn-navbar {
        font-size: 18px;
        color: #fff;
        border: none;
        padding: 12px 40px;
        margin-top: 20px;
        display: inline-block;
        transition: 0.3s;
        border-radius: 35px;
        font-family: 'gilroybold';
        font-weight: normal;
        transition: 0.4s;
        background-color: #4b70dc;
    }
    .margin-30-top-mob{
        margin-top: 30px;
    }

    /* Mobile media query for Stawly page */
    .stawly-banner-content {
        width: 100%;
    }
    .stawly-banner-text h1{
        font-size: 40px;
    }
    .stawly-banner-text h2{
        font-size: 20px;
    }

    /* Mobile media query for Virtual Reality */
    .vr-banner-area {
        background-position: 20% 50%;
    }
    .vr-banner-content {
        width: 100%;
    }
    .padding-left-zero {
        padding-right: 0px;
    }
    .vr-business-application-section{
        padding-top: 50px;
        padding-bottom: 50px;
        background-position: 85% 50%;
    }
    .ar-software-development-section {
        padding-top: 0px;
        padding-bottom: 0px;
        background-position: 42% 50%;
        margin-bottom: 50px;
    }
    .vr-software-expertise-section .d-flex{
        flex-direction: column;
    }

    /* Mobile media query for Big Data Solution */
    .big-data-banner-area{
        background-position: 30% 50%;
    }
    .big-data-banner-content{
        width: 100%;
    }
    .big-data-service-section .d-flex{
        display: block !important;
    }
    .big-data-service-section img{
        display: none;
    }
    .big-data-analytics .d-flex, .big-data-analytics-process-section .d-flex, .bi-solutions-section .d-flex, .bi-software-development-section .d-flex, .expert-level-bi-section .d-flex, .bi-data-management-section .d-flex, .bi-benefits-section .d-flex, .ai-machine-learn-section .d-flex{
        flex-direction: column;
    }
    .big-data-our-model-content, .big-data-analytics-content{
        margin-top: 30px;
    }
    .margin-15-auto-mob{
        margin-left: 15px;
        margin-right: 15px;
    }
    .margin-15-top-mob{
        margin-top: 15px;
    }
    .biz-intelligence-banner-area {
        background-position: 18% 50%;
    }
    .react-about-content {
        padding: 0;
    }
    .cross-platform-get-section .d-flex{
        flex-wrap: wrap;
    }
    .cross-platform-get-section .cross-app-card{
        margin: 15px 25px;
        flex-basis: 90%;
        flex-grow: 1;
    }
    .blockchain-banner-area{
        background-position: 0% 50%;
        background-image: url(../images/blockchain-mob-bg.jpg);
    }
    .blockchain-banner-content {
        left: 0;
    }
    .blockchain-our-work-section{
        padding-top: 50px;
            padding-bottom: 50px;
    }
    .blockchain-our-work-section{
        background-image: none;
        background-color: #f4f5fa;
    }
    .blockchain-our-work-content{
        margin-left: 0px;
    }
    .saas-development-banner-area {
        background-position: 22% 50%;
    }
    .php-our-services-section .cross-app-card {
        flex-basis: 100%;
    }
    .ai-services-section .d-flex{
        flex-wrap: wrap;
    }
    .internet-connection-content{
        padding-left: 15px;
    }
    .iot-banner-area {
        background-position: 35% 50%;
    }
    .img-responsive-mob{
        width: 100%;
    }
    .wearable-what-we-are-content{
        padding: 25px 0;
    }
    .wearable-banner-area {
        background-position: 0%;
    }
    .dm-banner-area {
        background-position: 20% 50%;
    }
    .dm-services-tabs li img{
        display: none;
    }
    .dm-services-tabs {
        flex-direction: column;
    }
    .dm-services-tab-img{
        display: none;
    }
    .dm-services-tabs > li.active > a:after{
        display: none;
    }
    .dm-services-tabs > li > a{
        border: 1px solid transparent;
        border-bottom-color: #ddd;
    }
    .dm-services-tabs > li.active > a, .dm-services-tabs > li.active > a:hover, .dm-services-tabs > li.active > a:focus{
        color: #4b7288;
        font-weight: bold;
        cursor: default;
        border: 2px solid #0472b0;
    }
    .cloud-solution-banner-area {
        background-position: 30% 50%;
    }
    .cs-speedy-business-section .row, .cs-flexibility-section .row {
        padding: 30px 15px;
        margin: 0;
    }
    .crm-solution-banner-area {
        position: relative;
        background-position: 25% 50%;
    }
    .php-development-banner-area {
        background-position: 13% 50%;
    }
    .django-banner-content {
        top: 130px;
    }
    .django-banner-text h1 {
        font-size: 45px;
    }
    .angular-service-card{
        flex-basis: 100%;
    }
    .angular-service-card img{
        width: 80%;
    }
    .angular-service-content.text-left, .angular-service-content.text-right{
        text-align: center;
    }
    .angular-development-banner-area {
        background-position: 35% 50%;
    }
    .mean-stack-banner-area {
        background-position: 35% 50%;
    }
    .banner-content {
        top: 42%;
    }
    .banner-btn {
        padding: 10px 18px;
    }
    .mar-left-25 {
        margin-left: 15px;
    }
    .navbar-default .navbar-toggle {
        /*border-color: #fff;*/
        /*margin-top: 20px !important*/
        margin-right: 0;
    }
    .top_nav_main_div{
        height: auto !important;
    }
    .toll-free-span{
        display: none;
    }
    .top_nav_lft_div {
      padding: .5rem 0 0.75rem 0.5rem;
    }
    .navbar-default .navbar-toggle .icon-bar {
        /*background-color: #fff;*/
    }
    .navbar.sticky .navbar-toggle{
        border-color: #23a0fc;
    }
    .navbar.sticky .icon-bar{
        background-color: #23a0fc;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        background-color: #fff;
        margin-top: 12px;
        box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    }
    .navbar-default .navbar-nav>li.active>a {
        color: #484848;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }
    .navbar-default .navbar-nav>li>a {
        color: #484848;
        line-height: 30px;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 7px 0px;
    }
    .dropdown-menu.mega-dropdown-menu{
        height: 300px;
        overflow: auto;
    }
    .inspiring-work {
        margin-top: 50px;
        margin-bottom: 0px;
    }
    .testimonial{
        margin-bottom: 0;
        margin-top: 40px;
    }
    .testimonial-bg-img {
        padding-top: 0;
        padding-bottom: 0;
        background: none;
    }
    .testimonial-bg-img h1 {
        color: #0472b0 !important;
    }
    .testimonial-content .carousel-inner {
        background: linear-gradient(to bottom, #1d5484 0%, #467eb0 100%);
    }
    .testimonial-content .carousel-inner label {
        margin-bottom: 0;
    }
    .testimonial-content .carousel-inner p {
        margin-top: 0;
    }
    .inspiring-work .col-sm-4{
        margin-left: 0px;
    }
    .inspiring-work .col-sm-8{
        padding: 0;
    }
    .hire-us {
        margin: 40px 0;
    }
    .cookie-section p a{
        font-size: 17px;
    }
    .btn-cookie-policy {
        margin-top: 5px;
    }
    .android-banner {
        background-position: 40% 50% !important;
    }
    .we-provide .d-flex.d-flex-mob{
        padding: 0;
        background-color: transparent;
    }
    .our-blog .d-flex.d-flex-mob{
        padding: 0;
        background-color: transparent;
    }
    .margin-bottom-mob-25px{
        margin-bottom: 25px;
    }
    .inner-banner-content h1 {
        font-size: 30px;
    }
    .job-list .d-flex.d-flex-mob{
        background-color: transparent;
        padding: 0px 15px;
    }
    .job-list-description {
        padding-right: 0;
    }
    .certifications-list li {
        width: 50%;
    }
    .inner-banner-content{
        height: calc(50vh - 75px);
    }
    .progressive-banner-area {
        background-position: left;
    }
    .progressive-banner-content {
        width: 100%;
    }
    .progressive-banner-text h1 {
        font-size: 40px;
    }
    .progressive-banner-text p {
        font-size: 20px;
    }
    .overview-card-area, .progressive-high-tech-section .d-flex, .progressive-internet-section .d-flex {
        flex-direction: column;
    }
    .progressive-market-section .d-flex{
        flex-direction: column-reverse;
    }
    .progressive-high-tech-section p{
        padding-right: 0;
    }
    .progressive-market-section p{
        padding-left: 0;
        margin-bottom: 25px;
    }
    .internet-connection-content{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .progressive-internet-section .padding-right-zero{
        padding-right: 15px;
    }
    .progress-internet-image-half{
        display: none;
    }
    .progress-internet-image-full{
        display: block;
    }
    .django-banner-area {
        background-position: 47%;
    }
    .nodejs-banner-area {
        background-position: 30% 50%;
    }
    .python-banner-area {
        background-position: 10% 50%;
    }
    .python-advantages.web-portal-icon .big-data-content {
        flex-basis: 50%;
    }
    .on-demand-developer-banner-area{
        background-position: 40% 50%;
    }
    .on-demand-our-team-section .row{
        margin-left: 0px;
        margin-right: 0px;
    }
    .skewed-image-left::after, .skewed-image-right::before{
        display: none;
    }
    .demand-common-form {
        flex-basis: 100%;
    }
    .form-margin-left{
        margin-left: 0;
    }
    .food-delivery-box{
        flex-direction: column-reverse !important;
    }
    .on-demand-industries .padding-right-zero{
        padding-left: 0;
    }
    .on-demand-developer-form-section img{
        display: none;
    }
    .bootstrap-filestyle label.btn {
        padding: 0 10px;
    }
    .bootstrap-filestyle label span {
        font-size: 14px;
    }
}

@media (min-width: 1024px) and (max-width: 1450px){
    .author-blog-box {
        flex-basis: 32.5%;
        width: 32.5%;
    }
    /*.about-us2-area {        height: 80vh;        background-position: 60% 50%;    }*/
    .about-us2-banner-content {
        width: 50%
    }
    .our-work-content {
        height: 100%;
    }
    .ipad-get-section .android-overview-content p {
        margin-top: 40px;
    }
    .bi-service-box:after{
        border: none;
    }
    .bi-service-box:hover:after{
        border: none;
    }
    .bi-services-section .row{
        display: flex;
    }
    .bi-services-section .row .col-lg-3{
        border: 1px solid #6ccff6;
        margin: 15px;
    }
    .big-data-banner-content{
        width: 58%;
    }
    .blockchain-our-work-content{
        margin-left: 75px;
    }
    .skewed-image-left img{
        height: 310px !important;
    }
 }

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1450px){
    .call-to-action-text{
        top: 35%;
    }
    /* Start of Media query for New ipad page */
    .ipad-header-box h1 {
        font-size: 30px;
        margin-bottom: 40px;
    }
    .ipad-header-box .header-list li {
        display: inline-block;
        border-right: 1px solid #fff;
        border-bottom: 0;
        padding-right: 15px;
        margin-right: 12px;
    }
    .ipad-header-box {
        padding-right: 0;
    }
    .biz-intelligence-banner-area {
        background-position: 10% 50%;
    }
    .wearable-banner-content {
        width: 45%;
    }
}
    /* End of Media query for ipad page*/

@media (min-width: 1451px){
    .devops-ipad-img{
        width: 50%;
    }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .container {
        width: 80%;
    }
    .big-data-banner-content{
        width: 45%;
    }
    .angular-service-card {
        flex-basis: 42%;
        flex-grow: 1;
    }
}

@media screen and (max-width: 1400px) and (min-width: 992px) {
    .inspiring-text label {
        font-size: 55px;
        line-height: 60px;
    }
     .address.address-blue {
        min-height: 375px;
        margin-top: 40px;
    }
    .address {
        min-height: 375px;
        margin-top: 40px;
    }
    .mar-text-top{
        margin-top: 7%;
    }
}
@media screen and (max-width: 1025px) and (min-width: 768px) {
   .navbar-header {
        margin-left: 15px !important;
    }
    .address.address-blue {
        min-height: 320px;
        margin-top: 40px;
    }
    .address {
        min-height: 320px;
        margin-top: 40px;
    }
    .inspiring-text label {
        font-size: 40px;
        line-height: 50px;
    }
    .flip-card-front label {
        font-size: 12px;
    }
    .flip-card-front h4 {
        font-size: 16px;
    }
    .hire-us-list ul li {
        font-size: 14px;
    }
    .common-heading {
        line-height: 30px;
    }
}
@media (max-width: 991.98px) {
    .industry-list li {
        width: 25%;
    }
}
@media (max-width: 374px) {
    .industry-list li a {
        font-size: 16px;
    }
    .home-banner-para {
        font-size: 16px;
    }
    .banner-btn {
        font-size: 14px;
        padding: 8px 16px;
    }

}
/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) {
    .d-none-mob{
        display: none;
    }
    .we-are-hiring-div a{
        text-align: center;
    }
    .author-blog-box{
        flex-basis: 100%;
    }
    .gradient-bg {
        padding-top: 25px;
        padding-bottom: 35px;
    }
    .author-image-box{
        text-align: left;
    }
    .author-name {
        margin-top: 25px;
    }
    .industry-list li {
        width: 50%;
    }
    .col-sm-5-part{
        width: 100%;
    }
    .inner-banner-content h1 {
        font-size: 21px;
    }
    .inner-banner-content p {
        font-size: 16px;
    }
    .we-are-hiring{
        z-index: 5;
    }
    .img-career-width{
        width:99%;
    }
    .testimonial-bg-img {
        background-size: cover;
    }
    .testimonial {
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 10px 0;
    }
    .testimonial-content .carousel-inner .item {
        padding: 20px 8px 0px 8px;
    }
    .call-to-action-btn {
        text-align: center;
    }
    .banner-content .col-sm-12.text-right{
        text-align: left;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #fff;
        background: #fff;
        max-height: 415px;
    }
    .inspiring-text label {
        font-size: 62px;
        line-height: 70px;
    }
    .navbar-default .navbar-nav>li>a {
        color: #484848 !important;
    }
    .navbar-nav {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .always-active {
        margin-top: 20px;
        display: block;
        text-align: center;
        border: 2px solid #3e8df4;
        color: #3d8ff5;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
        padding: 0px 0px 5px 0px;
    }
    .navbar-nav .open .dropdown-menu {
        padding: 0 15px;
    }
    .navbar-nav .open .dropdown-menu.mega-dropdown-menu{
        padding: 0;
    }
    .isotope, .isotope .isotope-item {
        width: 100%;
    }
    .pagination {
        margin-top: 0;
    }
    .address.address-blue {
        min-height: 340px;
    }
    .address {
        min-height: 340px;
    }
    #portfolio {
        margin: 1rem 0;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
        -webkit-column-width: 33.33333333333333%;
        -moz-column-width: 33.33333333333333%;
        column-width: 33.33333333333333%;
    }
    .achivement-heading i {
        display: none;
    }
    .job-details {
        border: none;
        padding: 15px 0;
    }
    .job-description {
        padding-right: 15px;
    }

    .job-list-description{
        padding-left: 15px;
    }
    .job-list-title {
        padding-right: 15px;
    }
    .call-to-action-box {
        width: 95%;
        padding-bottom: 30px;
    }
    .oops-contact-form{
      margin-top: 50px;
      margin-bottom: 50px;
    }
    .we-are-hiring span{
        display: block;
    }
    #close-career{
        cursor: pointer;
    }
    .sales-input {
       top: -25px;
    }
    .top-banner {
        background-position: 32% !important;
    }
     .navbar-default .navbar-nav>li>a {
        line-height: 24px;
    }
    .banner-content h1{
        font-size: 35px;
    }
   .typewrite {
        font-size: 38px;
   }
    .banner-content h1.block-in-mob{
        display: block;
    }

    /*media query for vertical tabs*/
    .vertical-tab .nav-tabs{
        width: 100%;
        display: block;
        border: none;
    }
    .vertical-tab .nav-tabs li a{
        padding: 7px 20px;
        margin: 0 0 10px 0;
    }
    .call-to-action-text {
        top: 32%;
    }
    .call-to-action-text .project-btn {
        padding: 15px 30px;
        font-size: 16px;
    }
    .android-banner {
        background-position: 0% !important;
    }
    .step-img{
        text-align: center;
        margin: 30px 0;
    }
    .step-img img{
        width: 150px;
        display: inline-block;
    }
    .need-margin{
        text-align: center;
    }
    .android-overview-image img{
        margin-bottom: 30px;
    }
}
@media (max-width: 414px) {
    .android-app-development-banner-area {
        background-position: 20% 50%;
    }
    .transparent-btn{
        font-size: 16px;
        padding: 12px 20px;
        margin-left: 0;
        margin-top: 10px;
    }
    .android-app-development-banner-text {
        padding-right: 0;
    }
}
@media (max-width: 320px) {
.call-to-action-text.pos-change{
    top: 20%;
}
 .call-to-action-text.pos-change .gradient-btn{
    margin-top: 10px;
}
.android-app-development-banner-text h1{
    font-size: 40px;
}
.gradient-btn {
    font-size: 14px;
    padding: 10px 20px;
}
.transparent-btn{
    font-size: 14px;
    padding: 10px 20px;
}
}

/* New Design CSS */
/* --------------- --
    top nav start
-- -------------- */

.top_nav_main_div {
    display: flex;
    justify-content: space-between;
    height: 50px;
    overflow: hidden;
    background: #EFFBFF;
}
.top_nav_main_div a {
    text-decoration: none;
    color: transparent;
}
.top_nav_lft_design {
    background: #EFFBFF;
    position: absolute;
    right: -4rem;
    top: 1rem;
    height: 80px;
    width: 80px;
    transform: rotate(45deg);
}
.top_nav_lft_div {
    display: flex;
    background: #1293E7;
    align-items: center;
    padding: 1rem 10rem;
    position: relative;
}
.top_nav_lft_div div {
    padding: 0 3rem;
    border-right: 1px solid #D2D2D2;
    margin: 0;
}
.top_nav_lft_fst_div {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.top_nav_lft_div div:last-child {
    border: none;
}
.top_nav_lft_div div p {
    font-size: 16px;
    font-weight: 400;
    color: #ffff !important;
    margin: 0;
    padding: 0;
}
.top_nav_lft_social_div {
    display: flex;
    margin: 0 !important;
    padding: 0 !important;
}
.top_nav_lft_social_div div {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 25px !important;
    height: 25px !important;
    background: linear-gradient(180deg, #00FFF0 0%, #0500FF 100%);
    border: none;
    padding: 0;
    margin: 0 1rem;
}
.top_nav_rght_btn_div {
    display: flex;
    align-items: center;
    padding: 0 10rem 0 0;
    margin: 0;
}
.top_nav_rght_btn_div button {
    background: linear-gradient(270deg, #001AFF 7.14%, #00C2FF 91.58%);
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 1rem 2rem;
    margin: 0;
}
.top_nav_rght_btn_div button:hover {
    background: linear-gradient(270deg, #00C2FF 7.14%, #001AFF 91.58%);
    color: white;
}
.top_nav_rght_btn_div button:focus {
    box-shadow: none !important;
    outline: none !important;
    color: white !important;
}
/* --------------- --
    top nav end
-- -------------- */
/* ---------------- --
      Navbar start
-- ----------------- */
header {
    position: sticky;
    top: -0.01rem;
    z-index: 99999999;
}
.navbar {
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05);
    padding: 1rem 10rem;
    margin: 0;
}
.navbar-header {
    background: #fff;
}
.navbar-nav li a {
    font-size: 18px;
    text-decoration: none;
    font-weight: 400;
    color: #373737;
}
.navbar-nav li a:hover {
    background: #76bae7 !important;
    color: white;
    border-radius: 5px;
}
/* dropdown */
.navbar-nav li .container ul {
    list-style: none;
    padding: 0;
}
.navbar-nav li .container ul li {
    padding: 0.5rem 0;
}
.navbar-nav li .container ul li>a {
    font-size: 14px !important;
    position: relative;
    display: block;
    padding: 5px 10px;
    font-weight: 400;
}
.navbar-nav li .container ul li>a:hover {
    background-color: #f4f4f4 !important;
    color: #373737;
}
.nav_dropdown_img_div {
    width: 100%;
    height: 185px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.nav_dropdown_img_div img {
    height: 100%;
    width: 100%;
}
.nav_dropdown_img_div .nav_dropdown_img_btn_div {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translate(-50%);
}
.nav_dropdown_img_div .nav_dropdown_img_btn_div a {
    background: linear-gradient(270deg, #001AFF 7.14%, #00C2FF 91.58%);
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 0.5rem 2rem;
    margin: 0;
}
.nav_dropdown_img_div .nav_dropdown_img_btn_div a:hover {
    border-radius: 50px;
    background: linear-gradient(270deg, #00C2FF 7.14%, #001AFF 91.58%) !important;

}

/* ---------------- --
       Navbar end
-- ----------------- */
/* Intership program landing page start */
.internship_prog_hero_main_div {
    background: linear-gradient(90deg, rgba(140, 121, 255, 0.75) 0%, rgba(25, 117, 242, 0.62) 100%);
    position: relative;
    padding-bottom: 3rem;
}
.hero_ball_design {
    position: absolute;
    bottom: 2rem;
    width: 100%;
    margin: 0;
    padding: 0;
}

.hero_ball_design img {
    width: 100%;
}
.eps-txts {
    list-style: none;
    margin: 0;
    padding: 0;
}

.eps-txts li {
    margin: 0;
    padding: 0;
}

.eps-txts li span {
    font-size: 48px;
    font-weight: 400;
    color: #FFFF00;
    font-family: 'Fredoka One', cursive;
    margin: 0;
    padding: 0;
}

.internship_prog_hero_row {
    padding: 5rem 10rem 10rem 10rem;
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0;
}
.wrapper .static-txt h1 {
    font-size: 48px;
    font-weight: 400;
    color: #02367C;
    font-family: 'Fredoka One', cursive;
    margin: 0;
    padding: 0;
}
.internship-prog-head-txt {
    background-image: url('../../pictures/icons/head-bg-blue.svg');
    background-repeat: no-repeat;
    background-position: center -2px;
    padding: 2rem 0;
}

.apply-card-main-row {
    margin-top: 1rem;
}

.apply-card-main-div {
    display: flex;
}

.apply-each-lft-main-div {
    position: relative;
    width: 65px;
    height: 65px;
}

.apply-each-lft-div {
    width: 65px;
    height: 65px;
    background: linear-gradient(42.41deg, rgba(151, 71, 255, 0) 9.18%, #7B3ACE 61.58%);
    filter: blur(4px);
    border-radius: 15px;
}

.apply-each-number {
    position: absolute;
    font-weight: 700;
    font-size: 72px;
    color: #003BD2;
    z-index: 99999;
    top: -6px;
    left: 0;
    font-family: 'Anek Bangla', sans-serif!important;
}

.apply-card-para {
    font-weight: 600;
    font-size: 28px;
    line-height: 42px;
    color: #390083;
    margin: 0;
    padding: 0;
    margin-left: 1.5rem;
    font-family: 'Anek Bangla', sans-serif!important;
}

.apply-cards-main-section {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.apply-card-main-div {
    margin-top: 5rem;
}

.intership-benifits-area {
    background: rgba(0, 209, 255, 0.15);
    padding: 8rem 10rem;
}

.internship-benifit-head-txt {
    background-image: url('../../pictures/icons/head-bg-voilet.svg');
    background-repeat: no-repeat;
    background-position: center -2px;
    padding: 2rem 0;
    margin-bottom: 5rem;
}
.hero_col1_btn_div div:last-child {
    padding-left: 2.5rem;
}

.go-hobo-btn {
    padding: 1rem 3rem;
}

.hero_col1_btn_div .lets_talk_btn_div button {
    background: linear-gradient(90deg, #8E2DE2 0%, #4A00E0 100%);
    box-shadow: 0px 6px 4px rgba(0, 0, 0, 0.25);
    border: 2px solid transparent;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 1.5rem 5rem;
}

.hero_col1_btn_div .lets_talk_btn_div button:hover {
    background: linear-gradient(90deg, #4A00E0 0%, #8E2DE2 100%);
}

.hero_col1_btn_div .lets_talk_btn_div button:focus {
    outline: none;
}

.hero_col1_btn_div .view_portfolio_btn_div button:focus {
    outline: none;
}

.hero_col1_btn_div .view_portfolio_btn_div button {
    background: transparent;
    box-shadow: 0px 6px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    border: 2px solid white;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 1.3rem 5rem;
}

.hero_col1_btn_div .view_portfolio_btn_div button:hover {
    background: white;
    color: #4A00E0;
}
.hero_bootom_design {
    bottom: -0.8rem;
    position: absolute;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}
.hero_left_design {
    position: absolute;
    top: 9rem;
    left: 0;
    margin: 0;
    padding: 0;
    opacity: 0.8;
}

.hero_right_design {
    position: absolute;
    top: 9rem;
    right: 0;
    margin: 0;
    padding: 0;
    opacity: 0.8;
}
.hero_bootom_design img {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}
.intern-benifits-left-imgDiv {
    background: #fff;
    border: 3px solid rgba(5, 0, 255, 0.35);
    width: 400px;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    vertical-align: middle;
}

.benifits-each-card-main-div {
    background: #FFFFFF;
    box-shadow: 0px 4px 18px rgba(5, 0, 255, 0.25);
    border-radius: 10px;
    max-width: 475px;
    overflow: hidden;
    padding: 2rem;
    display: flex;
    align-items: center;
}

.benifits-card-right-part {
    margin-left: 1.5rem;
}

.benifits-card-right-part h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    color: #000000;
}

.benifits-card-right-part p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: #545454;
    margin: 0;
    margin-top: 0.8rem;
}

.benifitCardMiddleMainDiv {
    margin: 4rem 0;
    display: flex;
    justify-content: end;
    margin-left: 10%;
}

.benifitCardFirstMainDiv {
    margin-left: 1.5rem;
}

.benifit-right-d-flex-div {
    display: flex;
}

.benifit-number-img-1 {
    display: none;
}

.benifit-each-cards {
    width: 100%;
}

.margin-top-2rem {
    margin-top: 5rem;
}
.applyCardMiddlePad{
    padding: 0 2rem;
}
@media (max-width:1300px) {
    .benifit-number-img {
        display: none !important;
    }

    .benifits-each-card-main-div {
        max-width: 100% !important;
    }

    .intership-benifits-area {
        padding: 5rem 1.5rem;
    }

    .benifits-card-right-part {
        margin-left: 1rem;
    }

    .benifit-each-cards {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
    }

    .benifits-all-col-div {
        justify-content: center;
    }

    .benifit-right-d-flex-div {
        display: unset;
    }

    .benifitCardMiddleMainDiv {
        margin-top: 1rem;
        display: unset;
        margin-left: 0;
    }

    .benifitCardFirstMainDiv {
        margin-left: 0;
    }

    .benifit-left-img-main-div {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 1300px) and (min-width: 991px) {
    .benifits-all-col1 {
        width: 50%;
    }

    .benifits-all-col2 {
        width: 50%;
    }

    .benifit-left-img-main-div {
        width: 100%;
        display: unset;
    }

    .benifit-number-img-1 {
        display: unset;
    }

    .benifits-middle-card {
        margin: 5rem 0;
    }

    .benifits-all-col2 {
        margin-top: 0;
    }

    .benifit-left-img-main-div {
        display: flex;
    }

    .benifits-all-col-div {
        display: unset;
    }
}

@media (max-width: 1127px) and (min-width: 991px) {
    .benifits-all-col1 {
        width: 60%;
    }

    .benifits-all-col2 {
        width: 40%;
    }
}


@media (max-width:467px) {
    .intern-benifits-left-imgDiv {
        width: 270px;
        height: 270px;
    }
}

.internshipProg_design_img_lft {
    position: absolute;
    top: 0;
    left: 0;
}

.internshipProg_design_img_rght {
    position: absolute;
    bottom: 0;
    right: 0;
}

.countdown_section {
    background: rgba(0, 99, 231, 0.2);
    position: relative;
    overflow: hidden;
}



.waitingForPara {
    font-size: 36px;
    font-weight: 600;
    color: #05204D;
    margin-bottom: 32px;
}

.internProg-signUp-btn {
    background: #6F00B2;
    border: 2px solid #6F00B3;
    border-radius: 50px;
    color: #fff;
    padding: 1rem 7rem;
    font-size: 16px;
    font-weight: 600;
}

.internProg-signUp-btn:focus {
    color: #fff;
}

.internProg-signUp-btn:hover {
    background: transparent;
    border: 2px solid #6F00B3;
    border-radius: 50px;
    color: #6F00B3;
    font-size: 16px;
    font-weight: 600;
}
.bottom-signup-div-row{
    display: flex;
    align-items: center;
}
@media (max-width:768px) {
    .bottom-signup-div-row {
        display: unset;
        display: block;
    }

    .intern-signUp-main-div {
        padding: 0;
    }

    .internship_prog_hero_row {
        padding: 0rem 2rem;
    }

    .hero_col2 {
        display: none;
    }
    .inteshSignUpPadding{
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }

}
@media (min-width:768px) and (max-width: 1200px) {
    .bottom-signup-container {
        padding: 0 8rem;
    }

}
.inteshSignUpPadding{
   padding: 4rem 10rem;
}
.interApplyNowBtn {
    padding: 0 !important;
}

.interApplyNowBtn .btn {
    padding: 1rem 7rem !important;
    margin-top: 5rem;
}

.internshipApplyBtnDiv {
    margin-top: 8rem;
    display: flex;
    justify-content: center;
}

.internshipApplyBtnDiv a {
    background: linear-gradient(270deg, #001AFF 7.14%, #00C2FF 91.58%);
    box-shadow: 0px 6px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    color: #FFF;
    padding: 1rem 7rem;
    font-size: 16px;
    font-weight: 600;
}

.internshipApplyBtnDiv a:hover {
    background: linear-gradient(270deg, #00C2FF 7.14%, #001AFF 91.58%);
    color: #FFF;
}

.internshipApplyBtnDiv a:focus {
    color: #fff;
}

.internSignUpCol1 {
    vertical-align: middle;
    height: 100%;
}

/* Intership program landing page start */
/*-----Testimonial Start-------*/
.tstmnl-heading {
    text-align: center;
    color: #454343;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    margin-bottom: 70px;
    text-transform: uppercase;
    z-index: 999;
}

.white-tstmnl-heading {
    color: #ffffff;
}

.tstmnl-heading:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 40px;
    width: 180px;
    border-radius: 4px;
    transform: translateX(-50%);
    background: url(img/heading-line.png);
    background-repeat: no-repeat;
    background-position: center;
}

.white-tstmnl-heading:after {
    background: url(https://i.ibb.co/d7tSD1R/heading-line-white.png);
    background-repeat: no-repeat;
    background-position: center;
}

.tstmnl-heading span {
    font-size: 18px;
    display: block;
    font-weight: 500;
}

.white-tstmnl-heading span {
    color: #ffffff;
}

.testimonial {
    position: relative;
    background: url(../images/other-images/career-testimonial.jpg);
    padding-top: 50px;
    background-position: center;
    background-size: cover;
}

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

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

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

.testimonial4_slide {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 90%;
    margin: auto;
    position: relative;
    text-align: center;
}

.testimonial4_slide img {
    top: 0;
    left: 0;
    right: 0;
    width: 136px;
    height: 136px;
    margin: auto;
    margin-bottom: 0;
    display: block;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
}

.testimonial4_slide h4 {
    color: #ffffff;
    font-size: 22px;
}

.testimonial .carousel {
    padding-bottom: 35px;
}

.testimonial .carousel-control-next-icon,
.testimonial .carousel-control-prev-icon {
    width: 35px;
    height: 35px;
}

.career-carausil-name {
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 1rem !important;
    font-size: 24px !important;
    ;
    font-weight: 600 !important;
    ;
    color: white !important;
    ;
}

.career-carausil-post {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 24px !important;
    ;
    font-weight: 600 !important;
    ;
    color: #FBF100 !important;
}

.career-carausil-msg {
    font-size: 20px !important;
    ;
    font-weight: 400 !important;
    ;
    color: white !important;
    margin-top: 2rem !important;
}

.career-carausel-img-lft {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 1rem
}

.career-carausel-img-right {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 1rem;
}

/* ------testimonial  End-------*/
/*-- ------------------------------- --
             Middle area End
-- -------------------------------- */
.tstmnl-heading {
    text-align: center;
    color: #454343;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    margin-bottom: 70px;
    text-transform: uppercase;
    z-index: 999;
}

.white-tstmnl-heading {
    color: #ffffff;
}

.tstmnl-heading:after {
    content: ' ';
    position: absolute;
    top: 100%;
    left: 50%;
    height: 40px;
    width: 180px;
    border-radius: 4px;
    transform: translateX(-50%);
    background: url('img/heading-line.png');
    background-repeat: no-repeat;
    background-position: center;
}

.white-tstmnl-heading:after {
    background: url('https://i.ibb.co/d7tSD1R/heading-line-white.png');
    background-repeat: no-repeat;
    background-position: center;
}

.tstmnl-heading span {
    font-size: 18px;
    display: block;
    font-weight: 500;
}

.white-tstmnl-heading span {
    color: #ffffff;
}

/*-----Testimonial-------*/
.testimonialSec {
    position: relative;
    background: url('../../pictures/other-images/career-testimonial.jpg');
    padding-top: 50px;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

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

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

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

.testimonial4_slide {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 90%;
    margin: auto;
    position: relative;
    text-align: center;
}

.testimonial4_slide img {
    top: 0;
    left: 0;
    right: 0;
    width: 136px;
    height: 136px;
    margin: auto;
    margin-bottom: 0;
    display: block;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    position: relative;
    border-radius: 50%;
    box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
}

.testimonial4_slide h4 {
    color: #ffffff;
    font-size: 22px;
}

.testimonial .carousel {
    padding-bottom: 35px;
}

.testimonial .carousel-control-next-icon,
.testimonial .carousel-control-prev-icon {
    width: 35px;
    height: 35px;
}

.career-carausil-name {
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 1rem !important;
    font-size: 24px !important;
    ;
    font-weight: 600 !important;
    ;
    color: white !important;
    ;
}

.career-carausil-post {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 24px !important;
    ;
    font-weight: 600 !important;
    ;
    color: #FBF100 !important;
}

.career-carausil-msg {
    font-size: 20px !important;
    ;
    font-weight: 400 !important;
    ;
    color: white !important;
    margin-top: 2rem !important;
}

.career-carausel-img-lft {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 1rem
}

.career-carausel-img-right {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 1rem;
}

/* ------testimonial  close-------*/
/*-- ------------------------------- --
             Footer start
-- -------------------------------- */
.footer {
    background: #00B2FF url('../pictures/other-images/footer-bg-design.webp');
    background-blend-mode: multiply;
    padding: 0;
}
.footer .about_epixel_main_div {
    padding: 5rem 10rem 3rem;
}

.bg-none-footer{
    background: linear-gradient(90deg, #0063E7 0%, #0283BA 100%);
    position: relative;
    overflow: hidden;
}
.bg-none-footer::before{
    content: url('../pictures/other-images/multiple-dots.svg');
    position: absolute;
    top: -2rem;
    left: -2rem;
}
.bg-none-footer::after{
    content: url('../pictures/other-images/multiple-dots.svg');
    position: absolute;
    right: -2rem;
    bottom: -2rem;
}
/*.bg-none-footer {
    background: transparent !important;
}*/
.main3 {
    width: 100%;
    display: grid;
    grid-template-rows: repeat(1, auto);
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    /* grid-row-gap: 20px;
    grid-column-gap: 20px; */
    grid-gap: 35px;
    position: relative;
    padding: 4rem 0 3rem 0;
}
.main3.updated {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 35px;
    position: relative;
    padding: 2rem 0 2rem 0;
}
.footer.updated .footer1{
    border-bottom: 1px solid #fff;
}
.footer1 p {
    font-size: 14px;
    font-weight: 400;
    color: #E3E3E3;
    padding: 1rem 0;
    padding-right: 1.5rem;
    margin-top: 1rem;
}
.footer_common h5 {
    font-size: 24px;
    font-weight: 500;
    color: #ffffff;
}
.footer_common ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.footer_common ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #F2F2F2;
    line-height: 35px;
    text-decoration: none;
}
.footer_common ul li a:hover {
    color: white;
}
.footer_get_touch h4 {
    font-size: 24px;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    padding: 0 0 1rem 0;
}
.footer_get_touch_info {
    display: flex;
    justify-content: center;
}
.footer_get_touch_info.updated{
    flex-direction: column;
    justify-content: flex-start;
    gap: 1.25rem;
    padding-top: .75rem;
}
.footer_get_touch_info div {
    padding: 0 1rem;
}
.footer_get_touch_info.updated div {
    padding: 0;
}
.footer_get_touch_info.updated div img{
    min-width: 20px;
    max-width: 20px;
    margin-right: .85rem;
}
.footer_get_touch_info div a {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    text-decoration: none;
}
.footer_get_touch_info div a:hover {
    color: rgb(236, 230, 230);
}
.footer_get_touch_social {
    display: flex;
    justify-content: center;
}
.footer_get_touch_social.updated{
    justify-content: flex-start;
}
.footer_get_touch_social div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background: white;
    border-radius: 50%;
    margin: 2.5rem 1rem 0 1rem;
    cursor: pointer;
}
.footer_get_touch_social.updated div {
    margin: 2.5rem 1rem 0 0;
}
.footer_get_touch_social.updated div a{
    position: relative;
    top: 3px;
}
.footer_get_touch_social div:hover svg>path {
    fill: #5E5E5E !important;
}
.footer_bottom_part {
    background: #02367C;
    margin: 0;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer_bottom_part p {
    font-size: 14px;
    font-weight: 300;
    color: white;
    margin: 0;
    padding: 0;
    text-align: center;
}
.cookie-alert {
    position: fixed;
    left: 15px;
    bottom: 25px;
    width: 320px;
    z-index: 999;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ddd;
text-align: start;
border-radius: 5px;
animation: leftToRight 1s linear;
z-index: 999;
}
@keyframes leftToRight {
    0%{
        left: -335px;
    }
    100%{
        left: 15px;
    }
}

.btn-toolbar{
    display: flex;
    justify-content: start;
}
.card-title{
    font-size: 2rem;
    font-weight: 500;
}
.card-text{
    font-size: 1.5rem;
}
.justify-content-center{
    justify-content: center;
}
.mt-0{
    margin-top: 0;
}
.mb-0{
    margin-bottom: 0;
}
.text-white{
    color: #fff;
}
.fw-700{
    font-weight: 700;
}
.px-0{
    padding-inline: 0;
}
.ambition-box img{
    max-width: 100%;
}
/*-- ------------------------------- --
             Footer end
-- -------------------------------- */


/* End of New Design CSS */