* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: 'Kumbh Sans';
}
body{
    overflow-x: hidden;
}
body.overflow{
    overflow: hidden;
}
a {
    text-decoration: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
span,
ul,
li,
a,
p,
label,
form {
    margin: 0;
    padding: 0;
}
:root {
    --theme-black: #1e212d;
    --theme-blue: #086ad8;
}
.btn{
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
/*selection color*/
::-moz-selection{
    background: var(--theme-blue);
    color: #fff;
}
::selection{
    background: var(--theme-blue);
    color: #fff;
}

/*scrollbar*/
/* width */
::-webkit-scrollbar {
    /* width: 7px; */
    background-color:#fff;
    width:16px
}
::-webkit-scrollbar-track {
    /*background: #f1f1f1;*/
    background-color:#fff;
}
::-webkit-scrollbar-track:hover {
    background-color:#f4f4f4;
}
::-webkit-scrollbar-thumb:hover {
    background-color:#a0a0a5;
    border:4px solid #f4f4f4
}
::-webkit-scrollbar-thumb {
    background-color:#babac0;
    border-radius:16px;
    border:5px solid #fff;
    /* background: var(--theme-blue); */
}

/*preloader*/
#preloader{
    height: 100%;
    width: 100%;
    background: #fff;
    position: fixed;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#preloader .snippet{
    position: relative;
    width: 100%;
}
#preloader .snippet .stage{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    overflow: hidden;
}
#preloader .snippet .stage .dot-collision{
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: var(--theme-blue);
    color: var(--theme-blue);
}
#preloader .snippet .stage .dot-collision::before,
#preloader .snippet .stage .dot-collision::after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
}
#preloader .snippet .stage .dot-collision::before{
    left: -30px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: var(--theme-blue);
    color: var(--theme-blue);
    -webkit-animation: dotCollisionBefore 2s infinite ease-in;
            animation: dotCollisionBefore 2s infinite ease-in;
}
#preloader .snippet .stage .dot-collision::after{
    left: 30px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: var(--theme-blue);
    color: var(--theme-blue);
    -webkit-animation: dotCollisionAfter 2s infinite ease-in;
            animation: dotCollisionAfter 2s infinite ease-in;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}
@-webkit-keyframes dotCollisionBefore {
    0%,50%,75%,100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    25% {
        -webkit-transform: translateX(-15px);
                transform: translateX(-15px);
    }
}
@keyframes dotCollisionBefore {
    0%,50%,75%,100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    25% {
        -webkit-transform: translateX(-15px);
                transform: translateX(-15px);
    }
}

@-webkit-keyframes dotCollisionAfter {
    0%,50%,75%,100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    25% {
        -webkit-transform: translateX(15px);
                transform: translateX(15px);
    }
}

@keyframes dotCollisionAfter {
    0%,50%,75%,100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    25% {
        -webkit-transform: translateX(15px);
                transform: translateX(15px);
    }
}

.d-block{
    display: block!important;
}

/*navbar*/
.background-overlay{
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 8;
}
.background-overlay.open{
    opacity: 1;
    visibility: visible;
}
.background-overlay2{
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 99;
}
.background-overlay2.open{
    opacity: 1;
    visibility: visible;
}
#navbar {
    padding: 20px 0;
    position: absolute;
    width: 100%;
    z-index: 9;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#navbar.active{
    position: fixed;
    top: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
            box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}
#navbar .brand img{
    max-width: 150px;
}
#navbar .right .menu ul{
    list-style: none;
}
#navbar .right .menu ul li{
    margin: 0 15px;
}
#navbar .right .menu ul li a{
    font-size: 16px;
    color: var(--theme-black);
    letter-spacing: 0.5px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 600;
    position: relative;
}
#navbar .right .menu ul li a:before{
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    background: var(--theme-blue);
    height: 2px;
    width: 100%;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
/*#navbar .right .menu ul li a:hover:before,
#navbar .right .menu ul li a.active:before{
    transform: scale(1);
}*/
#navbar .right .menu ul li a:hover,
#navbar .right .menu ul li a.active{
    color: var(--theme-blue);
}

#navbar .btn{
    position: relative;
    background-color: var(--theme-blue);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 50px;
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    border-radius: 32px;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#navbar .btn:before{
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 32px;
    width: 75px;
    background: rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#navbar .btn:hover{
    border-color: var(--theme-black);
}
#navbar .btn:hover:before{
    width: 100%;
    background: var(--theme-black);
}
#navbar .right .bar{
    display: none;
}
@media (max-width: 991px) {
    #navbar .right .menu{
        position: fixed;
        height: 100%;
        top: 0;
        left: 0;
        width: 70%;
        background: #fff;
        -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
                transform: translateX(-100%);
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    #navbar .right .menu.open{
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
        height: 100vh;
        overflow-y: auto;
        z-index: 99;
    }
    #navbar .right .menu .logo img{
        max-width: 100%!important;
        padding: 12px 17px!important;
        height: 78px!important;
    }
    #navbar .right .menu ul{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start !important;
            -ms-flex-align: start !important;
                align-items: flex-start !important;
        padding-left: 0;
        margin-top: 6px;
    }
    #navbar .right .menu ul li{
        padding: 10px 20px;
        margin: 0;
        border-top: 1px solid #ccc;
        width: 100%;
    }
    #navbar .right .bar{
        display: block;
        font-size: 20px;
    }
    #navbar .right .menu ul li a{
        font-size: 13px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #navbar .right .menu{
        width: 50%;
    }
}
/*dropdown*/
#navbar .right .menu ul li{
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
@media (min-width: 992px) {
    #navbar .right .menu ul li:hover .dropdown{
        opacity: 1;
        top: 27px;
        visibility: visible;
        z-index: 888;
    }
    #navbar .right .menu ul li .dropdown{
        position: absolute;
        -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
                box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
        width: 260px;
        background: #fff;
        border: 1px solid #eee;
        border-radius: 4px;
        padding: 20px;
        top: 45px;
        left: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
    }
    #navbar .right .menu ul li .dropdown ul li{
        padding: 10px 0;
        margin: 0;
    }
    #navbar .right .menu ul li .dropdown ul{
        padding-left: 0;
    }
    #navbar .right .menu ul li .dropdown ul li:first-child{
        padding-top: 0;
    }
    #navbar .right .menu ul li .dropdown ul li:last-child{
        padding-bottom: 0;
    }
    #navbar .right .menu ul li .dropdown ul li a{
        font-weight: 500;
        color: #777;
        font-size: 15px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    #navbar .right .menu ul li .dropdown ul li a:hover{
        color: var(--theme-blue);
    }
    #navbar .right .menu ul li .dropdown ul li a:before{
        display: none;
    }

    #navbar .right .menu ul li .dropdown2{
        width: 730px;
    }
    #navbar .right .menu ul li .dropdown2 .content h6{
        font-size: 16px;
        font-weight: 500;
        color: #333333;
        margin: 0;
    }
    #navbar .right .menu ul li .dropdown2 .content p{
        color: #777777;
        line-height: 20px;
        font-size: 15px;
        margin-top: 5px;
    }
    #navbar .right .menu ul li .dropdown2 .heading{
        color: var(--theme-blue);
        margin-top: 30px;
        font-size: 13px;
        font-weight: 600;
    }
    #navbar .right .menu ul li .dropdown2 ul{
        margin-top: 20px;
    }
    #navbar .right .menu ul li .dropdown2 ul li{
        padding: 3px 0;
    }
    #navbar .right .menu ul li .dropdown2 ul li a{
        font-weight: 500;
        color: #777;
        font-size: 15px;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    #navbar .right .menu ul li .dropdown2 ul li a:hover{
        color: var(--theme-blue);
    }
}
@media (max-width: 991px) {
    #navbar .right .menu ul li .dropdown2 .content{
        display: none;
    }
    #navbar .right .menu ul li .dropdown2 .heading{
        font-size: 15px;
        font-weight: 600;
        color: var(--theme-blue);
        margin-top: 30px;
    }
    #navbar .right .menu ul li .dropdown2 ul{
        margin-top: 10px;
    }
}


/*header*/
#home-page #header{
    position: relative;
    /*min-height: 100vh;*/
    padding: 255px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* background: url('../images/header-bg-4.jpg'); */
    background-size: cover;
}
#home-page #header:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    background: url('../images/header-bg-3.png');
    background-repeat: no-repeat;
    background-position: top right;
    z-index: -1;
}
#home-page #header .content h5{
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 26px;
    font-weight: 700;
    color: var(--theme-black);
}
#home-page #header .content h2{
    font-weight: 700;
    color: var(--theme-blue);
    font-size: 60px;
    margin-top: 20px;
}
#home-page #header .content p{
    color: var(--theme-black);
    opacity: 0.8;
    font-size: 18px;
    margin-top: 20px;
}
#home-page #header .content .btn{
    position: relative;
    background-color: var(--theme-blue);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 50px;
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    border-radius: 32px;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 20px;
}
#home-page #header .content .btn:before{
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 32px;
    width: 75px;
    background: rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#home-page #header .content .btn:hover{
    border-color: var(--theme-black);
}
#home-page #header .content .btn:hover:before{
    width: 100%;
    background: var(--theme-black);
}
@media (min-height: 650px) and (max-height: 800px) {
    #home-page #header{
        padding: 100px 0;
    }
}
@media (max-width: 767px) {
    #home-page #header{
        padding-top: 120px;
        background-position: center;
    }
    #home-page #header:before{
        display: none;
    }
    #home-page #header .content h5{
        font-size: 13px;
    }
    #home-page #header .content h2{
        font-size: 32px;
        margin-top: 10px;
    }
    #home-page #header .content p{
        font-size: 14px;
        margin-top: 10px;
    }
    #home-page #header .content .btn{
        margin-top: 5px;
    }
    #home-page #header .img{
        margin-top: 50px;
    }
    #home-page #header .header-img{
        height: auto!important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #home-page #header{
        background-position: center;
    }
    #home-page #header .content h5{
        font-size: 12px;
    }
    #home-page #header .content h2{
        font-size: 42px;
        margin-top: 10px;
    }
    #home-page #header .content p{
        font-size: 12px;
        margin-top: 10px;
    }
    #home-page #header .content .btn{
        margin-top: 10px;
    }
}
@media (min-width: 1024px) and (max-width: 1300px) {
    #home-page #header .content h5{
        font-size: 14px;
    }
    #home-page #header .content h2{
        font-size: 48px;
    }
    #home-page #header .content p{
        font-size: 14px;
    }
}


/*services*/
#home-page #services {
    padding: 100px 0;
    position: relative;
    background: url('../images/service-bg.png');
    background-repeat: no-repeat;
}
/*#home-page #services:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: url('../images/service-bg.png');
    background-size: cover;
    z-index: -1;
}*/
#home-page #services .heading p{
    margin-bottom: 20px;
    color: #b4b2c5;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}
#home-page #services .heading h2{
    margin-bottom: 20px;
    color: var(--theme-blue);
    font-weight: 600;
    font-size: 38px;
}
#home-page #services .item {
    margin-top: 40px;
    /*box-shadow: 10px 0 30px 0 rgb(206 212 224 / 26%);*/
    padding: 20px;
    border-radius: 22px;
}
#home-page #services .item .icon{
    height: 60px;
    width: 60px;
    background: -o-linear-gradient(211deg, rgba(2,0,36,1) 0%, rgba(23,77,255,1) 0%, rgba(1,76,161,1) 51%);
    background: linear-gradient(239deg, rgba(2,0,36,1) 0%, rgba(23,77,255,1) 0%, rgba(1,76,161,1) 51%);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
}
#home-page #services .item .icon i{
    font-size: 30px;
}
#home-page #services .item h5{
    font-size: 22px;
    font-weight: 600;
    padding-left: 10px;
}
#home-page #services .item p{
    color: var(--theme-black);
    opacity: 0.8;
    font-size: 17px;
    margin-top: 20px;
    padding-left: 10px;
}
@media (max-width: 767px) {
    #home-page #services .heading p{
        font-size: 14px;
    }
    #home-page #services .heading h2{
        font-size: 38px;
    }
    #home-page #services .item{
        margin-top: 20px;
        padding: 10px;
    }
    #home-page #services .item h5{
        font-size: 18px;
    }
    #home-page #services .item p{
        margin-top: 10px;
        font-size: 15px;
    }
    #home-page #services{
        padding: 50px 0;
        background-position: 80% 100%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #home-page #services{
        padding: 70px 0;
        background-position: center;
    }
    #home-page #services .heading p{
        font-size: 15px;
    }
    #home-page #services .heading h2{
        font-size: 48px;
    }
    #home-page #services .item{
        margin-top: 25px;
    }
    #home-page #services .item p{
        padding-left: 25px;
        font-size: 15px;
    }
    #home-page #services .item h5{
        padding-left: 25px;
        font-size: 16px;
    }
}


/*about*/
#home-page #about{
    padding: 175px 0;
    position: relative;
}
#home-page #about:before{
    content: '';
    height: 100%;
    width: 100%;
    top: -184px;
    left: 0px;
    background: url('../images/t-shape-2.png');
    position: absolute;
    background-repeat: no-repeat;
    z-index: -1;
    background-position: left center;
}
#home-page #about .content h6{
    margin-bottom: 20px;
    color: #b4b2c5;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}
#home-page #about .content h2{
    font-weight: 600;
    font-size: 38px;
}
#home-page #about .content h2 span{
    color: var(--theme-blue);
}
#home-page #about .content p{
    font-size: 18px;
    margin-top: 20px;
    color: var(--theme-black);
    opacity: 0.8;
    line-height: 1.7;
}
#home-page #about .content .btn{
    position: relative;
    background-color: var(--theme-blue);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 40px;
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    border-radius: 32px;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 20px;
}
#home-page #about .content .btn:before{
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 32px;
    width: 65px;
    background: rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#home-page #about .content .btn:hover{
    border-color: var(--theme-black);
}
#home-page #about .content .btn:hover:before{
    width: 100%;
    background: var(--theme-black);
}
@media (max-width: 767px) {
    #home-page #about{
        padding: 70px 0;
    }
    #home-page #about .content h6{
        font-size: 14px;
    }
    #home-page #about .content h2{
        font-size: 32px;
    }
    #home-page #about .content p{
        font-size: 16px;
    }
    #home-page #about .content .btn{
        margin-top: 10px;
    }
    #home-page #about:before{
        top: 25px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #home-page #about{
        padding: 170px 0;
    }
    #home-page #about .content h6{
        font-size: 13px;
        margin-bottom: 10px;
    }
    #home-page #about .content h2{
        font-size: 32px;
    }
    #home-page #about .content p{
        margin-top: 10px;
        font-size: 14px;
        margin-bottom: 0;
    }
    #home-page #about .content .btn{
        margin-top: 10px;
        font-size: 13px;
    }
}


/*why us*/
#home-page #why .content h6{
    margin-bottom: 20px;
    color: #b4b2c5;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}
