* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: "Open Sans", sans-serif;
}

/* body{
    line-height: 1.4;
} */


body {
    font-family: "Open Sans", sans-serif;
    color: #444444;
    overflow-x: hidden;
}

a {
    color: #17bce3;
    text-decoration: none;
}

a:hover {
    color: #3b8af2;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", sans-serif;
}

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

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

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

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

/*--------------------------------------------------------------
  # Back to top button
  --------------------------------------------------------------*/
.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 996;
    background: #17bce3;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.4s;
}

.back-to-top i {
    font-size: 28px;
    color: #fff;
    line-height: 0;
}

.back-to-top:hover {
    background: #3284f1;
    color: #fff;
}

.back-to-top.active {
    visibility: visible;
    opacity: 1;
}

/*--------------------------------------------------------------
  # Disable aos animation delay on mobile devices
  --------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }
}

/*--------------------------------------------------------------
  # Top Bar
  --------------------------------------------------------------*/
#topbar {
    background: #49494A;
    height: 40px;
    font-size: 14px;
    transition: all 0.5s;
    color: #fff;
    padding: 0;
}

#topbar .contact-info i {
    font-style: normal;
    color: #fff;
}

#topbar .contact-info i a,
#topbar .contact-info i span {
    padding-left: 5px;
    color: #fff;
}

#topbar .contact-info i a {
    line-height: 0;
    transition: 0.3s;
    transition: 0.3s;
}

#topbar .contact-info i a:hover {
    color: #fff;
    text-decoration: underline;
}




#topbar .social-links a {
    color: rgba(255, 255, 255, 0.7);
    line-height: 0;
    transition: 0.3s;
    margin-left: 20px;
}

#topbar .social-links a:hover {
    color: white;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    background: #fff;
    transition: all 0.5s;
    z-index: 997;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

#header.fixed-top {
    height: 70px;
}




.main-wrapper img {
    width: 100%;
    display: block;
}

.main-wrapper a {
    color: #000;
    text-decoration: none;
}

.main-wrapper ul li {
    list-style-type: none;
}

.navbar-start {
    background: #fff;
    width: 100%;
    max-height: 100vh;
    display: flex;
    align-items: center;
    z-index: 10;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.10) */
}

.nav-header {
    background: #fff;
    transition: all 0.5s;
    z-index: 997;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    padding: 5px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.brand-and-icon {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    /* border-bottom: 1px solid #ddd; */
}

.nav-logo {
    font-size: 1.8rem;
    letter-spacing: 3px;
    font-weight: 700;
}

.navbar-toggler-nav {
    display: block;
    border: none;
    background: transparent;
    font-size: 1.8rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    transition: all 0.4s ease;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 4px;
}

.navbar-toggler-nav:hover {
    opacity: 0.7;
}

.navbar-collapse-nav {
    overflow-y: scroll;
    display: none;
}

.navbar-list>li>a {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 600;
    display: block;
    padding: 0.6rem 0;
    margin: 0.2rem 0;
    border-bottom: 1px solid #ddd;
    border-radius: 1px;
    /* position: relative; */
    transition: all 0.4s ease;
}

.drop-icon {
    position: absolute;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
}

.navbar-list>li>a:hover {
    opacity: 0.7;
}

.sub-menu h4 {
    text-transform: capitalize;
    font-size: 1rem;
    padding: 0.5rem 0;
}

.sub-menu ul li {
    text-transform: capitalize;
    padding: 0.2rem 0;
    margin: 15px 0;
    font-size: 0.95rem;
}

.sub-menu ul li a {
    opacity: 0.8;
    transition: all 0.5s ease;
}

.sub-menu ul li a:hover {
    padding-left: 3px;
    opacity: 0.9;
}

.sub-menu {
    display: none;
}

.sub-menu-item {
    padding-left: 1.2rem;
}

.navbar-list a {
    margin-bottom: 0;
    font-size: 15px !important;
}

/* .img-assets{
    border: 1px solid #fff;
    border-radius: 50%;
    background: rgb(226 226 226);
    width: 70px;
    height: 55px;
} */
.img-assets img {
    position: relative;
    top: 0;
    left: 0;
    width: 60px;
    height: 50px;
}

@media screen and (max-width:992px) {
    .logo img {
        width: 120px;
    }
}

/* .sub-menu-item:nth-child(3){
    background: #ddd;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.sub-menu-item:nth-child(3) h2{
    text-transform: capitalize;
    margin: 1.5rem 0;
}
.sub-menu-item:nth-child(3) .btn{
    border: 1px solid #000;
    text-transform: uppercase;
    font-size: 0.9rem;
    padding: 0.6rem 1rem;
    cursor: pointer;
    background: #000;
    color: #fff;
    transition: all 0.5s ease;
} */
/* .sub-menu-item:nth-child(3) .btn:hover{
    background: transparent;
    color: #000;
}
.sub-menu-item:nth-child(4){
    width: 50%;
    margin: 0 auto;
    padding: 2rem 0;
} */

/* header */
.header {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(images/banner-bg.jpg) center/cover no-repeat;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.header h2 {
    margin: 1rem;
    font-size: 3rem;
    font-weight: 900;
    color: #fff;
    letter-spacing: 2px;
}

.header p {
    margin: 1rem auto;
    color: #fff;
    width: 60%;
    opacity: 0.8;
    font-weight: 300;
    font-size: 1.2rem;
    text-align: center;
}

.header button {
    margin: 1rem;
    font-size: 1rem;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    border: none;
    padding: 0.8rem 1.5rem;
    transition: all 0.5s ease;
    cursor: pointer;
}

.header button:hover {
    background: #fff;
    color: #000;
}

nav .navbar-list>li .sub-menu-item .dropdown-links li a {
    display: flex;
    align-items: center;
    grid-gap: 16px;
    color: #BB186A;
    transition: all .3s ease;
}


nav .navbar-list>li .dropdown-menu .right-section .dropdown-links {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 28px;
}

nav .navbar-list>li .dropdown-menu .right-section .dropdown-links li {
    flex-grow: 1;
    flex-basis: 300px;
}

.menu-align h5 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 6px;
    transition: all .3s ease;
}

.menu-align p {
    font-size: 14px;
    color: #222;
    transition: all .3s ease;
    margin-bottom: 0;
}

.menu-align p ul li {
    padding-left: 0;
}

nav .navbar-list>li .sub-menu-item .dropdown-links li a {
    display: flex;
    align-items: center;
    grid-gap: 1px;
    color: #BB186A;
    transition: all .3s ease;
}

nav .navbar-list>li .sub-menu-item .dropdown-links li a .bx {
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    background: #f5f5f5;
    transition: all .3s ease;
}

nav .navbar-list>li .sub-menu-item .dropdown-links li a:hover .bx {
    background: #BB186A;
    color: #fff;
}

.navbar-list a,
.navbar-list a:focus {
    position: relative;
}

/* .navbar-list>li>a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 10px;
    left: 0;
    background-color: #BB186A;
    visibility: hidden;
    width: 0px;
    transition: all 0.3s ease-in-out 0s;
} */
.navbar-list>li>a:after {
    content: "";
    position: absolute;
    /* width: 100%; */
    height: 2px;
    bottom: 10px;
    left: 12px;
    right: 12px;
    background-color: #BB186A;
    visibility: hidden;
    /* width: 0px; */
    transition: all 0.3s ease-in-out 0s;
}

.navbar-list a:hover:after,
.navbar-list li:hover>a:after,
.navbar-list .active:after {
    visibility: visible;
    /* width: 100%; */
}

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

.navbar-collapse-nav a:hover,
.navbar-collapse-nav .active,
.navbar-collapse-nav .active:focus,
.navbar-collapse-nav li:hover>a {
    color: #BB186A;
}








/* Media Queries */
@media screen and (min-width: 992px) {
    .navbar {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        border-bottom: 1px solid #ddd;
        padding: 0 5rem;
        position: relative;
    }

    .navbar-toggler-nav {
        display: none;
    }

    .brand-and-icon {
        flex: 0 0 100px;
        border-bottom: none;
        padding: 0;
    }

    .navbar-collapse-nav {
        display: block !important;
        overflow-y: hidden;
        flex: 1 0 auto;
    }

    .navbar-list {
        display: flex;
        align-items: center;
        justify-content: end;
        margin-bottom: 0;
    }

    .navbar-list>li>a {
        border-bottom: none;
        margin: 0 0.4rem;
        /* padding: 1.7rem 1.8rem 1.7rem 0.8rem; */
        padding: 20px 15px;
        font-size: 0.8rem;
    }

    .sub-menu {
        position: absolute;
        left: 0;
        width: 100%;
        top: 100%;
        background: rgb(248, 249, 250);
    }

    .navbar-list>li:hover .sub-menu {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        padding: 2rem 5rem;
        top: 68px;
    }

    .navbar-list>li {
        /* border-bottom: 2px solid transparent; */
        transition: border-bottom 0.4s ease;
    }

    .navbar-start a:hover,
    .navbar-start .active,
    .navbar-start .active:focus,
    .navbar-start li:hover>a {
        color: #BB186A;
    }

    .navbar-start>ul>li>a:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: -6px;
        left: 0;
        background-color: #BB186A;
        visibility: hidden;
        width: 0px;
        transition: all 0.3s ease-in-out 0s;
    }

    /* .navbar-nav > li:hover{
        border-bottom-color: #000;
    } */
    .sub-menu-item {
        padding-left: 0;
    }

    /* header */
    .header {
        height: calc(100vh - 75px);
    }

    .header h2 {
        font-size: 6rem;
    }

    .header p {
        width: 40%;
    }
}

@media screen and (max-width: 992px) {
    .navbar-start {
        display: flex;
        flex-direction: column;
        align-items: unset;
        padding: 0 1rem;

    }

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

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

    .sub-menu-item {
        padding-left: 0;
    }

    .navbar-list a:hover:after,
    .navbar-list li:hover>a:after,
    .navbar-list .active:after {
        visibility: hidden;
        /* width: 100%; */
    }

    .fa-caret-down:before {
        position: relative;
        left: -15px;
    }

    .navbar-start {
        padding: 0;
    }
}

@media (max-width: 578px) {
    .fa-caret-down:before {
        position: relative;
        left: -15px;
    }
}



/*--------------------------------------------------------------
# home Section
--------------------------------------------------------------*/
#home {
    width: 100%;
    height: 480px;
    background-image: url('../img/home-banner.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0%;
    background: #222;
    position: relative;
}

#home {
    position: relative;
    height: 490px;
    width: 100vw;
    background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
    margin-top: 30px;
    /* overflow-x: hidden; */

}

#home video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.banner-align {
    position: relative;
    top: 100px;
}

.banner-align .main-title {
    font-weight: 600;
    font-size: 50px;
    letter-spacing: -0.018em;
    color: #EAE149;
    margin-top: 10px;
    padding: 0;
}

.banner-align .main-content {
    font-weight: 600;
    font-size: 50px;
    letter-spacing: -0.018em;
    color: #fff;
    margin: 0;
    padding: 0;
}

.main-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
    top: 170px;

}

.main-connect-btn {
    /* width: 350px;
    height: 60px; */
    background: #fff;
    font-size: 20px;
    font-weight: 700;
    color: #B61667;
    padding: 10px 50px;
    border-radius: 25px;
    border: 0;

}

.main-text {
    font-size: 32px;
    font-weight: 600;
    margin-left: 10px;
    color: #EAE149;
    position: relative;
    text-transform: uppercase;
}

.main-bottom a:hover {
    color: rgb(182, 22, 103);
    text-decoration: none;
}

.main-text-slider {
    color: #16BCE6;
    text-transform: uppercase;
    position: absolute;
    top: 1px;
    left: 190px;
    font-size: 32px;
    font-weight: 600;
}




/* #home:before {
    content: "";
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
  } */

/* #home .container {
    position: relative;
  } */

/* #home h2 {
    margin: 0;
    font-size: 40px;
    font-weight: 600;
    line-height: 56px;
    color: #222222;
    font-family: "Poppins", sans-serif;
  }
  
  
  #home h2 {
    color: #555555;
    margin: 5px 0 30px 0;
    font-size: 24px;
    font-weight: 400;
  } */

#home .btn-get-started {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 10px 28px;
    border-radius: 4px;
    transition: 0.5s;
    color: #fff;
    background: #17bce3;
}

#home .btn-get-started:hover {
    background: #e1d94c;
}

#home .btn-watch-video {
    font-size: 16px;
    transition: 0.5s;
    margin-left: 25px;
    color: #222222;
    font-weight: 600;
    display: flex;
    align-items: center;
}

#home .btn-watch-video i {
    color: #17bce3;
    font-size: 32px;
    transition: 0.3s;
    line-height: 0;
    margin-right: 8px;
}

#home .btn-watch-video:hover {
    color: #17bce3;
}

#home .btn-watch-video:hover i {
    color: #3b8af2;
}

.carousel-control-prev {
    left: -45px;
}

.carousel-control-next {
    right: -45px;
}

.dropdown-item:active {
    background-color: #17bce3;
}

.dropdown-item:focus {
    background-color: unset !important;

}

.carousel-item {
    position: relative;
}

.banner-content {
    position: absolute;
    top: 80px;
    left: 65px;
}

.banner-title {
    font-size: 18px;
    font-weight: 500;
    width: 450px;
    line-height: 28px;
    padding-top: 10px;
}

/* .hero {
    height: 100vh;
    position: relative;
    color: #fff;
  }
  
  .hero .hero-content {
    text-align: center;
    position: absolute;
  }
  
  .hero .overlay-itro {
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0px;
    padding: 0;
    height: 100%;
    width: 100%;
    opacity: 0.9;
  }
  
  .hero .hero-title {
    color: #fff;
    font-weight: 600;
    font-size: 3rem;
  } */



/* 
  @media (min-width: 1024px) {
    #home {
      background-attachment: fixed;
    }
  } */

@media (max-width: 768px) {
    /* #home {
      height: 100vh;
    } */

    #home h1 {
        font-size: 28px;
        line-height: 36px;
    }

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

    #home .btn-get-started,
    #home .btn-watch-video {
        font-size: 13px;
    }
}

@media (max-width: 578px) {
    .banner-content {
        position: unset;
        padding: 10px;
    }

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

    .main-content {
        font-size: 26px;
    }

    .main-bottom {
        top: 140px;
    }

    .main-text-slider {
        font-size: 26px;
        font-weight: 600;
    }

    .banner-content {
        position: unset;
        padding: 10px;
    }

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

    .main-content {
        font-size: 26px;
    }

    .main-bottom {
        top: 140px;
    }

    .main-text-slider {
        font-size: 26px;
        font-weight: 600;
    }

    .carousel-control-prev {
        left: 0;
    }

    .carousel-control-next {
        right: 0;
    }

    .banner-title {
        font-size: 16px;
        font-weight: 500;
        width: 100%;
        line-height: 24px;
        padding-top: 0;
    }

    .mobile-banner {
        height: 480px;
    }

    .main-bottom {
        display: inline-block;
    }

    .main-text {
        margin-bottom: 20px;
    }

    /* .main-title{
      font-size: 26px;
    } */
    .main-connect-btn {
        display: inline-block;
        margin-top: 25px;
    }

    .client_section {
        padding-top: 0px;

    }

    .clients img {
        max-width: 50%;
    }

    .navbar-list>li>a:after {
        display: none;
    }

    .drop-icon {
        right: 0;
    }

    .navbar-start {
        padding: 0;
    }



    .carousel-control-prev {
        left: 0;
    }

    .carousel-control-next {
        right: 0;
    }

    .banner-title {
        font-size: 16px;
        font-weight: 500;
        width: 100%;
        line-height: 24px;
        padding-top: 0;
    }

    .mobile-banner {
        height: 480px;
    }

    .main-bottom {
        display: inline-block;
    }

    .main-text {
        margin-bottom: 20px;
    }

    /* .main-title{
      font-size: 26px;
    } */
    .main-connect-btn {
        display: inline-block;
        margin-top: 25px;
    }

    .client_section {
        padding-top: 0px;

    }

    .clients img {
        max-width: 50%;
    }

    .navbar-list>li>a:after {
        display: none;
    }

    .drop-icon {
        right: 0;
    }

    .navbar-start {
        padding: 0;
    }
}

@media (max-width: 992px) {
    .main-bottom {
        display: unset;
    }

    .main-text-slider {
        top: 0;
        left: 210px;
    }

    .main-connect-btn {
        position: relative;
        top: 20px;
    }

}

@media (max-width: 578px) {
    .main-text-slider {
        top: 0;
        left: 170px;
    }
}


/*-------Technology---------*/
.technologies-start {
    padding: 70px 0 80px 0;
}

.tech-title {
    font-size: 34px;
    font-weight: 600;
    /* text-transform: uppercase; */
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}

.tech-logo img {
    /* width: 100%;
    height: auto; */
    margin: 30px 20px;
    width: 90px;
    height: 90px;
}

/* .tech-slider{
    width: 1000px;
    display: flex;
    grid-gap: 116px;
    justify-content: flex-start;
    animation-name: techname;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    float: left;
    white-space: nowrap;
    animation: scroll 10s linear infinite;
  } */
/* body {
    overflow-x:hidden;//add overflow hidden on body to hide the horizontal scroll bar
  } */
.tech-slider {
    /* display: flex;
    grid-gap: 116px;
    justify-content: flex-start; */
    display: flex;
    animation: scroll 40s linear infinite;
}

.tech-logo {
    /* width: 100%;
    filter: grayscale(100%);
    opacity: 0.5;
    transition: all 0.3s ease; */
    margin-top: 25px;
    margin-left: 10px;
    margin-right: 10px;
}

/* .tech-logo:hover {
    filter: grayscale(0%);
    opacity: 3;
  } */

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-230px * 9));
    }
}

@media (max-width: 578px) {
    .technologies-start {
        padding: 10px 0;
    }

    .tech-title {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .tech-logo {
        margin-top: 0;
    }

}

/*--------------clients------------*/
.client_section {
    padding-top: 30px;
    padding-bottom: 30px;
}

.client_section .clients h2 {
    font-size: 34px;
    font-weight: 600;
    /* text-transform: uppercase; */
    color: #000;
    margin-bottom: 30px;
}

/*--------expertise-------*/

.expertise_section {
    /* background-color: #eae149d4; */
    padding-top: 30px;
    padding-bottom: 15px;
}

.expertise-title h2 {
    font-size: 32px;
    font-weight: 600;
    /* text-transform: uppercase; */
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}

.details {
    text-align: center;
}

.details .expertise-title {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}

.details p {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-top: 10px;
}

.expertise-content {
    padding: 15px;
    width: 330px;
    background-color: #222;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 20px;
    box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.3);
    /* transform: translateX(400%); */
    transition: transform 0.4s ease;

}