#home-page #why .content h2{
    font-weight: 600;
    font-size: 38px;
}
#home-page #why .content h2 span{
    color: var(--theme-blue);
}
#home-page #why .content p.heading-p{
    font-size: 18px;
    margin-top: 10px;
    color: var(--theme-black);
    opacity: 0.8;
    line-height: 1.7;
}
#home-page #why .content .item-parent{
    margin-top: 40px;
}
#home-page #why .content .item {
    margin-top: 10px;
    padding: 5px 10px;
    border-radius: 22px;
}
#home-page #why .content .item .icon{
    height: 50px;
    width: 50px;
    background: -o-linear-gradient(211deg, rgba(2,0,36,1) 0%, rgba(23,77,255,1) 0%, rgba(1,76,161,1) 51%);
    background: linear-gradient(239deg, rgba(2,0,36,1) 0%, rgba(23,77,255,1) 0%, rgba(1,76,161,1) 51%);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
}
#home-page #why .content .item .icon i{
    font-size: 26px;
}
#home-page #why .content .item h5{
    font-size: 22px;
    font-weight: 600;
    padding-left: 15px;
}
#home-page #why .content .item p{
    color: var(--theme-black);
    opacity: 0.8;
    font-size: 17px;
    margin-top: 10px;
    padding-left: 15px;
}
@media (max-width: 767px) {
    #home-page #why .content h6{
        font-size: 14px;
    }
    #home-page #why .content h2{
        font-size: 28px;
    }
    #home-page #why .content p.heading-p{
        font-size: 14px;
    }
    #home-page #why .content .item h5{
        font-size: 18px;
        padding-left: 0;
    }
    #home-page #why .content .item p{
        padding-left: 0;
        font-size: 14px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #home-page #why .content h6{
        font-size: 13px;
        margin-bottom: 10px;
    }
    #home-page #why .content h2{
        font-size: 32px;
    }
    #home-page #why .content p.heading-p{
        font-size: 14px;
    }
    #home-page #why .content .item h5{
        font-size: 15px;
    }
    #home-page #why .content .item p{
        font-size: 13px;
    }
    #home-page #why .content .item{
        margin-top: 5px;
        padding: 5px;
    }
    #home-page #why .content .item-parent{
        margin-top: 20px;
    }
}
@media (min-width: 992px) and (max-width: 1400px) {
    #home-page #why .content .item .icon{
        height: 40px;
        width: 40px;
    }
    #home-page #why .content .item .icon i{
        font-size: 20px;
    }
}


/*achivement*/
#home-page #achivement{
    text-align: center;
    margin-top: 200px;
    position: relative;
    overflow: hidden;
}
#home-page #achivement:before{
    content: '';
    position: absolute;
    background: #ececec;
    top: 0;
    right: 40px;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    z-index: -1;
}
#home-page #achivement p{
    font-weight: 700;
    font-size: 51px;
    color: #272460;
}
#home-page #achivement h5{
    color: #bbbbbb;
    font-size: 17px;
    font-weight: 600;
}
@media (max-width: 767px) {
    #home-page #achivement p{
        font-size: 32px;
        margin-bottom: 5px;
        margin-top: 20px;
    }
    #home-page #achivement h5{
        font-size: 14px;
    }
    #home-page #achivement{
        margin-top: 100px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #home-page #achivement p{
        font-size: 42px;
    }
    #home-page #achivement h5{
        font-size: 13px;
    }
    #home-page #achivement{
        margin-top: 140px;
    }
}

/*expertises*/
#home-page #expertises{
    padding: 100px 0;
}
#home-page #expertises .main-img{
    max-width: 500px;
}
#home-page #expertises .content h2{
    font-weight: 600;
    font-size: 38px;
}
#home-page #expertises .content h2 span{
    color: var(--theme-blue);
}
#home-page #expertises .content p{
    font-size: 18px;
    margin-top: 20px;
    color: var(--theme-black);
    opacity: 0.8;
    line-height: 1.7;
}
#home-page #expertises .content .item .clearfix{
    clear: both;
}
#home-page #expertises .content .item{
    margin-top: 40px;
}
#home-page #expertises .content .item .clearfix .float-left{
    float: left;
    color: #181818;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 600;
}
#home-page #expertises .content .item .clearfix .float-right{
    float: right;
    color: #8e8e8e;
    font-weight: 700;
    font-size: 13px;
}
#home-page #expertises .content .item .line{
    height: 6px;
    background: #e6e6e6;
    width: 100%;
    border-radius: 3px;
    margin-top: 10px;
    position: relative;
}
#home-page #expertises .content .item .line:nth-child(1):before{
    width: 100%;
}
#home-page #expertises .content .item .line:nth-child(2):before{
    width: 95%;
}
#home-page #expertises .content .item .line:nth-child(3):before{
    width: 95%;
}
#home-page #expertises .content .item .line:nth-child(4):before{
    width: 98%;
}
#home-page #expertises .content .item .line:before{
    content: '';
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--theme-blue);
    border-radius: 3px;
}
@media (max-width: 767px) {
    #home-page #expertises .main-img{
        max-width: 100%;
    }
    #home-page #expertises{
        padding: 50px 0;
    }
    #home-page #expertises .content .item{
        margin-top: 20px;
    }
    #home-page #expertises .content h2{
        font-size: 28px;
    }
    #home-page #expertises .content p{
        font-size: 14px;
        margin-top: 10px;
    }
    #home-page #expertises .content .item .clearfix .float-left{
        font-size: 11px;
    }
    #home-page #expertises .content .item .clearfix .float-right{
        font-size: 11px;
    }
}
@media (min-width: 767px) and (max-width: 991px) {
    #home-page #expertises .main-img{
        max-width: 100%;
    }
    #home-page #expertises .content h2{
        font-size: 32px;
    }
    #home-page #expertises .content p{
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #home-page #expertises .content .item{
        margin-top: 30px;
    }
    #home-page #expertises .content .item .clearfix .float-left{
        font-size: 11px;
    }
    #home-page #expertises .content .item .clearfix .float-right{
        font-size: 11px;
    }
}
@media (min-width: 992px) and (max-width: 1300px) {
    #home-page #expertises .main-img{
        max-width: 100%;
    }
}

/*Testimonial*/
#home-page #testimonial{
    position: relative;
    padding: 100px 0;
}
#home-page #testimonial:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: url('../images/t-shape-2.png');
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    background-position: right center;
    z-index: -1;
}
#home-page #testimonial .heading p{
    margin-bottom: 20px;
    color: #b4b2c5;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}
#home-page #testimonial .heading h2{
    font-weight: 600;
    font-size: 38px;
    color: var(--theme-black);
}
#home-page #testimonial .heading h2 span{
    color: var(--theme-blue);
}
#home-page #testimonial .body{
    margin-top: 50px;
}
#home-page #testimonial .body .item-child{
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
            box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
    margin: 20px 20px;
    padding: 45px 40px 60px;
}
#home-page #testimonial .body .item-child h6{
    color: var(--theme-blue);
    font-size: 200px;
    height: 100px;
}
#home-page #testimonial .body .item-child p.content-p{
    line-height: 1.7;
    font-size: 17px;
    color: #6f6f6f;
    margin-top: 30px;
}
#home-page #testimonial .body .item-child .profile{
    margin-top: 30px;
}
#home-page #testimonial .body .item-child .profile .img{
    height: 55px;
    width: 55px;
    border-radius: 100%;
    overflow: hidden;
}
#home-page #testimonial .body .item-child .profile .img img{
    max-width: 100%;
}
#home-page #testimonial .body .item-child .profile .name{
    padding-left: 10px;
}
#home-page #testimonial .body .item-child .profile .name h5{
    font-size: 17px;
    color: #4a4a4a;
    font-weight: 700;
    margin-bottom: 5px;
}
#home-page #testimonial .body .item-child .profile .name p{
    color: #8f8f8f;
    font-size: 15px;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    #home-page #testimonial .heading p{
        font-size: 14px;
    }
    #home-page #testimonial .heading h2{
        font-size: 28px;
    }
    #home-page #testimonial .body{
        margin-top: 25px;
    }
    #home-page #testimonial .body .item-child{
        padding: 40px 20px;
    }
    #home-page #testimonial .body .item-child p.content-p{
        font-size: 15px;
    }
    #home-page #testimonial .body .item-child h6{
        height: 85px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #home-page #testimonial .body .item-child p.content-p{
        font-size: 15px;
    }
    #home-page #testimonial .body .item-child h6{
        font-size: 150px;
        height: 70px;
    }
    #home-page #testimonial .body .item-child .profile .name h5{
        font-size: 15px;
    }
    #home-page #testimonial .body .item-child .profile .name p{
        font-size: 13px;
    }
}
@media (min-width: 992px) and (max-width: 1300px) {
    #home-page #testimonial .body .item-child p.content-p{
        font-size: 14px;
    }
    #home-page #testimonial .body .item-child .profile .name h5{
        font-size: 14px;
    }
    #home-page #testimonial .body .item-child .profile .name p{
        font-size: 12px;
    }
    #home-page #testimonial .body .item-child{
        padding: 40px 20px;
    }
}

/*footer*/
footer{
    background: #E7E9ED7D;
    padding-top: 80px;
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 30px;
    position: relative;
}
footer:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: url('../images/footer-bg.png');
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    z-index: -1;
}
footer .left a.logo img{
    max-width: 210px;
}
footer .left p{
    margin-top: 20px;
    font-size: 15px;
    opacity: 0.8;
    line-height: 1.7;
}
footer .left ul{
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
}
footer .left ul li{
    margin-right: 20px;
}
footer .left ul li a{
    font-size: 20px;
    color: var(--theme-black);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
footer .left ul li a:hover{
    color: var(--theme-blue);
}
footer .center ul{
    padding-left: 0;
    list-style: none;
}
footer .center .heading{
    font-size: 28px;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
footer .center .heading:before{
    content: '';
    position: absolute;
    height: 3px;
    width: 20%;
    background: var(--theme-blue);
    bottom: 0;
    left: 0;
}
footer .center ul li{
    font-size: 18px;
    margin-top: 20px;
}
footer .center ul li a{
    color: var(--theme-black);
    opacity: 0.8;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 15px;
}
footer .center ul li a:hover{
    color: var(--theme-blue);
}
footer .center ul li:first-child{
    margin-top: 0;
}

footer .right ul{
    padding-left: 0;
    list-style: none;
}
footer .right .heading{
    font-size: 28px;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
footer .right .heading:before{
    content: '';
    position: absolute;
    height: 3px;
    width: 20%;
    background: var(--theme-blue);
    bottom: 0;
    left: 0;
}
footer .right ul li{
    font-size: 18px;
    margin-top: 20px;
}
footer .right ul li a,
footer .right ul li p{
    color: var(--theme-black);
    opacity: 0.8;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 1.8;
    font-size: 15px;
}
footer .right ul li a:hover{
    color: var(--theme-blue);
}
footer .right ul li .icon{
    color: var(--theme-blue);
    margin-right: 10px;
}
footer .right ul li:first-child{
    margin-top: 0;
}
@media (max-width: 767px) {
    footer{
        padding: 40px 0;
    }
    footer .left p{
        font-size: 16px;
    }
    footer .center .heading{
        font-size: 24px;
    }
    footer .center ul li a{
        font-size: 15px;
    }
    footer .right .heading{
        font-size: 24px;
    }
    footer .right ul li a, footer .right ul li P{
        font-size: 15px;
    }
    footer:before{
        background-position: bottom;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    footer{
        padding: 40px 0;
    }
    footer .left a.logo img{
        max-width: 170px;
    }
    footer .left p{
        font-size: 14px;
    }
    footer .center .heading{
        font-size: 24px;
    }
    footer .right .heading{
        font-size: 24px;
    }
    footer .center ul li a{
        font-size: 14px;
    }
    footer .right ul li a, footer .right ul li P{
        font-size: 14px;
    }
    footer .center ul li,
    footer .right ul li{
        margin-top: 10px;
    }
    footer:before{
        background-position: bottom;
    }
}


/*fixed icon*/
#fixed-icon{
    position: fixed;
    top: 40%;
    /*transform: translateY(-50%);*/
    height: 100%;
    right: 30px;
    z-index: 99;
}
#fixed-icon ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
#fixed-icon ul li:first-child{
    margin-top: 0;
}
#fixed-icon ul li{
    height: 45px;
    width: 45px;
    background: #F2F2F2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 100%;
    margin-top: 20px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#fixed-icon ul li:hover{
    background: var(--theme-blue);
}
#fixed-icon ul li:hover a{
    color: #fff;
}
#fixed-icon ul li a{
    color: var(--theme-black);
    height: 100%;
    width: 100%;
    font-size: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 100%;
    -webkit-box-shadow: 0px 8px 29px 0px rgb(0 0 0 / 24%) !important;
            box-shadow: 0px 8px 29px 0px rgb(0 0 0 / 24%) !important;
}
@media (max-width: 991px) {
    #fixed-icon{
        display: none;
    }
}




/*breadcumb*/
#breadcumb{
    position: relative;
    padding-top: 200px;
    padding-bottom: 65px;
}
#breadcumb:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: -100px;
    left: 0;
    background: url('../images/inner-page-header.png');
    background-size: cover;
    z-index: -1;
}
#breadcumb h2{
    font-weight: 700;
    font-size: 53px;
}
#breadcumb p{
    font-size: 22px;
    color: #ababab;
}
@media (max-width: 767px) {
    #breadcumb{
        padding-bottom: 50px;
    }
    #breadcumb h2{
        font-size: 45px;
    }
    #breadcumb p{
        font-size: 22px;
        margin-bottom: 0;
    }
    #breadcumb:before{
        background-position: 80%;
    }
}


/*about page*/
/*about section*/
#about-page #about{
    position: relative;
    padding-bottom: 200px;
}
#about-page #about:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 800px;
    left: 0;
    background: url('../images/t-shape-2.png');
    background-repeat: no-repeat;
    z-index: -1;
}
#about-page #about .content h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
}
#about-page #about .content .experience{
    margin: 20px 0;
}
#about-page #about .content .experience h6{
    margin-bottom: 0;
    margin-left: 10px;
    font-size: 23px;
    color: var(--theme-black);
    font-weight: 600;
}
#about-page #about .content p{
    line-height: 1.7;
    color: #989696;
    font-size: 17px;
}
@media (max-width: 767px) {
    #about-page #about img{
        max-width: 100%;
    }
    #about-page #about .content h2{
        font-size: 30px;
    }
    #about-page #about .content p{
        font-size: 15px;
    }
    #about-page #about{
        padding-bottom: 100px;
    }
    #about-page #about:before{
        top: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #about-page #about .content h2{
        font-size: 32px;
    }
    #about-page #about .content p{
        font-size: 15px;
    }
    #about-page #about img{
        max-width: 100%;
    }
}


/*offer*/
#about-page #offer{
    padding-bottom: 100px;
    margin-top: -100px;
}
#about-page #offer .item{
    border: 1px solid #e5e5e5;
    padding: 60px 50px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 10px;
    min-height: 480px;
}
#about-page #offer .item:hover{
    -webkit-box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
            box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
    border-color: #fff;
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
}
#about-page #offer .item h4{
    font-size: 24px;
    font-weight: 600;
    margin: 20px 0;
}
#about-page #offer .item p{
    font-size: 16px;
    line-height: 1.7;
    color: #6f6f6f;
}
@media (max-width: 767px) {
    #about-page #offer .item{
        min-height: auto;
        margin-top: 20px;
        padding: 30px 25px;
    }
    #about-page #offer .item h4{
        font-size: 20px;
    }
    #about-page #offer .item p{
        font-size: 14px;
    }
    #about-page #offer{
        padding-bottom: 50px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #about-page #offer .item{
        min-height: 420px;
        margin-top: 40px;
        padding: 40px 30px;
    }
    #about-page #offer .item h4{
        font-size: 21px;
    }
    #about-page #offer .item p{
        font-size: 14px;
    }
}


/*achivement*/
#about-page #achivement{
    text-align: center;
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
}
#about-page #achivement:before{
    content: '';
    position: absolute;
    background: #ececec;
    top: 0;
    right: 40px;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    z-index: -1;
}
#about-page #achivement p{
    font-weight: 700;
    font-size: 51px;
    color: var(--theme-blue);
}
#about-page #achivement h5{
    color: var(--theme-black);
    font-size: 17px;
    font-weight: 600;
}
@media (max-width: 767px) {
    #about-page #achivement{
        padding-bottom: 50px;
    }
    #about-page #achivement p{
        font-size: 32px;
        margin-bottom: 5px;
        margin-top: 20px;
    }
    #about-page #achivement h5{
        font-size: 14px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #about-page #achivement{
        padding-bottom: 70px;
    }
    #about-page #achivement p{
        font-size: 42px;
    }
    #about-page #achivement h5{
        font-size: 13px;
    }
    #about-page #achivement{
        margin-top: 140px;
    }
}