.at-industries .at-industries-list .at-industries-des {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 30px;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.at-industries .at-industries-list .at-industries-des .at-industries-overlay {
    position: absolute;
    left: 20px;
    z-index: 1;
    bottom: 20px;
}

.at-industries .at-industries-list .at-industries-des::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.at-head-60 {
    line-height: 1.24;
    font-size: 34px;
    color: #132948;
    font-weight: 600;
    margin-bottom: 30px;
}

.at-common-des p {
    line-height: 1.6;
    color: #666766;
    max-width: 310px;
}

@media only screen and (max-width: 1440px) {
    .at-industries .at-industries-list .at-industries-des .at-industries-overlay {
        left: 10px;
        bottom: 10px;
    }
}

.at-industries .at-industries-list .at-industries-des .at-industries-overlay .at-icon {
    background: rgba(255, 255, 255, 0.2);
}

@media only screen and (max-width: 1440px) {
    .at-icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
}

.at-icon {
    width: 72px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 15px;
    background: rgba(30, 104, 178, 0.1);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

.at-industries .at-industries-list .at-industries-des .at-industries-overlay .at-head-18 {
    color: #ffffff;
}

@media only screen and (max-width: 1660px) {
    .at-head-18 {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1200px) {
    .at-icon img {
        width: 40px !important;
        height: 40px !important;
    }
}

.at-head-18 {
    line-height: 1.2;
    font-size: 18px;
}

.at-industries-des:hover .at-industries-img img {
    transform: scale(1.2);
    cursor: pointer;
}

.at-industries-des img {
    transition: all ease 0.3s;
}

.at-icon img {
    width: 40px;
    height: 40px;
}


@media (max-width: 578px) {
    .grid-container {
        grid-template-columns: unset !important;
    }

    .expertise_section {
        padding-bottom: 0;
    }

    .at-head-60 {
        font-size: 28px;
        margin-bottom: 10px;
    }

}

@media (max-width: 992px) {
    .at-common-des p {
        max-width: 100%;
    }
}



/*------------achievements------------*/
.achievements {
    padding: 90px 0 120px 0;
    /* max-height: 680px; */
}

.experience-title h2 {
    font-size: 34px;
    font-weight: 600;
    /* text-transform: uppercase; */
    color: #000;
    margin-bottom: 30px;
}

.experience-content {
    line-height: 1.6;
    color: #666766;
}

.experience {
    padding-left: 60px;
}

.experience-box {
    margin-top: 25px;
}

.experience-box-list {
    padding: 30px 15px;
    text-align: center;
    border-radius: 10px;
    background: #77c4d81a;
    border: 1px solid #77c4d81a;
    margin-bottom: 25px;
}

.experience-box-list h3 {
    font-size: 32px;
    color: #332C39;
    font-weight: 700;
    margin-bottom: 10px;
}

.experience-box-list p {
    color: #16BCE6;
    line-height: 1.2;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}

.achievements-app-img img {
    object-fit: cover;
    border-radius: 0 345px 345px 0;
}

.achieve-img {
    width: 530px;
    height: 380px;
    margin: auto;
}

.achievements-process {
    position: relative;
    top: 20px
}

.achievements-bottom-img img {
    width: 265px;
    height: 265px;
}

.achievements-bottom-img img {
    object-fit: cover;
    border-radius: 300px 0 300px 300px;
}

.achievements-bottom-img {
    position: absolute;
    left: -5px;
    bottom: -120px;
    filter: drop-shadow(15px 10px 10px rgba(0, 0, 0, 0.05));
}

@media (max-width: 576px) {
    .achieve-img {
        width: 340px;
        height: 300px
    }

    .achievements-bottom-img img {
        width: 240px;
        height: 240px;
    }

    .achievements-bottom-img {
        bottom: -165px;
    }

    .experience {
        padding-left: 10px;
    }

    .achievements {
        padding: 20px 0;
        /* min-height: 1425px; */
    }

    .experience-title h2 {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .achievements-bottom-img {
        position: absolute;
        left: 7px;
        bottom: -128px;
    }
    .achievements-bottom-img img {
        width: 230px;
        height: 230px;
        position: relative;
        left: -70px;
    }
}

@media (max-width: 992px) {
    .experience-title h2 {
        margin-bottom: 20px;
    }

    .achievements {
        padding: 90px 0 160px 0;
        /* max-height: 680px; */
    }

    .experience {
        padding-left: 0
    }

    .achievements-app-img {
        text-align: center;
    }
    .achievements-bottom-img {
        position: absolute;
        left: 72px;
        bottom: -128px;
    }
}



/*------softwarecycle---------*/
.software-cycle {
    padding: 60px 0;
    background-color: #77c4d81a;
}

.software-img img {
    width: 530px;
    height: auto;
}

.software-title h2 {
    font-size: 34px;
    font-weight: 600;
    /* text-transform: uppercase; */
    color: #000;
    margin-bottom: 30px;
    /* text-align: center; */
}

@media (max-width: 576px) {
    .software-title h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .software-img img {
        width: 100%;
        height: auto;
    }

    .software-cycle {
        padding: 20px 0;
    }
}

@media (max-width: 992px) {
    .software-img {
        text-align: center;
    }
}



/*--------------------------------------------------------------
  # Sections General
  --------------------------------------------------------------*/
section {
    /* padding: 60px 0; */
    overflow: hidden;
}

.section-bg {
    background-color: #fff;
    margin-top: 40px;
    margin-bottom: 35px;
}

.section-title {
    padding-top: 10px;
    text-align: center;
    padding-bottom: 10px;
}

.section-title h2 {
    letter-spacing: 1px;
    font-weight: 600;
    padding: 8px 20px;
    margin: 0;
    color: #000;
    display: inline-block;
    /* text-transform: uppercase; */
    border-radius: 50px;
}

.section-title h3 {
    font-size: 32px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
}

.section-title h2 span {
    color: #17bce3;
}

.section-title p {
    margin: 15px auto 0 auto;
    font-weight: 600;
    color: #000;
}

@media (min-width: 1024px) {
    .section-title p {
        width: 100%;
        margin-bottom: 30px;
    }
}

@media (max-width: 578px) {
    .section-title h3 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .section-title p {
        font-weight: unset
    }
}
@media (max-width: 992px) {
    .section-bg {
        margin-top: 70px;
    }
    .section-title {
        padding-bottom: 20px;
    }
}



/*--------------------------------------------------------------
  # Breadcrumbs
  --------------------------------------------------------------*/
.breadcrumbs {
    padding: 20px 0;
    background-color: #f1f6fe;
    min-height: 40px;
}

.breadcrumbs h2 {
    font-size: 24px;
    font-weight: 300;
    margin: 0;
}

@media (max-width: 992px) {
    .breadcrumbs h2 {
        margin: 0 0 10px 0;
    }
}

.breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.breadcrumbs ol li+li {
    padding-left: 10px;
}

.breadcrumbs ol li+li::before {
    display: inline-block;
    padding-right: 10px;
    color: #6c757d;
    content: "/";
}

@media (max-width: 768px) {
    .breadcrumbs .d-flex {
        display: block !important;
    }

    .breadcrumbs ol {
        display: block;
    }

    .breadcrumbs ol li {
        display: inline-block;
    }
}

/*--------------------------------------------------------------
  # Featured Services
  --------------------------------------------------------------*/
.featured-services {
    padding-top: 30px;
    padding-bottom: 30px;
}



.featured-services .icon-box {
    padding: 20px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
}

.featured-services .icon-box::before {
    content: "";
    position: absolute;
    background: #cbe0fb;
    right: 0;
    left: 0;
    bottom: 0;
    top: 100%;
    transition: all 0.3s;
    z-index: -1;
}

.featured-services .icon-box:hover::before {
    background: #17bce3;
    top: 0;
    border-radius: 0px;
}

.featured-services .icon {
    margin-bottom: 15px;
}

.featured-services .icon i {
    font-size: 48px;
    line-height: 1;
    color: #17bce3;
    transition: all 0.3s ease-in-out;
}

.featured-services .title {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;
}

.featured-services .title a {
    color: #111;
}

.featured-services .description {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 0;
    text-align: justify;
}

.featured-services .icon-box:hover .title a,
.featured-services .icon-box:hover .description {
    color: #fff;
}

.featured-services .icon-box:hover .icon i {
    color: #fff;
}

@media (max-width: 578px) {

    .featured-services {
        padding-top: 10px;
    }

    /* .section-title {
      padding-bottom: 20px;
    } */

    .section-title h2 {
        font-weight: 600;
        font-size: 26px;
    }
}

/*--------------------------------------------------------------
  # products products
  --------------------------------------------------------------*/
/* .featured-products {
    margin-top: 20px;
    padding-top: 35px;
    padding-bottom: 35px;
}

.featured-products .icon-box {
    padding: 20px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
}

.featured-products .icon-box::before {
    content: "";
    position: absolute;
    background: #cbe0fb;
    right: 0;
    left: 0;
    bottom: 0;
    top: 100%;
    transition: all 0.3s;
    z-index: -1;
}

.featured-products .icon-box:hover::before {
    background: #17bce3;
    top: 0;
    border-radius: 0px;
}

.featured-products .icon {
    margin-bottom: 15px;
    text-align: center;
}

.featured-products .icon img {
    width: 70px;
    transition: all 0.3s ease-in-out;
}

.featured-products .title {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;
}

.featured-products .title a {
    color: #111;
}

.featured-products .description {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 0;
    text-align: justify;
}

.featured-products .icon-box:hover .title a,
.featured-products .icon-box:hover .description {
    color: #fff;
}

.featured-products .icon-box:hover .icon i {
    color: #fff;
}

.product-btn {
    text-align: center;
    padding: 10px;
}

.product-btn button {
    padding: 8px 10px;
    border: none;
    margin-top: 20px;
    border-radius: 5px;
    font-size: 14px;
}

.product-btn button a {
    color: #000;
}

.product-btn button :hover {
    color: #17bce3;
    font-weight: 600;

} */

/*-----partners-------*/
.partners {
    padding-top: 5px;
    padding-bottom: 15px;
}

/* .circle {
    width: 230px; 
   height: 145px;
    animation: CircularScroll 30s linear infinite;
  } */

/* .slide-track-1 {
    width: 100%;
    display: flex;
    gap: 5em;
    overflow: hidden;
    top: 100px;
  } */

/* 
  @keyframes CircularScroll {
    0% {
      transform: translateX(0);
    }
  
    100% {
      transform: translateX(calc(-230px * 5));
    } */
/* } */
@media (max-width: 578px) {
    .circle {
        height: 165px;
        animation: CircularScroll 20s linear infinite;
    }

    @keyframes CircularScroll {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(calc(-200px * 3));
        }
    }

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

    .partners {
        padding-bottom: 0;
    }

    .about {
        padding: 0 !important;
    }
}

/*--------------------------------------------------------------
  # About
  --------------------------------------------------------------*/
.about {
    padding: 15px 0;
}

.about .content h3 {
    font-weight: 600;
    font-size: 26px;
}

.about .content ul {
    list-style: none;
    padding: 0;
}

.about .content ul li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 35px;
}

.about .content ul li:first-child {
    margin-top: 35px;
}

.about .content ul i {
    background: #fff;
    box-shadow: 0px 6px 15px rgba(16, 110, 234, 0.12);
    font-size: 24px;
    padding: 20px;
    margin-right: 15px;
    color: #17bce3;
    border-radius: 50px;
}

.about .content ul h5 {
    font-size: 18px;
    color: #555555;
}

.about .content ul p {
    font-size: 15px;
}

.about .content p:last-child {
    margin-bottom: 0;
}

.about-content ul li {
    position: relative;
    padding-left: 25px;
    list-style-type: none;
}

.about-content ul li::after,
.about-content ul li::before {
    position: absolute;
    top: 6px;
    left: 0;
    content: "";
    border-radius: 50%;
    background: #C61E71;
}

.about-content ul li::before {
    top: 10px;
    left: 4px;
    width: 8px;
    height: 8px;
}

.about-content ul li::after {
    width: 16px;
    height: 16px;
    opacity: 0.25;
}

.about-img {
    max-width: 100%;
    border-radius: 140px 0 0 50px;
}



@media (max-width: 578px) {
    .about-ts {
        margin-top: 10px;
    }
}





/*--------------------------------------------------------------
  # Skills
  --------------------------------------------------------------*/
.skills .progress {
    height: 60px;
    display: block;
    background: none;
    border-radius: 0;
}

.skills .progress .skill {
    padding: 0;
    margin: 0 0 6px 0;
    text-transform: uppercase;
    display: block;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    color: #222222;
}

.skills .progress .skill .val {
    float: right;
    font-style: normal;
}

.skills .progress-bar-wrap {
    background: #e2eefd;
    height: 10px;
}

.skills .progress-bar {
    width: 1px;
    height: 10px;
    transition: 0.9s;
    background-color: #17bce3;
}

/*--------------------------------------------------------------
  # Counts
  --------------------------------------------------------------*/
.counts {
    padding: 70px 0 60px;
}

.counts .count-box {
    padding: 30px 30px 25px 30px;
    width: 100%;
    position: relative;
    text-align: center;
    background: #f1f6fe;
}

.counts .count-box i {
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    background: #17bce3;
    color: #fff;
    width: 56px;
    height: 56px;
    line-height: 0;
    border-radius: 50px;
    border: 5px solid #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.counts .count-box span {
    font-size: 36px;
    display: block;
    font-weight: 600;
    color: #062b5b;
}

.counts .count-box p {
    padding: 0;
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

/*--------------------------------------------------------------
  # Clients
  --------------------------------------------------------------*/
.clients {
    padding: 15px 0;
    text-align: center;
}

.clients img {
    max-width: 45%;
    transition: all 0.4s ease-in-out;
    display: inline-block;
    padding: 15px 0;
}

.clients img:hover {
    transform: scale(1.15);
}

@media (max-width: 768px) {
    .clients img {
        max-width: 40%;
    }
}

@media (max-width: 578px) {
    .client_section .clients h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .client_section {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}


/*--------------------------------------------------------------
  # Services
  --------------------------------------------------------------*/
.services .icon-box {
    text-align: center;
    border: 1px solid #e2eefd;
    padding: 80px 20px;
    transition: all ease-in-out 0.3s;
    background: #fff;
}

.services .icon-box .icon {
    margin: 0 auto;
    width: 64px;
    height: 64px;
    background: #f1f6fe;
    border-radius: 4px;
    border: 1px solid #deebfd;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: ease-in-out 0.3s;
}

.services .icon-box .icon i {
    color: #3b8af2;
    font-size: 28px;
    transition: ease-in-out 0.3s;
}

.services .icon-box h4 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 24px;
}

.services .icon-box h4 a {
    color: #222222;
    transition: ease-in-out 0.3s;
}

.services .icon-box p {
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0;
}

.services .icon-box:hover {
    border-color: #fff;
    box-shadow: 0px 0 25px 0 rgba(16, 110, 234, 0.1);
}

.services .icon-box:hover h4 a,
.services .icon-box:hover .icon i {
    color: #17bce3;
}

.services .icon-box:hover .icon {
    border-color: #17bce3;
}

/*--------------------------------------------------------------
  # Testimonials
  --------------------------------------------------------------*/
.testimonials {
    padding: 80px 0;
    background: url("../img/testimonials-bg.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.testimonials::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}

.testimonials .section-header {
    margin-bottom: 40px;
}

.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
    overflow: hidden;
}

.testimonials .testimonial-item {
    text-align: center;
    color: #fff;
}

.testimonials .testimonial-item .testimonial-img {
    width: 100px;
    border-radius: 50%;
    border: 6px solid rgba(255, 255, 255, 0.15);
    margin: 0 auto;
}

.testimonials .testimonial-item h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 5px 0;
    color: #fff;
}

.testimonials .testimonial-item h4 {
    font-size: 14px;
    color: #ddd;
    margin: 0 0 15px 0;
}

.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
    color: rgba(255, 255, 255, 0.4);
    font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
    display: inline-block;
    left: -5px;
    position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
    display: inline-block;
    right: -5px;
    position: relative;
    top: 10px;
}

.testimonials .testimonial-item p {
    font-style: italic;
    margin: 0 auto 15px auto;
    color: #eee;
}

.testimonials .swiper-pagination {
    margin-top: 20px;
    position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 1;
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #17bce3;
}

@media (min-width: 992px) {
    .testimonials .testimonial-item p {
        width: 80%;
    }
}

/*--------------------------------------------------------------
  # Portfolio
  --------------------------------------------------------------*/
.portfolio #portfolio-flters {
    padding: 0;
    margin: 0 auto 15px auto;
    list-style: none;
    text-align: center;
    border-radius: 50px;
    padding: 2px 15px;
}

.portfolio #portfolio-flters li {
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px 8px 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #444444;
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
    color: #17bce3;
}