/*core value*/
#about-page #core-value{
    padding-bottom: 100px;
    position: relative;
}
#about-page #core-value:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: url('../images/core-value-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#about-page #core-value .content h3{
    font-size: 38px;
    color: var(--theme-black);
    font-weight: 700;
    margin-bottom: 40px;
}
#about-page #core-value .content .item{
    margin-top: 40px;
}
#about-page #core-value .content .item h2{
    font-size: 24px;
    font-weight: 600;
    margin-left: 20px;
    margin-bottom: 0;
}
#about-page #core-value .content .item p{
    line-height: 1.7;
    font-size: 17px;
    color: #5e5e5e;
    margin-top: 10px;
}
@media (max-width: 767px) {
    #about-page #core-value .content h3{
        margin-top: 30px;
        margin-bottom: 20px;
    }
    #about-page #core-value .content .item{
        margin-top: 20px;
    }
    #about-page #core-value .content .item h2{
        font-size: 20px;
    }
    #about-page #core-value .content .item p{
        font-size: 15px;
    }
    #about-page #core-value{
        padding-bottom: 50px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #about-page #core-value .content h3{
        font-size: 32px;
        margin-bottom: 20px;
    }
    #about-page #core-value .content .item h2{
        font-size: 18px;
        margin-left: 10px;
    }
    #about-page #core-value .content .item p{
        font-size: 14px;
        margin-top: 5px;
    }
    #about-page #core-value .content .item img{
        max-width: 40px;
    }
    #about-page #core-value .content .item{
        margin-top: 20px;
    }
}

/*Testimonial*/
#about-page #testimonial{
    position: relative;
    padding-bottom: 60px;
}
#about-page #testimonial:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: url('../images/t-shape-2.png');
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    background-position: right;
    z-index: -1;
}
#about-page #testimonial .heading p{
    margin-bottom: 20px;
    color: #b4b2c5;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}
#about-page #testimonial .heading h2{
    font-weight: 600;
    font-size: 38px;
    color: var(--theme-black);
}
#about-page #testimonial .heading h2 span{
    color: var(--theme-blue);
}
#about-page #testimonial .body{
    margin-top: 50px;
}
#about-page #testimonial .body .item-child{
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
            box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
    margin: 20px 20px;
    padding: 45px 40px 60px;
}
#about-page #testimonial .body .item-child h6{
    color: var(--theme-blue);
    font-size: 200px;
    height: 100px;
}
#about-page #testimonial .body .item-child p.content-p{
    line-height: 1.7;
    font-size: 17px;
    color: #6f6f6f;
    margin-top: 30px;
}
#about-page #testimonial .body .item-child .profile{
    margin-top: 30px;
}
#about-page #testimonial .body .item-child .profile .img{
    height: 55px;
    width: 55px;
    border-radius: 100%;
    overflow: hidden;
}
#about-page #testimonial .body .item-child .profile .img img{
    max-width: 100%;
}
#about-page #testimonial .body .item-child .profile .name{
    padding-left: 10px;
}
#about-page #testimonial .body .item-child .profile .name h5{
    font-size: 17px;
    color: #4a4a4a;
    font-weight: 700;
    margin-bottom: 5px;
}
#about-page #testimonial .body .item-child .profile .name p{
    color: #8f8f8f;
    font-size: 15px;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    #about-page #testimonial .heading p{
        font-size: 14px;
    }
    #about-page #testimonial .heading h2{
        font-size: 28px;
    }
    #about-page #testimonial .body{
        margin-top: 25px;
    }
    #about-page #testimonial .body .item-child{
        padding: 40px 20px;
    }
    #about-page #testimonial .body .item-child p.content-p{
        font-size: 15px;
    }
    #about-page #testimonial .body .item-child h6{
        height: 85px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #about-page #testimonial .body .item-child p.content-p{
        font-size: 15px;
    }
    #about-page #testimonial .body .item-child h6{
        font-size: 150px;
        height: 70px;
    }
    #about-page #testimonial .body .item-child .profile .name h5{
        font-size: 15px;
    }
    #about-page #testimonial .body .item-child .profile .name p{
        font-size: 13px;
    }
}
@media (min-width: 992px) and (max-width: 1300px) {
    #about-page #testimonial .body .item-child p.content-p{
        font-size: 14px;
    }
    #about-page #testimonial .body .item-child .profile .name h5{
        font-size: 14px;
    }
    #about-page #testimonial .body .item-child .profile .name p{
        font-size: 12px;
    }
    #about-page #testimonial .body .item-child{
        padding: 40px 20px;
    }
}









/*services page*/
/*planning*/
#services-page #planning{
    padding-bottom: 100px;
}
#services-page #planning h2{
    font-weight: 700;
    font-size: 40px;
}
#services-page #planning p{
    line-height: 1.4;
    font-size: 20px;
    margin-top: 20px;
}
@media (max-width: 767px) {
    #services-page #planning h2{
        font-size: 30px;
    }
    #services-page #planning p{
        font-size: 14px;
    }
    #services-page #planning p br{
        display: none;
    }
    #services-page #planning{
        padding-bottom: 50px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #services-page #planning h2{
        font-size: 34px;
    }
    #services-page #planning p{
        font-size: 16px;
    }
    #services-page #planning p br{
        display: none;
    }
    #services-page #planning{
        padding-bottom: 70px;
    }   
}
/*main*/
#services-page #main-services h3{
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
}
#services-page #main-services p{
    font-size: 16px;
    line-height: 1.6;
}
#services-page #main-services .language{
    padding: 10px 0;
}
#services-page #main-services .language .item{
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#services-page #main-services .language .item:last-child{
    margin-right: 0;
}
#services-page #main-services .language .item h5{
    font-size: 18px;
    margin-top: 10px;
}
#services-page #main-services ul{
    padding-left: 0;
    list-style: none;
}
#services-page #main-services ul li{
    font-size: 17px;
    margin-top: 10px;
    position: relative;
    padding-left: 20px;
}
#services-page #main-services ul li:before{
    content: '';
    position: absolute;
    height: 7px;
    width: 7px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: var(--theme-black);
}
#services-page #main-services img{
    -webkit-box-shadow: 0px 24px 51px 0px rgb(0 0 0 / 11%) !important;
            box-shadow: 0px 24px 51px 0px rgb(0 0 0 / 11%) !important;
}
#services-page #main-services .row{
    padding: 50px 0;
}
@media (max-width: 767px) {
    #services-page #main-services .row{
        padding: 25px 0;
    }
    #services-page #main-services h3{
        font-size: 30px;
        margin-top: 30px;
    }
    #services-page #main-services p{
        font-size: 13px;
    }
    #services-page #main-services ul li{
        font-size: 15px;
    }
    #services-page #main-services .language{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 0;
    }
    #services-page #main-services .language .item{
        margin-top: 10px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #services-page #main-services h3{
        font-size: 32px;
        margin-bottom: 10px;
    }
    #services-page #main-services p{
        font-size: 12px;
    }
    #services-page #main-services ul{
        margin-bottom: 0;
    }
    #services-page #main-services ul li{
        margin-top: 5px;
        font-size: 14px;
    }
}








/*technology*/
/*main technology*/
#technology-page #main-technology{
    padding: 100px 0;
}
#technology-page #main-technology .tabs{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#technology-page #main-technology .tabs ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
}
#technology-page #main-technology .tabs ul li button{
    background: transparent;
    border: none;
    padding: 10px 30px;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}
#technology-page #main-technology .tabs ul li button.is-checked{
    color: var(--theme-blue);
}
#technology-page #main-technology .item{
    margin-top: 40px;
}
#technology-page #main-technology .item .img{
    /*background: #eef1f6;*/
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
            box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    padding: 60px 20px;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 20px;
}
#technology-page #main-technology .item img{
    max-width: 100px;
}
#technology-page #main-technology .item h6{
    color: var(--theme-blue);
    font-size: 15px;
    margin-top: 20px;
}
#technology-page #main-technology .item h2{
    font-size: 18px;
    color: #333;
    font-weight: 600;
    line-height: 1.2;
}
#technology-page #main-technology .tabs ul{
    padding-left: 0;
}
@media (max-width: 767px) {
    #technology-page #main-technology{
        padding: 50px 0;
    }
    #technology-page #main-technology .tabs ul {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    #technology-page #main-technology .tabs ul li button{
        font-size: 8px;
        padding: 10px 5px;
    }
}
@media (min-width: 767px) and (max-width: 991px) {
    #technology-page #main-technology .tabs ul li button{
        padding: 10px;
        font-size: 14px;
    }
}









/*contact page*/
/*form  and contact*/
#contact-page #map{
    margin-bottom: 100px;
}
#contact-page #map .container{
    position: relative;
}
#contact-page #map iframe{
    width: 80%;
    height: 400px;
}
#contact-page #map .contact-info{
    width: 400px;
    -webkit-box-shadow: 0px 24px 51px 0px rgb(0 0 0 / 11%) !important;
            box-shadow: 0px 24px 51px 0px rgb(0 0 0 / 11%) !important;
    padding: 40px 20px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #fff;
}
#contact-page #map .contact-info h5{
    font-size: 24px;
    font-weight: 600;
}
#contact-page #map .contact-info p{
    font-size: 15px;
    margin-top: 20px;
    color: #696969;
}
#contact-page #map .contact-info a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#contact-page #map .contact-info a.email{
    font-size: 15px;
    color: var(--theme-blue);
    margin-bottom: 20px;
}
#contact-page #map .contact-info a.no{
    font-size: 15px;
    color: var(--theme-black);
    margin-top: 5px;
}
@media (max-width: 767px) {
    #contact-page #map iframe{
        width: 100%;
    }
    #contact-page #map .contact-info{
        width: 100%;
        position: initial;
        margin-top: 165px;
    }
    #contact-page #map{
        margin-bottom: 0;
    }
}


#contact-page #form-contact{
    padding-bottom: 60px;
}
#contact-page #form-contact .contact-content{
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
            box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    padding: 60px 30px;
    height: 100%;
}
#contact-page #form-contact .contact-content h6{
    font-size: 19px;
    line-height: 26px;
}
#contact-page #form-contact .contact-content p.p1{
    margin: 10px 0;
    font-weight: 500;
    font-size: 19px;
    line-height: 26px;
    color: #545454;
}
#contact-page #form-contact .contact-content .profile{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 20px;
}
#contact-page #form-contact .contact-content .profile .img{
    height: 60px;
    width: 60px;
    -webkit-box-shadow: 0px 0px 6px 4px #e0dede;
            box-shadow: 0px 0px 6px 4px #e0dede;
    border-radius: 100%;
    /*overflow: hidden;*/
    position: relative;
}
#contact-page #form-contact .contact-content .profile .img .linkedin{
    height: 26px;
    width: 26px;
    background: #0075a5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: -5px;
    border-radius: 100%;
    right: -0px;
}
#contact-page #form-contact .contact-content .profile .img img{
    height: 60px;
    width: 60px;
    border-radius: 100%;
}
#contact-page #form-contact .contact-content .profile .name{
    margin-left: 20px;
}
#contact-page #form-contact .contact-content .profile .name h5{
    margin-bottom: 0px;
    font-size: 18px;
    color: #222;
    font-weight: 600;
}
#contact-page #form-contact .contact-content .profile .name h4{
    font-weight: 400;
    font-size: 16px;
    color: #545454;
    line-height: 26px;
    margin-bottom: 0;
}
#contact-page #form-contact .contact-content a.email{
    font-size: 16px;
    color: #000;
    margin-top: 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#contact-page #form-contact .contact-content a:hover{
    color: var(--theme-blue);
}
#contact-page #form-contact .contact-content a.email i{
    color: var(--theme-blue);
    margin-right: 10px;
}
#contact-page #form-contact .contact-content h2{
    font-size: 19px;
    margin-top: 20px;
}
#contact-page #form-contact .contact-content p.p2{
    font-size: 16px;
    color: #777;
    margin-top: 20px;
}
#contact-page #form-contact .contact-content a.carrer{
    margin-top: 20px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--theme-blue);
    font-size: 16px;
    font-weight: 700;
}
@media (max-width: 767px) {
    #contact-page #form-contact .contact-content h6{
        font-size: 16px;
    }
    #contact-page #form-contact .contact-content p.p1{
        font-size: 16px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #contact-page #form-contact .contact-content{
        padding: 30px 10px;
    }
    #contact-page #form-contact .contact-content h6{
        font-size: 16px;
        line-height: 20px;
    }
    #contact-page #form-contact .contact-content p.p1{
        font-size: 16px;
        line-height: 20px;
    }
    #contact-page #form-contact .contact-content .profile .img{
        height: 50px;
        width: 50px;
    }
    #contact-page #form-contact .contact-content .profile .img img{
        height: 50px;
        width: 50px;
    }
    #contact-page #form-contact .contact-content .profile .name{
        margin-left: 10px;
    }
    #contact-page #form-contact .contact-content .profile .name h5{
        font-size: 15px;
    }
    #contact-page #form-contact .contact-content .profile .name h4{
        font-size: 12px;
    }
    #contact-page #form-contact .contact-content a.email{
        font-size: 12px;
    }
    #contact-page #form-contact .contact-content h2{
        font-size: 16px;
    }
    #contact-page #form-contact .contact-content p.p2{
        font-size: 13px;
        margin-top: 10px;
    }
    #contact-page #form-contact .contact-content a.carrer{
        font-size: 13px;
    }
}


#contact-page #form-contact .contact-form{
    border: 1px solid #f5f5f5;
    padding: 30px 20px;
}
#contact-page #form-contact .contact-form .heading h3{
    font-weight: 600;
    font-size: 38px;
    color: var(--theme-black);
}
#contact-page #form-contact .contact-form .heading p{
    font-size: 16px;
}
#contact-page #form-contact .contact-form .body{
    margin-top: 30px;
}
#contact-page #form-contact .contact-form .body .form-group{
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}
#contact-page #form-contact .contact-form .body .form-group input,
#contact-page #form-contact .contact-form .body .form-group select,
#contact-page #form-contact .contact-form .body .form-group textarea{
    border-radius: 0;
    border-bottom: 1px solid #e5e5e5;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 10px 5px;
    z-index: 2;
    position: relative;
    background: transparent;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#contact-page #form-contact .contact-form .body .form-group label{
    position: absolute;
    left: 5px;
    top: 10px;
    z-index: 1;
    color: #9e9e9e;
    font-size: 15px;
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
#contact-page #form-contact .contact-form .body .form-group input:focus,
#contact-page #form-contact .contact-form .body .form-group select:focus,
#contact-page #form-contact .contact-form .body .form-group textarea:focus{
    border-color: var(--theme-blue);
}
#contact-page #form-contact .contact-form .body .form-group input::-webkit-input-placeholder, #contact-page #form-contact .contact-form .body .form-group select::-webkit-input-placeholder{
    color: #9e9e9e;
    font-size: 15px
}
#contact-page #form-contact .contact-form .body .form-group input::-moz-placeholder, #contact-page #form-contact .contact-form .body .form-group select::-moz-placeholder{
    color: #9e9e9e;
    font-size: 15px
}
#contact-page #form-contact .contact-form .body .form-group input:-ms-input-placeholder, #contact-page #form-contact .contact-form .body .form-group select:-ms-input-placeholder{
    color: #9e9e9e;
    font-size: 15px
}
#contact-page #form-contact .contact-form .body .form-group input::-ms-input-placeholder, #contact-page #form-contact .contact-form .body .form-group select::-ms-input-placeholder{
    color: #9e9e9e;
    font-size: 15px
}
#contact-page #form-contact .contact-form .body .form-group input::placeholder,
#contact-page #form-contact .contact-form .body .form-group select::placeholder{
    color: #9e9e9e;
    font-size: 15px
}
#contact-page #form-contact .contact-form .body .form-group input:focus ~ label,
#contact-page #form-contact .contact-form .body .form-group textarea:focus ~ label{
    top: -10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 13px;
    color: var(--theme-blue);
}
#contact-page #form-contact .contact-form .body .form-group input#phone{
    padding-left: 50px;
}
#contact-page #form-contact .contact-form .body .form-group .arrow{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 20px;
}
#contact-page #form-contact .contact-form .body .file-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left;
    background: #fff;
    padding: 16px;
    width: 100%;
    position: relative;
    border-radius: 3px;
    border: 1px dotted #e5e5e5;
}
#contact-page #form-contact .contact-form .body .file-input > [type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
}
#contact-page #form-contact .contact-form .body .file-input > .button {
    display: inline-block;
    cursor: pointer;
    background: #eee;
    padding: 8px 16px;
    border-radius: 2px;
    margin-right: 8px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#contact-page #form-contact .contact-form .body .file-input:hover > .button {
    background: var(--theme-blue);
    color: white;
}
#contact-page #form-contact .contact-form .body .file-input > .label {
    color: #333;
    white-space: nowrap;
    opacity: 0.3;
}
#contact-page #form-contact .contact-form .body .file-input.-chosen > .label {
    opacity: 1;
}
#contact-page #form-contact .contact-form .body .btn{
    background: var(--theme-blue);
    color: #fff;
    padding: 6px 20px;
    border-radius: 0;
    margin-top: 20px;
}
@media (max-width: 767px) {
    #contact-page #form-contact .contact-form .body .file-input{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-top: 20px;
    }
    #contact-page #form-contact .contact-form .heading h3{
        font-size: 32px;
    }
    #contact-page #form-contact .contact-form .heading p{
        font-size: 14px;
    }
    #contact-page #form-contact .contact-form{
        margin-top: 30px;
        padding: 15px 10px;
    }
    #contact-page #form-contact .contact-form .body .form-check{
        margin-top: 20px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #contact-page #form-contact .contact-form .heading h3{
        font-size: 32px;
    }
    #contact-page #form-contact .contact-form .heading p{
        font-size: 13px;
    }
    #contact-page #form-contact .contact-form .body .form-group label{
        font-size: 13px;
    }
    #contact-page #form-contact .contact-form .body .form-group input#phone{
        font-size: 13px;
    }
    #contact-page #form-contact .contact-form .body .form-group input, #contact-page #form-contact .contact-form .body .form-group select, #contact-page #form-contact .contact-form .body .form-group textarea{
        font-size: 13px;
    }
    #contact-page #form-contact .contact-form .body .file-input{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    #contact-page #form-contact .contact-form .body .file-input > .label{
        font-size: 10px;
        margin-top: 10px;
    }
    #contact-page #form-contact .contact-form .body .file-input > .button{
        font-size: 10px;
        margin-right: 0;
    }
    #contact-page #form-contact .contact-form .body .form-check label{
        font-size: 10px;
    }
    #contact-page #form-contact .contact-form{
        padding: 15px 10px;
    }
}
@media (min-width: 992px) and (max-width: 1300px) {
    #contact-page #form-contact .contact-form .body .file-input > .label{
        font-size: 10px;
    }
    #contact-page #form-contact .contact-form .body .file-input > .button{
        padding: 4px 8px;
        font-size: 10px;
    }
    #contact-page #form-contact .contact-form .body .form-check label{
        font-size: 12px;
    }
}


/*careers-page*/
/*hiring*/
#careers-page #hiring{
    padding-top: 50px;
    padding-bottom: 50px;
}
#careers-page #hiring .heading h5{
    font-weight: 600;
    font-size: 28px;
}
#careers-page #hiring .heading p{
    font-size: 18px;
    color: #777777;
    line-height: 26px;
    width: 80%;
    margin: auto;
}
#careers-page #hiring .body{
    margin-top: 60px;
}
#careers-page #hiring .body .item{
    margin-top: 40px;
}
#careers-page #hiring .body .item .img{
    /*background: #eef1f6;*/
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
            box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    padding: 60px 20px;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 20px;
}
#careers-page #hiring .body .item img{
    max-width: 100px;
}
#careers-page #hiring .body .item .img{
    position: relative;
}
#careers-page #hiring .body .item .img .position{
    background: var(--theme-blue);
    padding: 5px 10px;
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 10px;
    left: 10px;
}
#careers-page #hiring .body .item h6{
    color: var(--theme-black);
    font-size: 15px;
    margin-top: 20px;
    font-weight: 600;
}
#careers-page #hiring .body .item a{
    font-size: 15px;
    color: var(--theme-blue);
    line-height: 1.2;
}
@media (max-width: 767px) {
    #careers-page #hiring .heading h5{
        font-size: 22px;
    }
    #careers-page #hiring .heading p{
        width: 100%;
        font-size: 14px;
    }
    #careers-page #hiring .body{
        margin-top: 30px;
    }
    #careers-page #hiring .body .item h6{
        font-size: 10px;
    }
    #careers-page #hiring .body .item a{
        font-size: 12px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #careers-page #hiring .body .item h6{
        font-size: 12px;
        text-align: center;
    }
    #careers-page #hiring .body .item a{
        font-size: 14px;
    }
    #careers-page #hiring .heading h5{
        font-size: 24px;
    }
    #careers-page #hiring .heading p{
        width: 100%;
        font-size: 14px;
    }
    #careers-page #hiring .body{
        margin-top: 30px;
    }
}

/*why*/
#careers-page #why {
    padding: 50px 0;
    position: relative;
    background-repeat: no-repeat;
}
#careers-page #why .heading p{
    font-size: 18px;
    color: #777777;
    line-height: 26px;
    width: 80%;
    margin: auto;
}
#careers-page #why .heading h2{
    font-weight: 600;
    font-size: 28px;
}
#careers-page #why .item {
    margin-top: 40px;
    padding: 20px;
    border-radius: 22px;
}
#careers-page #why .item .icon{
    height: 60px;
    width: 60px;
    background: -o-linear-gradient(211deg, rgba(2,0,36,1) 0%, rgba(23,77,255,1) 0%, rgba(1,76,161,1) 51%);
    background: linear-gradient(239deg, rgba(2,0,36,1) 0%, rgba(23,77,255,1) 0%, rgba(1,76,161,1) 51%);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
}
#careers-page #why .item .icon i{
    font-size: 22px;
}
#careers-page #why .item h5{
    font-size: 16px;
    font-weight: 600;
    padding-left: 10px;
}
#careers-page #why .item p{
    color: var(--theme-black);
    opacity: 0.8;
    font-size: 15px;
    margin-top: 00px;
    padding-left: 10px;
}
@media (max-width: 767px) {
    #careers-page #why .heading p{
        font-size: 14px;
        width: 100%;
    }
    #careers-page #why .heading h2{
        font-size: 22px;
    }
    #careers-page #why .item{
        margin-top: 20px;
        padding: 10px;
    }
    #careers-page #why .item h5{
        font-size: 18px;
    }
    #careers-page #why .item p{
        margin-top: 10px;
        font-size: 15px;
    }
    #careers-page #why{
        padding: 25px 0;
        background-position: 80% 100%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #careers-page #why{
        padding: 30px 0;
        background-position: center;
    }
    #careers-page #why .heading p{
        width: 100%;
        font-size: 14px;
    }
    #careers-page #why .heading h2{
        font-size: 24px;
    }
    #careers-page #why .item{
        margin-top: 25px;
    }
    #careers-page #why .item p{
        padding-left: 25px;
        font-size: 15px;
    }
    #careers-page #why .item h5{
        padding-left: 25px;
        font-size: 16px;
    }
}


/*awards*/
#careers-page #awards{
    padding: 50px 0;
}
#careers-page #awards .heading h2{
    font-weight: 600;
    font-size: 28px;
}
#careers-page #awards .body{
    margin-top: 40px;
}
#careers-page #awards .body p{
    font-size: 18px;
    color: #777777;
    line-height: 26px;
}
@media (max-width: 767px) {
    #careers-page #awards .heading h2{
        font-size: 22px;
    }
    #careers-page #awards .body p{
        font-size: 16px;
    }
    #careers-page #awards{
        padding: 25px 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #careers-page #awards .heading h2{
        font-size: 24px;
    }
    #careers-page #awards .body p{
        font-size: 14px;
    }
}


/*process page*/
/*process*/
#process-page #process{
    padding: 50px 0;
}
#process-page #process .heading h2{
    font-weight: 600;
    font-size: 28px;
}
#process-page #process .heading p{
    font-size: 18px;
    color: #777777;
    line-height: 26px;
    width: 60%;
    margin: auto;
}
#process-page #process .body{
    padding: 50px 0;
}
#process-page #process .body ul{
    padding-left: 0;
    list-style: none;
}
#process-page #process .body ul li{
    position: relative;
    padding: 40px 0;
}
#process-page #process .body ul li:first-child .no{
    left: -18px;
    top: 0;
}
#process-page #process .body ul li:nth-child(even) .no{
    right: -18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
#process-page #process .body ul li:nth-child(odd) .no{
    left: -18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
#process-page #process .body ul li .no{
    height: 40px;
    width: 40px;
    background: var(--theme-blue);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 18px;
    border-radius: 100%;
    position: absolute;
}
#process-page #process .body ul li:before,
#process-page #process .body ul li:after{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
}
#process-page #process .body ul li:first-child:before{
    left: 0px;
    top: 0;
    border-left: 2px dashed #ccc;
}
#process-page #process .body ul li:nth-child(even):before{
    border-right: 2px dashed #ccc;
    right: 0;
    top: 0;
}
#process-page #process .body ul li:nth-child(even):after{
    border-top: 2px dashed #ccc;
    left: 0;
    top: 0;
}
#process-page #process .body ul li:nth-child(odd):before{
    border-left: 2px dashed #ccc;
    left: 0;
    top: 0;
}
#process-page #process .body ul li:nth-child(odd):after{
    border-top: 2px dashed #ccc;
    left: 0;
    top: 0;
}
#process-page #process .body ul li .information h3{
    color: var(--theme-blue);
    font-size: 26px;
    font-weight: 600;
}
#process-page #process .body ul li .information p{
    margin-top: 15px;
    font-size: 16px;
    color: #999;
    font-weight: 500;
}
@media (max-width: 767px) {
    #process-page #process .heading h2{
        font-size: 22px;
    }
    #process-page #process .heading p{
        font-size: 14px;
        width: 100%;
    }
    #process-page #process{
        padding: 25px 0;
    }
    #process-page #process .body ul li{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
    }
    #process-page #process .body .information{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-left: 20px;
        padding-right: 20px;
    }
    #process-page #process .body ul li .information h3{
        font-size: 21px;
        margin-top: 20px;
    }
    #process-page #process .body ul li .information p{
        margin: 0;
        font-size: 12px;
    }
    #process-page #process .body ul li .information p br{
        display: none;
    }
    #process-page #process .body ul li .no{
        height: 30px;
        width: 30px;
    }
    #process-page #process .body ul li:nth-child(odd) .no{
        left: -10px;
    }
    #process-page #process .body ul li:nth-child(even) .no{
        right: -10px;
    }
    #process-page #process .body ul li img{
        max-width: 65px;
    }
    #process-page #process .body{
        padding: 25px 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #process-page #process .body ul li .information h3{
        font-size: 24px;
    }
    #process-page #process .body ul li .information p{
        font-size: 14px;
    }
    #process-page #process .body ul li{
        padding: 30px 40px;
    }
    #process-page #process .heading h2{
        font-size: 24px;
    }
    #process-page #process .heading p{
        font-size: 16px;
        width: 100%;
    }
    #process-page #process .body ul li img{
        max-width: 100%;
    }
    #process-page #process{
        padding: 30px 0;
    }
}

/*flow diagram*/
#process-page #flow{
    background: #fbfbfb;
    padding: 50px 0;
    margin-bottom: 50px;
}
#process-page #flow .heading h2{
    padding: 50px 0;
    font-weight: 600;
    font-size: 28px;
}
@media (max-width: 767px) {
    #process-page #flow{
        padding: 25px 0;
        margin-bottom: 25px;
    }
    #process-page #flow .heading h2{
        padding: 25px 0;
        font-size: 22px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #process-page #flow{
        padding: 30px 0;
        margin-bottom: 30px;
    }
    #process-page #flow .heading h2{
        font-size: 24px;
        padding: 30px 0;
    }
}



/*engagement Model page*/
/*tabs*/
#engagement-model-page .tabs-btn{
    margin-top: 30px;
}
#engagement-model-page .tabs-btn li{
    margin-right: 20px;
}
#engagement-model-page .tabs-btn li button{
    min-width: 215px;
    padding: 15px 20px;
    border: 1px solid var(--theme-black);
    border-radius: 50px;
    color: var(--theme-black);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#engagement-model-page .tabs-btn li button:hover,
#engagement-model-page .tabs-btn li button.active{
    background: var(--theme-blue);
    color: #fff;
    border-color: var(--theme-blue);
}
#engagement-model-page #tabs .tab-content{
    width: 100%;
    border-radius: 10px;
    padding: 30px 30px;
    -webkit-box-shadow: 0px 3px 7px rgb(68 68 68 / 20%);
            box-shadow: 0px 3px 7px rgb(68 68 68 / 20%);
    margin-bottom: 50px;
}
#engagement-model-page #tabs .tab-content .content h2{
    color: var(--theme-blue);
    font-weight: 600;
    font-size: 32px;
}
#engagement-model-page #tabs .tab-content .content p{
    margin-top: 10px;
    font-size: 17px;
    color: #777777;
    line-height: 29px;
}
#engagement-model-page #tabs .tab-content .content ul{
    padding-left: 0;
    list-style: none;
}
#engagement-model-page #tabs .tab-content .content ul li .circle{
    height: 10px;
    width: 10px;
    background: var(--theme-blue);
    margin-right: 10px;
    border-radius: 100%;
}
#engagement-model-page #tabs .tab-content .content ul li{
    color: #222;
    font-size: 18px;
    font-weight: 500;
    line-height: 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 5px;
}
@media (max-width: 767px) {
    #engagement-model-page .tabs-btn{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 15px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    #engagement-model-page .tabs-btn li button{
        min-height: initial;
    }
    #engagement-model-page .tabs-btn li{
        margin-top: 10px;
    }
    #engagement-model-page #tabs .tab-content{
        padding: 15px;
    }
    #engagement-model-page #tabs .tab-content .content h2{
        font-size: 26px;
    }
    #engagement-model-page #tabs .tab-content .content p{
        font-size: 14px;
    }
    #engagement-model-page #tabs .tab-content .content ul li{
        font-size: 14px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #engagement-model-page .tabs-btn{
        margin-top: 20px;
    }
    #engagement-model-page .tabs-btn li{
        margin-right: 10px;
    }
    #engagement-model-page .tabs-btn li button{
        min-width: 190px;
    }
    #engagement-model-page #tabs .tab-content{
        padding: 20px;
    }
    #engagement-model-page #tabs .tab-content .content h2{
        font-size: 28px;
    }
    #engagement-model-page #tabs .tab-content .content p{
        font-size: 14px;
        line-height: 22px;
    }
    #engagement-model-page #tabs .tab-content .content ul li{
        font-size: 14px;
    }
}


/*benefits*/
#engagement-model-page #benefits{
    padding: 50px 0;
    background: #fcfcfc;
}
#engagement-model-page #benefits .content h2{
    font-size: 32px;
    font-weight: 600;
}
#engagement-model-page #benefits .content p{
    margin-top: 10px;
    font-size: 16px;
    color: #777777;
    line-height: 28px;
    margin-bottom: 40px;
    margin-left: auto;
}
#engagement-model-page #benefits .content ul{
    padding-left: 0;
    list-style: none;
    width: 100%;
}
#engagement-model-page #benefits .content h6 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
}
#engagement-model-page #benefits .content h6 .circle{
    height: 10px;
    width: 10px;
    margin-right: 10px;
    background: var(--theme-blue);
    border-radius: 100%;
}
@media (max-width: 767px) {
    #engagement-model-page #benefits{
        padding: 25px 0;
    }
    #engagement-model-page #benefits .content h2{
        font-size: 24px;
    }
    #engagement-model-page #benefits .content p{
        font-size: 13px;
        line-height: 22px;
    }
    #engagement-model-page #benefits .content h6{
        font-size: 12px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #engagement-model-page #benefits{
        padding: 30px 0;
    }
    #engagement-model-page #benefits .content h2{
        font-size: 28px;
    }
    #engagement-model-page #benefits .content p{
        font-size: 14px;
    }
    #engagement-model-page #benefits .content h6{
        font-size: 14px;
    }
}