.portfolio #portfolio-flters li:last-child {
    margin-right: 0;
}

.portfolio .portfolio-item {
    margin-bottom: 30px;
}

.portfolio .portfolio-item .portfolio-info {
    opacity: 0;
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 0;
    z-index: 3;
    transition: all ease-in-out 0.3s;
    background: rgba(255, 255, 255, 0.9);
    padding: 15px;
}

.portfolio .portfolio-item .portfolio-info h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    color: #222222;
}

.portfolio .portfolio-item .portfolio-info p {
    color: #555555;
    font-size: 14px;
    margin-bottom: 0;
}

.portfolio .portfolio-item .portfolio-info .preview-link,
.portfolio .portfolio-item .portfolio-info .details-link {
    position: absolute;
    right: 40px;
    font-size: 24px;
    top: calc(50% - 18px);
    color: #3c3c3c;
}

.portfolio .portfolio-item .portfolio-info .preview-link:hover,
.portfolio .portfolio-item .portfolio-info .details-link:hover {
    color: #17bce3;
}

.portfolio .portfolio-item .portfolio-info .details-link {
    right: 10px;
}

.portfolio .portfolio-item .portfolio-links {
    opacity: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 3;
    position: absolute;
    transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-item .portfolio-links a {
    color: #fff;
    margin: 0 2px;
    font-size: 28px;
    display: inline-block;
    transition: 0.3s;
}

.portfolio .portfolio-item .portfolio-links a:hover {
    color: #6ba7f5;
}

.portfolio .portfolio-item:hover .portfolio-info {
    opacity: 1;
    bottom: 20px;
}

/*--------------------------------------------------------------
  # Portfolio Details
  --------------------------------------------------------------*/
.portfolio-details {
    padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
    width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
    margin-top: 20px;
    position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: 1;
    border: 1px solid #17bce3;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #17bce3;
}

.portfolio-details .portfolio-info {
    padding: 30px;
    box-shadow: 0px 0 30px rgba(34, 34, 34, 0.08);
}

.portfolio-details .portfolio-info h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
    list-style: none;
    padding: 0;
    font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
    margin-top: 10px;
}

.portfolio-details .portfolio-description {
    padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
    padding: 0;
}

/*--------------------------------------------------------------
  # Team
  --------------------------------------------------------------*/
.team {
    padding: 60px 0;
}

.team .member {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 2px 15px rgba(16, 110, 234, 0.15);
}

.team .member .member-img {
    position: relative;
    overflow: hidden;
}

.team .member .social {
    position: absolute;
    left: 0;
    bottom: 30px;
    right: 0;
    opacity: 0;
    transition: ease-in-out 0.3s;
    text-align: center;
}

.team .member .social a {
    transition: color 0.3s;
    color: #222222;
    margin: 0 3px;
    padding-top: 7px;
    border-radius: 4px;
    width: 36px;
    height: 36px;
    background: rgba(16, 110, 234, 0.8);
    display: inline-block;
    transition: ease-in-out 0.3s;
    color: #fff;
}

.team .member .social a:hover {
    background: #3b8af2;
}

.team .member .social i {
    font-size: 18px;
}

.team .member .member-info {
    padding: 25px 15px;
}

.team .member .member-info h4 {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 18px;
    color: #222222;
}

.team .member .member-info span {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #aaaaaa;
}

.team .member .member-info p {
    font-style: italic;
    font-size: 14px;
    line-height: 26px;
    color: #777777;
}

.team .member:hover .social {
    opacity: 1;
    bottom: 15px;
}

/*--------------------------------------------------------------
  # Pricing
  --------------------------------------------------------------*/
.pricing .box {
    padding: 20px;
    background: #fff;
    text-align: center;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.pricing .box h3 {
    font-weight: 400;
    margin: -20px -20px 20px -20px;
    padding: 20px 15px;
    font-size: 16px;
    font-weight: 600;
    color: #777777;
    background: #f8f8f8;
}

.pricing .box h4 {
    font-size: 36px;
    color: #17bce3;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    margin-bottom: 20px;
}

.pricing .box h4 sup {
    font-size: 20px;
    top: -15px;
    left: -3px;
}

.pricing .box h4 span {
    color: #bababa;
    font-size: 16px;
    font-weight: 300;
}

.pricing .box ul {
    padding: 0;
    list-style: none;
    color: #444444;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
}

.pricing .box ul li {
    padding-bottom: 16px;
}

.pricing .box ul i {
    color: #17bce3;
    font-size: 18px;
    padding-right: 4px;
}

.pricing .box ul .na {
    color: #ccc;
    text-decoration: line-through;
}

.pricing .btn-wrap {
    margin: 20px -20px -20px -20px;
    padding: 20px 15px;
    background: #f8f8f8;
    text-align: center;
}

.pricing .btn-buy {
    background: #17bce3;
    display: inline-block;
    padding: 8px 35px 10px 35px;
    border-radius: 4px;
    color: #fff;
    transition: none;
    font-size: 14px;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    transition: 0.3s;
}

.pricing .btn-buy:hover {
    background: #3b8af2;
}

.pricing .featured h3 {
    color: #fff;
    background: #17bce3;
}

.pricing .advanced {
    width: 200px;
    position: absolute;
    top: 18px;
    right: -68px;
    transform: rotate(45deg);
    z-index: 1;
    font-size: 14px;
    padding: 1px 0 3px 0;
    background: #17bce3;
    color: #fff;
}

/*--------------------------------------------------------------
  # Frequently Asked Questions
  --------------------------------------------------------------*/
.faq {
    padding: 60px 0;
}

.faq .faq-list {
    padding: 0;
    list-style: none;
}

.faq .faq-list li {
    border-bottom: 1px solid #d4e5fc;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.faq .faq-list .question {
    display: block;
    position: relative;
    font-family: #17bce3;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    padding-left: 25px;
    cursor: pointer;
    color: #0d58ba;
    transition: 0.3s;
}

.faq .faq-list i {
    font-size: 16px;
    position: absolute;
    left: 0;
    top: -2px;
}

.faq .faq-list p {
    margin-bottom: 0;
    padding: 10px 0 0 25px;
}

.faq .faq-list .icon-show {
    display: none;
}

.faq .faq-list .collapsed {
    color: black;
}

.faq .faq-list .collapsed:hover {
    color: #17bce3;
}

.faq .faq-list .collapsed .icon-show {
    display: inline-block;
    transition: 0.6s;
}

.faq .faq-list .collapsed .icon-close {
    display: none;
    transition: 0.6s;
}

/*--------------------------------------------------------------
  # Contact
  --------------------------------------------------------------*/
.contact .info-box {
    color: #444444;
    padding: 5px 0 5px 10px;
    display: flex;
    align-items: center;
}

.info-box-align {
    padding-left: 10px;
}

.contact .info-box i {
    font-size: 32px;
    color: #17bce3;
    border-radius: 50%;
    padding: 8px;
    width: 50px;
    border: 2px dotted #b3d1fa;
    height: 50px;
}

.send-text {
    text-align: center;
}

.send-text .send-btn {
    background-color: #17bce3;
    border-radius: 25px;
    border: 0;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.contact .info-box span {
    font-size: 20px;
    color: #777777;
    font-weight: 700;
    margin: 10px 0;
}

.contact .info-box p {
    padding: 0;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0;
}

.contact .php-email-form {
    box-shadow: 0 0 20px #ddd;
    padding: 30px;
}

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

.contact .php-email-form .error-message br+br {
    margin-top: 25px;
}

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

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

.contact .php-email-form .loading:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: 0 10px -6px 0;
    border: 3px solid #18d26e;
    border-top-color: #eee;
    animation: animate-loading 1s linear infinite;
}

.contact .php-email-form .form-group {
    margin-bottom: 20px;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
    border-color: #17bce3;
}

.contact .php-email-form input {
    padding: 10px 15px;
}

.contact .php-email-form textarea {
    padding: 12px 15px;
}

.contact .php-email-form button[type=submit] {
    background: #17bce3;
    border: 0;
    padding: 10px 30px;
    color: #fff;
    transition: 0.4s;
    border-radius: 4px;
}

.contact .php-email-form button[type=submit]:hover {
    background: #3b8af2;
}

.error-txt {
    display: none;
    color: #d93025;
}

.error .form-control {
    border-color: #d93025;
}

.error .error-txt {
    display: block;
}

.error .inputdata {
    border-color: #d93025;
}




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

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

@media (max-width: 578px) {
    .contact {
        padding: 0 0 30px 0;
    }

    .section-bg {
        background-color: #fff;
        margin-top: 70px;
    }

}


/*--------------------------------------------------------------
  # Footer
  --------------------------------------------------------------*/
/* #footer {
    padding: 0 0 30px 0;
    color: #444444;
    font-size: 14px;
    background: #77c4d81a;
} */
#footer {
    color: #444444;
    font-size: 14px;
    background: #77c4d81a;
}


#footer .footer-newsletter {
    padding: 50px 0;
    background: #f1f6fe;
    text-align: center;
    font-size: 15px;
}

#footer .footer-newsletter h4 {
    font-size: 24px;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 1;
    font-weight: 600;
}

#footer .footer-newsletter form {
    margin-top: 30px;
    background: #fff;
    padding: 6px 10px;
    position: relative;
    border-radius: 4px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06);
    text-align: left;
}

#footer .footer-newsletter form input[type=email] {
    border: 0;
    padding: 4px 8px;
    width: calc(100% - 100px);
}

#footer .footer-newsletter form input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    background: none;
    font-size: 16px;
    padding: 0 20px;
    background: #17bce3;
    color: #fff;
    transition: 0.3s;
    border-radius: 0 4px 4px 0;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#footer .footer-newsletter form input[type=submit]:hover {
    background: #0d58ba;
}

/* #footer .footer-top {
    padding: 60px 0 30px 0;
    background: #fff;
} */

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

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

#footer .footer-top .footer-contact h3 span {
    color: #17bce3;
}

#footer .footer-top .footer-contact p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
    color: #777777;
}

#footer .footer-top h4 {
    font-size: 16px;
    font-weight: bold;
    color: #444444;
    position: relative;
    padding-bottom: 12px;
}

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

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

.footer-contact a {
    color: #17bce3;
}

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

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

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

#footer .footer-top .footer-links ul a {
    color: #777777;
    transition: 0.3s;
    display: inline-block;
    line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
    text-decoration: none;
    color: #17bce3;
}

#footer .footer-top .social-links a {
    font-size: 18px;
    display: inline-block;
    background: #17bce3;
    color: #fff;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 4px;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
    background: #3b8af2;
    color: #fff;
    text-decoration: none;
}

#footer .copyright {
    padding:15px 0 ;
    text-align: center;
    float: left;
    border-top: 1px solid rgba(30, 104, 178, 0.1);
}

#footer .credits {
    float: right;
    text-align: center;
    font-size: 13px;
    color: #444444;
}

.footer-logo img {
    width: 40%;
    height: 60px;
}


.iso-logo {
    margin-top: 20px;
}

.iso-logo img {
    margin: 0 15px;
}

.partnerus h2 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
    color: #222;

}

.partner-submit {
    text-align: center;
    margin-top: 20px;
}

.btn-submit {
    padding: 5px 20px;
    color: #fff;
    background: #16BCE6;
    font-size: 16px;
    border: 0;
    border-radius: 20px;
    font-weight: 600;
}

.form-control:focus {
    border-color: unset;
    box-shadow: unset;
}

.social-media {
    text-align: center;
}

.social-icon {
    margin-top: 20px;
}

.social-icon a {

    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 48px;
    display: inline-block;
    background: #fff;
    text-align: center;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin: 0 3px;
}

@media (max-width: 768px) {

    #footer .copyright,
    #footer .credits {
        float: none;
        text-align: center;
        padding: 2px 0;
    }
}

@media (max-width: 992px) {
    .footer-logo img {
        width: 25%;
        height: unset;
    }

}

@media (max-width: 578px) {
    .footer-logo img {
        width: 40%;
        height: unset;
    }
}

/** social media sticky **/
.sticky-icon {
    z-index: 1;
    position: fixed;
    top: 35%;
    right: 0%;
    width: 150px;
    display: flex;
    flex-direction: column;
}

.sticky-icon a {
    transform: translate(160px, 0px);
    border-radius: 50px 0px 0px 50px;
    text-align: left;
    margin: 2px;
    text-decoration: none;
    padding: 5px;
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
    transition: all 0.8s;
}

.sticky-icon a:hover {
    color: #FFF;
    transform: translate(0px, 0px);
}

.sticky-icon a:hover i {
    transform: rotate(360deg);
}

/*.search_icon a:hover i  {
      transform:rotate(360deg);}*/
.Facebook {
    background-color: #2C80D3;
    color: #FFF;
}

.Youtube {
    background-color: #fa0910;
    color: #FFF;
}

.Twitter {
    background-color: #53c5ff;
    color: #FFF;
}

.Instagram {
    background-color: #FD1D1D;
    color: #FFF;
}

.Google {
    background-color: #d34836;
    color: #FFF;
}

.LinkedIn {
    background-color: #0A66C2;
    color: #FFF;
}

.sticky-icon a i {
    background-color: #FFF;
    height: 40px;
    width: 40px;
    color: #000;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    margin-right: 20px;
    transition: all 0.5s;
}

.sticky-icon a i.fa-facebook-f {
    background-color: #FFF;
    color: #2C80D3;
}

.sticky-icon a i.fa-google-plus-g {
    background-color: #FFF;
    color: #d34836;
}

.sticky-icon a i.fa-instagram {
    background-color: #FFF;
    color: #FD1D1D;
}

.sticky-icon a i.fa-youtube {
    background-color: #FFF;
    color: #fa0910;
}

.sticky-icon a i.fa-twitter {
    background-color: #FFF;
    color: #53c5ff;
}

.sticky-icon a i.fa-linkedin {
    background-color: #FFF;
    color: #0A66C2;
}

.fas fa-shopping-cart {
    background-color: #FFF;
}

#myBtn {
    height: 50px;
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    text-align: center;
    padding: 10px;
    text-align: center;
    line-height: 40px;
    border: none;
    outline: none;
    background-color: #1e88e5;
    color: white;
    cursor: pointer;
    border-radius: 50%;
}

.fa-arrow-circle-up {
    font-size: 30px;
}

#myBtn:hover {
    background-color: #555;
}

/*-----------Training---------*/

.courses {
    padding-top: 30px;
}

.training {
    position: relative;
    height: 100%;
}

.training-about {
    margin-top: 60px;
}

.training-title {
    color: #000;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
}

.training-placement {
    color: #000;
    list-style: none;
}

.training-placement li {
    margin: 20px 0;
    font-size: 18px;
    font-weight: 500;
}

/* .courses-title {
    border-bottom: 2px solid #17bce3a8;
  } */
.courses-title h3 {
    font-size: 32px;
    font-weight: 600;
}

.star-logo {
    color: #FDCC0D;
}

.training-modes h5 {
    font-size: 16px;
    color: #000;

}

.modes-online {
    font-size: 12px;
    color: #000;
}

.courses-nav {
    padding-top: 20px;
}

.btn-list {
    border: 0;
    background: unset;
    padding-bottom: 20px;
    margin: 0 10px;
    font-size: 16px;
}

.courses-list {
    display: none;
    margin: 45px 0;
}

.courses-list.active {
    display: block;
    /* padding: 40px; */
}

.courses-btn {
    position: relative;
}

.courses-btn::after {
    content: "";
    position: absolute;
    top: 46px;
    left: 27px;
    width: 95%;
    height: 1px;
    background-color: #80808038
}

.line {
    position: absolute;
    left: 22px;
    top: 44px;
    width: 110px;
    height: 3px;
    background-color: #A9326E;
    transition: all .3s ease-in-out;
}

.courses-card-img img {
    width: 100%;
    height: 100%;
}

.courses-card {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 8%);
    padding: 10px;
    margin-bottom: 50px;
    min-height: 360px;
}

.ca-space {
    padding-left: 25px;
}

.star-icon {
    margin: 10px 0;
}

.star-icon i {
    color: #FDCC0D;
    font-size: 12px;
    padding: 0 2px;
}

.rating {
    margin-left: 25px;
    font-size: 14px;
    color: #697889;
}

.courses-training-title {
    margin: 25px 0;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.courses-level span {
    padding-left: 6px;
    color: #000;
    font-size: 14px;
}

.courses-level i {
    font-size: 14px;
    color: #000;
}

.btn-enroll {
    border: 1px solid #17B4DB;
    float: right;
    background: #17B4DB;
    border-radius: 20px;
    font-size: 16px;
    padding: 5px 15px;
    color: #fff;
    font-weight: 600;

}

.courses-level {
    margin: 30px 0;
    display: flex;
    align-items: center;
    color: #808080;
}

.btn-right {
    position: relative;
    left: 40%;
}

.mobile-training {
    background-image: url(../img/background.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    height: 430px;
}

.mobile-training-title {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 0;
}

.mobile-training-placement {
    color: #fff;
    list-style: none;
    padding-left: 20px;
}

.mobile-training-placement li {
    margin: 20px 0;
    font-size: 16px;
    font-weight: 500;
}

.accordion {
    margin: 20px 0;
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: unset;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}



@media (max-width: 576px) {
    .courses {
        padding-top: 95px;
    }

    .btn-right {
        position: relative;
        left: 25%;
    }

    .accordion-button:focus {
        z-index: 3;
        border-color: var(--bs-accordion-btn-focus-border-color);
        outline: 0;
        box-shadow: unset;
    }
}







/*-----ios----*/

.mobile-banner {
    position: relative;
    height: 100%;
    background: #77c4d814;
    margin-top: 30px;
}

.mobile-content h2 {
    position: absolute;
    top: 125px;
    left: 8%;
    font-size: 60px;
    width: 535px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
}

.mobile-text {
    margin-top: 30px;
    margin-bottom: 20px;
}

.mobile-brief h2 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #222;

}

.mobile-brief p {
    font-size: 18px;
    font-weight: 500;
    margin-top: 0;
    color: #000;
}

.mobile-list {
    margin-bottom: 15px;
}

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

.mobile-list-show h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 50px;
    margin: 15px 0;
}

.mobile-icon {
    display: flex;
    align-items: center;
}


.domain-nav {
    padding-top: 20px;
}

.btnDomain {
    border: 0;
    background: unset;
    padding-bottom: 20px;
    margin: 0 10px;
}

.domain-list {
    display: none;
}

/* .domain-list.active{
    display: block;
    padding: 40px;
  } */

.domain-main {
    position: relative;
}

.domain-main::after {
    content: "";
    position: absolute;
    top: 46px;
    left: 27px;
    width: 95%;
    height: 1px;
    background-color: #80808038
}

.line {
    position: absolute;
    left: 22px;
    top: 44px;
    width: 110px;
    height: 3px;
    background-color: #A9326E;
    transition: all .3s ease-in-out;
}

.ios-solutions {
    padding: 20px 0;
}

.ios-solutions .mobile-solutions-list .mobile-solution-des {
    display: flex;
    height: 340px;
}


.ios-solutions .mobile-solutions-list .mobile-solution-des {
    padding: 24px 15px;
    margin-bottom: 30px;
    background: #ffffff;
    /* box-shadow: 0px 0px 10px rgba(30, 104, 178, 0.1); */
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.ios-solutions .mobile-solutions-list .mobile-solution-des .mobile-solution-no h2,
.ios-solutions .mobile-solutions-list .mobile-solution-des .mobile-solution-no .h2 {
    position: relative;
    line-height: 25px;
    color: #cb3780;
    font-size: 20px;
    padding-right: 35px;
    font-weight: 800;
}

.ios-solutions .mobile-solutions-list .mobile-solution-des .mobile-solution-no h2::after,
.ios-solutions .mobile-solutions-list .mobile-solution-des .mobile-solution-no .h2::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 25px;
    height: 1px;
    margin: auto;
    background: #cb3780;
}

.ios-solutions .mobile-solutions-list .mobile-solution-head {
    padding-left: 10px;
}

.ios-solutions .mobile-solutions-list .mobile-solution-head h3,
.ios-solutions .mobile-solutions-list .at-solution-head .h3 {
    color: #16bce6;
    line-height: 1.2;
    font-size: 20px;
    font-weight: 600;
}

.ios-solutions .mobile-solutions-list .mobile-solution-head h3 a,
.ios-solutions .mobile-solutions-list .at-solution-head .h3 a {
    display: block;
    color: #16bce6;
}

.ios-solutions .mobile-solutions-list .mobile-solution-head p {
    color: #666766;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
}

@media (max-width: 576px) {
    .ios-solutions .mobile-solutions-list .mobile-solution-des {
        min-height: 360px;
    }
}




/*------Android-----*/

.mobile-android-banner {
    position: relative;
    height: 100%;
    background: #77c4d814;
    margin-top: 30px;
}

.android-build h2 {
    text-align: center;
}

.android-content {
    text-align: center;
}

.android-app {
    margin-top: 20px;
    margin-bottom: 40px;
}

.android-app-list {
    padding: 20px 0 40px 0;
}

.android-app-content {
    padding: 20px 0;
}

.android-app-heading h2 {
    font-size: 32px;
    font-weight: 600;
    color: #000;
}

.android-app-content ul li {
    position: relative;
    padding-left: 25px;
    list-style-type: none;
}

.android-app-content ul li::after,
.android-app-content ul li::before {
    position: absolute;
    top: 6px;
    left: 0;
    content: "";
    border-radius: 50%;
    background: #C61E71;
}

.android-app-content ul li::before {
    top: 10px;
    left: 4px;
    width: 8px;
    height: 8px;
}

.android-app-content ul li::after {
    width: 16px;
    height: 16px;
    opacity: 0.25;
}

.android-process {
    position: relative;
    top: -30px;
}

.android-app-img img {
    object-fit: cover;
    border-radius: 0 345px 345px 0;
}

.android-app-img {
    text-align: center;
}

.android-img {
    width: 525px;
    height: 330px;
    margin: auto;
}

.android-bottom-img {
    position: absolute;
    left: 0;
    bottom: -120px;
    filter: drop-shadow(15px 10px 10px rgba(0, 0, 0, 0.05));
}