/*pricing table*/
#engagement-model-page #pricing-table{
    padding: 50px 0;
}
#engagement-model-page #pricing-table .heading h2{
    font-size: 32px;
    font-weight: 600;
    text-align: center;
}
#engagement-model-page #pricing-table .body .main{
    margin-top: 50px;
}
#engagement-model-page #pricing-table .body .main ul{
    list-style: none;
    padding-left: 0;
}
#engagement-model-page #pricing-table .body .main ul li h3{
    height: 185px;
}
#engagement-model-page #pricing-table .body .main ul li{
    padding: 25px 0;
    font-size: 19px;
    font-weight: 500;
}
#engagement-model-page #pricing-table .body .main ul li:first-child{
    padding: 0;
}
#engagement-model-page #pricing-table .body .main .center.orange ul{
    border: 1px solid #e47346;
}
#engagement-model-page #pricing-table .body .main .center.blue ul{
    border: 1px solid #1f78ae;
}
#engagement-model-page #pricing-table .body .main .center.pink ul{
    border: 1px solid #ec6b75;   
}
#engagement-model-page #pricing-table .body .main .center ul{
    border-radius: 8px;
    padding: 0;
}
#engagement-model-page #pricing-table .body .main .center.blue ul li h3{
    background: #1f78ae;
}
#engagement-model-page #pricing-table .body .main .center.orange ul li h3{
    background: #e47346;
}
#engagement-model-page #pricing-table .body .main .center.pink ul li h3{
    background: #ec6b75;
}
#engagement-model-page #pricing-table .body .main .center ul li h3 span{
    margin-top: 10px;
    color: #fff;
    font-size: 22px;
}
#engagement-model-page #pricing-table .body .main .center ul li{
    text-align: center;
}
#engagement-model-page #pricing-table .body .main .left ul{
    padding-right: 60px;
    margin-bottom: 0;
}
#engagement-model-page #pricing-table .body .main .left ul li{
    text-align: right;
}
#engagement-model-page #pricing-table .body .main .center ul li{
    position: relative;
}
#engagement-model-page #pricing-table .body .main .center ul li:before{
    content: '';
    position: absolute;
    height: 2px;
    width: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 0;
}
#engagement-model-page #pricing-table .body .main .center.orange ul li:before{
    background: #e47346;
}
#engagement-model-page #pricing-table .body .main .center.blue ul li:before{
    background: #1f78ae;
}
#engagement-model-page #pricing-table .body .main .center.pink ul li:before{
    background: #ec6b75;
}
#engagement-model-page #pricing-table .body .main .center ul li:last-child:before{
    display: none;
}
@media (max-width: 767px) {
    #engagement-model-page #pricing-table .body .main .left{
        display: none;
    }
    #engagement-model-page #pricing-table .heading h2{
        font-size: 26px;
    }
    #engagement-model-page #pricing-table{
        padding: 25px 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #engagement-model-page #pricing-table .heading h2{
        font-size: 28px;
    }
    #engagement-model-page #pricing-table{
        padding: 30px 0;
    }
    #engagement-model-page #pricing-table .body .main ul li{
        font-size: 16px;
    }
    #engagement-model-page #pricing-table .body .main .left ul{
        padding-right: 0;
    }
    #engagement-model-page #pricing-table .body .main .center ul li h3 span{
        font-size: 14px;
    }
    #engagement-model-page #pricing-table .body .main ul li h3{
        height: 150px;
    }
    #engagement-model-page #pricing-table .body .main ul li h3 img{
        max-width: 100%;
    }
}



/*terms of service page*/
#terms-page #main {
    padding: 20px 0;
}
#terms-page #main .heading{
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 10px;
}
#terms-page #main p{
    font-size: 17px;
    margin-top: 10px;
}
#terms-page #main ul{
    padding-left: 20px;
}
#terms-page #main ul li{
    margin-top: 5px;
    font-size: 17px;
}

/*policy*/
#policy-page #main {
    padding: 20px 0;
}
#policy-page #main .heading{
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 10px;
}
#policy-page #main p{
    font-size: 17px;
    margin-top: 10px;
}
#policy-page #main ul{
    padding-left: 20px;
}
#policy-page #main ul li{
    margin-top: 5px;
    font-size: 17px;
}


/*sitemap*/
#sitemap-page #main{
    padding-bottom: 20px;
}
#sitemap-page #main h2{
    font-weight: 600;
    font-size: 32px;
    margin-top: 20px;
}
#sitemap-page #main ul{
    list-style: none;
    padding-left: 20px;
}
#sitemap-page #main ul li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 10px;
}
#sitemap-page #main ul li a{
    color: var(--theme-black);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#sitemap-page #main ul li a:hover{
    color: var(--theme-blue);
}
#sitemap-page #main ul li .circle{
    height: 6px;
    width: 6px;
    background: var(--theme-blue);
    border-radius: 100%;
    margin-right: 10px;
}
@media (max-width: 767px) {
    #sitemap-page #main h2{
        font-size: 26px;
        margin-top: 10px;
    }
    #sitemap-page #main ul{
        padding-left: 10px;
    }
    #sitemap-page #main ul li a{
        font-size: 13px;
    }
}



/*career pagees*/
#career-pages .requirment{
    margin-top: 30px;
}
#career-pages .requirment .item{
    /*border-right: 4px dotted #ccc;*/
    border-radius: 20px;
    padding: 30px 0;
    width: 100%;
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
            box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
}
#career-pages .requirment .col-lg-4:nth-child(2) .item{
    margin: 0 30px;
}
@media (min-width: 991px) {
    #career-pages .requirment .col-lg-4{
        padding: 0;
    }
}
/*#career-pages .requirment .col-lg-3:last-child .item{
    box-shadow: none;
}*/
#career-pages .requirment .item i{
    color: var(--theme-blue);
    font-size: 50px;
}
#career-pages .requirment .item h5{
    color: var(--theme-black);
    opacity: 0.6;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 0;
}
#career-pages .requirment .item h6{
    font-size: 22px;
    margin-top: 10px;
}
#career-pages .requirment .item .btn{
    background: var(--theme-blue);
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#career-pages .requirment .item .btn:hover{
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
}
#career-pages #main .main-inner{
    background: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
            box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    margin-bottom: 40px;
    padding: 30px 50px;
    border-radius: 20px;
}
#career-pages #main .main-inner h6{
    font-size: 18px;
    margin-bottom: 20px;
}
#career-pages #main .main-inner h6 span{
    color: var(--theme-blue);
    padding-right: 10px;
}
#career-pages #main .main-inner ul{
    padding-left: 0;
    list-style: none;
}
#career-pages #main .main-inner ul li{
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 18px;
}
#career-pages #main .main-inner ul li .circle{
    height: 7px;
    width: 7px;
    background: var(--theme-blue);
    border-radius: 100%;
    margin-right: 10px;
}
#career-pages #main .main-inner .btn{
    background: var(--theme-blue);
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 10px;
}
#career-pages #main .main-inner .btn:hover{
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
}
@media (max-width: 767px) {
    #career-pages .requirment .col-lg-4:nth-child(2) .item{
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px !important;
    }
    #career-pages .requirment .item{
        background: #fff;
        margin-top: 20px;
    }
    #career-pages #breadcumb h2{
        font-size: 28px;
    }
    #career-pages #breadcumb p{
        font-size: 16px;
    }
    #career-pages .requirment .item h5{
        font-size: 12px;
    }
    #career-pages .requirment .item h6{
        font-size: 18px;
    }
    #career-pages #breadcumb{
        padding-bottom: 25px;
    }
    #career-pages #main .main-inner{
        padding: 30px 15px;
    }
    #career-pages #main .main-inner h6{
        font-size: 14px;
        margin-bottom: 10px;
    }
    #career-pages #main .main-inner ul li{
        font-size: 14px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #career-pages .requirment .item h5{
        font-size: 12px;
    }
    #career-pages .requirment .item h6{
        font-size: 19px;
    }
    #career-pages .requirment .col-lg-4:nth-child(2) .item{
        margin: 0;
    }
    #career-pages #main .main-inner{
        padding: 20px 40px;
    }
    #career-pages #main .main-inner h6{
        font-size: 16px;
    }
    #career-pages #main .main-inner ul li{
        font-size: 16px;
    }
    #career-pages #breadcumb{
        padding-bottom: 30px;
    }
    #career-pages #breadcumb h2{
        font-size: 43px;
    }
    #career-pages #breadcumb p{
        font-size: 16px;
    }
}


/*apply now modal*/
#apply-now-modal{
    padding: 45px;
    position: fixed;
    background: #fafafa;
    z-index: 999;
    top: 50%;
    left: 50%;
    max-width: 500px;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    transition: ease 0.3s;
}
#apply-now-modal.open{
    opacity: 1;
    visibility: visible;
}
#apply-now-modal h2{
    font-size: 18px;
    color: var(--theme-black);
}
#apply-now-modal form{
    margin-top: 20px;
}
#apply-now-modal form .form-group{
    margin-top: 20px;
}
#apply-now-modal form .form-group .form-control{
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-radius: 0;
    border-bottom: 1px solid #e5e5e5;
    background: transparent;
    padding: 10px 0;
    font-size: 16px;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#apply-now-modal form .form-group .form-control:focus{
    border-bottom-color: var(--theme-blue);
}
#apply-now-modal form .form-group .form-control::-webkit-input-placeholder{
    color: #999;
}
#apply-now-modal form .form-group .form-control::-moz-placeholder{
    color: #999;
}
#apply-now-modal form .form-group .form-control:-ms-input-placeholder{
    color: #999;
}
#apply-now-modal form .form-group .form-control::-ms-input-placeholder{
    color: #999;
}
#apply-now-modal form .form-group .form-control::placeholder{
    color: #999;
}
#apply-now-modal form .form-group #phone.form-control{
    padding: 10px 40px;
}
#apply-now-modal form .form-group .iti__selected-flag{
    padding-left: 0;
}
#apply-now-modal form .form-group.file label{
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}
#apply-now-modal form .form-group.file label i{
    margin-right: 10px;
}
#apply-now-modal form .form-group.file label span{
    font-size: 16px;
}
#apply-now-modal form .form-group button{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    background: var(--theme-blue);
    color: #fff;
    width: 100%;
    padding: 10px 20px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#apply-now-modal .close{
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 18px;
    cursor: pointer;
}
#apply-now-modal form .form-group .arrow{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
}
@media (max-width: 767px) {
    #apply-now-modal{
        max-width: initial;
        width: 95%;
        padding: 25px;
        opacity: 0;
    }
}




/*services pages*/
/*faq*/
#faq{
    padding: 60px 0;
    background: #fbfbfb;
}
#faq .heading h2{
    font-weight: 600;
    font-size: 32px;
}
#faq .heading p{
    font-size: 16px;
    color: #777;
    margin-bottom: 40px;
}
#faq .accordion-button:focus{
    -webkit-box-shadow: none;
            box-shadow: none;
}
#faq .accordion-button{
    background: transparent !important;
    font-size: 17px;
}
#faq .accordion-item{
    background: transparent !important;
}
#faq .accordion-button:not(.collapsed){
    background: transparent !important;
    color: var(--theme-blue) !important;
}
#faq #accordionFlushExample{
    max-width: 750px;
    margin: auto;
}
#faq .accordion-body{
    color: #8c8c8c;
    font-weight: 300;
    font-size: 15px;
}
/*mobile app*/
/*#mobile-app-page #breadcumb .content h2{
    font-size: 36px;
}
#mobile-app-page #breadcumb .content p{
    font-size: 18px;
}
@media (max-width: 767px) {
    #mobile-app-page #breadcumb .content h2{
        font-size: 26px;
    }
    #mobile-app-page #breadcumb .content p{
        font-size: 14px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #mobile-app-page #breadcumb .content h2{
        font-size: 32px;
    }
    #mobile-app-page #breadcumb .content p{
        font-size: 16px;
    }
}*/
#mobile-app-page #breadcumb{
    padding-bottom: 120px;
}

/*about*/
#mobile-app-page #about{
    position: relative;
    padding-bottom: 100px;
}
#mobile-app-page #about:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 559px;
    left: 0;
    background: url('../images/t-shape-2.png');
    background-repeat: no-repeat;
    z-index: -1;
}
#mobile-app-page #about .content h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
}
#mobile-app-page #about .content p{
    line-height: 1.7;
    color: #989696;
    font-size: 17px;
    margin-top: 20px;
}
#mobile-app-page #about .content .btn{
    position: relative;
    background-color: var(--theme-blue);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 50px;
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    border-radius: 32px;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#mobile-app-page #about .content .btn:before{
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 32px;
    width: 75px;
    background: rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#mobile-app-page #about .content .btn:hover{
    border-color: var(--theme-black);
}
#mobile-app-page #about .content .btn:hover:before{
    width: 100%;
    background: var(--theme-black);
}
@media (max-width: 767px) {
    #mobile-app-page #about img{
        max-width: 100%;
    }
    #mobile-app-page #about .content h2{
        font-size: 30px;
    }
    #mobile-app-page #about .content p{
        font-size: 15px;
    }
    #mobile-app-page #about{
        padding-bottom: 100px;
    }
    #mobile-app-page #about:before{
        top: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #mobile-app-page #about:before{
        background: url('../images/about-bg-md.png');
        background-repeat: no-repeat;
    }
    #mobile-app-page #about .content h2{
        font-size: 25px;
    }
    #mobile-app-page #about .content p{
        font-size: 15px;
    }
    #mobile-app-page #about img{
        max-width: 100%;
    }
}

/*technology-use*/
#mobile-app-page #technology-use{
    padding: 40px 0;
}
#mobile-app-page #technology-use h2{
    margin-bottom: 20px;
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
    text-align: center;
}
#mobile-app-page #technology-use .icons{
    margin-top: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#mobile-app-page #technology-use .icons .item{
    margin: 0 40px;
}
#mobile-app-page #technology-use .icons .item h6{
    margin-top: 20px;
    font-size: 16px;
    line-height: 28px;
    color: #343434;
}
@media (max-width: 767px) {
    #mobile-app-page #technology-use h2{
        font-size: 22px;
    }
    #mobile-app-page #technology-use .icons{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-top: 0;
    }
    #mobile-app-page #technology-use .icons .item{
        margin: 10px 20px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #mobile-app-page #technology-use h2{
        font-size: 28px;
    }
    #mobile-app-page #technology-use .icons .item{
        margin: 0 30px;
    }
    #mobile-app-page #technology-use .icons .item h6{
        font-size: 12px;
        margin-top: 10px;
    }
}

/*why*/
#mobile-app-page #why{
    position: relative;
    padding-bottom: 100px;
    overflow-x: hidden;
}
#mobile-app-page #why .content h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
}
#mobile-app-page #why .content p{
    line-height: 1.7;
    color: #989696;
    font-size: 17px;
    margin-top: 20px;
}
#mobile-app-page #why .content ul{
    padding-left: 0;
    list-style: none;
}
#mobile-app-page #why .content ul li .circle{
    height: 10px;
    width: 10px;
    background: var(--theme-blue);
    border-radius: 100%;
    margin-right: 10px;
}
#mobile-app-page #why .content ul li{
    font-size: 16px;
    color: #4C5A67;
    margin-bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#mobile-app-page #why .content ul li span{
    font-weight: 600;
}
@media (max-width: 767px) {
    #mobile-app-page #why img{
        max-width: 100%;
        display: none;
    }
    #mobile-app-page #why .content h2{
        font-size: 25px;
    }
    #mobile-app-page #why .content p{
        font-size: 15px;
    }
    #mobile-app-page #why{
        padding-bottom: 100px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #mobile-app-page #why .content h2{
        font-size: 25px;
    }
    #mobile-app-page #why .content p{
        font-size: 15px;
    }
    #mobile-app-page #why img{
        max-width: 100%;
    }
}