.android-bottom-img img {
    object-fit: cover;
    border-radius: 300px 0 300px 300px;
}

.android-bottom-img img {
    width: 265px;
    height: 265px;
}

.android-app-content ul li {
    position: relative;
    padding-left: 25px;
    list-style-type: none;
}

/* .android-list {
    position: relative;
  }
  
  .items-grid__item {
    padding: 15px 15px 0 15px;
    margin: 0;
  }
  
  .android-choose-start {
    margin: 5px 0;
  }
  
  .android-choose-start h2 {
    font-weight: 600;
  }
  
  .choose-content p {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
  }
  
  .choose-highlight {
    font-size: 18px;
    font-weight: 600
  }
  
  .android-build {
    margin: 15px 0;
  }
  
  .android-build h2 {
    font-weight: 600;
  }
  
  .android-content {
    font-size: 16px;
    color: #000;
  } */
.mobile-solutions {
    padding: 20px 0;
}

.mobile-solutions .mobile-solutions-list .mobile-solution-des {
    display: flex;
    height: 340px;
}


.mobile-solutions .mobile-solutions-list .mobile-solution-des {
    padding: 24px 15px;
    margin-bottom: 30px;
    background: #ffffff;
    /* box-shadow: 0px 0px 10px rgba(30, 104, 178, 0.1); */
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.mobile-solutions .mobile-solutions-list .mobile-solution-des .mobile-solution-no h2,
.mobile-solutions .mobile-solutions-list .mobile-solution-des .mobile-solution-no .h2 {
    position: relative;
    line-height: 25px;
    color: #cb3780;
    font-size: 20px;
    padding-right: 35px;
    font-weight: 800;
}

.mobile-solutions .mobile-solutions-list .mobile-solution-des .mobile-solution-no h2::after,
.mobile-solutions .mobile-solutions-list .mobile-solution-des .mobile-solution-no .h2::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 25px;
    height: 1px;
    margin: auto;
    background: #cb3780;
}

.mobile-solutions .mobile-solutions-list .mobile-solution-head {
    padding-left: 10px;
}

.mobile-solutions .mobile-solutions-list .mobile-solution-head h3,
.mobile-solutions .mobile-solutions-list .at-solution-head .h3 {
    color: #16bce6;
    line-height: 1.2;
    font-size: 20px;
    font-weight: 600;
}

.mobile-solutions .mobile-solutions-list .mobile-solution-head h3 a,
.mobile-solutions .mobile-solutions-list .at-solution-head .h3 a {
    display: block;
    color: #16bce6;
}

.mobile-solutions .mobile-solutions-list .mobile-solution-head p {
    color: #666766;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
}

.read-more {
    text-align: center;
}

.btn-read {
    font-size: 16px;
    padding: 5px 20px;
    border: none;
    text-align: center;
    border: 1px solid rgb(22, 188, 230);
    outline: none;
    border-radius: 20px;
    cursor: pointer;
    background: #16bce6;
    color: #fff;
    font-weight: 600;
    transition: 0.6s;
    margin: 20px auto;
}

.btn-read a {
    list-style: none;
    color: #fff;
}

/*.items-grid__item:before {
    bottom: 0;
    width: calc(100% - 28px);
    height: 1px;
  }
  .items-grid__item:after {
    right: 0;
    width: 1px;
    height: calc(100% - 28px);
  }
  .items-grid__item:before {
    content: "";
    position: absolute;
    right: 14px;
    bottom: 14px;
    background-color: #ffdb3b;
  }
  .items-grid__item:after, .items-grid__item:before {
    content: "";
    position: absolute;
    right: 14px;
    bottom: 14px;
    background-color: #ffdb3b;
  }*/
.items-grid__title {
    font-size: 20px;
    font-weight: 600;
    min-height: 60px;
}

.items-grid__title p {
    color: #000;
}

@media (max-width: 576px) {
    .mobile-solutions .mobile-solutions-list .mobile-solution-des {
        height: 380px;
    }

    .android-app-list {
        padding: 10px 0 10px 0;
    }

    .mobile-solutions {
        padding: 10px 0;
    }

    .android-app-heading h2 {
        font-size: 28px;
    }

    .android-img {
        width: 335px;
        height: 255px;
        margin: auto;
    }

    .android-app {
        margin-top: 10px;
        margin-bottom: 10px;
        min-height: 900px;
    }

    .android-bottom-img img {
        /* width: 230px;
        height: 215px; */
        display: none;
    }
}


/*------web application-----*/

.mobile-web-banner {
    /* background-image: url(../img/web-development.png);
    height: 490px; */
    position: relative;
    height: 100%;
    background: #77c4d814;
    margin-top: 30px;
}

.web-start {
    margin-top: 20px;
    margin-bottom: 30px;
}

.web-card-img img {
    width: 100%;
    height: 190px;
}

.web-card h3 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
}

.web-card {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 8%);
    padding: 10px;
    margin-bottom: 30px;
    min-height: 470px;
}

.web-card p {
    font-size: 16px;
}

/*-------cross-platform------*/

.cross-platform-banner {
    position: relative;
    height: 100%;
    background: #77c4d814;
    margin-top: 30px;
}

.cross-platform-banner .mobile-content h2 {
    position: absolute;
    top: 80px;
}

.cross-platform-content {
    margin-top: 20px;
    margin-bottom: 20px;
}

.cross-title {
    font-size: 22px;
    font-weight: 600;
}

.cross-platform p {
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*-------saas-----*/

.saas-banner {
    /* background-image: url(../img/saas-development.png);
    height: 490px; */
    position: relative;
    height: 100%;
    background: #77c4d814;
    margin-top: 30px;
}

.approach-content {
    margin-bottom: 20px;
}

.approach-start h2 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
}

.approach-start p {
    font-size: 16px;
    font-weight: 500;
}

.approach-design h2 {
    font-size: 20px;
    font-weight: 600;
}

.approach-design p {
    font-size: 16px;
    font-weight: 500;
}

.saas-app-list {
    padding: 60px 0;
}

.saas-app-content {
    padding: 20px 0;
}

.saas-app-heading h2 {
    font-size: 32px;
    font-weight: 600;
    color: #000;
}

.saas-app-content ul li {
    position: relative;
    padding-left: 25px;
    list-style-type: none;
}

.saas-app-content ul li::after,
.saas-app-content ul li::before {
    position: absolute;
    top: 6px;
    left: 0;
    content: "";
    border-radius: 50%;
    background: #C61E71;
}

.saas-app-content ul li::before {
    top: 10px;
    left: 4px;
    width: 8px;
    height: 8px;
}

.saas-app-content ul li::after {
    width: 16px;
    height: 16px;
    opacity: 0.25;
}

.saas-process {
    position: relative;
    top: -30px;
}

.saas-app-img img {
    object-fit: cover;
    border-radius: 0 345px 345px 0;
}

.saas-img {
    width: 530px;
    height: 380px;
    margin: auto;
}

.saas-bottom-img {
    position: absolute;
    left: 0;
    bottom: -120px;
    filter: drop-shadow(15px 10px 10px rgba(0, 0, 0, 0.05));
}

.saas-bottom-img img {
    object-fit: cover;
    border-radius: 300px 0 300px 300px;
}

.saas-bottom-img img {
    width: 265px;
    height: 265px;
}

.saas-app-content ul li {
    position: relative;
    padding-left: 25px;
    list-style-type: none;
}

@media (max-width: 576px) {
    .saas-app-list {
        padding: 10px 0;
    }

    .saas-app-heading h2 {
        font-size: 28px;
    }

    .saas-app-content ul {
        margin-bottom: 20px;
    }
}

/* .saas-app-content p {
    line-height: 1.6;
    color: #222;
}

.saas-app-content p strong {
    color: #000;
    font-weight: 600;
}

.saas-app-content ul li::after,
.saas-app-content ul li::before {
    position: absolute;
    top: 6px;
    left: 0;
    content: "";
    border-radius: 50%;
    background: #C61E71
}

.saas-app-content ul li::after {
    width: 16px;
    height: 16px;
    opacity: 0.25;
}

.saas-app-content ul li::before {
    top: 10px;
    left: 4px;
    width: 8px;
    height: 8px;
}

.saas-app-content {
    padding: 20px 0;
}

.saas-app-img img {
    object-fit: cover;
    border-radius: 0 345px 345px 0;
}

.saas-img {
    width: 530px;
    height: 380px;
    margin: auto;
}

.saas-process {
    position: relative;
    top: -30px
}

.saas-bottom-img img {
    width: 265px;
    height: 265px;
}

.saas-bottom-img img {
    object-fit: cover;
    border-radius: 300px 0 300px 300px;
}

.saas-bottom-img {
    position: absolute;
    left: 0;
    bottom: -120px;
    filter: drop-shadow(15px 10px 10px rgba(0, 0, 0, 0.05));
} */

/*-------backend-------*/

.backend-banner {
    /* background-image: url(../img/backend.png); */
    height: 100%;
    position: relative;
    background: rgb(248, 249, 250);
    margin-top: 30px;

}

/* .mobile-side-img img{
position: relative;
top:0;
left:-35px;
} */

.backend-start {
    margin-top: 20px;
    margin-bottom: 30px;
}

.backend-card-img img {
    width: 100%;
    height: 160px;
}

.backend-card h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 5px;
}

.backend-card {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 8%);
    padding: 10px;
    margin-bottom: 10px;
    min-height: 400px;

}



/*------cloud-------*/

.cloud-banner {
    /* background-image: url(../img/cloud-devops.png); */
    position: relative;
    height: 100%;
    background: #adb5bd24;
    margin-top: 30px;

}


.cloud-list {
    margin-bottom: 20px;
}

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

.cloud-list-show h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0;
}

.cloud-icon {
    display: flex;
    align-items: center;
    padding: 20px 0;
}

.cloud-solutions {
    padding-top: 20px;
    padding-bottom: 50px;
}

.cloud-box h3 {
    font-size: 24px;
    font-weight: 600;
    color: #222;
}

.cloud-box p {
    font-size: 16px;
    font-weight: 500;
}

.cloud-box {
    padding-left: 10px;
}

.cloud-app-content ul li {
    position: relative;
    padding-left: 25px;
    list-style-type: none;
}

.cloud-app-content p {
    line-height: 1.6;
    color: #222;
    font-size: 16px;
}

.cloud-app-content p strong {
    color: #000;
    font-weight: 700;
    font-size: 18px;
}

.cloud-app-content ul li::after,
.cloud-app-content ul li::before {
    position: absolute;
    top: 6px;
    left: 0;
    content: "";
    border-radius: 50%;
    background: #C61E71
}

.cloud-app-content ul li::after {
    width: 16px;
    height: 16px;
    opacity: 0.25;
}

.cloud-app-content ul li::before {
    top: 10px;
    left: 4px;
    width: 8px;
    height: 8px;
}

.cloud-app-list {
    padding: 60px 0;
}

.cloud-app-content {
    padding: 20px 0;
}

.cloud-service-img img {
    width: 100%;
    height: 350px;
    border-radius: 0 100px;

}

.at-industries-des:hover .at-industries-img img {
    transform: scale(1.2);
    cursor: pointer;
}

@media (max-width: 576px) {
    .cloud-banner .mobile-content h2 {
        font-size: 40px;
    }

    .mobile-text .mobile-brief h2 {
        font-size: 26px;
    }

    .cloud-box {
        margin-top: 10px;
    }

    .cloud-box h3 {
        font-size: 22px;
    }
}