/*process*/
#mobile-app-page #process{
    padding: 50px 0;
    position: relative;
}
#mobile-app-page #process:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    background: url('../images/bg-3.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    z-index: -1;
}
#mobile-app-page #process .heading h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
    text-align: center;
}
#mobile-app-page #process  .body .item{
    margin-top: 40px;
    border: 1px solid #e5e5e5;
    padding: 60px 50px;
    min-height: 415px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}
#mobile-app-page #process  .body .item:hover{
    -webkit-box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
            box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
    border-color: #fff;
    background: #fff;
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
}
#mobile-app-page #process  .body .item img{
    max-width: 100px;
}
#mobile-app-page #process  .body .item h2{
    font-size: 24px;
    font-weight: 600;
    margin: 20px 0;
}
#mobile-app-page #process  .body .item p{
    font-size: 16px;
    line-height: 1.7;
    color: #6f6f6f;
}
@media (max-width: 767px) {
    #mobile-app-page #process .heading h2{
        font-size: 25px;
    }
    #mobile-app-page #process .body .item{
        margin-top: 30px;
        min-height: initial;
    }
    #mobile-app-page #process .body .item h2{
        font-size: 18px;
    }
    #mobile-app-page #process .body .item p{
        font-size: 14px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #mobile-app-page #process .heading h2{
        font-size: 25px;
    }
    #mobile-app-page #process .body .item h2{
        font-size: 20px;
    }
    #mobile-app-page #process .body .item p{
        font-size: 14px;
    }
}


/*img*/
#mobile-app-page #img{
    margin: 30px 0;
    padding: 50px 0;
    background: #f5f8ff;
}


/*why do client opt out for android*/
#mobile-app-page #why-2{
    padding: 50px 0;
    position: relative;
}
#mobile-app-page #why-2 .heading h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
    text-align: center;
}
#mobile-app-page #why-2  .body .item{
    margin-top: 40px;
    border: 1px solid #e5e5e5;
    padding: 60px 50px;
    min-height: 415px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}
#mobile-app-page #why-2  .body .item:hover{
    -webkit-box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
            box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
    border-color: #fff;
    background: #fff;
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
}
#mobile-app-page #why-2  .body .item img{
    max-width: 100px;
}
#mobile-app-page #why-2  .body .item h2{
    font-size: 24px;
    font-weight: 600;
    margin: 20px 0;
}
#mobile-app-page #why-2  .body .item p{
    font-size: 16px;
    line-height: 1.7;
    color: #6f6f6f;
}
@media (max-width: 767px) {
    #mobile-app-page #why-2 .heading h2{
        font-size: 25px;
    }
    #mobile-app-page #why-2 .body .item{
        margin-top: 30px;
        min-height: initial;
    }
    #mobile-app-page #why-2 .body .item h2{
        font-size: 18px;
    }
    #mobile-app-page #why-2 .body .item p{
        font-size: 14px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #mobile-app-page #why-2 .heading h2{
        font-size: 25px;
    }
    #mobile-app-page #why-2 .body .item h2{
        font-size: 20px;
    }
    #mobile-app-page #why-2 .body .item p{
        font-size: 14px;
    }
}


/*industry*/
#mobile-app-page #industry{
    padding: 60px 0;
}
#mobile-app-page #industry .heading h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
}
#mobile-app-page #industry .body{
    margin-top: 20px;
}
#mobile-app-page #industry .body .main{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#mobile-app-page #industry .body .item{
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 17%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 30px;
    -webkit-box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
            box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
    background: #fff;
    border-radius: 12px;
}
#mobile-app-page #industry .body .item img{
    max-width: 35px;
}
#mobile-app-page #industry .body .item h6{
    font-size: 18px;
    color: var(--theme-black);
    margin-top: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
    #mobile-app-page #industry .heading h2{
        font-size: 25px;
    }
    #mobile-app-page #industry{
        padding: 30px 0;
    }
    #mobile-app-page #industry .body .item{
        width: 26%;
    }
    #mobile-app-page #industry .body .item h6{
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    #mobile-app-page #industry .body .item{
        width: 48%;
    }
    #mobile-app-page #industry{
        padding: 30px 0;
    }
    #mobile-app-page #industry .heading h2{
        font-size: 25px;
    }
    #mobile-app-page #industry .body .item h6{
        font-size: 14px;
        text-align: center;
    }
    #mobile-app-page #industry .body .item img{
        max-width: 45px;
    }
}

/*web development page*/
#web-development-page #breadcumb{
    padding-bottom: 120px;
}

/*about*/
#web-development-page #about{
    position: relative;
    padding-bottom: 100px;
}
#web-development-page #about:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 547px;
    left: 0;
    background: url('../images/t-shape-2.png');
    background-repeat: no-repeat;
    z-index: -1;
}
#web-development-page #about .content h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
}
#web-development-page #about .content p{
    line-height: 1.7;
    color: #989696;
    font-size: 17px;
    margin-top: 20px;
}
#web-development-page #about .content .btn{
    position: relative;
    background-color: var(--theme-blue);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 50px;
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    border-radius: 32px;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#web-development-page #about .content .btn:before{
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 32px;
    width: 75px;
    background: rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#web-development-page #about .content .btn:hover{
    border-color: var(--theme-black);
}
#web-development-page #about .content .btn:hover:before{
    width: 100%;
    background: var(--theme-black);
}
@media (max-width: 767px) {
    #web-development-page #about img{
        max-width: 100%;
    }
    #web-development-page #about .content h2{
        font-size: 30px;
    }
    #web-development-page #about .content p{
        font-size: 15px;
    }
    #web-development-page #about{
        padding-bottom: 100px;
    }
    #web-development-page #about:before{
        top: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #web-development-page #about:before{
        background: url('../images/about-bg-md.png');
        background-repeat: no-repeat;
    }
    #web-development-page #about .content h2{
        font-size: 25px;
    }
    #web-development-page #about .content p{
        font-size: 15px;
    }
    #web-development-page #about img{
        max-width: 100%;
    }
}

/*what*/
#web-development-page #what{
    position: relative;
    padding-bottom: 100px;
    overflow-x: hidden;
}
#web-development-page #what .content h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
}
#web-development-page #what .content p{
    line-height: 1.7;
    color: #989696;
    font-size: 17px;
    margin-top: 20px;
}
#web-development-page #what .content ul{
    padding-left: 0;
    list-style: none;
}
#web-development-page #what .content ul li .circle{
    height: 10px;
    width: 10px;
    background: var(--theme-blue);
    border-radius: 100%;
    margin-right: 10px;
}
#web-development-page #what .content ul li{
    font-size: 16px;
    color: #4C5A67;
    margin-bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#web-development-page #what .content ul li span{
    font-weight: 600;
}
@media (max-width: 767px) {
    #web-development-page #what img{
        max-width: 100%;
        display: none;
    }
    #web-development-page #what .content h2{
        font-size: 25px;
    }
    #web-development-page #what .content p{
        font-size: 15px;
    }
    #web-development-page #what{
        padding-bottom: 100px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #web-development-page #what .content h2{
        font-size: 25px;
    }
    #web-development-page #what .content p{
        font-size: 15px;
    }
    #web-development-page #what img{
        max-width: 100%;
    }
}

/*process*/
#web-development-page #process{
    padding: 50px 0;
    position: relative;
}
#web-development-page #process:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    background: url('../images/bg-3.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    z-index: -1;
}
#web-development-page #process .heading h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
    text-align: center;
}
#web-development-page #process  .body .item{
    margin-top: 40px;
    border: 1px solid #e5e5e5;
    padding: 60px 50px;
    min-height: 415px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}
#web-development-page #process  .body .item:hover{
    -webkit-box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
            box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
    border-color: #fff;
    background: #fff;
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
}
#web-development-page #process  .body .item img{
    max-width: 100px;
}
#web-development-page #process  .body .item h2{
    font-size: 24px;
    font-weight: 600;
    margin: 20px 0;
}
#web-development-page #process  .body .item p{
    font-size: 16px;
    line-height: 1.7;
    color: #6f6f6f;
}
@media (max-width: 767px) {
    #web-development-page #process .heading h2{
        font-size: 25px;
    }
    #web-development-page #process .body .item{
        margin-top: 30px;
        min-height: initial;
    }
    #web-development-page #process .body .item h2{
        font-size: 18px;
    }
    #web-development-page #process .body .item p{
        font-size: 14px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #web-development-page #process .heading h2{
        font-size: 25px;
    }
    #web-development-page #process .body .item h2{
        font-size: 20px;
    }
    #web-development-page #process .body .item p{
        font-size: 14px;
    }
}

/*img*/
#web-development-page #img{
    margin: 30px 0;
    padding: 50px 0;
    background: #f5f8ff;
}

/*services*/
#web-development-page #services{
    padding: 50px 0;
    position: relative;
}
#web-development-page #services .heading h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
    text-align: center;
}
#web-development-page #services  .body .item{
    margin-top: 40px;
    border: 1px solid #e5e5e5;
    padding: 20px 20px;
    /*min-height: 415px;*/
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}
#web-development-page #services  .body .item:hover{
    -webkit-box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
            box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
    border-color: #fff;
    background: #fff;
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
}
#web-development-page #services  .body .item img{
    max-width: 100px;
}
#web-development-page #services  .body .item h2{
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0;
}
#web-development-page #services  .body .item p{
    font-size: 16px;
    line-height: 1.7;
    color: #6f6f6f;
}
@media (max-width: 767px) {
    #web-development-page #services .heading h2{
        font-size: 25px;
    }
    #web-development-page #services .body .item{
        margin-top: 30px;
        min-height: initial;
    }
    #web-development-page #services .body .item h2{
        font-size: 14px;
    }
    #web-development-page #services .body .item p{
        font-size: 14px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #web-development-page #services .heading h2{
        font-size: 25px;
    }
    #web-development-page #services .body .item h2{
        font-size: 16px;
    }
    #web-development-page #services .body .item p{
        font-size: 14px;
    }
}

/*technology*/
#web-development-page #technologies{
    padding: 40px 0;
    background-size: cover;
    position: relative;
}
#web-development-page #technologies .heading h4{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
    text-align: center;
}
#web-development-page #technologies .body{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}
#web-development-page #technologies .body .content{
    width: 100%;
    margin-top: 20px;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
#web-development-page #technologies .body .content .tabs{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#web-development-page #technologies .body .content .tabs .tablinks{
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 18px;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: #fff;
    border-bottom: 1px solid #b4b2c5;
    padding: 0 30px;
}
#web-development-page #technologies .body .content .tabs .tablinks.active{
    border-color: var(--theme-blue);
}
#web-development-page #technologies .body .content .tabs .tablinks.active p{
    opacity: 1;
    color: var(--theme-blue);
}
#web-development-page #technologies .body .content .tablinks p{
    opacity: 0.6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 2;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    margin: 0;
    font-weight: 600;
    padding: 5px 10px;
    color: var(--theme-black);
}
#web-development-page #technologies .body .content .wrapper_tabcontent{
    background-color: white;
    margin-top: 0px;
    position: relative;
    opacity: 1;
    padding: 30px 0;
    overflow: hidden;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    top: 0;
}
#web-development-page #technologies .body .content .wrapper_tabcontent .tabcontent{
    display: none;
    min-height: 180px;
}
@-webkit-keyframes tabEffect {
    from {
        top: -40px;
    }
    to {
        top: 0px;
    }
}
@keyframes tabEffect {
    from {
        top: -40px;
    }
    to {
        top: 0px;
    }
}
#web-development-page #technologies .body .content .wrapper_tabcontent .tabcontent.active{
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    display: block;
}
@-webkit-keyframes city {
    from {
        left: -150px;
    }
    to {
        left: -90px;
    }
}
@keyframes city {
    from {
        left: -150px;
    }
    to {
        left: -90px;
    }
}
#web-development-page #technologies .body .content .wrapper_tabcontent .tabcontent{
    color: #686868;
    margin: 0;
    padding: 0;
    line-height: 28px;
    font-weight: 100;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-animation: fadeEffect 0.6s ease;
            animation: fadeEffect 0.6s ease;
    width: 100%;
    font-size: 16px;
}
#web-development-page #technologies .body .content .wrapper_tabcontent .tabcontent ul{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    list-style: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#web-development-page #technologies .body .content .wrapper_tabcontent .tabcontent ul li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 10px;
}
#web-development-page #technologies .body .content .wrapper_tabcontent .tabcontent p{
    color: #000;
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 500;
}
#web-development-page #technologies .body .content .wrapper_tabcontent .tabcontent img{
    width: 70px;
    height: 94px;
}
#web-development-page #technologies .body .content .wrapper_tabcontent .tabcontent a{
    -webkit-box-shadow: 7px 7px 40px 0 rgb(206 212 224 / 18%);
            box-shadow: 7px 7px 40px 0 rgb(206 212 224 / 18%);
    padding: 20px 0;
    border-radius: 12px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border: 1px solid #fff;
}
#web-development-page #technologies .body .content .wrapper_tabcontent .tabcontent a:hover{
    border-color: #130f49;
}
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
        margin-left: 30px;
    }
    to {
        opacity: 1;
        margin-left: 0;
    }
}
@keyframes fadeEffect {
    from {
        opacity: 0;
        margin-left: 30px;
    }
    to {
        opacity: 1;
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    #web-development-page #technologies .body .content .tablinks p{
        font-size: 10px;
    }
    #web-development-page #technologies .body .content .tabs .tablinks,
    #web-development-page #technologies .body .content .tabs{
        height: 40px;
    }
    #web-development-page #technologies{
        padding: 50px 0;
    }
    #web-development-page #technologies .body .content .wrapper_tabcontent{
        padding: 15px 0;
    }
    #web-development-page #technologies{
        padding: 0 0;
        margin-top: 40px;
    }
    #web-development-page #technologies .heading h4{
        font-size: 26px;
    }
    #web-development-page #technologies .body .content{
        margin-top: 10px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #web-development-page #technologies{
        padding: 70px 0;
    }
    #web-development-page #technologies .body .content .wrapper_tabcontent{
        padding: 20px 0;
    }
    #web-development-page #technologies .body .content .tabs .tablinks,
    #web-development-page #technologies .body .content .tabs{
        height: 60px;
    }
    #web-development-page #technologies .heading h4{
        font-size: 28px;
    }
}


/*digital marketing*/
#digital-marketing-page #breadcumb{
    padding-bottom: 120px;
}
/*about*/
#digital-marketing-page #about{
    position: relative;
    padding-bottom: 100px;
}
#digital-marketing-page #about:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 490px;
    left: 0;
    background: url('../images/t-shape-2.png');
    background-repeat: no-repeat;
    z-index: -1;
}
#digital-marketing-page #about .content h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
}
#digital-marketing-page #about .content p{
    line-height: 1.7;
    color: #989696;
    font-size: 17px;
    margin-top: 20px;
}
#digital-marketing-page #about .content .btn{
    position: relative;
    background-color: var(--theme-blue);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 50px;
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    border-radius: 32px;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#digital-marketing-page #about .content .btn:before{
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 32px;
    width: 75px;
    background: rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#digital-marketing-page #about .content .btn:hover{
    border-color: var(--theme-black);
}
#digital-marketing-page #about .content .btn:hover:before{
    width: 100%;
    background: var(--theme-black);
}
@media (max-width: 767px) {
    #digital-marketing-page #about img{
        max-width: 100%;
    }
    #digital-marketing-page #about .content h2{
        font-size: 30px;
    }
    #digital-marketing-page #about .content p{
        font-size: 15px;
    }
    #digital-marketing-page #about{
        padding-bottom: 100px;
    }
    #digital-marketing-page #about:before{
        top: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #digital-marketing-page #about:before{
        background: url('../images/about-bg-md.png');
        background-repeat: no-repeat;
    }
    #digital-marketing-page #about .content h2{
        font-size: 25px;
    }
    #digital-marketing-page #about .content p{
        font-size: 15px;
    }
    #digital-marketing-page #about img{
        max-width: 100%;
    }
}



/*benefits*/
#digital-marketing-page #benefits{
    position: relative;
    padding-bottom: 100px;
    overflow-x: hidden;
}
#digital-marketing-page #benefits .content h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
}
#digital-marketing-page #benefits .content p{
    line-height: 1.7;
    color: #989696;
    font-size: 17px;
    margin-top: 20px;
}
#digital-marketing-page #benefits .content ul{
    padding-left: 0;
    list-style: none;
}
#digital-marketing-page #benefits .content ul li .circle{
    height: 10px;
    width: 10px;
    background: var(--theme-blue);
    border-radius: 100%;
    margin-right: 10px;
}
#digital-marketing-page #benefits .content ul li{
    font-size: 16px;
    color: #4C5A67;
    margin-bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#digital-marketing-page #benefits .content ul li span{
    font-weight: 600;
}
@media (max-width: 767px) {
    #digital-marketing-page #benefits img{
        max-width: 100%;
        display: none;
    }
    #digital-marketing-page #benefits .content h2{
        font-size: 25px;
    }
    #digital-marketing-page #benefits .content p{
        font-size: 15px;
    }
    #digital-marketing-page #benefits{
        padding-bottom: 100px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #digital-marketing-page #benefits .content h2{
        font-size: 25px;
    }
    #digital-marketing-page #benefits .content p{
        font-size: 15px;
    }
    #digital-marketing-page #benefits img{
        max-width: 100%;
    }
}


/*services*/
#digital-marketing-page #services{
    padding: 50px 0;
    position: relative;
}
#digital-marketing-page #services .heading h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
    text-align: center;
}
#digital-marketing-page #services  .body .item{
    margin-top: 40px;
    border: 1px solid #e5e5e5;
    padding: 20px 20px;
    /*min-height: 415px;*/
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}
#digital-marketing-page #services  .body .item:hover{
    -webkit-box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
            box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
    border-color: #fff;
    background: #fff;
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
}
#digital-marketing-page #services  .body .item img{
    max-width: 100px;
}
#digital-marketing-page #services  .body .item h2{
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0;
}
#digital-marketing-page #services  .body .item p{
    font-size: 16px;
    line-height: 1.7;
    color: #6f6f6f;
}
@media (max-width: 767px) {
    #digital-marketing-page #services .heading h2{
        font-size: 25px;
    }
    #digital-marketing-page #services .body .item{
        margin-top: 30px;
        min-height: initial;
    }
    #digital-marketing-page #services .body .item h2{
        font-size: 14px;
    }
    #digital-marketing-page #services .body .item p{
        font-size: 14px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #digital-marketing-page #services .heading h2{
        font-size: 25px;
    }
    #digital-marketing-page #services .body .item h2{
        font-size: 16px;
    }
    #digital-marketing-page #services .body .item p{
        font-size: 14px;
    }
}


/*why*/
#digital-marketing-page #why-2{
    padding: 50px 0;
    position: relative;
}
#digital-marketing-page #why-2 .heading h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
    text-align: center;
}
#digital-marketing-page #why-2  .body h6{
    color: #777;
    font-size: 16px;
    margin-top: 10px;
}
#digital-marketing-page #why-2  .body .item{
    margin-top: 40px;
    border: 1px solid #e5e5e5;
    padding: 60px 50px;
    min-height: 415px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    /*display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;*/
}
#digital-marketing-page #why-2  .body .item:hover{
    -webkit-box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
            box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
    border-color: #fff;
    background: #fff;
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
}
#digital-marketing-page #why-2  .body .item img{
    max-width: 100px;
}
#digital-marketing-page #why-2  .body .item h2{
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
}
#digital-marketing-page #why-2  .body .item ul{
    list-style: none;
    padding-left: 0;
}
#digital-marketing-page #why-2  .body .item ul li{
    margin-top: 30px;
    color: #4c4c4c;
    font-size: 16px;
    position: relative;
    padding-left: 20px;
}
#digital-marketing-page #why-2  .body .item ul li .square{
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background: var(--theme-blue);
    left: 0;
    top: 10px;
}
@media (max-width: 767px) {
    #digital-marketing-page #why-2 .heading h2{
        font-size: 25px;
    }
    #digital-marketing-page #why-2 .heading h2 br{
        display: none;
    }
    #digital-marketing-page #why-2 .body .item{
        margin-top: 30px;
        min-height: initial;
        padding: 20px 20px;
    }
    #digital-marketing-page #why-2 .body .item h2{
        font-size: 16px;
    }
    #digital-marketing-page #why-2 .body .item ul li{
        font-size: 13px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #digital-marketing-page #why-2 .heading h2{
        font-size: 25px;
    }
    #digital-marketing-page #why-2 .body .item h2{
        font-size: 18px;
    }
    #digital-marketing-page #why-2 .body h6{
        font-size: 14px;
    }
    #digital-marketing-page #why-2 .body .item{
        /*min-height: 715px;*/
        padding: 30px 25px;
    }
    #digital-marketing-page #why-2 .body .item ul li{
        margin-top: 20px;
        font-size: 14px;
    }
}


/*devops*/
#devops-page #breadcumb{
    padding-bottom: 120px;
}

/*about*/
#devops-page #about{
    position: relative;
    padding-bottom: 100px;
}
#devops-page #about:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 425px;
    left: 0;
    background: url('../images/t-shape-2.png');
    background-repeat: no-repeat;
    z-index: -1;
}
#devops-page #about .content h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
}
#devops-page #about .content p{
    line-height: 1.7;
    color: #989696;
    font-size: 17px;
    margin-top: 20px;
}
#devops-page #about .content .btn{
    position: relative;
    background-color: var(--theme-blue);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 50px;
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    border-radius: 32px;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#devops-page #about .content .btn:before{
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 32px;
    width: 75px;
    background: rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#devops-page #about .content .btn:hover{
    border-color: var(--theme-black);
}
#devops-page #about .content .btn:hover:before{
    width: 100%;
    background: var(--theme-black);
}
@media (max-width: 767px) {
    #devops-page #about img{
        max-width: 100%;
    }
    #devops-page #about .content h2{
        font-size: 30px;
    }
    #devops-page #about .content p{
        font-size: 15px;
    }
    #devops-page #about{
        padding-bottom: 100px;
    }
    #devops-page #about:before{
        top: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #devops-page #about:before{
        background: url('../images/about-bg-md.png');
        background-repeat: no-repeat;
    }
    #devops-page #about .content h2{
        font-size: 25px;
    }
    #devops-page #about .content p{
        font-size: 15px;
    }
    #devops-page #about img{
        max-width: 100%;
    }
}

/*services*/ 
#devops-page #services{
    padding: 50px 0;
    position: relative;
}
#devops-page #services .heading h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
    text-align: center;
}
#devops-page #services  .body .item{
    margin-top: 40px;
    border: 1px solid #e5e5e5;
    padding: 20px 20px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}
#devops-page #services  .body .item:hover{
    -webkit-box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
            box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
    border-color: #fff;
    background: #fff;
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
}
#devops-page #services  .body .item img{
    max-width: 100px;
}
#devops-page #services  .body .item h2{
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0;
    line-height: 1.4;
}
@media (max-width: 767px) {
    #devops-page #services .heading h2{
        font-size: 25px;
    }
    #devops-page #services .body .item{
        margin-top: 30px;
        min-height: initial;
    }
    #devops-page #services .body .item h2{
        font-size: 14px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #devops-page #services .heading h2{
        font-size: 25px;
    }
    #devops-page #services .body .item h2{
        font-size: 16px;
    }
}


/*technology*/
#devops-page #technology-use{
    padding: 40px 0;
}
#devops-page #technology-use h2{
    margin-bottom: 20px;
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
    text-align: center;
}
#devops-page #technology-use .icons{
    margin-top: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#devops-page #technology-use .icons .item{
    margin: 0 40px;
}
#devops-page #technology-use .icons .item img{
    height: 30px;
}
#devops-page #technology-use .icons .item h6{
    margin-top: 20px;
    font-size: 16px;
    line-height: 28px;
    color: #343434;
}
@media (max-width: 991px) {
    #devops-page #technology-use h2{
        font-size: 22px;
    }
    #devops-page #technology-use .icons{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-top: 0;
    }
    #devops-page #technology-use .icons .item{
        margin: 10px 20px;
    }
}

/*benefits*/
#devops-page #benefits{
    padding: 50px 0;
}
#devops-page #benefits h2{
    margin-bottom: 20px;
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
}
#devops-page #benefits p{
    margin-bottom: 20px;    
    font-size: 14px;
    color: var(--theme-black);
}
@media (max-width: 767px) {
    #devops-page #benefits h2{
        font-size: 24px;
    }
    #devops-page #benefits p{
        font-size: 12px;
    }
    #devops-page #benefits{
        padding: 25px 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #devops-page #benefits h2{
        font-size: 32px;
    }
    #devops-page #benefits p{
        font-size: 12px;
    }
}

/*expertise*/
#devops-page #expertise{
    position: relative;
    padding-bottom: 100px;
    overflow-x: hidden;
}
#devops-page #expertise .content h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
}
#devops-page #expertise .content p{
    line-height: 1.7;
    color: #989696;
    font-size: 17px;
    margin-top: 20px;
}
#devops-page #expertise .content ul{
    padding-left: 0;
    list-style: none;
}
#devops-page #expertise .content ul li .circle{
    /*margin-right: 10px;*/
    position: relative;
}
#devops-page #expertise .content ul li .circle:before{
    content: '';
    height: 10px;
    width: 10px;
    background: var(--theme-blue);
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: -20px;
}
#devops-page #expertise .content ul li{
    font-size: 16px;
    color: #4C5A67;
    margin-bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 20px;
}
#devops-page #expertise .content ul li span{
    font-weight: 600;
}
@media (max-width: 767px) {
    #devops-page #expertise img{
        max-width: 100%;
        display: none;
    }
    #devops-page #expertise .content h2{
        font-size: 25px;
    }
    #devops-page #expertise .content p{
        font-size: 15px;
    }
    #devops-page #expertise{
        padding-bottom: 100px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #devops-page #expertise .content h2{
        font-size: 25px;
    }
    #devops-page #expertise .content p{
        font-size: 15px;
    }
    #devops-page #expertise img{
        max-width: 100%;
    }
}


/*ecommerce page*/
#ecommerce-development-page #breadcumb{
    padding-bottom: 120px;
}

/*about*/
#ecommerce-development-page #about{
    position: relative;
    padding-bottom: 100px;
}
#ecommerce-development-page #about:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 419px;
    left: 0;
    background: url('../images/t-shape-2.png');
    background-repeat: no-repeat;
    z-index: -1;
}
#ecommerce-development-page #about .content h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
}
#ecommerce-development-page #about .content p{
    line-height: 1.7;
    color: #989696;
    font-size: 17px;
    margin-top: 20px;
}
#ecommerce-development-page #about .content .btn{
    position: relative;
    background-color: var(--theme-blue);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 50px;
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    border-radius: 32px;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#ecommerce-development-page #about .content .btn:before{
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 32px;
    width: 75px;
    background: rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#ecommerce-development-page #about .content .btn:hover{
    border-color: var(--theme-black);
}
#ecommerce-development-page #about .content .btn:hover:before{
    width: 100%;
    background: var(--theme-black);
}
@media (max-width: 767px) {
    #ecommerce-development-page #about img{
        max-width: 100%;
    }
    #ecommerce-development-page #about .content h2{
        font-size: 30px;
    }
    #ecommerce-development-page #about .content p{
        font-size: 15px;
    }
    #ecommerce-development-page #about{
        padding-bottom: 100px;
    }
    #ecommerce-development-page #about:before{
        top: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #ecommerce-development-page #about:before{
        background: url('../images/about-bg-md.png');
        background-repeat: no-repeat;
    }
    #ecommerce-development-page #about .content h2{
        font-size: 25px;
    }
    #ecommerce-development-page #about .content p{
        font-size: 15px;
    }
    #ecommerce-development-page #about img{
        max-width: 100%;
    }
}

/*technology*/
#ecommerce-development-page #technology-use{
    padding: 40px 0;
}
#ecommerce-development-page #technology-use h2{
    margin-bottom: 20px;
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
    text-align: center;
}
#ecommerce-development-page #technology-use .icons{
    margin-top: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#ecommerce-development-page #technology-use .icons .item{
    margin: 0 40px;
}
#ecommerce-development-page #technology-use .icons .item img{
    height: 30px;
}
#ecommerce-development-page #technology-use .icons .item h6{
    margin-top: 20px;
    font-size: 16px;
    line-height: 28px;
    color: #343434;
}
@media (max-width: 991px) {
    #ecommerce-development-page #technology-use h2{
        font-size: 22px;
    }
    #ecommerce-development-page #technology-use .icons{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-top: 0;
    }
    #ecommerce-development-page #technology-use .icons .item{
        margin: 10px 20px;
    }
}

/*feature*/
#ecommerce-development-page #feature{
    position: relative;
    padding-bottom: 100px;
    overflow-x: hidden;
}
#ecommerce-development-page #feature .content h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
}
#ecommerce-development-page #feature .content p{
    line-height: 1.7;
    color: #989696;
    font-size: 17px;
    margin-top: 20px;
}
#ecommerce-development-page #feature .content ul{
    padding-left: 0;
    list-style: none;
}
#ecommerce-development-page #feature .content ul li .circle{
    margin-right: 10px;
    position: relative;
    height: 10px;
    width: 10px;
    background: var(--theme-blue);
    border-radius: 100%;
}
#ecommerce-development-page #feature .content ul li{
    font-size: 16px;
    color: #4C5A67;
    margin-bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#ecommerce-development-page #feature .content ul li span{
    font-weight: 600;
}
@media (max-width: 767px) {
    #ecommerce-development-page #feature img{
        max-width: 100%;
        display: none;
    }
    #ecommerce-development-page #feature .content h2{
        font-size: 25px;
    }
    #ecommerce-development-page #feature .content p{
        font-size: 15px;
    }
    #ecommerce-development-page #feature{
        padding-bottom: 100px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #ecommerce-development-page #feature .content h2{
        font-size: 25px;
    }
    #ecommerce-development-page #feature .content p{
        font-size: 15px;
    }
    #ecommerce-development-page #feature img{
        max-width: 100%;
    }
}


/*offer*/
#ecommerce-development-page #offer{
    padding: 60px 0;
}
#ecommerce-development-page #offer .heading h2{
    text-align: center;
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
}
#ecommerce-development-page #offer .item{
    position: relative;
    padding: 50px 0;
    overflow-x: hidden;
}
#ecommerce-development-page #offer .item .content h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 25px;
    line-height: 1.3;
}
#ecommerce-development-page #offer .item .content p{
    line-height: 1.7;
    color: #989696;
    font-size: 17px;
    margin-top: 20px;
}
#ecommerce-development-page #offer .item .content ul{
    padding-left: 0;
    list-style: none;
}
#ecommerce-development-page #offer .item .content ul li .circle{
    margin-right: 10px;
    position: relative;
    height: 10px;
    width: 10px;
    background: var(--theme-blue);
    border-radius: 100%;
}
#ecommerce-development-page #offer .item .content ul li{
    font-size: 16px;
    color: #4C5A67;
    margin-bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#ecommerce-development-page #offer .item .content ul li span{
    font-weight: 600;
}
@media (max-width: 767px) {
    #ecommerce-development-page #offer .heading h2{
        font-size: 24px;
    }
    #ecommerce-development-page #offer .item img{
        margin: 20px 0;
    }
    #ecommerce-development-page #offer .item .content h2{
        font-size: 21px;
    }
    #ecommerce-development-page #offer .item .content p{
        font-size: 13px;
    }
    #ecommerce-development-page #offer .item .content ul li{
        font-size: 13px;
    }
    #ecommerce-development-page #offer .item{
        padding: 25px 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #ecommerce-development-page #offer .item .content h2{
        font-size: 21px;
    }
    #ecommerce-development-page #offer .item .content p{
        font-size: 13px;
    }
    #ecommerce-development-page #offer .item img{
        max-width: 100%;
    }
    #ecommerce-development-page #offer .item .content ul li{
        font-size: 13px;
    }
    #ecommerce-development-page #offer .heading h2{
        font-size: 28px;
    }
}