@media (max-width: 992px) {
    .cloud-box {
        margin-top: 10px;
    }

    .cloud-solutions {
        padding-bottom: 0;
    }
}




/*------Testing------*/
.testing-banner {
    /* background-image: url(../img/testing.png);
    height: 490px; */
    position: relative;
    height: 100%;
    background: rgb(248, 249, 250);
    margin-top: 30px;
}

/* .testing-list {
    margin-top: 25px;
    margin-bottom: 25px;
  } */

.testing-list-content {
    display: flex;
    justify-content: center;
}

.testing-list-show {
    text-align: center;
}

.testing-icon {
    padding: 20px;
}

.testing-icon h4 {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 600;
}

/* .testing-content {
    margin-bottom: 20px;
} */

.qa-testing-start h2 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
}

.qa-testing-start p {
    font-size: 18px;
    font-weight: 500;
}

.testing-solutions {
    padding: 20px 0;
}

.testing-solutions .testing-solutions-list .testing-solution-des {
    display: flex;
    height: 300px;
}


.testing-solutions .testing-solutions-list .testing-solution-des {
    padding: 24px 15px;
    margin-bottom: 30px;
    background: #ffffff;
    /* box-shadow: 0px 0px 10px rgba(30, 104, 178, 0.1); */
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.testing-solutions .testing-solutions-list .testing-solution-des .testing-solution-no h2,
.testing-solutions .testing-solutions-list .testing-solution-des .testing-solution-no .h2 {
    position: relative;
    line-height: 25px;
    color: #cb3780;
    font-size: 20px;
    padding-right: 35px;
    font-weight: 800;
}

.testing-solutions .testing-solutions-list .testing-solution-des .testing-solution-no h2::after,
.testing-solutions .testing-solutions-list .testing-solution-des .testing-solution-no .h2::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 25px;
    height: 1px;
    margin: auto;
    background: #cb3780;
}

/* .uiux-solutions .uiux-solutions-list .uiux-solution-head {
    padding-left: 10px;
} */

.testing-solutions .testing-solutions-list .testing-solution-head h3,
.testing-solutions .testing-solutions-list .at-solution-head .h3 {
    color: #16bce6;
    line-height: 1.2;
    font-size: 20px;
    font-weight: 600;
}

.testing-solutions .testing-solutions-list .testing-solution-head p {
    color: #666766;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
}

.testing-solution-head {
    padding-left: 10px;
}

@media (max-width: 576px) {
    .testing-banner .mobile-content h2 {
        font-size: 44px;
        width: 100%;
    }
}

@media (max-width: 992px) {
    .testing-solutions .testing-solutions-list .testing-solution-des {
        padding: 10px;
        height: 390px;

    }
}



/*------IOT-----*/
.iot-banner {
    /* background-image: url(../img/iot.png); */
    position: relative;
    height: 100%;
    background: #77c4d814;
    margin-top: 30px;

}

.iot-start {
    margin-bottom: 30px;
}

.iot-card-img img {
    width: 100%;
    height: 160px;
}

.iot-card h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
}

.iot-card p {
    font-size: 16px;
    font-weight: 500;
}

.iot-card {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 8%);
    padding: 10px;
    margin-bottom: 10px;
    min-height: 440px;
}

@media (max-width: 576px) {
    .iot-banner .mobile-content h2 {
        font-size: 46px;
        width: 100%;
        padding: 16px;
    }

}


/*------uiux------*/

.uiux-banner {
    position: relative;
    height: 100%;
    background: #adb5bd24;
    margin-top: 30px;
}

.uiux-card h3 {
    font-size: 20px;
    font-weight: 600;
}

.uiux-banner p {
    font-size: 16px;
    font-weight: 500;
}

.uiux-solutions {
    padding: 20px 0;
}

.uiux-solutions .uiux-solutions-list .uiux-solution-des {
    display: flex;
    height: 100%;
}


.uiux-solutions .uiux-solutions-list .uiux-solution-des {
    padding: 24px 15px;
    margin-bottom: 30px;
    background: #ffffff;
    /* box-shadow: 0px 0px 10px rgba(30, 104, 178, 0.1); */
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.uiux-solutions .uiux-solutions-list .uiux-solution-des .uiux-solution-no h2,
.uiux-solutions .uiux-solutions-list .uiux-solution-des .uiux-solution-no .h2 {
    position: relative;
    line-height: 25px;
    color: #cb3780;
    font-size: 20px;
    padding-right: 35px;
    font-weight: 800;
}

.uiux-solutions .uiux-solutions-list .uiux-solution-des .uiux-solution-no h2::after,
.uiux-solutions .uiux-solutions-list .uiux-solution-des .uiux-solution-no .h2::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 25px;
    height: 1px;
    margin: auto;
    background: #cb3780;
}

.uiux-solutions .uiux-solutions-list .uiux-solution-head {
    padding-left: 10px;
}

.uiux-solutions .uiux-solutions-list .uiux-solution-head h3,
.uiux-solutions .uiux-solutions-list .at-solution-head .h3 {
    color: #16bce6;
    line-height: 1.2;
    font-size: 20px;
    font-weight: 600;
}

.uiux-solutions .uiux-solutions-list .uiux-solution-head h3 a,
.uiux-solutions .uiux-solutions-list .at-solution-head .h3 a {
    display: block;
    color: #16bce6;
}

.uiux-solutions .uiux-solutions-list .uiux-solution-head p {
    color: #666766;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
}

@media (max-width: 576px) {
    .uiux-solutions .uiux-solutions-list .uiux-solution-des {
        display: flex;
        height: 360px;
    }
}


@media (max-width: 992px) {
    .uiux-solutions .uiux-solutions-list .uiux-solution-des {
        display: flex;
        height: unset
    }
}

/*-----mobile app------*/
.mobile-main-banner {
    /* background-image: url(../img/mobile-application.png); */
    /* height: 490px; */
    position: relative;
    height: 100%;
    background: #adb5bd24;
    margin-top: 30px;
    /* background-size: cover;
    background-repeat: no-repeat; */
}

.mobile-side-img img {
    position: relative;
    top: 0;
    left: -35px;
}

.mobile-main-start {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mobile-card-img img {
    width: 100%;
    height: 100%;
}

.mobile-main-card h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    color: #222;
    margin-bottom: 10px;
}

.mobile-main-card {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 8%);
    padding: 10px;
    margin-bottom: 20px;
    min-height: 390px;
}

.mobile-app-heading h2 {
    font-size: 34px;
    font-weight: 600;
    color: #000;
}

.mobile-app-content ul li {
    position: relative;
    padding-left: 25px;
    list-style-type: none;
}

.mobile-app-content p {
    line-height: 1.6;
    color: #222;
    font-size: 16px;
}

.mobile-app-content p strong {
    color: #000;
    font-weight: 700;
    font-size: 18px;
}

.mobile-app-content ul li::after,
.mobile-app-content ul li::before {
    position: absolute;
    top: 6px;
    left: 0;
    content: "";
    border-radius: 50%;
    background: #C61E71
}

.mobile-app-content ul li::after {
    width: 16px;
    height: 16px;
    opacity: 0.25;
}

.mobile-app-content ul li::before {
    top: 10px;
    left: 4px;
    width: 8px;
    height: 8px;
}

.mobile-app-list {
    padding: 60px 0;
}

.mobile-app-content {
    padding: 20px 0;
}

.mobile-app-img img {
    object-fit: cover;
    border-radius: 0 345px 345px 0;
}

.mobile-img {
    width: 530px;
    height: 380px;
    margin: auto;
}

.mobile-process {
    position: relative;
    top: -30px
}

.mobile-bottom-img img {
    width: 265px;
    height: 265px;
}

.mobile-bottom-img img {
    object-fit: cover;
    border-radius: 300px 0 300px 300px;
}

.mobile-bottom-img {
    position: absolute;
    left: 0;
    bottom: -120px;
    filter: drop-shadow(15px 10px 10px rgba(0, 0, 0, 0.05));
}

@media (max-width: 576px) {
    .mobile-img {
        width: 345px;
        height: 300px
    }

    .mobile-bottom-img {
        position: absolute;
        left: 11px;
        bottom: -188px;
    }

    .mobile-process {
        margin: 0 0 175px 0;
        text-align: center;
    }

    .mobile-app-content {
        padding: 0 0 20px 0;
    }

    .mobile-side-img {
        visibility: hidden;
    }

    .mobile-brief h2 {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

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

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

    .mobile-brief p {
        padding-top: 0;
        font-size: 16px;
        margin-bottom: 0;
    }

    .mobile-list {
        margin-bottom: 0;
    }

    .mobile-solutions .mobile-solutions-list .mobile-solution-des {
        margin-bottom: 20px;
    }

    .mobile-app-list {
        padding: 10px 0;
    }

    .mobile-app-heading h2 {
        font-size: 28px;
    }

    .mobile-app-content p {
        margin-bottom: 10px;
    }

    .mobile-app {
        min-height: 1300px;
    }
}


@media (max-width: 992px) {
    .mobile-app-list {
        padding: 120px 0;
    }

}


















/* .mobile-app {
    margin-top: 20px;
    background-image: url('../img/background.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 495px;
  }
  
  .mobile-app-heading {
    display: flex;
    align-items: center;
  }
  
  .mobile-app-heading h2 {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
  }
  
  .mobile-app-list {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
  }
  
  .mobile-left {
    margin: 20px 0;
  
  }
  
  .mobile-app-list {
    list-style: none;
  }
  
  .line-alignment {
    display: flex;
    align-items: center;
    margin: 20px 0;
  }
  
  .list-group-item span {
    font-size: 20px;
    font-weight: 600;
  }
  
  .list-group-item {
    font-size: 16px;
  } */

/* @media (max-width: 576px) {
    .mobile-content h2 {
        font-size: 50px;
        width: 0;
    }

    .mobile-brief p {
        padding-top: 10px;
    }

    .mobile-main-card p {
        font-size: 18px;
    }
} */

/* .mobile-left::before{
    content: url('../img/icons8-tick.gif');
    position: absolute;
    top:0;
    left:0;
  } */

/*------Android-----*/

.support-banner {
    /* background-image: url(../img/support-maintenance.png);
    height: 490px; */
    position: relative;
    height: 100%;
    background: #adb5bd24;
    margin-top: 30px;
}

.support-card {
    display: flex;
    align-items: center;
}

.support-box h3 {
    font-size: 24px;
    font-weight: 600;
    color: #222;
}

.support-box p {
    font-size: 16px;
    font-weight: 500;
}

.support-icon img {
    width: 50px;
    height: 50px;
}

.support-box {
    padding-left: 10px;
}

.support-card {
    padding: 24px 15px;
    margin-bottom: 30px;
    background: #ffffff;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    height: 200px;
}

.support-service-title h2 {
    font-size: 34px;
    font-weight: 600;
    /* text-transform: uppercase; */
    color: #000;
    margin-bottom: 30px;
    text-align: center;
}


.support-solutions {
    padding: 20px 0;
}

.support-solutions .support-solutions-list .support-solution-des {
    display: flex;
    height: 250px;
}


.support-solutions .support-solutions-list .support-solution-des {
    padding: 24px 15px;
    margin-bottom: 30px;
    background: #ffffff;
    /* box-shadow: 0px 0px 10px rgba(30, 104, 178, 0.1); */
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.support-solutions .support-solutions-list .support-solution-des .support-solution-no h2,
.support-solutions .support-solutions-list .support-solution-des .support-solution-no .h2 {
    position: relative;
    line-height: 25px;
    color: #cb3780;
    font-size: 20px;
    padding-right: 35px;
    font-weight: 800;
}

.support-solutions .support-solutions-list .support-solution-des .support-solution-no h2::after,
.support-solutions .support-solutions-list .support-solution-des .support-solution-no .h2::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 25px;
    height: 1px;
    margin: auto;
    background: #cb3780;
}

/* .uiux-solutions .uiux-solutions-list .uiux-solution-head {
    padding-left: 10px;
} */

.support-solutions .support-solutions-list .support-solution-head h3,
.support-solutions .support-solutions-list .at-solution-head .h3 {
    color: #16bce6;
    line-height: 1.2;
    font-size: 20px;
    font-weight: 600;
}

.support-solutions .support-solutions-list .support-solution-head p {
    color: #666766;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
}




@media (max-width: 576px) {
    .support-card {
        height: 270px;
    }
}

@media (max-width: 992px) {
    .support-solutions .support-solutions-list .support-solution-des {
        display: flex;
        height: 340px;
    }
}





/*----------Business-Analytics---------*/

.business_analytics-banner {
    /* background-image: url(../img/business-app.png); */
    position: relative;
    height: 100%;
    background: #adb5bd24;
    margin-top: 30px;
}



.business-solutions {
    padding: 20px 0;
}

.business-solutions .business-solutions-list .business-solution-des {
    display: flex;
    height: 285px;
}


.business-solutions .business-solutions-list .business-solution-des {
    padding: 24px 15px;
    margin-bottom: 30px;
    background: #ffffff;
    /* box-shadow: 0px 0px 10px rgba(30, 104, 178, 0.1); */
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.business-solutions .business-solutions-list .business-solution-des .business-solution-no h2,
.business-solutions .business-solutions-list .business-solution-des .business-solution-no .h2 {
    position: relative;
    line-height: 25px;
    color: #cb3780;
    font-size: 20px;
    padding-right: 35px;
    font-weight: 800;
}

.business-solutions .business-solutions-list .business-solution-des .business-solution-no h2::after,
.business-solutions .business-solutions-list .business-solution-des .business-solution-no .h2::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 25px;
    height: 1px;
    margin: auto;
    background: #cb3780;
}

/* .uiux-solutions .uiux-solutions-list .uiux-solution-head {
    padding-left: 10px;
} */

.business-solutions .business-solutions-list .business-solution-head h3,
.business-solutions .business-solutions-list .at-solution-head .h3 {
    color: #16bce6;
    line-height: 1.2;
    font-size: 20px;
    font-weight: 600;
}

.business-solutions .business-solutions-list .business-solution-head h3 a,
.business-solutions .business-solutions-list .at-solution-head .h3 a {
    display: block;
    color: #16bce6;
}

.business-solutions .business-solutions-list .businessx-solution-head p {
    color: #666766;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
}

.business-solution-head {
    padding-left: 10px;
}

@media (max-width: 992px) {
    .business-solutions .business-solutions-list .business-solution-des {
        display: flex;
        height: 420px;
        padding: 10px;
    }
}

@media (max-width: 578px) {
    .business-solutions .business-solutions-list .business-solution-des {
        display: flex;
        height: 310px;
        padding: 10px;
    }
}








/* ----- about us ----- */

.about-banner {
    background-image: url(../img/about-us.jpg);
    height: 490px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 10px;
}

.about-banner::before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.about-banner-content h2 {
    position: absolute;
    top: 175px;
    left: 8%;
    font-size: 60px;
    width: 500px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}


.about-intro {
    padding: 60px 0;
    /* background-color: #222; */
}

.about-content ul {
    color: #222;
}

.about-title {
    margin-bottom: 10px;
    color: #000;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}

.why-choose {
    padding: 40px 0;
    background-color: #f1f6fe;
}

.choose-content h2 {
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}

.choose-content h5 {
    font-size: 20px;
    font-weight: 600;
}

.choose-service-img img {
    width: 100%;
    height: 400px;
    border-radius: 0 100px;

}


/* .choose-content p {
    line-height: 30px;
  } */

.principles {
    padding: 10px 0;
}

.principles-content h5 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
}


@media (max-width: 992px) {
    .about-ts {
        margin-top: 10px;
    }
}


/* ----- career ------ */

.careers-banner {
    background-image: url(../img/career-banner.jpg);
    height: 490px;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 30px;
}

.careers-banner::before {
    content: "";
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.careers-banner-content h2 {
    position: absolute;
    top: 175px;
    left: 8%;
    font-size: 60px;
    width: 500px;
    font-weight: 600;
    color: #fff;
}


.careers-intro {
    padding: 10px 0;
}

.careers-content h2 {
    font-weight: 600;
    margin-bottom: 10px;
}

.careers-content h5 {
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 0;
}

.careers-content p {
    line-height: 30px;
    /* text-indent: 50px; */
}

.opportunities {
    padding: 10px 0 20px 0;
}

.opportunities h5 {
    font-weight: 600;
    margin-bottom: 20px;
}

/* job cards */


.job-cards a {
    display: block;
    padding: 10px 20px;
    color: #000;
    transition: all 0.3s ease;
}

.job-cards a:hover {
    background-color: #f1f6fe;
}


/* job cards */

.careers-benefits {
    background-color: #f1f6fe;
    padding: 10px 0;
}

.benefits-content h5 {
    font-weight: 600;
    margin-bottom: 10px;
}

.benefits-content h6 {
    font-weight: 600;
    margin-bottom: 15px;
}

.careers-enquiry {
    padding: 10px 10px;
    text-align: center;
}

.enquiry-content h5 {
    font-weight: 600;
    margin-bottom: 10px;
}

/* .enquiry-content p {
    line-height: 30px;
  } */


/* ------ products ------ */

/* ------ products common style ------ */


.features-title {
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
}

.features-content {
    height: 100%;
    padding: 30px 20px;
    background-color: #fff;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.features-content h5 {
    color: var(--blue);
    font-weight: 600;
}

.features-content p {
    text-align: justify;
}

.features-content img {
    display: block;
    width: 90px;
    height: 70px;
}



/* ------ DriveZ ------ */

.drivez-banner {
    background-image: url(../img/DriveZ/drivez-banner.jpg);
    height: 490px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.drivez-banner::before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.drivez-banner-content {
    position: relative;
    z-index: 10;
    color: #fff;
}

.drivez-banner-content h2 {
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 20px;
}

.drivez-banner-content p {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

.drivez-intro {
    padding: 50px 0;
}



/* LiveEZ */

.liveez-banner {
    background-image: url(../img/LiveEZ/livez-banner.jpg);
    height: 490px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.liveez-banner::before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.liveez-banner-content {
    position: relative;
    z-index: 10;
    color: #fff;
}

.liveez-banner-content h2 {
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 20px;
}

.liveez-banner-content p {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

.liveez-intro {
    padding: 50px 0;
}



/* GemEZ */

.gemez-banner {
    background-image: url(../img/GemEZ/gemez-banner.jpg);
    height: 490px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.gemez-banner::before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.gemez-intro {
    padding: 20px 0;
}


.gemez-banner-content {
    position: relative;
    z-index: 10;
    color: #fff;
}

.gemez-banner-content h2 {
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 20px;
}

.gemez-banner-content p {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

.gemez-intro {
    padding: 50px 0;
}


/* ----- Menu EZ ------ */

.menuez-banner {
    background-image: url(../img/MenuEZ/menuez-banner.jpg);
    height: 490px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.menuez-banner::before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}


.menuez-banner-content {
    position: relative;
    z-index: 10;
    color: #fff;
}

.menuez-banner-content h2 {
    font-size: 40px;
    font-weight: 700;
}

.menuez-banner-content p {
    font-size: 18px;
    font-weight: 500;
}

.menuez-intro {
    padding: 50px 0;
}



/* ----- Medi EZ ------ */

.mediez-banner {
    background-image: url(../img/MediEZ/mediez-banner.jpg);
    height: 490px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.mediez-banner::before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.mediez-banner-content {
    position: relative;
    z-index: 10;
    color: #fff;
}

.mediez-banner-content h2 {
    font-size: 40px;
    font-weight: 700;
}

.mediez-banner-content p {
    font-size: 18px;
    font-weight: 500;
}

.mediez-intro {
    padding: 50px 0;
}



/* ----- Fit EZ ------ */

.fitez-banner {
    background-image: url(../img/FitEZ/fitez-banner.jpg);
    height: 490px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.fitez-banner::before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.fitez-banner-content {
    position: relative;
    z-index: 10;
    color: #fff;
}

.fitez-banner-content h2 {
    font-size: 40px;
    font-weight: 700;
}

.fitez-banner-content p {
    font-size: 18px;
    font-weight: 500;
}

.fitez-intro {
    padding: 50px 0;
}


/* ----- Doc EZ ------ */

.docez-banner {
    background-image: url(../img/DocEZ/docez-banner.jpg);
    height: 490px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.docez-banner::before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.docez-banner-content {
    position: relative;
    z-index: 10;
    color: #fff;
}

.docez-banner-content h2 {
    font-size: 40px;
    font-weight: 700;
}

.docez-banner-content p {
    font-size: 18px;
    font-weight: 500;
}

.docez-intro {
    padding: 50px 0;
}


/* ----- Verify EZ ------ */

.verifyez-banner {
    background-image: url(../img/VerifyEZ/verifyez-banner.jpg);
    height: 490px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.verifyez-banner::before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.verifyez-banner-content {
    position: relative;
    z-index: 10;
    color: #fff;
}

.verifyez-banner-content h2 {
    font-size: 40px;
    font-weight: 700;
}

.verifyez-banner-content p {
    font-size: 18px;
    font-weight: 500;
}

.verifyez-intro {
    padding: 50px 0;
}

/* ----- Queue EZ ------ */

.queueez-banner {
    background-image: url(../img/QueueEZ/queueez-banner.jpg);
    height: 490px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.queueez-banner::before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.queueez-banner-content {
    position: relative;
    z-index: 10;
    color: #fff;
}

.queueez-banner-content h2 {
    font-size: 40px;
    font-weight: 700;
}

.queueez-banner-content p {
    font-size: 18px;
    font-weight: 500;
}

.queueez-intro {
    padding: 50px 0;
}


/* ----- Read EZ ------ */

.readez-banner {
    background-image: url(../img/ReadEZ/readez-banner.jpg);
    height: 490px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.readez-banner::before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.readez-banner-content {
    position: relative;
    z-index: 10;
    color: #fff;
}

.readez-banner-content h2 {
    font-size: 40px;
    font-weight: 700;
}

.readez-banner-content p {
    font-size: 18px;
    font-weight: 500;
}

.readez-intro {
    padding: 50px 0;
}

/* products style end * /

/* 
  .services-shadow{
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #eee;
  } */
.services-box {
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #eee;
}

.services-card a {
    text-decoration: none;
    background-color: transparent;
}

.services-card {
    /* text-align: center; */
    margin-top: 30px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #eee;

}

/* .services-box h5{
    margin-top: 15px;
  } */
/* .services-box :hover{
    transform: translateY(-10px);
  } */
/* .services-shadow{
    padding: 20px;
  }
  .services-shadow h5{
    margin-top: 15px;
  }
   .col-right {
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
   }
   .services-shadow:hover{
    transform: translateY(-10px);
   } */

.grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    padding: 10px;
}

.grid-item {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #eeeeee94;
    text-align: center;
    width: 100%;
}

.services-shadow {
    padding: 20px;
}

.services-shadow h5 {
    margin-top: 10px;
    color: #222;
    font-size: 18px;
    font-weight: 600
}

.services-shadow:hover {
    transform: translateY(-5px);
    transition: all 0.3s ease-in-out;
}

@media (max-width: 992px) {
    .mobile-side-img {
        visibility: hidden;
    }
}