/*technology pages*/
.technology-pages #breadcumb h2{
    font-size: 36px;
}
.technology-pages #breadcumb p{
    font-size: 18px;
}
.technology-pages #breadcumb .btn{
    position: relative;
    background-color: var(--theme-blue);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 40px;
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    border-radius: 32px;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.technology-pages #breadcumb .btn:before{
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 32px;
    width: 75px;
    background: rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.technology-pages #breadcumb .btn:hover{
    border-color: var(--theme-black);
}
.technology-pages #breadcumb .btn:hover:before{
    width: 100%;
    background: var(--theme-black);
}
@media (max-width: 767px) {
    .technology-pages #breadcumb h2{
        font-size: 30px;
    }
    .technology-pages #breadcumb p{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .technology-pages #breadcumb p br{
        display: none;
    }
}


/*about*/
.technology-pages #about{
    position: relative;
    padding-bottom: 100px;
}
.technology-pages #about:before{
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 386px;
    left: 0;
    background: url('../images/t-shape-2.png');
    background-repeat: no-repeat;
    z-index: -1;
}
.technology-pages #about .content h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
}
.technology-pages #about .content p{
    line-height: 1.7;
    color: #989696;
    font-size: 17px;
    margin-top: 20px;
}
.technology-pages #about .content .btn{
    position: relative;
    background-color: var(--theme-blue);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 50px;
    -webkit-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    border-radius: 32px;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.technology-pages #about .content .btn:before{
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 32px;
    width: 75px;
    background: rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.technology-pages #about .content .btn:hover{
    border-color: var(--theme-black);
}
.technology-pages #about .content .btn:hover:before{
    width: 100%;
    background: var(--theme-black);
}
@media (max-width: 767px) {
    .technology-pages #about img{
        max-width: 100%;
    }
    .technology-pages #about .content h2{
        font-size: 30px;
    }
    .technology-pages #about .content p{
        font-size: 15px;
    }
    .technology-pages #about{
        padding-bottom: 100px;
    }
    .technology-pages #about:before{
        top: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .technology-pages #about:before{
        background: url('../images/about-bg-md.png');
        background-repeat: no-repeat;
    }
    .technology-pages #about .content h2{
        font-size: 25px;
    }
    .technology-pages #about .content p{
        font-size: 15px;
    }
    .technology-pages #about img{
        max-width: 100%;
    }
}



/*services*/
.technology-pages #services{
    padding: 50px 0;
    position: relative;
}
.technology-pages #services .heading h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
    text-align: center;
}
.technology-pages #services  .body .item{
    margin-top: 40px;
    border: 1px solid #e5e5e5;
    padding: 20px 20px;
    /*min-height: 408px;*/
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}
.technology-pages #services  .body .item:hover{
    -webkit-box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
            box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
    border-color: #fff;
    background: #fff;
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
}
.technology-pages #services  .body .item img{
    max-width: 100px;
}
.technology-pages #services  .body .item h2{
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0;
}
.technology-pages #services  .body .item p{
    font-size: 16px;
    line-height: 1.7;
    color: #6f6f6f;
}
@media (max-width: 767px) {
    .technology-pages #services .heading h2{
        font-size: 25px;
    }
    .technology-pages #services .body .item{
        margin-top: 30px;
        min-height: initial;
    }
    .technology-pages #services .body .item h2{
        font-size: 14px;
    }
    .technology-pages #services .body .item p{
        font-size: 14px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .technology-pages #services .heading h2{
        font-size: 25px;
    }
    .technology-pages #services .body .item h2{
        font-size: 16px;
    }
    .technology-pages #services .body .item p{
        font-size: 14px;
    }
}

/*benefits*/
.technology-pages #benefits{
    position: relative;
    padding-bottom: 100px;
    overflow-x: hidden;
}
.technology-pages #benefits .content h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
}
.technology-pages #benefits .content p{
    line-height: 1.7;
    color: #989696;
    font-size: 17px;
    margin-top: 20px;
}
.technology-pages #benefits .content ul{
    padding-left: 0;
    list-style: none;
}
.technology-pages #benefits .content ul li .circle{
    height: 10px;
    width: 10px;
    background: var(--theme-blue);
    border-radius: 100%;
    margin-right: 10px;
}
.technology-pages #benefits .content ul li{
    font-size: 16px;
    color: #4C5A67;
    margin-bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.technology-pages #benefits .content ul li span{
    font-weight: 600;
}
@media (max-width: 767px) {
    .technology-pages #benefits img{
        max-width: 100%;
        display: none;
    }
    .technology-pages #benefits .content h2{
        font-size: 25px;
    }
    .technology-pages #benefits .content p{
        font-size: 15px;
    }
    .technology-pages #benefits{
        padding-bottom: 60px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .technology-pages #benefits{
        padding-bottom: 60px;
    }
    .technology-pages #benefits .content h2{
        font-size: 25px;
    }
    .technology-pages #benefits .content p{
        font-size: 15px;
    }
    .technology-pages #benefits img{
        max-width: 100%;
    }
}

/*hiring process*/
.technology-pages #hiring-process{
    padding: 50px 0;
    background: #fbfbfb;
}
.technology-pages #hiring-process h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .technology-pages #hiring-process{
        padding: 25px 0;
    }
    .technology-pages #hiring-process h2{
        margin-bottom: 15px;
        font-size: 28px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .technology-pages #hiring-process{
        padding: 30px 0;
    }
    .technology-pages #hiring-process h2{
        margin-bottom: 20px;
        font-size: 32px;
    }
}


/*time*/
.technology-pages #time{
    padding: 60px 0;
}
.technology-pages #time h2{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
    margin-bottom: 10px;
}
.technology-pages #time .body .item{
    margin-top: 40px;
    border: 1px solid #e5e5e5;
    padding: 50px 20px;
    min-height: 356px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.technology-pages #time .body .item:hover{
    -webkit-box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
            box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
    border-color: #fff;
    background: #fff;
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
}
.technology-pages #time .body .item h4{
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 20px;
}
.technology-pages #time .body .item img{
    margin-left: -20px;
}
.technology-pages #time .body .item p{
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 13px;
}
.technology-pages #time .body .item p span{
    font-weight: 600;
    padding-left: 5px;
}
@media (max-width: 767px) {
    .technology-pages #time{
        padding: 30px 0;
    }
    .technology-pages #time h2{
        font-size: 26px;
    }
    .technology-pages #time .body .item{
        min-height: initial;
        padding: 25px 20px;
    }
    .technology-pages #time .body .item h4{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .technology-pages #time .body .item p{
        font-size: 11px;
        margin-top: 10px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .technology-pages #time{
        padding: 40px 0;
    }
    .technology-pages #time h2{
        font-size: 32px;
    }
    .technology-pages #time .body .item{
        padding: 20px;
        min-height: 256px;
    }
    .technology-pages #time .body .item h4{
        font-size: 20px;
        margin-bottom: 15px;
    }
    .technology-pages #time .body .item p{
        margin-top: 10px;
        font-size: 9px;
    }
}


/*developer*/
.technology-pages #developer{
    padding: 50px 0;
    background: #fbfbfb;
}
.technology-pages #developer .heading{
    font-weight: 700;
    color: var(--theme-black);
    font-size: 38px;
    line-height: 1.3;
    margin-bottom: 10px;
}
.technology-pages #developer .body .item{
    background: #fff;
    border-radius: 10px;
    margin-top: 20px;
    padding: 10px 0;
    -webkit-box-shadow: 7px 7px 40px 0 rgb(206 212 224 / 18%);
            box-shadow: 7px 7px 40px 0 rgb(206 212 224 / 18%);
}
.technology-pages #developer .body .item h5{
    font-weight: 600;
    font-size: 21px;
}
.technology-pages #developer .body .item p{
    font-size: 13px;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    .technology-pages #developer{
        padding: 25px 0;
    }
    .technology-pages #developer .heading{
        font-size: 23px;
    }
    .technology-pages #developer .body .item{
        padding: 5px 0;
    }
    .technology-pages #developer .body .item h5{
        font-size: 18px;
    }
    .technology-pages #developer .body .item p{
        font-size: 12px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .technology-pages #developer .heading{
        font-size: 32px;
    }
    .technology-pages #developer .body .item{
        padding: 8px 0;
    }
    .technology-pages #developer .body .item h5{
        font-size: 19px;
    }
    .technology-pages #developer .body .item p{
        font-size: 11px;
    }
    .technology-pages #developer{
        padding: 30px 0;
    }
}


/*laravel page*/
#laravel-php-page.technology-pages #services .body .item{
    min-height: 408px;
}

#laravel-php-page #services .heading .content p{
    font-size: 18px;
    color: #ababab;
    text-align: center
}

#laravel-php-page #time .content p{
    font-size: 18px;
    color: #ababab;
    text-align: center
}


#laravel-php-page #developer .content p{
    font-size: 18px;
    color: #ababab;
    text-align: center
}




/*portfolio page*/
#portfolio-page{
    overflow-x: hidden;
}
#portfolio-page main{
    padding: 100px 0;
}
#portfolio-page main .body{
    margin-top: 30px;
}
#portfolio-page main .body .button-group{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 30px;
}
#portfolio-page main .body .button-group button{
    border: none;
    padding: 5px 10px;
    background: transparent;
    outline: none;
    cursor: pointer;
    font-size: 16px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#portfolio-page main .body .button-group button:hover{
    color: var(--theme-blue);
}
#portfolio-page main .body .button-group button.is-checked{
    color: var(--theme-blue);
}
#portfolio-page main .body .isotope-main .item{
    margin-top: 20px;
}
#portfolio-page main .body .isotope-main .item .effect-phoebe {
    background: var(--theme-blue);
}
#portfolio-page main .body .isotope-main .item .effect-phoebe img {
    opacity: 0.85;
    -webkit-transition: opacity 0.35s;
    -o-transition: opacity 0.35s;
    transition: opacity 0.35s;
}
#portfolio-page main .body .isotope-main .item .effect-phoebe:hover img {
    opacity: 0.1;
}
#portfolio-page main .body .isotope-main .item .effect-phoebe figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    content: "";
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: scale3d(5, 2.5, 1);
            transform: scale3d(5, 2.5, 1);
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
}
#portfolio-page main .body .isotope-main .item .effect-phoebe:hover figcaption::before {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
#portfolio-page main .body .isotope-main .item .effect-phoebe h2 {
    margin-top: 1em;
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    -o-transition: transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
    opacity: 0;
}
#portfolio-page main .body .isotope-main .item .effect-phoebe:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
}
#portfolio-page main .body .isotope-main .item .effect-phoebe p a {
    color: #fff;
    font-size: 140%;
    opacity: 0;
    position: relative;
    display: inline-block;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}
#portfolio-page main .body .isotope-main .item .effect-phoebe p a:first-child {
    -webkit-transform: translate3d(-60px, -60px, 0);
            transform: translate3d(-60px, -60px, 0);
}
#portfolio-page main .body .isotope-main .item .effect-phoebe p a:nth-child(2) {
    -webkit-transform: translate3d(0, 60px, 0);
            transform: translate3d(0, 60px, 0);
}
#portfolio-page main .body .isotope-main .item .effect-phoebe p a:nth-child(3) {
    -webkit-transform: translate3d(60px, -60px, 0);
            transform: translate3d(60px, -60px, 0);
}
#portfolio-page main .body .isotope-main .item .effect-phoebe:hover p a {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
#portfolio-page main .body .isotope-main .item figcaption{
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#portfolio-page main .body .isotope-main .item figcaption:before,
#portfolio-page main .body .isotope-main .item figcaption:after{
    pointer-events: none;
}
#portfolio-page main .body .isotope-main .item figcaption,
#portfolio-page main .body .isotope-main .item figcaption > a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#portfolio-page main .body .isotope-main .item figcaption > a{
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
#portfolio-page main .body .isotope-main .item figcaption h2{
    word-spacing: -0.15em;
    font-weight: 300;
}
#portfolio-page main .body .isotope-main .item figcaption h2 span{
    font-weight: 800;
}
#portfolio-page main .body .isotope-main .item figcaption p{
    letter-spacing: 1px;
    font-size: 68.5%;
}
#portfolio-page main .body .isotope-main .item img{
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 1;
}
#portfolio-page main .body .isotope-main .item figure{
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    height: auto;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}
@media (max-width: 767px) {
    #portfolio-page main .body .button-group button{
        font-size: 10px;
        padding: 5px;
    }
    #portfolio-page main .body .button-group{
        margin-bottom: 0;
    }
    #portfolio-page main .body .isotope-main .item{
        margin-top: 10px;
    }
    #jumbotrom-2 .title{
        font-size: 30px;
    }
    #jumbotrom-2 .breadcumb h4{
        font-size: 12px;
    }
    #portfolio-page main{
        padding: 50px 0;
    }
}
@media (max-width: 320px) {
    #portfolio-page main .body .button-group button{
        font-size: 8px;
        padding: 5px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #portfolio-page main{
        padding: 60px 0;
    }
}


/*industry we serve*/
/*industry*/
#home-page #industry{
    padding: 60px 0;
    margin-bottom: 50px;
}
#home-page #industry .heading h2{
    font-weight: 600;
    font-size: 38px;
}
#home-page #industry .heading h2 span{
    color: var(--theme-blue);
}
#home-page #industry .body{
    margin-top: 20px;
}
#home-page #industry .body .main{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#home-page #industry .body .item{
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 17%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 30px;
    -webkit-box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
            box-shadow: 0 10px 35px rgb(10 10 10 / 7%);
    background: #fff;
    border-radius: 12px;
    transition: all 0.5s;
    border: 1px solid #fff;
}
#home-page #industry .body .item:hover{
    border-color: var(--theme-blue);
}
#home-page #industry .body .item img{
    max-width: 35px;
}
#home-page #industry .body .item h6{
    font-size: 18px;
    color: var(--theme-black);
    margin-top: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
    #home-page #industry .heading h2{
        font-size: 25px;
    }
    #home-page #industry{
        padding: 30px 0;
    }
    #home-page #industry .body .item{
        width: 26%;
    }
    #home-page #industry .body .item h6{
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    #home-page #industry .body .item{
        width: 48%;
    }
    #home-page #industry{
        padding: 30px 0;
    }
    #home-page #industry .heading h2{
        font-size: 25px;
    }
    #home-page #industry .body .item h6{
        font-size: 14px;
        text-align: center;
    }
    #home-page #industry .body .item img{
        max-width: 45px;
    }
}

/* Footer Copyright */
footer .copyright{
    margin-top: 80px;
}
footer .copyright p{
    font-size: 14px;
    margin-bottom: 0;
}
footer .copyright .dot{
    height: 5px;
    width: 5px;
    background: var(--theme-black);
    border-radius: 100%;
    margin: 0 10px;
}
footer .copyright p:last-child a{
    color: var(--theme-black);
    margin: 0 5px;
    transition: all 0.3s;
}
footer .copyright p:last-child a:hover{
    color: var(--theme-blue);
}
@media (max-width: 767px) {
    footer .copyright{
        flex-direction: column;
    }
    footer .copyright .dot{
        display: none;
    }
    footer .copyright p{
        margin-top: 10px;
    }
}



/*error page*/
#error-page .content{
    min-height: 100vh;
}
#error-page .content h2{
    font-weight: 800;
    font-size: 200px;
    background: url('../images/error.jpg');
    background-size: cover;
    background-position: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#error-page .content h6{
    margin-top: 10px;
    font-weight: 700;
    font-size: 18px;
}
#error-page .content p{
    font-size: 14px;
    margin-top: 5px;
}
#error-page .content .btn{
    background: var(--theme-blue);
    color: #fff;
    font-weight: 500;
    border-radius: 50px;
    padding: 12px 30px;
    font-size: 13px;
}
@media (max-width: 767px) {
    #error-page .content h2{
        font-size: 80px;
    }
    #error-page .content h6{
        font-size: 16px;
    }
    #error-page .content p{
        font-size: 12px;
    }
}