body {
    overflow-x: hidden !important
}

.container {
    width: 100%;
    max-width: 1170px
}

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

.h3 {
    font-family: Poppins, sans-serif;
    font-size: 24px;
    color: #fff;
    line-height: 1
}

.h4 {
    font-family: Poppins, sans-serif;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 4px;
    text-align: center;
    line-height: 1
}

.m-b-0 {
    margin-bottom: 0 !important
}

.push-right {
    margin-left: auto
}

.banner-section {
    background-image: url(../images/banner-bg.html);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px
}

.phone-num:hover {
    text-decoration: none
}

.phone-num {
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border: 1px solid #fff;
    border-radius: 6px;
    font-weight: 600
}

.banner-flex {
    display: flex;
    justify-content: space-between
}

.banner-head {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 75px;
    line-height: 1.15
}

.banner-head>span {
    background: -webkit-linear_gradient(left, #e62162, #f5632e);
    background: linear_gradient(left, #e62162, #f5632e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.15;
    display: inline-block
}

.banner-form-head {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 30px;
    opacity: 0;
    transition: .5s
}

.banner-form-head>span {
    color: #f5632e;
    border-bottom: 1px solid #f5632e;
    padding-bottom: 25px;
    display: inline-block;
    line-height: 1
}

.banner-form input {
    width: 100%;
    font-size: 17px;
    font-family: Poppins, sans-serif;
    color: #282542;
    line-height: 1;
    padding: 15px 10px;
    border: 0;
    transform: translateY(100%);
    transition: .5s
}

.input-parent {
    height: 50px;
    overflow: hidden;
    margin-bottom: 15px
}

.btn-parent {
    position: relative;
    height: 50px;
    overflow: hidden
}

.btn-parent>div {
    transform: translateY(100%);
    transition: .5s
}

.btn-parent img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    cursor: pointer
}

.btn-gradient {
    margin-bottom: 0 !important;
    background: -webkit-linear_gradient(left, #e62162, #f5632e);
    background: linear_gradient(left, #e62162, #f5632e);
    font-family: Poppins, sans-serif;
    font-size: 20px !important;
    border: 0;
    color: #fff !important;
    cursor: pointer;
    position: relative;
    transform: translateY(0) !important;
    transition: 1s !important
}

.btn-gradient:hover {
    background: -webkit-linear_gradient(left, #f5632e, #e62162);
    background: linear_gradient(left, #f5632e, #e62162)
}

.btn-gradient:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 15px;
    height: 15px;
    background-image: url(../images/right-arrow.html);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    right: 20px
}

.banner-haed-col {
    flex-flow: row wrap;
    position: relative;
    width: 43% !important;
    padding-right: 1%
}

.banner-mobile-col {
    position: relative;
    z-index: 3;
    width: 32% !important
}

.banner-mobile-col>img {
    transform: translateY(125px);
    transition: .25s
}

.banner-form-col {
    width: 25% !important
}

.scroll-text {
    font-size: 14px;
    font-family: Poppins, sans-serif;
    color: #fff;
    position: absolute;
    bottom: 100px;
    margin-bottom: 0
}

.arrow-down {
    margin-right: 10px
}

.scroll-text>img {
    -webkit-animation: bounce 2s infinite 2s;
    animation: bounce 2s infinite 2s;
    -webkit-transition: all .2s ease-in
}

@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    60% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

.thankyou-message-text {
    color: #fff;
    font-size: 22px;
    display: none
}

#logo-dark {
    display: none
}

.section-two-head {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 80px;
    line-height: 1;
    position: relative;
    padding-top: 180px
}

.section-two-head:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 0%;
    transition: 1s;
    left: 15%;
    right: 0;
    top: 0;
    margin: auto;
    background-color: #fff
}

.section-two-head:after {
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    left: 0;
    right: 5%;
    top: 70%;
    margin: auto;
    background-color: #fff;
    transition: 1s
}

.sec-two-head-before:before {
    height: 70%
}

.sec-two-head-after:after {
    width: 20%
}

.section-two-head span.has-lines {
    position: relative
}

.section-two-head span.has-lines:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 0;
    left: 0;
    top: 100%;
    background-color: #fff;
    transition: 1s
}

.section-two-head span.has-lines:after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    left: 0;
    top: calc(100% + 175px);
    background-color: #fff;
    transition: 1s
}

.section-two-head span.has-lines-before:before {
    height: 175px
}

.section-two-head span.has-lines-after:after {
    width: 25px
}

.about-us-cols {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 85px;
    padding-left: 10%
}

.about-us-cols>div {
    width: 24%;
    color: #fff;
    cursor: pointer
}

.about-us-cols>div img {
    display: block
}

.about-us-cols>div .h3 {
    margin-bottom: 35px;
    display: inline-block;
    border-top: 2px solid #fff;
    padding-top: 30px;
    margin-top: 30px;
    text-transform: uppercase
}

.about-us-cols>div p {
    font-family: Poppins, sans-serif;
    font-size: 18px;
    margin-bottom: 0
}

.about-us-services-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff url(../images/section-two-bg.html) no-repeat center center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: none
}

.bg-success-app {
    background-image: url(../images/bg-success-app.html)
}

.bg-best-talent {
    background-image: url(../images/bg-best-talent.html)
}

.bg-every-budjet {
    background-image: url(../images/bg-every-budjet.html)
}

.section-three {
    background-color: #fff;
    padding-top: 130px;
    padding-bottom: 130px;
    display: flex;
    justify-content: left;
    overflow: hidden
}

.section-three>.container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    display: flex;
    justify-content: space-between
}

.app-col-left {
    display: flex;
    justify-content: space-between;
    width: 37%
}

.dynamic-image>div {
    position: relative
}

.dynamic-image>div:not(.ios-app-dev-mob) {
    display: none
}

.icon-circle-mobile {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: calc(100% - 92px)
}

.section-three-head {
    color: #f5632e;
    font-family: Poppins, sans-serif;
    font-size: 80px;
    line-height: 1;
    margin-bottom: 40px
}

.app-col-right {
    width: 63%;
    padding-left: 8%
}

.mobile-app-columns {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px
}

.mobile-app-columns>.app-boxes {
    width: 100%;
    max-width: 400px;
    border-radius: 5px;
    background-color: #fff;
    padding: 45px;
    cursor: pointer;
    transition: .5s
}

.mobile-app-columns>.app-boxes:hover {
    background-color: #f2f6fc
}

.app-boxes .h3 {
    color: #262529;
    text-transform: uppercase;
    margin-bottom: 25px;
    line-height: 1
}

.app-boxes p {
    color: #181818;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    margin-bottom: 0
}

.section-four {
    background-color: #280e88;
    padding-top: 120px
}

.section-four>.container {
    padding-bottom: 120px;
    position: relative
}

.section-four>.container:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 0%;
    background-color: #fff;
    left: 0;
    top: 10%;
    transition: 1s;
    z-index: 2
}

.section-four>.container:after {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background-color: #fff;
    left: 0;
    top: 10%;
    transition: 1s;
    z-index: 2
}

.section-four>.container_before:before {
    height: 100%
}

.section-four>.container_after:after {
    width: 120px
}

.section-four .h4 {
    margin-bottom: 25px
}

.section-four-head {
    color: #f5632e;
    font-family: Poppins, sans-serif;
    font-size: 80px;
    line-height: 1;
    text-align: center;
    letter-spacing: -4px
}

.process-columns {
    display: flex;
    justify-content: space-between;
    margin-top: 100px
}

.tab-buttons {
    width: 20%;
    margin-left: 50px
}

.tab-details {
    width: 80%
}

.tab-buttons>ul {
    padding-left: 0
}

.tab-buttons>ul>li {
    list-style: none;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    border-bottom: 1px solid #5e37ef;
    padding-bottom: 30px;
    margin-bottom: 30px;
    cursor: pointer;
    line-height: 1
}

.tab-buttons>ul>li:last-child {
    border-bottom: 0
}

.tab-buttons>ul>li.active {
    color: #f88920
}

.tab-details>div>div {
    display: flex;
    justify-content: space-between
}

.tab-details>div:not(.agile-prototype) {
    display: none
}

.tab-detail-images {
    width: 45%;
    text-align: right
}

.tab-detail-content {
    width: 50%;
    padding-right: 10%
}

.tab-detail-content-head {
    font-family: Poppins, sans-serif;
    font-size: 50px;
    line-height: 1;
    background: -webkit-linear_gradient(left, #f57a2e, #ffae00);
    background: linear_gradient(left, #f57a2e, #ffae00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tab-details p {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0;
    padding-left: 90px;
    position: relative;
    margin-top: 60px;
    margin-bottom: 35px
}

.tab-details p:before {
    content: "";
    position: absolute;
    width: 180px;
    height: 2px;
    top: 15px;
    right: calc(100% - 60px);
    background-color: #fff
}

.tab-detail-content .btn-gradient {
    margin-left: 90px;
    padding: 15px 100px
}

.tab-detail-content .btn-gradient:hover {
    text-decoration: none
}

.section-five {
    background: -webkit-linear_gradient(left, #f87c21, #f8801f);
    background: linear_gradient(left, #f87c21, #f8801f);
    overflow: hidden;
    position: relative
}

.section-five>.container {
    position: relative
}

.section-five-head {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 40px;
    line-height: 1;
    position: absolute;
    left: 10%;
    top: 120px;
    z-index: 1
}

.section-five-head>span {
    border-bottom: 1px solid #fff;
    padding-bottom: 30px
}

.portfolio-column>div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-left: 4%;
    padding-right: 2%;
    position: relative;
    padding-top: 200px;
    padding-bottom: 200px;
    background: url(../images/portfolio-mutter-full.html) no-repeat center;
    background-size: cover;
    transition: 1s
}

.portfolio-column>div.portfolio-mutter-two {
    background-image: url(../images/mutter-02.html)
}

.portfolio-column>div.portfolio-mutter-three {
    background-image: url(../images/mutter-03.html)
}

.portfolio-column>div.portfolio-mutter-four {
    background-image: url(../images/mutter-04.html)
}

.portfolio-column>div.portfolio-mutter-five {
    background-image: url(../images/mutter-05.html)
}

.portfolio-column>div {
    min-height: 800px;
    max-height: 800px
}

.portfolio-content {
    width: 45%;
    padding-right: 2%;
    position: relative;
    z-index: 1;
    padding-top: 120px
}

.portfolio-image {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.portfolio-head {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 65px;
    line-height: 1
}

.portfolio-content p {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 20px;
    margin-top: 35px;
    margin-bottom: 35px;
    padding-right: 30%
}

.btn-store {
    margin-bottom: 0;
    margin-top: 10px;
    box-shadow: 2px 2px 25px 1px rgba(0, 0, 0, .5)
}

.slick_slide:not(.slick-active) .portfolio-content {
    opacity: 0;
    transition: 1s
}

.slick_slide:not(.slick-active) a {
    cursor: inherit !important
}

.custom-slick-next-slide {
    cursor: url(../images/cursor-next.png), url(../images/cursor-next.html), auto !important
}

.custom-slick-prev-slide {
    cursor: url(../images/cursor-prev.png), url(../images/cursor-prev.html), auto !important
}

.custom-slick-next-slide .portfolio-column>div,
.custom-slick-prev-slide .portfolio-column>div {
    background-position-x: right;
    transition: .5s
}

.cta-section {
    background: url(../images/cta-bg.html) no-repeat center;
    padding: 80px 0;
    text-align: center;
    overflow: hidden;
    background-size: cover
}

.cta-section .h4 {
    margin-bottom: 25px
}

.cta-section-head {
    color: #f5632e;
    font-family: Poppins, sans-serif;
    font-size: 80px;
    line-height: 1
}

.cta-input {
    margin-top: 50px;
    margin-bottom: 50px
}

.cta-input input,
.cta-input textarea {
    width: 100%;
    padding: 10px 10px;
    line-height: 1;
    background: 0 0;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    resize: none;
    height: 45px;
    margin: 0 0 15px 0;
    color: #fff
}

.cta-input textarea {
    height: 100px
}

.cta-section .btn-gradient {
    padding: 15px 100px;
    line-height: 1
}

.cta-section .btn-parent {
    display: inline-block
}

.cta-section form select {
    width: 100%;
    margin: 0;
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    -webkit-appearance: menulist !important;
    background: 0 0;
    border: 1px solid #e8e8e8;
    color: #fff
}

.cta-input>.col-md-6 {
    float: left
}

.intl-tel-input {
    width: 100%;
    margin-bottom: 0
}

.cta-input>.col-md-12 {
    float: left
}

.cta-section form select option {
    color: #000
}

.cta-section .intl-tel-input.separate-dial-code .selected-dial-code {
    color: #fff
}

.cta-section .intl-tel-input .selected-flag .iti-arrow {
    right: -3px;
    border-top: 4px solid #fff
}

footer {
    background-color: #fff;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: unset;
    z-index: 1;
    padding: 23px 0 0
}

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

footer>.container {
    max-width: 1170px
}

.footer-bottom {
    padding: 2px 0 2px;
    background: #f8f8f8;
    border-top: 1px solid #f9e2ef
}

footer {
    font-family: Poppins, sans-serif
}

.footer-top p {
    color: #434343;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 22px
}

.footer-links p {
    color: #dfdfdf;
    font-size: 14px;
    display: inline-block;
    margin: 0
}

.footer-top .fform {
    text-align: left;
    background: #071d31;
    width: 600px;
    margin: 0 auto;
    border-radius: 30px
}

.footer-top .fform:before {
    position: absolute;
    content: "";
    left: 43%;
    margin: 0 auto;
    height: 100%;
    width: 1px;
    top: 0
}

.footer-top .fform form {
    position: relative
}

.subserror_parent {
    position: relative;
    z-index: 0
}

.footer-top .fform form button {
    font-size: 0;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f9b427;
    border: none;
    top: 6px;
    right: 12px
}

.footer-top .fform form i {
    position: relative;
    font-size: 20px;
    color: #fff;
    font-family: fontawesome;
    left: -5px;
    top: 0
}

.footer-midle ul {
    font-size: 0;
    margin: 0;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin: 30px 0
}

.footer-midle li {
    display: inline-block;
    width: 10%
}

.footer-midle li a {
    font-size: 14px;
    color: #6c6c6c;
    text-decoration: none
}

.sub-footer {
    padding: 38px 0
}

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

.sub-footer .faddres {
    text-align: center;
    font-size: 0;
    margin-bottom: 30px
}

.sub-footer .address {
    width: 20%;
    display: inline-block;
    padding: 0 45px 0 15px;
    margin-top: 12px;
    vertical-align: top;
    margin: 0 auto;
    text-align: left
}

.address {
    min-height: 54px
}

.order footer {
    display: none
}

.fologo {
    margin-bottom: 25px
}

.address,
.mail,
.phone {
    position: relative
}

.sub-footer .address {
    line-height: 20px
}

.sub-footer .address h4 {
    color: #fff;
    font-weight: 500;
    margin-bottom: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 18px;
    text-transform: uppercase;
    font-family: Poppins, sans-serif
}

.sub-footer .address p,
.sub-footer .mail a,
.sub-footer .mail p,
.sub-footer .phone p {
    display: inline-block;
    padding-left: 0;
    margin: 0 0 5px 0;
    font-size: 14px;
    color: #5b6b7f;
    line-height: 18px;
    font-weight: 400
}

.copyr {
    text-align: right;
    margin-right: 70px;
    position: relative;
    z-index: 0;
    margin-bottom: 20px
}

.copyr .text {
    margin: 0 auto;
    z-index: 555;
    display: inline-block;
    background: 0 0
}

.copyr .upbtnn {
    display: inline-block;
    width: 50px;
    height: 52px;
    position: relative;
    background: #071d31;
    top: -16px;
    border-radius: 50%;
    left: 200px
}

footer a {
    color: #fff;
    text-decoration: none
}

.copyr .upbtnn a {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding-bottom: 0 !important;
    padding-top: 1px;
    font-size: 14px
}

.copyr .upbtnn i {
    font-family: FontAwesome;
    color: #fff;
    position: relative;
    top: 12px
}

.copyr .text p {
    text-align: right;
    color: #0cc7dd;
    font-size: 14px;
    margin: 0;
    display: inline-block;
    padding: 0;
    line-height: 22px
}

.footer-ln ul {
    list-style: none;
    display: flex;
    text-transform: uppercase;
    margin-left: 50px;
    padding: 0
}

.footer-ln ul li {
    margin: 0 20px;
    color: #fff
}

.sub-footer ul.last-list {
    margin: 0;
    display: inline-block;
    padding-left: 30px
}

.sub-footer ul li {
    color: #fff;
    font-family: Poppins;
    font-size: 14px;
    padding: 0 0 5px 0
}

.sub-footer ul li:hover {
    cursor: pointer
}

.sub-footer ul.last-list li {
    display: inline-block;
    border-left: 1px solid #6c6c6c;
    vertical-align: middle;
    padding: 0 20px
}

.form-group span {
    color: #6e89a1
}

.sub-footer ul li a {
    color: #5b6b7f;
    display: block;
    font-family: Poppins, sans-serif;
    text-decoration: none
}

.btmfom form {
    margin-left: 20px
}

.sub-footer ul.last-list li {
    display: inline-block;
    border-left: 1px solid #6c6c6c;
    vertical-align: middle;
    padding: 0 20px
}

.footer-links {
    text-align: center;
    display: block;
    margin: 0 0 20px 0
}

.footer-links p {
    display: inline-block
}

.footer-links ul.footer-group {
    margin: 0;
    display: inline-block;
    padding: 4px;
    border: none;
    font-family: montserratlight;
    text-align: center
}

footer ul.footer-group li {
    display: inline-block
}

.footer-links ul.footer-group li a {
    color: #ccc;
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding: 0 10px 0 10px
}

.subserror {
    position: absolute;
    font-size: 13px;
    color: red;
    left: 30px;
    top: -18px;
    display: none
}

.footer-top .fform form input[type=email] {
    border: none;
    color: #fff;
    font-size: 14px;
    background-color: #071d31 !important;
    width: 50%;
    outline: 0;
    padding: 0 0 0 35px;
    text-align: left;
    margin: 0 0 0 -4px;
    font-weight: 500;
    height: 62px;
    border-radius: 30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    vertical-align: top;
    z-index: -1
}

.footer-top .fform form input[type=email]::placeholder {
    color: #000
}

.footer-top .fform form input[type=email]:invalid,
.footer-top .fform form input[type=number]:invalid {
    box-shadow: none
}

.footer-top .fform form input[type=number]::placeholder {
    color: #000
}

.footer-top .fform form button {
    font-size: 20px;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f9b427;
    border: none;
    top: 6px;
    right: 12px;
    z-index: 999999 !important
}

.footer-top .fform form input[type=number] {
    border: none;
    color: #fff;
    font-size: 14px;
    background-color: #071d31 !important;
    width: 50%;
    outline: 0;
    padding: 0 0 0 35px;
    text-align: left;
    margin: 0;
    font-weight: 500;
    height: 62px;
    vertical-align: top;
    border-left: 1px solid #03080c;
    border-radius: 30px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    z-index: -1;
    width: 39.5%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.footer-top .fform form i {
    position: relative;
    font-size: 20px;
    color: #fff;
    font-family: fontawesome;
    left: -5px;
    top: 0
}

.footer-links ul.footer-group li a {
    color: #ccc;
    text-transform: none;
    font-size: 14px;
    font-weight: 600
}

.clutchreviewbox {
    padding: 0 20px 30px
}

.sea-mobile {
    display: none
}

.whaletab {
    display: none
}

.sea-tablet {
    display: none
}

.intl-tel-input .country-list {
    font-size: 14px;
    color: #000
}

.footer-top .fform form input[type=number] {
    border-left: 1px solid #06152c
}

.form-box-main form .intl-tel-input .flag-container {
    top: 6px
}

.subscribe-fold .myheading {
    position: relative;
    padding-bottom: 40px;
    font-size: 44px;
    color: #160c28;
    line-height: 1.1em;
    margin-bottom: 30px;
    padding: 0
}

.subscribe-fold .mytext {
    text-align: left;
    margin: 0 0 70px;
    padding: 0;
    font-size: 18px
}

.subs-pac {
    box-shadow: 0 3px 30px #0000001f;
    display: block;
    width: 100%;
    text-align: center;
    height: 505px;
    margin: 0 0 60px;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-radius: 10px;
    padding: 75px 0 0
}

.subscribe-fold h3 {
    font-size: 24px;
    margin: 0;
    font-weight: 400;
    position: relative;
    text-transform: capitalize;
    font-weight: 800;
    width: 100%;
    text-align: center
}

.subs-pac h6 {
    color: #232e45;
    font-size: 40px;
    font-weight: 700;
    display: inline-block;
    line-height: .9;
    margin: 30px 0 0;
    position: relative;
    padding: 0 20px
}

.works-wrap {
    position: relative;
    background-color: #fff;
    z-index: 2;
    border-bottom: 1px solid #eaeaea
}

.subs-pac.bronze:hover {
    background: #232e45
}

.subs-pac.bronze:hover h3,
.subs-pac.bronze:hover h6,
.subs-pac.bronze:hover span,
.subs-pac.gold:hover h3,
.subs-pac.gold:hover h6,
.subs-pac.gold:hover span,
.subs-pac.silver:hover h3,
.subs-pac.silver:hover h6,
.subs-pac.silver:hover span {
    color: #fff
}

.subs-pac.bronze:hover .ordrrrr {
    background-color: #fff;
    color: #000
}

.subs-pac.bronze:hover .chatbtn,
.subs-pac.bronze:hover .numberbtn {
    color: #fff
}

.btn.focus,
.btn:focus,
a:focus,
input:focus {
    outline: 0;
    box-shadow: none !important
}

.subs-pac a.ordrrrr {
    text-align: center;
    margin: 30px auto 0;
    border: none;
    padding: 14px 60px;
    color: #fff;
    box-shadow: none;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    background: #232e45;
    font-family: var(--heading-font-family)
}

.subs-pac .actions {
    border-top: 1px solid #eee;
    padding: 0 0;
    margin: 40px 0 0;
    position: relative
}

.subs-pac .actions a.chatbtn {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0;
    display: inline-block;
    color: #000;
    margin: 0
}

.subscribe-fold .table-packages.bronze {
    border: none
}

.subscribe-fold .table-packages {
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100%
}

.subscribe-fold .table-packages .head {
    width: 100%
}

.subscribe-fold .table-packages .head h5 {
    text-align: left;
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #160c28
}

.subscribe-fold .table-packages .body .subscription-list {
    height: 430px;
    margin-top: 20px;
    padding: 0
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    padding: 0 10px;
    direction: ltr
}

.subs-pac h6 span {
    font-size: 16px;
    color: #687087;
    display: inline-block;
    margin: 30px 0 0;
    padding: 0;
    position: relative;
    line-height: 1.3
}

.subs-pac .actions a.numberbtn {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0;
    color: #000;
    display: inline-block;
    margin: 0
}

.subs-pac h6 span.old {
    position: absolute;
    right: 0;
    left: 0;
    top: -30px;
    text-decoration: line-through;
    font-weight: 700;
    margin: 0;
    font-size: 16px
}

.subscribe-fold .table-packages .body ul li {
    text-align: left;
    padding: 14px 0 14px 0;
    border-bottom: 1px solid #eaeaea;
    width: 95%
}

.subscribe-fold .table-packages .body ul li h6 {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    display: inline-block;
    font-family: var(--primary-font-family)
}

.vw-btn {
    font-weight: 300 !important;
    font-size: 14px !important;
    text-decoration: underline !important
}

.subscribe-fold .table-packages .body ul li span.tick {
    font-size: 20px;
    color: #5a7797;
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px;
    height: 32px;
    line-height: 1.6;
    float: right
}

.subscribe-fold .table-packages .body ul li span.tick:before {
    font-family: fontawesome;
    content: "\f00c";
    position: absolute;
    top: 0
}

.subscribe-fold {
    padding: 60px
}

.section-two {
    position: relative;
    background-color: #f8f8f9
}

.section-two>.container {
    position: relative;
    z-index: 2
}

.section-two .bg-row {
    background-color: #ed7b14;
    border-radius: 6px;
    padding: 40px 45px;
    height: 250px;
    position: absolute;
    top: -180px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%
}

.pkg {
    margin-top: 30px;
    width: 100%
}

.package {
    background-color: #131d27;
    padding: 25px;
    min-height: 280px;
    position: relative;
    margin: 15px;
    color: #fff;
    display: block;
    min-width: 300px;
    text-align: left
}

.package h3 {
    font-size: 1.5rem
}

.pkg-re {
    border-top: 2px solid #f25850
}

.pkg-bl {
    border-top: 2px solid #232e45
}

.pkg-gr {
    border-top: 2px solid #0cc7dd
}

.pkg-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: 6%
}

.order-btn {
    text-align: center
}

.order-btn .btn-order {
    text-align: center;
    width: 100%;
    display: inline-block;
    color: #fff;
    padding: 12px;
    font-weight: 600;
    border-radius: 5px;
    text-decoration: none
}

.re {
    box-shadow: 2px 0 9px #f25850;
    background-color: #f25850
}

.bl {
    box-shadow: 2px 0 9px #232e45;
    background-color: #232e45
}

.gr {
    box-shadow: 2px 0 9px #0cc7dd;
    background-color: #0cc7dd
}

.list-scroll {
    height: 250px;
    overflow-y: scroll
}

.list-scroll::-webkit-scrollbar {
    width: 8px
}

.list-scroll::-webkit-scrollbar-track {
    background: #223d57
}

.list-scroll::-webkit-scrollbar-thumb {
    background: #5a7797
}

.pkg:after {
    display: block;
    position: absolute;
    content: '';
    top: 183px;
    left: -182px;
    width: 100%;
    max-width: 291px;
    background: url(../images/mvp/pk-bg.png);
    height: 468px;
    background-repeat: no-repeat;
    z-index: 9
}

.pkg:before {
    display: block;
    position: absolute;
    content: '';
    top: 183px;
    right: -320px;
    width: 100%;
    max-width: 291px;
    background: url(../images/mvp/pk-bg.png);
    height: 468px;
    background-repeat: no-repeat;
    z-index: 9
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar-brand {
    padding-top: .25rem;
    padding-bottom: .25rem;
    margin-right: 1rem;
    font-size: 1.25rem
}

ul.navigation {
    display: block;
    float: left;
    vertical-align: middle;
    text-align: center;
    width: 64%;
    border: none;
    list-style-type: none
}

ul.navigation li {
    margin-top: .8rem;
    margin-left: 0;
    display: inline-block
}

li,
ul {
    list-style-type: none
}

ul.navigation li a {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    transition: transform .1s ease .05s;
    transform: translateY(5px);
    color: #fff;
    position: relative;
    padding-bottom: 15px;
    font-family: poppins
}

.nav-me ul {
    display: block;
    float: left;
    vertical-align: middle;
    margin: 11px 0 0;
    padding: 0
}

.nav-me ul li {
    display: inline-block
}

.nav-me ul li.hasdrop {
    position: relative
}

.nav-me ul li a {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    transition: transform .1s ease .05s;
    transform: translateY(5px);
    color: #fff;
    position: relative;
    padding-bottom: 15px;
    font-family: poppins;
    padding: 0 15px;
    text-decoration: none
}

.nav-me ul li.hasdrop ul.submenu {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    text-align: left;
    margin: 0;
    padding: 10px 0 20px;
    width: 240px;
    background: #232e45;
    z-index: 99;
    border-radius: 6px
}

.nav-me ul li.hasdrop ul.submenu li {
    display: block;
    margin: 10px 0;
    padding: 0
}

.nav-me ul li.hasdrop ul.submenu li a {
    font-size: 14px;
    color: #fff;
    padding-top: 0;
    padding-bottom: 0
}

.nav-me ul li.hasdrop:hover ul.submenu {
    display: block
}

.top-btn a {
    margin: 0 1px
}

.pkg-top-left {
    text-align: left;
    margin: 10px;
    min-height: 110px
}

.pkg-top-right {
    text-align: right;
    margin: 10px;
    min-height: 110px
}

.pkg-top-right h3 {
    margin-top: 41px
}

.li-item ul li {
    list-style: none;
    margin: 0;
    padding: 5px;
    font-size: 14px
}

.li-item ul {
    padding: 0
}

.main-btns-sec {
    margin: 20px 0 0 0
}

.main-btns-sec .theme-bg-btn {
    color: #ef7c14;
    font-size: 16px;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    padding: 14px 15px;
    margin: 0 15px 0 0;
    background-color: #fff;
    border-radius: 30px;
    width: 225px;
    height: 50px;
    display: inline-block;
    text-align: center
}

.main-btns-sec .theme-outline-btn {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-family: Poppins, sans-serif;
    padding: 14px 15px;
    margin: 0;
    background-color: #fff;
    border-radius: 30px;
    width: 185px;
    height: 50px;
    display: inline-block;
    text-align: center;
    background-color: transparent;
    border: 1px solid #fff
}

.banner-btm-para {
    display: block;
    position: unset;
    margin: 70px 0 0 0
}

.banner-btm-para p {
    font-size: 18px;
    color: #171717;
    font-weight: 500;
    padding: 40px 0;
    margin: 0;
    font-family: Poppins, sans-serif
}

.main-dvlemnt-sec {
    padding: 65px 0 65px 0
}

.dvlemnt-heading-sec h2 {
    font-size: 42px;
    font-weight: 700;
    color: #171717;
    margin: 0;
    padding: 0 0 30px 0;
    font-family: Poppins, sans-serif
}

.dvlemnt-heading-sec h2 span {
    font-weight: 400
}

.dvlemnt-heading-sec p {
    font-size: 16px;
    color: #858585;
    line-height: 22px;
    font-family: Poppins, sans-serif;
    margin: 0;
    padding: 0 0 50px 0
}

.srvceinner-sec ul {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 970px
}

.srvceinner-sec ul li.srcve-box1 {
    display: inline-block;
    width: 33%;
    vertical-align: top;
    padding: 0 15px
}

.srcve-box1 h3 {
    color: #171717;
    font-size: 20px;
    font-weight: 500;
    font-family: Poppins, sans-serif;
    margin: 0;
    padding: 30px 0 24px 0;
    position: relative
}

.srcve-box1 h3:before {
    width: 5px;
    height: 5px;
    background-color: #ed7b14;
    top: 40px;
    left: -15px;
    content: "";
    position: absolute
}

.srcve-box1 p {
    font-size: 16px;
    color: #626262;
    margin: 0;
    padding: 0;
    line-height: 24px;
    font-family: Poppins, sans-serif
}

.main-chnging-sec {
    height: 400px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 40px 0 60px 0
}

.cngng-inner-sec h2 {
    font-size: 35px;
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 400;
    font-family: Poppins, sans-serif
}

.cngng-inner-sec h2 span {
    display: block;
    font-weight: 700
}

.cngng-inner-sec p {
    font-size: 16px;
    margin: 0;
    padding: 24px 355px 10px 0;
    color: #fff;
    font-weight: 400;
    font-family: Poppins, sans-serif
}

.main-chnging-sec .main-btns-sec .theme-bg-btn {
    background-color: #ef7c14;
    color: #fff
}

.main-how-it-works-sec {
    padding: 60px 0 0 0;
    position: relative
}

.main-how-it-works-sec:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -90px;
    background-image: url(../images/mvp/how-it-works.html);
    background-repeat: no-repeat;
    background-size: cover;
    width: 40%;
    height: 460px;
    z-index: 9;
    background-position: right
}

.hitw-inner-sec h2 {
    font-size: 42px;
    font-weight: 700;
    color: #171717;
    margin: 0;
    padding: 0;
    font-family: Poppins, sans-serif
}

.hitw-inner-sec h2 span {
    font-weight: 400
}

.hitw-inner-sec p {
    font-size: 16px;
    font-family: Poppins, sans-serif;
    padding: 0;
    margin: 0;
    color: #858585;
    line-height: 24px;
    padding: 40px 210px 40px 0
}

.how-it-works-list ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 970px;
    font-size: 0
}

.how-it-works-list ul li:first-child div {
    margin-left: 15px
}

.how-it-works-list ul li:nth-child(4) div {
    margin-left: 15px
}

.how-it-works-list ul li {
    display: inline-block;
    width: 31%;
    height: 100%;
    vertical-align: top;
    position: relative
}

.how-it-works-list ul li div {
    font-size: 0;
    padding: 40px 30px 40px 30px;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, .12);
    -ms-box-shadow: 0 0 35px 0 rgba(0, 0, 0, .12);
    -o-box-shadow: 0 0 35px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 0 35px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, .12);
    min-height: 215px;
    margin: 0 0 29px 29px
}

.how-it-works-list ul li p {
    font-size: 16px;
    color: #171717;
    padding: 0;
    margin: 0;
    font-family: Poppins, sans-serif
}

.hwamn-heading h2 {
    font-size: 42px;
    color: #171717;
    font-weight: 400;
    margin: 0 0 25px 0;
    font-family: Poppins, sans-serif
}

.hwamn-heading h2 span {
    font-weight: 700
}

.main-tellus-sec {
    padding: 0 0 70px 0
}

.tlus-inner {
    background-color: #ea7914;
    padding: 60px 100px 30px 100px;
    height: 100%;
    min-height: 700px;
    border-radius: 6px
}

.tlus-inner p {
    font-size: 24px;
    color: #fff;
    padding: 0 0 50px 0;
    margin: 0;
    text-align: center;
    font-family: Poppins, sans-serif
}

.inpdv input,
.inpdv textarea {
    width: 100%;
    font-family: Poppins, sans-serif;
    border: none;
    border-bottom: 1px solid #ffffff40;
    padding: 10px 15px 10px 0;
    background-color: transparent;
    font-size: 18px;
    color: #fff;
    outline: 0;
    resize: none;
    margin: 0 0 50px 0
}

.inpdv input::placeholder,
.inpdv textarea::placeholder {
    color: #fff
}

.inpdv textarea {
    height: 48px;
    margin: 0 0 30px 0
}

.inpdv label {
    margin: 0;
    vertical-align: middle;
    display: block
}

.inpdv label input {
    margin: 0;
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.inpdv label span {
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    font-family: Poppins, sans-serif
}

.inpdv button {
    font-family: Poppins, sans-serif;
    color: #ef7c14;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 15px;
    margin: 30px 0 0 0;
    background-color: #fff;
    border-radius: 30px;
    width: 225px;
    height: 50px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: none;
    outline: 0
}

.inpdv input:focus {
    background-color: transparent !important
}

.inpphn {
    margin-bottom: 35px
}

.whtsnxt-inner {
    background-color: #f8f8f9;
    border-radius: 6px;
    height: 100%;
    min-height: 700px;
    padding: 60px 90px 30px 70px;
    position: relative
}

.whtsnxt-inner img {
    position: absolute;
    width: 90%;
    bottom: -65px;
    right: -63px
}

.whtsnxt-inner h2 {
    font-family: Poppins, sans-serif;
    color: #ef7c14;
    font-weight: 700;
    font-size: 24px;
    margin: 0 0 50px 0;
    padding: 0
}

.whtsnxt-inner h2 span {
    color: #171717;
    font-weight: 400
}

.whtsnxt-inner p {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    color: #606061;
    padding: 0 0 0 45px;
    margin: 0 0 30px 0;
    line-height: 30px;
    position: relative
}

.whtsnxt-inner p:before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    background-color: #d7d7d7;
    color: #fff;
    border-radius: 50%;
    padding: 0 10px;
    height: 30px;
    width: 30px;
    font-weight: 500
}

.whtsnxt-inner p.pa1:before {
    content: "1";
    padding: 1px 12px
}

.whtsnxt-inner p.pa2:before {
    content: "2"
}

.whtsnxt-inner p.pa3:before {
    content: "3"
}

.dark-heading {
    font-size: 34px;
    font-weight: 700
}

.text-primary {
    color: #232e45 !important
}

.btn-primary {
    color: #fff;
    background-color: #232e45;
    border-color: #232e45
}

.btn-primary:hover {
    color: #fff;
    background-color: #232e45;
    border-color: #232e45
}

.web-development a:hover {
    text-decoration: none
}

.home-li li {
    color: #fff;
}

.nav-me ul li a {
    color: #000;
    padding-top: 24px;
    padding-bottom: 24px
}

.web-development .primary-btn:hover {
    color: #fff
}

.web-development .livecht:hover {
    color: #232e45
}

.primary-btn {
    border-radius: 6px;
    background-color: #ffdc3e;
    color: rgb(20, 11, 4)!important;
    height: 60px;
    padding: 19px 50px;
    text-transform: uppercase;
    font-weight: 600!important;
    text-decoration: none
}

.livecht {
    border-radius: 6px;
    background-color: #fff;
    color: #232e45;
    height: 60px;
    padding: 16px 50px;
    border: 2px solid #232e45;
    margin: 0 20px !important;
    text-decoration: none
}

.page_inner {
    padding: 50px 0;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background: #232e45
}

.page_inner:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #0000005e;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.mainpage_inner {
    padding: 160px 0 60px 0 !important
}

.page_inner .inrbnrform {
    margin: 0;
    padding: 20px 29px 20px;
    float: right;
    border-radius: 10px;
    width: 100%;
    background: #00aaa9
}

.page_inner .inrbnrform h4 {
    color: #fff;
    text-align: center;
    font-size: 24px;
    margin-bottom: 0;
    line-height: 1.2;
    font-weight: 500
}

.page_inner .inrbnrform h4 span {
    color: #fff;
    font-weight: 900;
    font-size: 50px;
    display: block;
    text-transform: uppercase
}

.page_inner .inrbnrform h6 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase
}

.top-btn a {
    color: #000
}

.page_inner .inrbnrform .wrap {
    text-align: center;
    width: 100%
}

.banner_content h4 {
    color: #00aaa9;
    font-size: 28px;
    font-weight: 500
}

.banner_content p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin: 25px 0
}

section.offerings_section {
    padding: 60px 0;
    position: relative;
    text-align: center
}

.banner_content h1 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: capitalize;
    padding-right: 0
}

.banner_content h1 span {
    color: #ffdc3e;
}

.web-development .banner_content p {
    font-size: 16px
}

.web-development .banner_content h1 {
    font-size: 40px
}

.thnkyu-pge .top-bar {
    padding: 10px 0;
    width: 100%;
    z-index: 99;
    background-color: #232e45
}

.abut {
    text-align: center
}

.abut h6 {
    color: #232e45;
    font-size: 21px;
    display: block;
    width: 100%;
    padding: 0;
    text-transform: capitalize
}

.btn:hover {
    background-color: #ffdc3e;
    box-shadow: 0 4px 9px 0 rgb(0 0 0 / 40%), 0 4px 9px 0 rgb(255 211 11 / 60%);
}

.abut h3 {
    color: #0c1517;
    font-size: 55px;
    display: block;
    width: 100%;
    font-weight: 700;
    padding: 6px 30px 0;
    text-transform: capitalize;
    line-height: 1
}

.abut p {
    color: #5a5c5d;
    padding: 15px 120px 0;
    text-align: center;
    width: 100%
}

.page_inner .imgwrp {
    margin: 15px 0
}

.clutch-rating {
    margin: 0 0 30px 0
}

.contact-us {
    height: auto
}

.clutch-rating img {
    width: 100px
}

.contact-us h1 {
    font-family: Poppins, sans-serif !important;
    font-weight: 800
}

.page_inner a {
    display: inline-block
}

.wrap .dtf {
    width: 100%;
    margin: 15px auto
}

input[type=number] {
    -moz-appearance: textfield;
    transition: 1s all
}

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

.page_inner .inrbnrform .wrap .dtf input[type=email],
.page_inner .inrbnrform .wrap .dtf input[type=tel],
.page_inner .inrbnrform .wrap .dtf input[type=text],
.page_inner .inrbnrform .wrap .dtf textarea {
    width: 100%;
    margin: 0;
    border: solid 1px #ffffff59;
    background: #fff;
    padding: 13px 15px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .09);
    color: #000;
    font-size: 14px;
    border-radius: 5px;
    height: 55px;
    font-weight: 400;
    outline: 0 !important;
    resize: none;
    transition: 1s all
}

.page_inner .inrbnrform .wrap .dtf textarea {
    height: 120px
}

.page_inner .inrbnrform .wrap .dtf input[type=submit] {
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 600;
    margin: 0 auto;
    font-size: 15px;
    border: none;
    display: block;
    padding: 10px 0;
    width: 100%;
    cursor: pointer;
    color: #fff;
    background: #232e45
}

.page_inner .inrbnrform .wrap .dtf input[type=submit]:hover {
    background: #3e527a
}

.page_inner .inrbnrform .wrap .dtf input[type=number] {
    width: 100%;
    margin: 0;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .09);
    border: solid 1px #ffffff59;
    background: #fff;
    color: #000;
    font-size: 14px;
    border-radius: 5px;
    height: 60px;
    font-weight: 400;
    outline: 0 !important
}

.approach_section {
    position: relative;
    text-align: center;
    padding: 60px 0 0
}

.brnd-pge .approach_section {
    padding: 60px 0
}

.mrktng-collst .approach_section {
    padding: 60px 0
}

.cratvwrtng-pge .approach_section {
    padding: 60px 0
}

.dgtlmrkt-pge .approach_section {
    padding: 60px 0
}

.seopge .approach_section {
    padding: 60px 0
}

.sclmdia-pge .approach_section {
    padding: 60px 0
}

.approach_section img {
    width: 80%
}

.approach_section img.gf-sec {
    position: relative;
    width: 130%;
    left: -170px
}

.approach_section h4 {
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 5px 0;
    color: #232e45
}

.approach_section h3 {
    font-size: 36px;
    margin-bottom: 25px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.3
}

.approach_section p {
    margin-bottom: 30px
}

.approach_section a {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    display: inline-block;
    font-size: 15px
}

.dmca {
    margin-top: 10px;
    text-align: left
}

.sol_divider {
    position: relative;
    padding-bottom: 80px;
    padding-top: 80px
}

.sol_divider .btnwrp {
    position: relative;
    text-align: center
}

.overlay_bg {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #0000006e;
    position: absolute
}

.sol_divider h3 {
    color: #fff;
    max-width: 65%;
    margin: 0 auto;
    font-size: 45px;
    margin-bottom: 15px;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
    position: relative
}

.sol_divider a {
    display: inline-block
}

.sol_divider h5 {
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 5px 0;
    color: #fff;
    position: relative;
    text-align: center
}

.block_3_4_5_wrap {
    background-position: 0 320px;
    background: 0 0;
    padding: 60px 0
}

.industry_solution {
    width: 709px;
    height: 528px;
    margin-right: 0;
    float: right;
    margin-top: 0;
    position: relative
}

.tech_mac {
    width: 709px;
    height: 528px;
    position: absolute;
    z-index: 1;
    top: 15px;
    background: url(../images/laptoptech.html);
    background-repeat: no-repeat
}

.tech_mac.ccwr {
    background: url(../images/ccrlaptoptech.html);
    background-repeat: no-repeat
}

.tech_mac.mrktcl {
    background: url(../images/mrkcollaptoptech.html);
    background-repeat: no-repeat
}

.tech_mac.soclmdi {
    background: url(../images/soclmdlaptoptech.html);
    background-repeat: no-repeat
}

.tech_mac.seo {
    background: url(../images/seolaptoptech.html);
    background-repeat: no-repeat
}

.tech_mac.dgmr {
    background: url(../images/dgmrlaptoptech.html);
    background-repeat: no-repeat
}

.tech_mac.brdv {
    background: url(../images/brdlaptoptech.html);
    background-repeat: no-repeat
}

.tech_mac.tdtd {
    background: url(../images/tdtdlaptoptech.html);
    background-repeat: no-repeat
}

.tech_wordpess.bld {
    background: url(../images/bold.html);
    background-repeat: no-repeat
}

.tech_php.camra {
    background: url(../images/camera.html);
    background-repeat: no-repeat
}

.tech_firebase.colm {
    background: url(../images/column.html);
    background-repeat: no-repeat
}

.tech_php.hash {
    background: url(../images/hash.html);
    background-repeat: no-repeat
}

.tech_cakephp.lftalgn {
    background: url(../images/leftalign.html);
    background-repeat: no-repeat
}

.tech_wordpess.admin {
    background: url(../images/admin.html);
    background-repeat: no-repeat
}

.tech_android.pdng {
    background: url(../images/padding.html);
    background-repeat: no-repeat;
    width: 160px;
    height: 160px
}

.tech_apple.tbl {
    background: url(../images/table.html);
    background-repeat: no-repeat
}

.tech_php.smcamera {
    background: url(../images/smalcamera.html);
    background-repeat: no-repeat
}

.tech_firebase.analytc {
    background: url(../images/analytics.html);
    background-repeat: no-repeat
}

.tech_cakephp.ida {
    background: url(../images/idea.html);
    background-repeat: no-repeat
}

.tech_apple.mgaphn {
    background: url(../images/megaphone.html);
    background-repeat: no-repeat
}

.tech_android.rprt {
    background: url(../images/reporting.html);
    background-repeat: no-repeat
}

.tech_wordpess {
    width: 150px;
    height: 150px;
    position: absolute;
    z-index: 0;
    right: 33px;
    top: -17px;
    background: url(../images/worpdress.html);
    background-repeat: no-repeat
}

.tech_firebase {
    width: 150px;
    height: 150px;
    position: absolute;
    z-index: 0;
    right: -8px;
    top: 85px;
    background: url(../images/firebass.html);
    background-repeat: no-repeat
}

.tech_type {
    width: 150px;
    height: 150px;
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 85px;
    background: url(../images/type.html);
    background-repeat: no-repeat
}

.tech_php {
    width: 200px;
    height: 200px;
    position: absolute;
    z-index: 1;
    right: 12px;
    top: 196px;
    background: url(../images/php.html);
    background-repeat: no-repeat
}

.tech_cakephp {
    width: 200px;
    height: 200px;
    position: absolute;
    z-index: 1;
    left: 145px;
    top: 348px;
    background: url(../images/cakephp.html);
    background-repeat: no-repeat
}

.tech_brsh {
    width: 200px;
    height: 200px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 348px;
    background: url(../images/brush.html);
    background-repeat: no-repeat
}

.tech_apple {
    width: 150px;
    height: 150px;
    position: absolute;
    z-index: 0;
    right: -2px;
    top: 387px;
    background: url(../images/ios.html);
    background-repeat: no-repeat
}

.tech_android {
    width: 150px;
    height: 150px;
    position: absolute;
    z-index: 1;
    left: 40px;
    top: 70px;
    background: url(../images/android.html);
    background-repeat: no-repeat
}

.tech_sql {
    width: 200px;
    height: 200px;
    position: absolute;
    z-index: 1;
    right: 145px;
    top: 348px;
    background: url(../images/sql.html);
    background-repeat: no-repeat
}

.tech_vlaptoptech {
    width: 709px;
    height: 528px;
    position: absolute;
    z-index: 1;
    top: 15px;
    background: url(../images/vlaptoptech.html);
    background-repeat: no-repeat
}

.tech_vwordpess {
    width: 150px;
    height: 150px;
    position: absolute;
    z-index: 0;
    right: 33px;
    top: -17px;
    background: url(../images/vworpdress.html);
    background-repeat: no-repeat
}

.tech_vfirebase {
    width: 150px;
    height: 150px;
    position: absolute;
    z-index: 0;
    right: -8px;
    top: 85px;
    background: url(../images/vfirebass.html);
    background-repeat: no-repeat
}

.tech_vphp {
    width: 200px;
    height: 200px;
    position: absolute;
    z-index: 1;
    right: 12px;
    top: 196px;
    background: url(../images/vphp.html);
    background-repeat: no-repeat
}

.tech_vcakephp {
    width: 200px;
    height: 200px;
    position: absolute;
    z-index: 1;
    right: 145px;
    top: 348px;
    background: url(../images/vcakephp.html);
    background-repeat: no-repeat
}

.tech_vios {
    width: 150px;
    height: 150px;
    position: absolute;
    z-index: 0;
    right: -2px;
    top: 387px;
    background: url(../images/vios.html);
    background-repeat: no-repeat
}

.tech_vandroid {
    width: 150px;
    height: 150px;
    position: absolute;
    z-index: 1;
    left: 40px;
    top: 70px;
    background: url(../images/vandroid.html);
    background-repeat: no-repeat
}

.tech_vsql {
    width: 200px;
    height: 200px;
    position: absolute;
    z-index: 1;
    right: 145px;
    top: 348px;
    background: url(../images/vsql.html);
    background-repeat: no-repeat
}

.tech_llaptoptech {
    width: 709px;
    height: 528px;
    position: absolute;
    z-index: 1;
    top: 15px;
    background: url(../images/llaptoptech.html);
    background-repeat: no-repeat
}

.tech_lworpdress {
    width: 150px;
    height: 150px;
    position: absolute;
    z-index: 0;
    right: 33px;
    top: -17px;
    background: url(../images/lworpdress.html);
    background-repeat: no-repeat
}

.tech_lworpdress.brdv {
    left: 0;
    bottom: 0;
    top: unset
}

.tech_lfirebass {
    width: 150px;
    height: 150px;
    position: absolute;
    z-index: 0;
    right: -8px;
    top: 85px;
    background: url(../images/lfirebass.html);
    background-repeat: no-repeat
}

.tech_lphp {
    width: 200px;
    height: 200px;
    position: absolute;
    z-index: 1;
    right: 12px;
    top: 196px;
    background: url(../images/lphp.html);
    background-repeat: no-repeat
}

.tech_lcakephp {
    width: 200px;
    height: 200px;
    position: absolute;
    z-index: 1;
    right: 145px;
    top: 348px;
    background: url(../images/lcakephp.html);
    background-repeat: no-repeat
}

.tech_lios {
    width: 150px;
    height: 150px;
    position: absolute;
    z-index: 0;
    right: -2px;
    top: 387px;
    background: url(../images/lios.html);
    background-repeat: no-repeat
}

.tech_landroid {
    width: 150px;
    height: 150px;
    position: absolute;
    z-index: 1;
    left: 40px;
    top: 70px;
    background: url(../images/landroid.html);
    background-repeat: no-repeat
}

.tech_lsql {
    width: 200px;
    height: 200px;
    position: absolute;
    z-index: 1;
    right: 145px;
    top: 348px;
    background: url(../images/lsql.html);
    background-repeat: no-repeat
}

.industry_section h4 {
    color: #232e45;
    font-size: 22px
}

.industry_section ul {
    margin-bottom: 10px;
    width: 50%;
    padding: 0;
    text-align: left;
    overflow: hidden;
    float: left
}

.industry_section ul li {
    padding: 0 0 0 25px;
    position: relative
}

.industry_section ul li {
    position: relative;
    font-size: 16px;
    color: #455963;
    font-weight: 300
}

.industry_section ul li:after {
    content: "\f00c";
    position: absolute;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    font-family: fontawesome;
    color: #e67a3f
}

.industry_section .call-to-action {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 20px 0 0 0
}

.industry_section .call-to-action a {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block
}

.web-development .cnt_title {
    color: #232e45
}

.web-development .main-estbls-sec {
    background-color: #fafafa
}

.wrk-wth h6 {
    font-size: 21px;
    text-align: center;
    color: #232e45;
    text-transform: capitalize;
    padding: 0
}

.wrk-wth h2 {
    color: #0c1517;
    font-size: 40px;
    padding: 6px 0 0;
    text-transform: capitalize;
    margin: 0 250px;
    font-weight: 700
}

.wrk-wth p {
    padding: 15px 180px 0;
    font-size: 16px
}

.wrk-wth {
    width: 100%;
    padding: 60px 0;
    position: relative;
    text-align: center
}

.wrk-wth:after {
    content: "";
    position: absolute;
    background: url(../images/samji.html);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    height: 500px;
    bottom: 0;
    display: block;
    right: 0;
    z-index: -1;
    width: 27%
}

.wrk-wth .form {
    width: 55%;
    margin: 0 auto;
    padding: 50px 0 0 0
}

.form input[type=text] {
    width: 100%;
    height: 55px;
    border-radius: 5px;
    border: none;
    background-color: #fff;
    text-decoration: none;
    padding: 0 0 0 10px;
    margin: 0 0 20px;
    font-size: 15px;
    border: 1px solid #d4d4d4
}

.form input[type=text]:focus,
.form select:focus,
.form textarea:focus {
    box-shadow: 0 0 12px 0 rgba(247, 111, 34, .68)
}

.form label {
    font-size: 12px;
    color: #fff;
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0 0 5px 0;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 500
}

.form label.field-txt {
    margin-top: 20px
}

.form select {
    position: relative;
    width: 100%;
    height: 50px;
    margin: 0 0 20px;
    border-radius: 10px;
    padding: 0 20px;
    position: relative;
    font-size: 15px;
    color: #aba9a9;
    background: #fff;
    border: 1px solid #d4d4d4
}

.form .fa-caret-down {
    position: absolute;
    top: 45px;
    right: 35px;
    display: inline-block;
    z-index: 1;
    color: #aba9a9
}

.wrk-wth .form select:after {
    content: "\f107";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    display: block;
    background: #080808;
    font-size: 15px
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    font-size: 15px
}

.form textarea {
    width: 100%;
    height: 100px;
    padding: 10px 0 0 10px;
    resize: unset;
    margin: 0 0 9px;
    border-radius: 5px;
    font-size: 12px;
    border: 1px solid #d4d4d4
}

.wrk-wth .form .frmbtn [type=submit] {
    width: 100%;
    text-align: center;
    border: none;
    height: 50px;
    text-transform: uppercase;
    padding: 10px 30px;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
    font-size: 15px
}

.wrk-wth .form .frmbtn {
    padding: 0;
    margin: 20px 0 0 10px
}

.footer-top h3 {
    color: #232e45;
    font-size: 22px;
    line-height: 1;
    padding-bottom: 10px;
    text-align: left
}

.footer-top .linkinglist {
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    padding: 0;
    text-align: left;
    margin: 0
}

.footer-top .linkinglist li {
    padding: 5px 0
}

.footer-top .linkinglist li a {
    color: #434343;
    font-size: 15px
}

.footer-top .socialmid {
    border-bottom: 1px solid #f9e2ef;
    margin: 50px auto 0;
    padding-bottom: 30px;
    width: 100%
}

.footer-bottom .fologo {
    width: 130px
}

.footer-bottom .fologo img {
    width: 100%
}

.footer-main {
    font-size: 14px
}

.footer-top {
    padding: 60px 0 60px;
    border-top: 1px solid #f9e2ef
}

.footer-top h4 {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px 0;
    padding: 0;
    position: relative
}

.address-main ul {
    width: 100%;
    display: inline-block;
    margin: 10px 0
}

.address-main ul li {
    display: inline-block;
    line-height: 28px;
    font-size: 14px;
    padding: 0 0 8px 18px;
    position: relative;
    color: #fff
}

.address-main ul li a {
    color: #fff
}

.address-main ul li a:hover {
    color: #c2c2c2
}

.address-main ul li span {
    position: absolute;
    left: 0;
    top: 5px;
    color: var(--primary-color);
    font-size: 15px
}

.ftr-social {
    text-align: left;
    display: table;
    margin: 20px 0 0;
    padding: 0
}

.ftr-social li {
    float: left;
    margin: 0 15px 0 0;
    position: relative;
    text-align: center
}

.ftr-social li a {
    display: block;
    padding: 0;
    text-align: center
}

.ftr-social li a span {
    color: #cbd6e2;
    font-size: 14px;
    margin: 0
}

.ftr-social li a:hover span {
    color: #fff !important
}

.ftr-social li a:hover span.icon-facebook {
    color: #3b5998
}

.ftr-social li a:hover span.icon-twitter {
    color: #1da1f2
}

.ftr-social li a:hover span.icon-google-plus {
    color: #dd5044
}

.ftr-social li a:hover span.icon-linkedin {
    color: #007bb6
}

.ftr-social li a:hover span.icon-youtube-play {
    color: #c4302b
}

.ftr-social li a:hover span.icon-pinterest-p {
    color: #c92228
}

.ftr-social li a:hover span.icon-instagram {
    color: #fb3958
}

.ftr-social li a:hover span.icon-vimeo {
    color: #4ebbff
}

.ftr-social li a:hover span.icon-medium {
    color: #347235
}

.footer-nav2 {
    list-style-type: none;
    margin: 10px 0 10px 0;
    float: right
}

.footer-nav2 li {
    float: left;
    padding: 0 12px;
    position: relative
}

.footer-nav2 li:first-child {
    padding-left: 0
}

.footer-nav2 li:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 13px;
    background: #434343;
    left: 0;
    top: 30%
}

.footer-nav2 li:first-child:before {
    display: none
}

.footer-nav2 li a {
    font-weight: 400;
    color: #434343
}

.copyright {
    padding: 0;
    margin: 0;
    color: #434343
}

.copyright span {
    color: #434343
}

.disclaimer-area {
    background: #000;
    padding: 10px 0
}

.disclaimer {
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    line-height: 18px;
    margin: 0;
    padding: 10px 0
}

.disclaimer strong {
    color: var(--primary-color);
    font-weight: 500
}

.footer-top .socialmid .left {
    display: inline-block;
    width: 50%
}

.footer-top .socialmid .right {
    width: 49%;
    text-align: right;
    display: inline-block
}

.footer-top .socialmid .right img {
    width: 70%
}

.all-dmca {
    position: absolute;
    z-index: 99;
    bottom: -40px;
    left: 17px
}

.top-bar {
    padding: 10px 0;
    width: 100%;
    z-index: 99
}

.main-banner-sec1 {
    background-image: url(../images/mvp/banner-bg2.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 700px;
    width: 100%;
    padding: 150px 0 60px 0;
    margin: -108px 0 0 0;
    background-position: center center
}

.banner-cont h2 {
    font-size: 44px;
    font-weight: 700;
    color: #fff
}

.banner-cont h3 {
    font-size: 22px;
    font-weight: 400;
    color: #fff
}

.bages-box {
    margin-top: 30px
}

.bages-box {
    padding: 0
}

.bages-box li {
    display: inline-block;
    padding: 0;
    margin: 0
}

.bages-box li .imag {
    max-width: 100px
}

.bages-box li .sec {
    max-width: 50px;
    margin: 0 25px
}

.banner-cont h2 span {
    display: block
}

.banner-cont p {
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: 20px 0 20px 0
}

a.theme-btn {
    color: #fff !important;
    font-size: 16px;
    background-color: #232e45;
    border-radius: 5px;
    padding: 10px 17px;
    display: inline-block
}

a.theme-btn:hover {
    text-decoration: none
}

a.theme-btn-border {
    color: #232e45;
    font-size: 16px;
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    display: inline-block;
    border: 1px solid #232e45;
    margin: 0 0 0 15px
}

a.theme-btn-border:hover {
    text-decoration: none
}

.banner-img img {
    width: 100%
}

.second-sec-cont {
    position: relative;
    z-index: 10;
    margin-bottom: 50px
}

.main-second-sec {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 40px 0 0 0;
    margin: 0;
    background-position: center center;
    position: relative
}

.main-second-sec:before {
    background-image: url(../images/mvp/second-bg.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
    position: absolute;
    content: "";
    top: 461px;
    right: -1128px
}

.main-second-sec .tabbing-links {
    text-align: center;
    margin: 0 0 40px;
    padding: 0
}

.main-second-sec .tabbing-links li {
    color: #122130;
    display: inline-block;
    width: 15%;
    vertical-align: top;
    cursor: pointer;
    opacity: 1;
    padding: 19px 0;
    border-radius: 6px;
    font-weight: 500;
    border: 2px solid transparent;
    line-height: 22px
}

.main-second-sec .icon {
    margin: 0 0 17px 0;
    display: block
}

.main-second-sec .icon i {
    font-size: 30px;
    color: #232e45
}

.main-second-sec .tabbing-links li img {
    display: block;
    margin: 0 auto 19px;
    max-width: 50%
}

.main-second-sec .tabbing-links li:hover {
    opacity: 1;
    background: #fff;
    border: 2px solid #232e45
}

.main-second-sec .tabbing-links li.current {
    opacity: 1;
    background: #fff;
    border: 2px solid #232e45
}

.opn-nw h2 {
    font-size: 40px;
    color: #fff
}

.opn-nw h2 span {
    display: block
}

.opn-nw p {
    font-size: 20px;
    color: #ef7c14
}

.second-fld-img img {
    width: 100%
}

.second-sec-cont h2 {
    font-size: 32px;
    font-weight: 700;
    color: #122130;
    margin: 0
}

.cnt_title {
    font-size: 18px;
    color: #232e45;
    display: inline-block;
    padding: 0 0 10px 0;
    font-weight: 500
}

.second-sec-cont h2 span {
    display: block
}

.second-sec-cont p {
    font-size: 16px;
    padding: 15px 0 15px 0;
    color: #122130;
    margin: 0
}

.second-sec-cont ul {
    margin: 10px 0 20px;
    padding: 0
}

.second-sec-cont ul li {
    font-size: 14px;
    padding: 0
}

.second-sec-cont ul li:before {
    content: "\f105";
    font-family: FontAwesome !important;
    color: #232e45;
    font-size: 22px;
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: middle
}

.main-third-sec {
    padding: 60px 0 60px 0;
    background-color: #232e45;
    position: relative
}

.thrd-cont {
    text-align: center
}

.thrd-cont h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 700
}

.thrd-cont p {
    color: #f2f2f2
}

.thrd-cont p span {
    display: block
}

.prtfloi-slide {
    font-size: 0;
    margin: 0;
    padding: 0
}

.prtfloi-slide .srvces-slides .li {
    display: inline-block;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    height: 410px;
    border-radius: 10px;
    margin-left: 30px;
    border: 3px solid transparent;
    -ms-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.prtfloi-slide .srvces-slides .li:first-child {
    margin-left: 0
}

.prtfloi-slide .srvces-slides .li.margin-tp {
    margin-top: 30px
}

.slide-img img {
    width: 100%
}

.slide-cont {
    padding: 20px 20px;
    z-index: 2;
    bottom: 0;
    background-color: #131d27
}

.slide-cont article {
    text-align: center
}

.slide-cont article h2 {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    margin: 0
}

.slide-cont article p {
    font-size: 16px;
    color: #94afc7;
    padding: 15px 0;
    margin: 0
}

.aple-bts {
    display: inline-block;
    width: 30%;
    vertical-align: top
}

.ios {
    display: inline-block;
    width: 70%;
    vertical-align: top;
    text-align: right
}

.ios span {
    font-size: 14px;
    color: #e87813;
    font-weight: 500
}

.banner-client-slider {
    background-color: #fff;
    height: 90px;
    padding: 23px 10px;
    position: absolute;
    width: 520px;
    left: 0;
    bottom: 115px;
    margin: 0;
    border: 3px solid;
    border-image-source: linear_gradient(45deg, #192633, #ef7c14);
    border-image-slice: 1;
    border-radius: 0 6px 6px 0
}

.banner-client-slider ul {
    font-size: 0;
    padding: 0;
    margin: 0
}

.banner-client-slider ul li {
    display: inline-block;
    width: 150px
}

.banner-client-slider ul li figure {
    margin: 0
}

.banner-client-slider ul li img {
    margin: 0 auto;
    display: table;
    width: 100%
}

.main-estbls-sec {
    padding: 60px 0 40px 0;
    position: relative;
    background-color: #232e45
}

.portbanner {
    height: 400px;
    background-position: center;
    background-size: cover;
    padding: 120px 0;
    background-attachment: scroll;
    position: relative;
    background-repeat: no-repeat
}

.portbanner:before {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: #0000008c
}

.inerservice-banner .isb-textwrapper {
    padding: 0 110px 0 0;
    width: 100%;
    vertical-align: middle
}

.inerservice-banner .isb-textwrapper h5 {
    color: #fff;
    letter-spacing: 2px !important;
    font-family: AvenirRoman, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    margin: 0
}

.inerservice-banner .isb-textwrapper h1 {
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    font-size: 50px;
    margin-bottom: 20px;
    font-weight: 900;
    padding: 20px 20px 0 0;
    letter-spacing: 2px
}

.packgesSec {
    background-color: #fff
}

.packgesSec:before {
    content: '';
    background-color: #232e45;
    display: block;
    position: absolute;
    height: 400px;
    width: 100%;
    left: 0;
    top: 0
}

.portfolio .portfolio_arch:before {
    content: '';
    background-color: #232e45;
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.esbt-cnt h2 {
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    padding: 0 0 20px 0
}

.esbt-cnt h2 span {
    color: #e87813
}

.esbt-cnt p {
    font-size: 16px;
    color: #f2f2f2;
    margin: 0
}

.content_box {
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    padding: 25px;
    min-height: 295px;
    position: relative;
    margin: 15px;
    text-align: left
}

.content_box p {
    font-size: 12px;
    color: #7b7373;
    line-height: 18px
}

.rate_div h4 {
    font-size: 16px;
    color: #835ff8;
    font-weight: 600;
    margin-bottom: 3px
}

.logo_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    position: absolute;
    width: 86%;
    bottom: 6%
}

.logo_content ul {
    padding: 0
}

.logo_content img.img-fluid {
    width: auto
}

.rate_div ul li {
    display: inline-block;
    color: #ffb900;
    margin-right: 2px;
    font-size: 12px
}

.testimonial {
    text-align: center
}

.web-development .testimonial {
    background-color: #232e45
}

.rpded {
    border-radius: 5px;
    padding: 15px 30px 30px 30px;
    margin: 30px 0 0 0;
    position: relative;
    z-index: 9
}

.rpd_btns {
    margin: -45px 0 30px 0
}

.rpded .esbt-cnt h2 {
    font-size: 28px
}

.rpded .esbt-cnt .theme-btn-border {
    background-color: #131d27
}

.box1_aple h3 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 25px 0 12px 0
}

.box1_aple h3 span {
    display: block
}

.box1_aple p {
    font-size: 16px;
    color: #94afc7;
    padding: 0;
    margin: 0
}

.main-trans-sec {
    background-color: #131d27;
    padding: 30px 0 60px 0
}

.main-trans-sec .dive {
    height: 270px;
    background-color: #232e45;
    border-radius: 6px;
    padding: 30px;
    position: relative;
    border: 3px solid;
    border-image-source: linear_gradient(45deg, #ef7c14, #192633);
    border-image-slice: 1;
    border-radius: 0 6px 6px 0
}

.trans-cont h2 {
    font-size: 28px;
    color: #fff;
    margin: 0;
    font-weight: 700
}

.trans-cont h2 span {
    display: block
}

.trans-cont p {
    font-size: 16px;
    color: #94afc7;
    padding: 15px 0;
    margin: 0
}

.trans-img img {
    width: 100%;
    position: absolute;
    top: -168px;
    right: 0
}

figure {
    margin: 0
}

.contact-pg {
    padding: 30px 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.contact-pg .form-wrap {
    background: #fff;
    border: 9px solid #f9ad1c;
    padding: 50px 20px 50px 20px;
    position: relative;
    top: 8px;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 12%);
    border-radius: 1rem !important
}

.contact-pg .intl-tel-input {
    margin-top: 20px
}

.contact-pg .form-wrap form .form-group input,
.contact-pg .form-wrap form .form-group select,
.contact-pg .form-wrap form .form-group textarea {
    border: 0;
    border-bottom: 1px solid #f1c7de;
    width: 100%;
    margin: 10px 0;
    border-radius: 0;
    color: #b1b1b1;
    padding: 0;
    height: 30px;
    background: 0 0;
    outline: 0;
    resize: none
}

.form-control:focus {
    box-shadow: none
}

.contact-pg .form-wrap form .form-group input::placeholder,
.contact-pg .form-wrap form .form-group textarea::placeholder {
    color: #000
}

.error {
    color: red !important;
    font-size: 12px;
}

.contact-pg .form-wrap form .form-group select {
    color: #000
}

.contact-pg .form-wrap form .form-group select option {
    color: #000
}

.contact-pg .intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 25px
}

.contact-pg .intl-tel-input.separate-dial-code .selected-flag {
    background-color: transparent
}

.contact-pg .form-wrap form .submit {
    width: auto;
    color: #fff !important;
    font-size: 18px;
    background-color: #232e45;
    border-radius: 5px;
    padding: 12px 17px;
    display: inline-block;
    border: 1px solid #fff;
    margin-top: 14px
}

.contact-pg h1 {
    color: #434343;
    margin: 0;
    font-weight: 700;
    font-size: 34px
}

.contact-pg h1 span {
    display: block
}

.contact-pg p.p11,
.contact-pg p.p12 {
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #122130
}

.contact-pg p.p12 {
    padding: 0 0 20px 0;
    color: #122130
}

.contact-pg p.p11 {
    padding: 20px 0
}

.contact-pg .ml {
    color: #0cc7dd;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline
}

.contact-pg .tl {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    display: block
}

.contact-pg .tl:hover {
    text-decoration: none
}

.contact-pg ul {
    margin: 18px 0
}

.contact-pg ul li {
    color: #424242;
    font-size: 15px;
    margin: 2px 0;
    list-style: none
}

.contact-pg ul li a.highlight {
    color: #6325f6;
    text-decoration: underline
}

.main-privacy-sec {
    padding: 60px;
    font-family: Poppins, sans-serif !important
}

.main-privacy-sec ul {
    padding: 0
}

.srvces-slides .slick-dots {
    text-align: center;
    bottom: -50px;
    right: 4.2%
}

.srvces-slides .slick-dots li button {
    background-color: #e1e3e4;
    border-radius: 0;
    height: 10px;
    width: 10px
}

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

.srvces-slides .slick-dots li.slick-active button {
    background-color: #5a7797
}

.srvces-slides .li img {
    display: inline-block;
    border-radius: 0;
    outline: 0;
    width: 100%
}

.banner-cont {
    margin-top: 0;
    position: relative;
    z-index: 9
}

.portfolio_arch .tabbing-links {
    text-align: center;
    margin: -20px 0 20px 0;
    padding: 0;
    display: block;
    width: 100%
}

.packgesSec .tabbing-links {
    text-align: center;
    margin: 40px 0 0;
    padding: 0;
    display: block;
    width: 100%
}

.portfolio_arch .tabbing-links li {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 6px;
    position: relative;
    border: solid 1px #4b5e71;
    margin: 0 5px
}

.packgesSec .tabbing-links li {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 6px;
    position: relative;
    border: solid 1px #4b5e71;
    margin: 0 5px
}

.portfolio_arch .tabbing-links li.current {
    background: #232e45
}

.packgesSec .tabbing-links li.current {
    background: #232e45
}

.portfolio_arch .tabbing-links li:hover {
    background: #232e45;
    border: solid 1px #232e45
}

.packgesSec .tabbing-links li:hover {
    background: #232e45;
    border: solid 1px #232e45
}

.portfolio-sec h2,
.portfolio-sec p {
    color: #fff !important
}

.tabs {
    display: none;
    width: 100%
}

.tabs.current {
    display: inline-block;
    text-align: left
}

.portfolio .portfolio_arch .tabbing-links {
    text-align: center;
    margin: 0 0 40px;
    padding: 0;
    display: block;
    width: 100%
}

.portfolio .portfolio_arch .tabbing-links li {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 6px;
    position: relative;
    border: solid 1px #4b5e71;
    margin: 0 5px
}

.portfolio .portfolio_arch .tabbing-links li.current {
    background: #232e45
}

.portfolio .portfolio_arch .tabbing-links li:hover {
    background: #232e45;
    border: solid 1px #232e45
}

.portfolio .portfolio_arch {
    background: #232e45 !important
}

.portfolio .portfolio_arch {
    color: #fff !important
}

.portfolio-item li {
    padding: 5px
}

.portfolio-item li img {
    border-radius: 5px
}

.fold.dark {
    background-color: #232e45
}

.mid-info {
    padding: 100px 0 60px 0
}

.fold {
    width: 100%
}

.decription-content {
    text-align: center;
    padding: 0 0;
    margin-bottom: 30px
}

.fold.dark .decription-content h3 {
    color: #fff;
    margin-bottom: 25px;
    font-size: 34px
}

.fold .decription-content p.para {
    font-family: Poppins, Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #232e45
}

.fold.dark .decription-content p.para {
    color: #fff
}

.svc {
    color: #fff;
    margin-bottom: 30px
}

.svc h3 {
    display: inline-block;
    font-family: Poppins, Arial;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    padding: 0;
    vertical-align: middle
}

.svc h3 span {
    font-size: 20px;
    display: block;
    margin-top: 10px;
    color: #232e45;
    font-weight: 600
}

.svc p {
    font-family: Poppins, Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
    letter-spacing: .25px;
    height: 94px
}

.order-place {
    color: #fff !important;
    border-radius: 6px;
    width: 160px;
    height: 45px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
    text-decoration: none;
    line-height: 45px
}

.order-place:hover {
    color: #fff;
    background-color: #36ceff;
}

.step-img {
    margin: auto
}

.qa-img {
    height: 100%;
    margin: auto;
    vertical-align: middle
}

.qa-img img {
    width: 100%
}

.qa-section {
    padding-left: 80px
}

.qa {
    color: #122130;
    margin-bottom: 30px
}

.qa-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 48px
}

.qa p {
    font-family: Poppins, Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #122130;
    letter-spacing: .25px;
    border-bottom: 1px solid #122130
}

.qa-list img {
    vertical-align: middle;
    margin-top: 5px
}

.qa-list span {
    display: inline-block;
    color: #122130;
    font-family: Poppins, Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-left: 16px
}

@media screen and (min-width:1600px) {
    .main-how-it-works-sec:after {
        width: 37%
    }
    .whtsnxt-inner img {
        width: 80%;
        bottom: -55px;
        right: -55px
    }
    .banner-client-slider {
        bottom: 315px
    }
    .main-second-sec:after,
    .main-second-sec:before {
        height: 500px
    }
}

@media screen and (max-width:1600px) {
    .container {
        width: 100%
    }
    .banner-head {
        font-size: 60px
    }
    .banner-form-head {
        font-size: 20px
    }
    .section-two-head {
        font-size: 65px
    }
    .section-three-head {
        font-size: 65px
    }
    .mobile-app-columns {
        margin-bottom: 40px
    }
    .section-four-head {
        font-size: 65px;
        padding-left: 50px
    }
    .section-four>.container:before {
        left: 2%
    }
    .section-four>.container:after {
        left: 2%
    }
    .section-four>.container_after:after {
        width: 100px
    }
    .tab-buttons>ul>li {
        font-size: 18px
    }
    .tab-detail-content {
        padding-right: 0
    }
    .portfolio-head {
        font-size: 55px
    }
    .portfolio-column>div {
        padding-top: 150px;
        padding-bottom: 150px
    }
    .btn-store {
        width: 65%
    }
    .cta-section-head {
        font-size: 65px
    }
}

@media screen and (max-width:1366px) {
    .banner-haed-col {
        width: 40% !important
    }
    .banner-head {
        font-size: 50px
    }
    .banner-mobile-col {
        width: 30% !important
    }
    .banner-form-col {
        width: 30% !important
    }
    .banner-form-col>form {
        width: 100%
    }
    .banner-form-head {
        font-size: 22px
    }
    .section-two-head {
        font-size: 60px
    }
    .section-two-head:before {
        left: 8%
    }
    .sec-two-head-after:after {
        width: 15%
    }
    .section-two-head:after {
        right: 7%
    }
    .about-us-cols>div {
        width: 30%
    }
    .about-us-cols {
        padding-left: 5%;
        align-items: flex-start
    }
    .section-three-head {
        font-size: 60px
    }
    .icon-circle-mobile {
        left: calc(100% - 77px);
        max-width: 125px
    }
    .section-four-head {
        font-size: 60px
    }
    .section-five-head {
        top: 75px
    }
    .portfolio-head {
        font-size: 50px
    }
    .portfolio-column>div {
        padding-top: 100px;
        padding-bottom: 100px
    }
    .portfolio-content p {
        padding-right: 15%
    }
    .cta-section-head {
        font-size: 60px
    }
}

@media only screen and (min-width:1024px) and (max-height:1366px) and (-webkit-min-device-pixel-ratio:1.5) {
    .navbar-light .navbar-brand {
        transform: translateX(-50%);
        left: 50%;
        position: absolute
    }
    .start-header {
        height: 116px
    }
    .nav-item {
        top: 65px
    }
}

@media screen and (max-width:1280px) {
    .copyr .upbtnn {
        left: 0
    }
    .phone-num {
        width: 35%
    }
    .banner-head {
        font-size: 40px
    }
    .scroll-text {
        bottom: 30px
    }
    .banner-form-head {
        font-size: 20px
    }
    .banner-form-col {
        width: 36% !important
    }
    .section-two-head {
        font-size: 50px;
        padding-top: 125px
    }
    .section-two {
        padding-bottom: 125px
    }
    .static-image {
        display: none
    }
    .section-three-head {
        font-size: 50px;
        margin-bottom: 20px
    }
    .mobile-app-columns>.app-boxes {
        padding: 30px
    }
    .app-boxes .h3 {
        font-size: 18px
    }
    .mobile-app-columns {
        margin-bottom: 20px
    }
    .section-four-head {
        font-size: 50px;
        padding-left: 0
    }
    .section-four>.container:before {
        display: none
    }
    .section-four>.container:after {
        display: none
    }
    .tab-buttons {
        margin-left: 0
    }
    .tab-buttons>ul>li {
        padding-bottom: 20px;
        margin-bottom: 20px
    }
    .tab-detail-content-head {
        font-size: 40px
    }
    .tab-details p:before {
        display: none
    }
    .tab-details p {
        padding-left: 0;
        margin-top: 30px
    }
    .tab-detail-content .btn-gradient {
        margin-left: 0;
        display: block;
        line-height: 1
    }
    .section-five-head {
        top: 50px;
        font-size: 35px
    }
    .portfolio-head {
        font-size: 40px
    }
    .portfolio-column>div {
        padding-top: 60px;
        padding-bottom: 60px
    }
    .portfolio-content p {
        margin-top: 15px
    }
    .cta-section-head {
        font-size: 50px
    }
}

@media screen and (max-width:991px) {
    .phone-num {
        font-size: 14px;
        width: 270px;
        background-image: none;
        text-align: center
    }
    .copyr .upbtnn {
        top: 30px
    }
    .footer-midle li {
        width: unset
    }
    .sub-footer ul li {
        padding: 0 0 5px 10px
    }
    .h3 {
        font-size: 20px;
        line-height: 1.15
    }
    .h4 {
        font-size: 20px;
        line-height: 1.15
    }
    .banner-flex {
        margin-top: 50px;
        margin-bottom: 60px
    }
    .banner-section {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .banner-head {
        font-size: 35px
    }
    .banner-form-col {
        width: 40% !important
    }
    .banner-haed-col {
        width: 60% !important
    }
    .banner-mobile-col {
        display: none
    }
    .scroll-text {
        bottom: -30px
    }
    .banner-form-head {
        margin-bottom: 15px
    }
    .banner-form-head>span {
        padding-bottom: 15px
    }
    .banner-form-head {
        font-size: 18px
    }
    .banner-form input {
        padding: 10px 10px;
        font-size: 14px
    }
    .input-parent {
        height: 40px;
        margin-bottom: 10px
    }
    .btn-parent {
        height: 40px
    }
    .btn-gradient {
        font-size: 16px !important
    }
    .section-two-head:before {
        display: none
    }
    .section-two-head:after {
        display: none
    }
    .section-two-head span.has-lines:before {
        display: none
    }
    .section-two-head span.has-lines:after {
        display: none
    }
    .section-two-head {
        font-size: 35px;
        padding-top: 100px
    }
    .about-us-cols {
        padding-left: 0
    }
    .about-us-cols>div .h3>br {
        display: none
    }
    .section-three {
        padding-top: 100px;
        padding-bottom: 100px
    }
    .section-three-head {
        font-size: 35px;
        margin-bottom: 20px
    }
    .mobile-app-columns {
        flex-flow: row wrap;
        margin-bottom: 0
    }
    .mobile-app-columns>.app-boxes {
        max-width: 100%;
        padding: 15px
    }
    .app-boxes .h3>br {
        display: none
    }
    .app-boxes .h3 {
        margin-bottom: 10px
    }
    .section-four {
        padding-top: 100px
    }
    .section-four>.container {
        padding-bottom: 100px
    }
    .section-four-head {
        font-size: 35px;
        letter-spacing: 0
    }
    .tab-detail-content .btn-gradient {
        padding: 15px 75px
    }
    .tab-buttons>ul>li {
        font-size: 16px
    }
    .section-four .h4 {
        margin-bottom: 15px
    }
    .section-five-head {
        top: 35px;
        font-size: 30px
    }
    .section-five-head>span {
        padding-bottom: 20px
    }
    .portfolio-head {
        font-size: 30px
    }
    .portfolio-column>div {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .portfolio-content p {
        line-height: 1.25;
        font-size: 18px;
        margin-bottom: 20px;
        margin-top: 10px
    }
    .cta-section {
        padding-top: 100px;
        padding-bottom: 100px
    }
    .cta-section-head {
        font-size: 35px
    }
    .cta-section .btn-parent {
        height: auto
    }
    .cta-input {
        margin-top: 25px;
        margin-bottom: 25px
    }
    .sub-footer .address {
        padding: 0 10px 0 0
    }
}

@media screen and (max-width:767px) {
    .footer-top .fform {
        width: 100%
    }
    .copyr .text {
        width: 100%
    }
    .sub-footer ul.last-list li {
        padding: 10px 20px;
        display: block;
        border-left: transparent
    }
    .sub-footer .address {
        width: 24%
    }
    .sub-footer .address h4 {
        font-size: 14px
    }
    .sub-footer ul li {
        width: unset;
        padding: 0 8px
    }
    .footer-links ul.footer-group li a {
        padding: 0
    }
    .sub-footer .faddres {
        margin-bottom: 0
    }
    .banner-flex {
        flex-flow: row wrap
    }
    .banner-haed-col {
        width: 100% !important;
        text-align: center
    }
    .banner-head {
        width: 100% !important
    }
    .scroll-text {
        position: static;
        margin-top: 30px;
        display: block;
        width: 100%;
        text-align: center
    }
    .banner-form-col {
        width: 100% !important;
        flex-flow: row wrap;
        margin-top: 30px
    }
    .banner-form-col>form {
        width: 75%;
        margin: 0 auto
    }
    .banner-form-head {
        text-align: center
    }
    .banner-flex {
        margin-top: 50px;
        margin-bottom: 30px
    }
    .section-two {
        background-image: none
    }
    .section-two-head {
        font-size: 35px;
        padding-top: 50px;
        text-align: center
    }
    .about-us-cols {
        flex-flow: row wrap;
        margin-top: 40px
    }
    .about-us-cols>div {
        width: 100%;
        margin-bottom: 40px
    }
    .budjet-col {
        margin-bottom: 0 !important
    }
    .about-us-cols>div .h3 {
        margin-bottom: 20px;
        padding-top: 20px;
        margin-top: 20px;
        width: 100%
    }
    .section-two-head>span>br {
        display: none
    }
    .about-us-services-bg {
        display: none
    }
    .section-three {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .app-col-left {
        display: none
    }
    .app-col-right {
        width: 100%;
        padding-left: 0
    }
    .mobile-app-columns>.app-boxes {
        padding-left: 0
    }
    .section-four {
        padding-top: 50px
    }
    .section-four>.container {
        padding-bottom: 50px
    }
    .section-four-head {
        font-size: 35px
    }
    .process-columns {
        margin-top: 40px;
        flex-flow: row wrap
    }
    .tab-buttons {
        width: 100%
    }
    .tab-buttons>ul>li {
        display: inline-block;
        width: 49%;
        padding-bottom: 15px;
        margin-bottom: 15px
    }
    .tab-details {
        width: 100%
    }
    .tab-detail-images {
        display: none
    }
    .tab-detail-content {
        width: 100%
    }
    .tab-detail-content-head {
        font-size: 35px;
        margin-bottom: 0
    }
    .tab-details p {
        margin-top: 15px;
        margin-bottom: 15px
    }
    .tab-detail-content .btn-gradient {
        display: inline-block
    }
    .cta-section {
        padding-top: 50px;
        padding-bottom: 50px;
        background-color: #451994;
        background-image: none
    }
    .cta-input {
        flex-flow: row wrap
    }
    .cta-input>input,
    .cta-input>textarea {
        width: 100%;
        margin-bottom: 15px
    }
    .cta-input>textarea {
        margin-bottom: 0 !important
    }
    .cta-form {
        width: 75%;
        margin: 0 auto
    }
    .footer-section {
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center
    }
    .copyright p {
        font-size: 18px
    }
    .addresses {
        margin: 30px auto;
        text-align: center;
        flex-flow: row wrap
    }
    .addresses>div {
        width: 100%;
        margin-bottom: 30px
    }
    .addresses>div:last-child {
        margin-bottom: 0 !important
    }
    .footer-contact {
        flex-flow: row wrap
    }
    .footer-contact>div {
        width: 100%
    }
    .social-links a {
        margin: 0 1%
    }
    .main-how-it-works-sec:after {
        display: none
    }
    .whtsnxt-inner img {
        position: relative;
        width: 100%;
        bottom: 0;
        right: 0
    }
    .tlus-inner {
        padding: 60px 30px 30px 30px
    }
    .whtsnxt-inner {
        padding: 60px 30px 30px 31px;
        margin: 30px 0 0 0
    }
    .banner-cont h2,
    .dvlemnt-heading-sec h2,
    .hitw-inner-sec h2,
    .hwamn-heading h2 {
        font-size: 28px
    }
    .tlus-inner p {
        font-size: 20px
    }
    .hitw-inner-sec p {
        padding: 40px 0 40px 0
    }
    .cngng-inner-sec p {
        padding: 24px 0 10px 0
    }
    .cngng-inner-sec h2 {
        font-size: 20px
    }
    .main-btns-sec .theme-bg-btn {
        margin: 0 2px 0 0;
        width: 170px;
        font-size: 14px;
        padding: 16px 15px
    }
    .banner-img img {
        width: 100%
    }
    .section-two .bg-row {
        padding: 30px 5px;
        height: auto;
        top: -370px;
        width: 100%;
        max-width: 400px
    }
    .banner-cont h2 span {
        display: inline-block
    }
    .banner-btm-para p {
        font-size: 16px;
        padding: 15px 0
    }
    .banner-btm-para {
        margin: 330px 0 0 0
    }
    .section-two {
        padding-bottom: 0
    }
    .dvlemnt-heading-sec p {
        padding: 0
    }
    .main-chnging-sec {
        height: auto;
        padding: 60px 0 60px 0
    }
    .main-btns-sec .theme-outline-btn {
        font-size: 14px;
        width: 170px
    }
}

@media screen and (max-width:736px) {
    .top-bar .col-md-6.col-sm-6 {
        display: inline-block;
        width: 50%
    }
    .banner-cont {
        padding: 30px 0 30px 0
    }
    .main-estbls-sec:after,
    .main-second-sec:after,
    .main-second-sec:before,
    .main-third-sec:before {
        display: none
    }
    .opn-nw h2 {
        font-size: 24px
    }
    .esbt-cnt h2,
    .second-sec-cont h2,
    .thrd-cont h2 {
        font-size: 30px
    }
    .main-banner-sec1,
    .main-second-sec {
        height: auto
    }
    .main-banner-sec1 {
        padding-bottom: 30px
    }
    .main-estbls-sec,
    .main-second-sec {
        padding: 30px 0 30px 0
    }
    .main-third-sec {
        padding: 30px 0 30px 0
    }
    a.theme-btn-border {
        font-size: 12px;
        margin: 0 0 0 5px;
        width: calc(50% - 5px);
        text-align: center
    }
    a.theme-btn {
        font-size: 14px;
        width: calc(50% - 5px);
        text-align: center
    }
    .second-fld-img img {
        padding-top: 30px
    }
    .rpded {
        padding: 15px 20px 30px 20px
    }
    .rpded .esbt-cnt h2 {
        font-size: 24px
    }
    .trans-img img {
        position: relative;
        top: 0
    }
    .trans-cont h2 {
        font-size: 24px
    }
    .main-trans-sec .dive {
        height: auto;
        padding: 30px 20px
    }
    .main-trans-sec {
        padding: 30px 0 30px 0
    }
    .contact-pg .form-wrap {
        top: 0;
        padding: 50px 20px 50px 20px
    }
    .contact-pg {
        height: auto
    }
    .contact-pg h1 {
        font-size: 30px;
        padding: 30px 0 0 0
    }
    .contact-pg .tl {
        font-size: 18px
    }
    .svc p {
        height: auto
    }
}

@media screen and (max-width:575px) {
    .banner-client-slider {
        display: none
    }
    .footer_menu li {
        width: 100% !important
    }
    .footer .footer-group {
        text-align: center
    }
    .cta,
    .student-img {
        display: none
    }
    .samples_form_btn {
        margin: 0
    }
}

@media screen and (max-width:480px) {
    #left,
    #right {
        display: none
    }
    .copyr .upbtnn {
        left: 100px
    }
    .sub-footer .address {
        width: 50%
    }
    .footer-top .fform form button {
        width: 100%;
        border-radius: 0;
        top: 136px;
        right: 0
    }
    .footer-midle ul {
        margin: 80px 0 0
    }
    .footer-top .fform form input[type=email] {
        width: 100%;
        border-radius: 0;
        padding: 0 0 0 15px;
        border-bottom: 1px solid #57aaee;
        margin: 0
    }
    .footer-top .fform form input[type=number] {
        width: 100%;
        border-radius: 0;
        border-left: none;
        padding: 0 0 0 15px
    }
    .footer-top .fform:before {
        display: none
    }
    .footer_menu li {
        width: 100%
    }
    .phone-num {
        margin-top: 20px
    }
    .banner-flex {
        margin-top: 30px
    }
    .banner-form-col>form {
        width: 100%
    }
    .section-two-head {
        font-size: 30px
    }
    .section-three-head {
        font-size: 30px
    }
    .section-four-head {
        font-size: 30px
    }
    .tab-buttons>ul>li {
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 10px
    }
    .tab-detail-content-head {
        font-size: 30px
    }
    .tab-detail-content .btn-gradient {
        padding: 15px 60px
    }
    .cta-form {
        width: 100%
    }
    .cta-section .btn-gradient {
        padding: 15px 60px
    }
    .srvceinner-sec ul li.srcve-box1 {
        width: 100%;
        padding: 30px 15px 0
    }
    .how-it-works-list ul li {
        width: 100%
    }
    .how-it-works-list ul li div {
        margin-left: 0
    }
    .how-it-works-list ul li:first-child div {
        margin-left: 0
    }
    .how-it-works-list ul li:nth-child(4) div {
        margin-left: 0
    }
}

.logo-sec {
    margin: 0 auto;
    text-align: center
}

.logo-sec img {
    padding: 10px
}

.ways .ways-box {
    text-align: center;
    padding: 0 30px
}

.ta-left p {
    text-align: left !important
}

.ways .ways-box figure {
    padding: 20px 30px
}

.ways .ways-box figure img {
    width: 50%
}

.ways .ways-box h5 {
    color: #160c28;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 1rem;
    padding: 0
}

.ways .ways-box p {
    color: #160c28;
    font-size: 15px;
    padding: 0;
    line-height: 1.7
}

.portfolio_arch h2 {
    font-size: 32px;
    text-align: center;
    color: #fff;
    font-weight: 700
}

.portfolio_arch p {
    font-size: 1rem;
    text-align: center;
    padding-bottom: 40px;
    color: #fff
}

.award-item img {
    margin-top: 40px;
    width: 200px
}

.award-item {
    text-align: center
}

.awards {
    overflow: hidden;
    background-color: #232e45 !important;
    padding: 60px 0
}

.proofbox {
    background: #3d60a6;
    padding: 60px 0 60px
}

.proofbox h3 {
    color: #fff;
    font-size: 30px
}

.proofbox p {
    color: #fff;
    font-size: 18px
}

.portfolio_arch {
    overflow: hidden;
    background: #232e45;
    padding: 60px 0
}

.portfolio_arch .fixdwrap {
    width: 100%
}

.portfolio_arch .fixdwrap .portfoliogridlist {
    position: relative;
    margin: 0 auto;
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    font-size: 0;
    padding: 0
}

.portfolio_arch .fixdwrap .portfoliogridlist li {
    width: 25%;
    display: inline-block
}

.portfolio_arch .fixdwrap .portfoliogridlist li a {
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    position: relative;
    display: inline-block
}

.portfolio_arch .fixdwrap .portfoliogridlist li:hover a:after {
    top: 50%
}

.portfolio_arch .fixdwrap .portfoliogridlist li a:after {
    opacity: 0;
    position: absolute;
    content: "\f067";
    font-family: FontAwesome !important;
    left: 50%;
    top: 60%;
    width: 48px;
    margin-left: -24px;
    margin-top: 0;
    color: #fff;
    font-size: 48px;
    line-height: 48px;
    text-align: center;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    text-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

.portfolio_arch .fixdwrap .portfoliogridlist li:hover a:after {
    opacity: 1;
    position: absolute;
    content: "\f067";
    font-family: FontAwesome !important;
    left: 50%;
    top: 48%;
    width: 48px;
    margin-left: -24px;
    margin-top: -24px;
    color: #fff;
    font-size: 48px;
    line-height: 48px;
    text-align: center;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    text-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

.portfolio_arch .fixdwrap .portfoliogridlist li:hover a:before {
    background: #3d60a68c;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    display: inline-block;
    height: 100%
}

.portfolio_arch .fixdwrap .portfoliogridlist li a figure {
    margin-bottom: 0
}

.portfolio_arch .fixdwrap .portfoliogridlist li a figure img {
    width: 100%
}

.ratedtext {
    color: #fff;
    margin: 20px 0 0
}

.ratedtext a {
    display: table;
    margin: 0 auto;
    color: #ffb900
}

ul.custsatis {
    margin: 50px 0 20px;
    padding: 0;
    width: 100%
}

ul.custsatis li {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    padding: 0 20px
}

ul.custsatis li img {
    display: block;
    margin: 0 auto 20px;
    max-width: 100%
}

.web-development .portfolio_arch {
    background: #fff
}

.cta {
    padding: 40px 0
}

.cta article {
    text-align: center;
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    padding: 68px 0;
    border-radius: 25px
}

.cta article h2 {
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px;
    text-transform: capitalize
}

.cta article p {
    font-size: 16px;
    color: #fff;
    font-weight: 300
}

.contact-pg a.primary-btn,
.cta article a.primary-btn {
    background: #fff;
    color: #ff6b00;
    border-radius: 6px;
    font-weight: 700;
    margin: 10px auto;
    padding: 15px;
    height: auto;
    display: inline-block;
    font-size: 15px;
    box-shadow: 5px 3px 16px 0 #0000002b
}

.contact-pg a.primary-btn,
.cta article a.primary-btn:hover {
    color: #ff6b00
}

.contact-pg a.secondary-btn,
.cta article a.secondary-btn {
    height: auto;
    padding: 15px;
    border-radius: 5px;
    font-size: 15px;
    display: inline-block !important;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    background-color: #232e45;
    color: #fff;
    background: #1ebea5;
    border: 1px solid #7d5f5f;
    border-top: 0;
    border-left: 0;
    box-shadow: 5px 3px 16px 0 #0000002b
}

.contact-pg a.primary-btn {
    background: #ff6b00;
    color: #fff;
    text-align: center
}

.cta-btns {
    display: inline-block;
    margin-top: 18px
}

.cta-btns a {
    width: 180px
}

@media screen and (max-width:375px) {
    .main-btns-sec .theme-outline-btn {
        width: 155px
    }
    .section-two .bg-row {
        max-width: 372px
    }
    .banner-btm-para {
        margin: 265px 0 0 0
    }
}

@media screen and (max-width:320px) {
    .banner-cont h2,
    .dvlemnt-heading-sec h2,
    .hitw-inner-sec h2,
    .hwamn-heading h2 {
        font-size: 20px
    }
    .tlus-inner p {
        font-size: 16px;
        padding: 0 0 10px 0
    }
    .inpdv input,
    .inpdv textarea {
        font-size: 16px;
        margin: 0 0 30px 0
    }
    .tlus-inner {
        padding: 40px 30px 30px 30px;
        min-height: 520px
    }
    .whtsnxt-inner h2 {
        font-size: 20px;
        margin: 0 0 30px 0
    }
    .whtsnxt-inner {
        padding: 30px 30px 0 30px;
        margin: 30px 0 0 0
    }
    .main-btns-sec .theme-bg-btn {
        margin: 0;
        width: 140px;
        font-size: 13px;
        padding: 12px 0;
        height: 40px
    }
    .main-btns-sec .theme-outline-btn {
        width: 145px;
        font-size: 13px;
        height: 40px;
        padding: 11px 15px
    }
    .section-two .bg-row {
        padding: 30px 0
    }
    .banner-btm-para {
        margin: 185px 0 0 0
    }
}

input:-internal-autofill-selected {
    background-color: transparent !important
}

body,
html {
    font-family: Poppins, sans-serif !important;
    overflow-x: hidden
}

.wrk-wth .form select {
    width: 100%;
    margin: 0 0 20px 0;
    border: 1px solid #b2b9c1;
    background: #fff;
    padding: 12px 15px;
    color: #5b6b7f;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    height: 55px
}

.wrk-wth .form select[name=ddlDay],
.wrk-wth .form select[name=ddlMonth],
.wrk-wth .form select[name=ddlYear] {
    float: left;
    width: 32.5%;
    margin: 0 1% 0 0
}

.wrk-wth .form select[name=ddlYear] {
    margin: 0
}

.wrk-wth .form .check-list {
    float: left;
    margin: 0;
    text-align: left;
    padding: 0
}

.wrk-wth .form input[type=checkbox]:not(old),
.wrk-wth .form input[type=radio]:not(old),
ul.card_item li input[type=radio]:not {
    width: 19px;
    margin: 0 0 0;
    padding: 0 0;
    opacity: 0;
    cursor: pointer;
    display: inline-block;
    height: 19px
}

.wrk-wth .form input[type=checkbox]:not(old)+label,
input[type=radio]:not(old)+label {
    display: inline-block;
    margin-left: -28px;
    padding-left: 28px;
    background: url(../images/checks.html) no-repeat 0 1px;
    line-height: 24px;
    font-weight: 500;
    font-size: 14px;
    color: #5b6b7f;
    width: auto
}

.wrk-wth .form input[type=checkbox]:not(old):checked+label {
    background-position: 0 -23px
}

.wrk-wth .form input[type=radio]:not(old):checked+label {
    background-position: 0 -48px
}

.wrk-wth .form input[type=file] {
    color: #5b6b7f;
    box-shadow: none;
    border: 0;
    padding: 10px 0 0 0
}

.homeslid .slick-next {
    right: 10px
}

.web-development .portfolio_arch h2 {
    color: #232e45
}

.web-development .portfolio_arch p {
    color: #232e45
}

.mobile-nav nav {
    height: 100%;
    text-align: left;
    text-decoration: none
}

ul.unstyled.mainnav.pbpx-15 {
    list-style: none;
    padding: 0
}

.mobile-nav nav li a {
    color: #333;
    font-weight: 400;
    display: block;
    padding: 10px 24px;
    border-top: 1px solid #d6d8db;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    text-decoration: none
}

.bg-co {
    background-color: red;
    color: #fff !important
}

.mobile-nav nav li ul {
    background: #fff;
    display: none
}

.icon-angle-down:before {
    content: "\f0d7";
    font-family: FontAwesome;
    font-style: normal;
    float: right
}

.drop-o {
    display: block !important
}

.firstlevel {
    padding: 0
}

.mobile-nav {
    position: fixed;
    width: 80%;
    height: 100%;
    overflow-y: scroll;
    top: 49px;
    right: -100%;
    z-index: 12;
    background: var(--primary-color);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    background: #e9e9e9
}

.mobile-nav active {
    right: -100%
}

.mobile-nav-btn span {
    height: 3px;
    width: 32px;
    background-color: #232e45;
    display: block;
    margin-bottom: 6px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative;
    top: 8px
}

.mobile-nav-btn span:after,
.mobile-nav-btn span:before {
    display: block;
    background-color: var(--primary-color);
    height: 3px;
    width: 32px;
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin: .28571rem center;
    transform-origin: .28571rem center;
    right: 0;
    margin: 0 auto
}

.mobile-nav-btn .lines:before {
    top: 9px;
    background: #232e45
}

.mobile-nav-btn .lines:after {
    top: -9px;
    background: #232e45
}

.mobile-nav-btn {
    display: block;
    padding-top: 0
}

.mobile-nav-btn {
    position: fixed;
    top: 4px;
    padding: 20px 20px;
    border-radius: 4px;
    right: 2%;
    z-index: 100;
    cursor: pointer;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    z-index: 120
}

.content_block_img img {
    width: 100%
}

.mobile-nav-active {
    right: 0
}

.side-banner iframe {
    width: 100%;
    height: 350px
}

.bages-box li {
    vertical-align: middle
}

.wrk-wth .cmxform input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    width: 15px !important;
    height: 10px !important;
    margin: 0 5px 20px !important
}

.essay-services li {
    font-size: 1.1875rem;
    display: inline-block;
    margin-right: 30px
}

.homesprite {
    background: url(../images/homesprite.svg) no-repeat
}

i.homesprite {
    width: 46px;
    height: 40px;
    float: left;
    margin: 0 7px 0 0;
    background-size: 350px
}

.feature li i.rated {
    background-position: -199px -2px
}

.feature li i.expert {
    background-position: -153px -2px
}

.feature li i.turnitin {
    background-position: -240px -2px
}

li .title {
    font-size: 20px;
    line-height: 22px;
    display: block
}

li .free {
    background: #33cc6f;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    display: inline-block;
    padding: 0 5px;
    text-transform: uppercase
}

.feature {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding: 20px 0 0;
    color: #00aaa9
}

.feature li {
    width: 33.33%;
    float: left;
    font-size: 15px;
    line-height: 18px
}

.feature li:nth-child(1) {
    width: 31%
}

.feature li:nth-child(2) {
    width: 38%
}

.feature li:nth-child(3) {
    width: 31%
}

.essay-services li p {
    display: inline-block;
    vertical-align: middle
}

.essay-services .icon2:before {
    background: url(../images/report.svg) no-repeat
}

.essay-services .icon3:before {
    background: url(../images/award.svg) no-repeat
}

.essay-services {
    margin: 20px 0 0;
    padding: 0
}

.whatsapp-btn {
    background-color: #232e45;
    color: #fff;
    padding: 19px 50px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 10px;
    font-size: 15px;
    display: block !important;
    background: #1ebea5;
    background-size: cover;
    border: 1px solid #1ebea5;
    border-top: 1px;
    border-left: 1px
}

.whatsapp-btn:hover {
    background: #40c250
}

.banner_content .whatsapp-btn {
    display: inline !important;
    border-radius: 5px
}

.banner_content .whatsapp-btn i {
    font-size: 20px
}

.whatsapp-btn:hover {
    color: #fff
}

.form-dual {
    position: relative
}

.form-dual span {
    position: absolute;
    top: -30px;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    background: #00aaa9;
    display: block;
    padding: 10px;
    width: 48px;
    border-radius: 50%;
    color: #fff
}

.badges {
    padding: 0;
    display: flex
}

.rating-badge {
    display: inline-flex !important
}

.rating-badge img {
    height: 24px
}

.rating-badge .rating {
    color: #fff;
    padding: 10px 14px;
    border-radius: 5px 0 0 5px
}

.rating-badge .brand {
    padding: 10px 14px 10px 7px;
    background: #fff;
    border-radius: 0 5px 5px 0;
    color: #000;
    font-weight: 600
}

.badges li:nth-child(2) {
    margin-left: 15px
}

.rating-badge.topreviewer .rating {
    background: #232e45
}

.rating-badge.trusteduk .rating {
    background: #51b27e
}

.page_inner .btn {
    height: auto;
    padding: 15px;
    border-radius: 5px;
    font-size: 15px;
    display: inline-block !important;
    border: 0;
    text-align: center;
    width: 160px;
    color: #f0f0f0;
    outline: none;
    transition: .15s ease-in-out;
    transition-property: color, background, opacity, border, box-shadow;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.callusnow {
    width: 50px;
    height: 50px;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 100%;
    font-size: 24px;
    position: fixed;
    bottom: 90px;
    right: 20px;
    z-index: 9999;
    box-shadow: 6px 9px 30px 1px rgb(37 0 22 / 71%);
    padding: 6px 0 11px 0;
    animation: scrollDownAnimation .5s ease infinite alternate;
    -webkit-animation: scrollDownAnimation .5s ease infinite alternate;
    background: #3996d2;
    border: solid 3px #fff;
    background: #00e676
}

@keyframes scrollDownAnimation {
    from {
        transform: translateY(0)
    }
    to {
        transform: translateY(-10px)
    }
}

@-webkit-keyframes scrollDownAnimation {
    from {
        transform: translateY(0)
    }
    to {
        transform: translateY(-10px)
    }
}

.callusnow:hover {
    color: #fff
}

.home_trusted .heading-title {
    padding: 5px 0 0;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    color: #1d1d1d
}

.home_trusted .heading-title i {
    width: 46px;
    height: 38px;
    display: block;
    background-size: 350px;
    background-position: -289px -3px
}

.homesprite {
    background: url(../images/homesprite.svg) no-repeat
}

.home_trusted {
    background: #f5f7fb
}

ul.adv {
    padding: 0
}

ul.adv li {
    display: inline-block;
    color: #00aaa9;
    padding-right: 12px
}

ul.adv li:before {
    display: inline-block;
    content: '\f1ce';
    margin-right: 5px;
    color: #232e45;
    font: bold normal normal 12px/1 FontAwesome;
    writing-mode: vertical-rl
}

.discount-offer {
    background: #363636;
    padding: 10px;
    color: #fff;
    font-weight: 300;
    font-size: 14px
}

.discount-offer .yellow {
    color: #f8d022;
    font-weight: 600
}

.discount-offer .underline {
    text-decoration: underline
}

.cta-top li {
    display: inline-block;
    position: relative;
    margin-left: 24px
}

.cta-top li:before {
    content: "";
    height: 19px;
    width: 1px;
    position: absolute;
    right: -14px;
    top: 3px;
    background: #b2b2b2
}

.cta-top li a {
    color: #fff
}

.svc i {
    margin-right: 7px;
    margin-bottom: 14px;
    font-size: 32px;
    background: #fff;
    padding: 10px;
    border-radius: 50px;
    width: 64px;
    height: 64px;
    color: #00aaa9;
    text-align: center;
    border: 5px solid #00aaa9
}

.sprite {
    background: url(../images/sprite.svg) no-repeat;
    background-size: 380px
}

.home-order-process {
    padding: 90px 0;
    background: #f5f5f5 url(../images/services-bg.png) repeat;
    position: relative;
    z-index: 0;
    overflow: auto
}

.home-order-process .process-left {
    width: 39%;
    float: left;
    padding: 0 10px 0 0
}

.home-order-process .process-left .heading {
    padding: 0 0 10px 0
}

.home-order-process .process-left .sub-heading {
    font-size: 15px;
    line-height: 20px;
    color: #3e4657
}

.order-sec {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.home-order-process .steps-process {
    width: 48%;
    border: 1px solid #e8e8e8;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    position: relative;
    float: right
}

.testimonial-icon {
    width: 92px
}

.home-order-process .steps-process:before {
    content: '';
    z-index: -1;
    height: 177px;
    width: 177px;
    position: absolute;
    right: -63px;
    bottom: -39px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    border-radius: 100%;
    background: linear_gradient(90deg, #f5f5f5 8px, transparent 1%) center, linear_gradient(#f5f5f5 8px, transparent 1%) center, #434343;
    background-size: 9px 9px
}

.home-order-process .address-bar {
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
    display: block
}

.home-order-process .address-bar circle {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #ff6057;
    display: inline-block;
    margin: 0 3px 0 0
}

.home-order-process .address-bar circle:nth-child(2) {
    background: #ffc12e
}

.home-order-process .address-bar circle:nth-child(3) {
    background: #28ca40
}

.home-order-process .step-box {
    padding: 30px 30px 40px
}

.home-order-process .step-box li {
    margin: 0 0 45px 0;
    position: relative
}

.home-order-process .step-box li:last-child {
    margin: 0
}

.home-order-process .step-box li:last-child:after {
    display: none
}

.home-order-process .step-box li i {
    width: 85px;
    height: 85px;
    float: left;
    margin: 0 26px 0 0;
    border-radius: 100%;
    background-size: 490px;
    border: 1px solid #dcdcdc
}

.home-order-process .step-box li i.need {
    background-position: -130px -400px
}

.home-order-process .step-box li i.payment {
    background-position: -301px -331px
}

.home-order-process .step-box li i.receive {
    background-position: -40px -400px
}

.home-order-process .step-box li:after {
    content: '';
    width: 1px;
    height: 54px;
    background: #dfdfdf;
    position: absolute;
    top: 85px;
    left: 42px
}

.home-order-process .step-box .step-title {
    font-size: 22px;
    line-height: 26px;
    color: #071e57;
    padding: 10px 0 0 0;
    display: inline-block
}

.home-order-process .step-box .step-content {
    font-size: 13px;
    line-height: 18px;
    color: #3e4657;
    margin: 3px 0 0 0
}

.mobile-nav.active {
    height: 100%;
    right: 0
}

@media only screen and (max-width:767px) {
    .desktop-menu {
        display: none
    }
    .main-banner-sec1 {
        padding-top: 250px
    }
    .cta article {
        height: auto;
        padding: 30px 0
    }
    .btmfom form {
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 20px
    }
    .footer-nav2 {
        padding: 0;
        float: left
    }
    .footer-top {
        text-align: left;
        padding: 60px 0 20px
    }
    .mb-none {
        display: none
    }
    .footer-top h3 {
        margin-top: 30px
    }
    .logo-sec img {
        width: 32%
    }
    .main-second-sec .tabbing-links li {
        width: 32%
    }
    .bages-box li {
        vertical-align: middle
    }
    .packgesSec:before {
        height: 550px
    }
    .packgesSec .tabbing-links li {
        margin: 5px
    }
    .portfolio_arch .tabbing-links li {
        margin: 5px
    }
    ul.custsatis li {
        width: 42%
    }
    .wrk-wth .form {
        width: 90%
    }
    .wrk-wth p {
        padding: 0
    }
    .wrk-wth h2 {
        margin: 0
    }
    .page_inner {
        height: 100%
    }
    .banner_content h1 {
        font-size: 30px !important;
        margin-bottom: 24px
    }
    .li-item ul li {
        font-size: 12px
    }
    .banner_section {
        margin-top: 75px
    }
    .page_inner .inrbnrform {
        padding: 30px 15px;
        margin-top: 20px
    }
    .banner_content h4 {
        font-size: 18px
    }
    .approach_section h3 {
        font-size: 34px
    }
    .approach_section img {
        width: 100%;
        margin-top: 50px
    }
    .approach_section a {
        width: 100%;
        margin: 2px 0 !important
    }
    .page_inner .inrbnrform h4 span {
        font-size: 38px
    }
    .portfolio_arch .fixdwrap .portfoliogridlist li {
        width: 50%
    }
    .ways br {
        display: none
    }
    .award-item img {
        width: 80px
    }
    .inerservice-banner .isb-textwrapper {
        padding: 0
    }
    .inerservice-banner .isb-textwrapper h1 {
        font-size: 34px
    }
    .portbanner {
        height: 300px
    }
    .portfolio .portfolio_arch .tabbing-links li {
        margin: 5px
    }
    .main-privacy-sec {
        padding: 130px 10px 60px 10px
    }
    .wrk-wth .form input[type=checkbox]:not(old)+label,
    input[type=radio]:not(old)+label {
        display: inline !important
    }
    .content_box {
        min-height: 320px
    }
    .abut p {
        padding: 10px
    }
    .abut h3 {
        font-size: 28px
    }
    .subscribe-fold {
        padding: 120px 20px 60px
    }
    .subscribe-fold .table-packages .body ul li span.tick {
        display: none
    }
    ul.adv li {
        display: block
    }
    i.homesprite {
        display: block;
        float: none
    }
    .feature li {
        font-size: 13px
    }
    .feature li .title {
        font-size: 15px
    }
    .rating-badge .rating {
        font-size: 16px
    }
    .page_inner a {
        font-size: 12px
    }
    .home_trusted {
        padding: 40px 0
    }
    .main-second-sec .tabbing-links li {
        font-size: 14px
    }
    .order-sec {
        display: block
    }
    .home-order-process .steps-process:before {
        right: 0
    }
    .home-order-process {
        padding: 60px 0 0
    }
    .home-order-process .process-left,
    .home-order-process .steps-process {
        width: 100%
    }
    .home-order-process .steps-process {
        margin: 60px auto
    }
    .cta-btns a {
        margin: 5px 0 !important
    }
    .cta article h2 {
        font-size: 28px
    }
    .callusnow {
        display: none
    }
    .fixed-button-bottom .btn {
        font-size: 14px
    }
    .fixed-button-bottom .btn-primary {
        background-color: #1ebea5;
        border-color: #1ebea5
    }
    .footer-bottom {
        padding-bottom: 110px;
        padding-top: 20px
    }
    .mobile-nav {
        top: 60px
    }
    .page_inner {
        padding: 100px 0 50px
    }
    .mobile-nav-btn {
        padding: 16px
    }
    .md-none {
        display: none
    }
    .contact-pg .form-wrap form .submit {
        display: block;
        width: 100%
    }
    .contact-pg {
        padding: 60px 0 30px
    }
    .svc {
        text-align: center
    }
    .btn-secondary {
        color: #fff;
        background-color: #232e45;
        border-color: #232e45
    }
}

@media only screen and (max-width:350px) {
    .cta article h2 {
        font-size: 32px
    }
    .content_box p {
        min-height: 300px
    }
    .mobile-nav-btn {
        padding: 10px
    }
    .logo img {
        width: 180px
    }
    .feature li {
        font-size: 11px
    }
    .feature li .title {
        font-size: 13px
    }
    .page_inner .inrbnrform h4 span {
        font-size: 32px
    }
    .fixed-button-bottom .btn {
        font-size: 11px
    }
    .rating-badge .brand {
        padding: 10px 7px 10px 3px
    }
    .rating-badge .rating {
        padding: 7px 7px
    }
    .approach_section h3 {
        font-size: 30px
    }
    .main-second-sec .tabbing-links li {
        font-size: 11px
    }
    a.theme-btn,
    a.theme-btn-border {
        font-size: 12px
    }
    .contact-pg p.p11,
    .contact-pg p.p12,
    .feature li,
    .feature li .title,
    .footer-top .linkinglist li a,
    .home-order-process .process-left .sub-heading,
    .home-order-process .step-box .step-content,
    .second-sec-cont p,
    .svc p,
    body {
        font-size: 12px
    }
    .contact-pg .form-wrap form .submit {
        display: block;
        width: 100%
    }
    .svc p {
        min-height: auto;
        line-height: 1.6
    }
    .mobile-nav-btn span,
    .mobile-nav-btn span:after,
    .mobile-nav-btn span:before {
        width: 24px
    }
    i.homesprite {
        transform: scale(1.5);
        margin-bottom: 20px
    }
    .feature li:nth-child(2) {
        width: 36%
    }
    .feature li:nth-child(3) {
        width: 32%
    }
    li .title {
        line-height: 1.8
    }
    .cta article h2,
    .fold.dark .decription-content h3,
    .home-order-process .process-left .heading {
        font-size: 30px
    }
    .page_inner .btn {
        font-size: 14px
    }
    .mobile-nav {
        top: 49px
    }
}

@media only screen and (min-width:768px) and (max-width:999px) {
    .mobile-nav {
        display: block
    }
    .desktop-menu {
        display: none
    }
    .main-banner-sec1 {
        padding-top: 250px
    }
    .banner-cont h2 {
        font-size: 32px
    }
    .bages-box li {
        vertical-align: middle
    }
    .logo-sec img {
        width: 100px
    }
    .tabs.current {
        margin-bottom: 50px
    }
    a.theme-btn {
        width: 100%;
        text-align: center;
        margin: 5px
    }
    a.theme-btn-border {
        width: 100%;
        text-align: center;
        margin: 5px
    }
    .packgesSec .tabbing-links li {
        margin: 5px
    }
    .portfolio_arch .tabbing-links li {
        margin: 5px
    }
    .contact-pg .form-wrap {
        padding: 50px 20px 5px 20px
    }
    .contact-pg {
        height: 558px
    }
    .footer-top {
        padding: 120px 60px 0 60px
    }
    .footer-nav2 {
        margin: 40px 0 10px 0
    }
    ul.custsatis li {
        width: 18%
    }
    .wrk-wth .form {
        width: 85%
    }
    .wrk-wth p {
        padding: 20px
    }
    .wrk-wth h2 {
        margin: 20px
    }
    .approach_section {
        padding: 60px 0 0 40px
    }
    .approach_section a {
        width: 250px;
        margin: 2px 0 !important
    }
    .page_inner {
        height: 100%
    }
    .banner_section {
        margin-top: 75px
    }
    .ways br {
        display: none
    }
    .inerservice-banner .isb-textwrapper {
        padding: 0 110px 0 28px
    }
    .award-item img {
        width: 125px
    }
    .ways .ways-box figure img {
        width: 40%
    }
    .portfolio .portfolio_arch .tabbing-links li {
        margin: 5px
    }
    .main-privacy-sec {
        padding: 130px 10px 60px 10px
    }
    .subscribe-fold {
        padding: 120px 20px 60px
    }
    .subscribe-fold .table-packages .body ul li span.tick {
        display: none
    }
}

@media only screen and (min-width:999px) and (max-width:1200px) {
    .mobile-nav {
        display: none
    }
    .tabs.current {
        margin-bottom: 50px
    }
    .contact-pg .form-wrap {
        padding: 50px 20px 5px 20px
    }
    .contact-pg {
        height: 510px
    }
    .footer-top {
        padding: 120px 60px 0 60px
    }
    .bages-box li {
        vertical-align: middle
    }
    .packgesSec .tabbing-links li {
        margin: 5px
    }
    .portfolio_arch .tabbing-links li {
        margin: 5px
    }
    .approach_section {
        padding: 60px 0 0 40px
    }
    .inerservice-banner .isb-textwrapper {
        padding: 0 110px 0 48px
    }
    .ways br {
        display: none
    }
    .portfolio .portfolio_arch .tabbing-links li {
        margin: 5px
    }
    .main-privacy-sec {
        padding: 130px 10px 60px 10px
    }
    .mobile-nav-btn {
        display: none
    }
    .content_box {
        min-height: 320px
    }
}

@media only screen and (min-width:1026px) {
    .mobile-nav-btn {
        display: none
    }
}

.icon-box.icon-box-style-1 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.icon-box.icon-box-style-1 .icon-box-icon {
    padding-right: 16px;
    padding-right: 1rem
}

.icon-box.icon-box-style-1 .icon-box-icon i {
    font-size: 36.8px;
    font-size: 2.3rem;
    top: 9px;
    position: relative
}

.icon-box.icon-box-style-1 .animated-icon {
    top: 8px
}

.icon-box.icon-box-style-1 h1,
.icon-box.icon-box-style-1 h2,
.icon-box.icon-box-style-1 h3,
.icon-box.icon-box-style-1 h4 {
    margin-bottom: 16px;
    margin-bottom: 1rem
}

.icon-box.icon-box-style-1 .icon-box-info p {
    font-size: 14.4px;
    font-size: .9rem;
    color: #707070
}

.icon-box.icon-box-style-1 .icon-box-info p a {
    color: #707070;
    text-decoration: none
}

.icon-box.icon-box-style-1 .icon-box-info p a:hover {
    color: #01b636
}

.icon-box.icon-box-style-1.icon-box-reverse .icon-box-icon {
    padding-right: 0;
    padding-left: 16px;
    padding-left: 1rem
}

.contact-form .intl-tel-input {
    position: relative !important;
    display: flex !important
}

.contact-form .intl-tel-input .form-control {
    padding-left: 15px !important
}

.contact-form .intl-tel-input .flag-container {
    position: initial !important;
    padding-left: 0 !important;
    background-color: #f1f3f7;
    margin-right: -1px
}

.contact-form .intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 34px
}

.contact-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 92px
}

.contact-form .intl-tel-input .flag-container:hover .selected-flag {
    outline: 0;
    background: 0 0 !important
}

.contact-form .intl-tel-input .country-list .country-name {
    color: #000
}

.contact-form .form-control {
    border-radius: 0 !important;
    box-shadow: none;
    border: 1px solid #f1f3f7 !important
}

.contact-form .error {
    background: #f6d8d8 !important;
    border: 1px solid #f65050 !important
}

form.form-style-2 .form-control {
    background-color: #f1f3f7;
    border-color: transparent;
    font-size: 12.8px;
    font-size: .8rem;
    padding: 14.4px 12px;
    padding: .9rem .75rem;
    height: auto !important;
    border-radius: .25rem
}

.whatsapp-service {
    background: #1ebea5 !important
}

.approach_section h3 {
    line-height: 1.2 !important;
    font-size: 30px
}

.approach_section h5 {
    font-weight: 600
}

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

.content-med-head {
    font-size: 22px !important;
    color: #000 !important;
    font-weight: 600 !important
}

.faq-question {
    padding: 40px 0 55px 0;
    margin: 20px 0
}

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

.faq-card button {
    border-bottom: none;
    font-weight: 500;
    color: #fff
}

.faq-card button:hover {
    color: #fff
}

.faq-card {
    border: none
}

.faq-card .card-body {
    background-color: rgba(179, 65, 128, .08)
}

.faq-card .card-body h4 {
    font-size: 18px;
    font-weight: 600
}

.faq-card ul {
    margin: 7px 0
}

.faq-card li {
    line-height: 1.6 !important;
    font-size: 16px
}

.faq-card li::before {
    content: "\2022";
    color: #000;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

.web-development .banner_content h1 strong {
    font-size: 50px !important
}

.inputSize {
    width: 100%;
    margin: 0;
    border: solid 1px #ffffff59;
    background: #fff;
    padding: 13px 15px;
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 9%);
    color: #000;
    font-size: 14px;
    border-radius: 5px;
    height: 55px;
    font-weight: 400;
    outline: 0 !important;
    resize: none;
    transition: 1s all
}

.submitbtn2 {
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    font-weight: 600;
    margin: 0 auto;
    font-size: 15px;
    border: none;
    display: block;
    padding: 17px 0 17px;
    width: 100%;
    cursor: pointer;
    color: #fff;
    background: #232e45
}

.submitbtn2:hover {
    background-color: #000 !important;
    color: #fff !important
}

a.disabled {
    pointer-events: none;
    color: #fff
}

#submit_order_form1 {
    margin-top: 10px
}

.blink_txt {
    animation: blink 1s linear infinite
}

@keyframes blink {
    0% {
        color: #fff
    }
    49% {
        color: #fff
    }
    60% {
        color: transparent
    }
    99% {
        color: transparent
    }
    100% {
        color: #fff
    }
}

.fancybox-content {
    padding: 0 15px !important;
    width: 800px
}

.text-modol-1 {
    color: #03c1ff;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    transform: scale(1, 1.3)
}

.text-modol-2 {
    color: #03c1ff;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin-top: 14px
}

.modalBtn {
    width: 100% !important;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    background: #03c1ff;
}

.disBaj {
    position: absolute;
    left: 96px;
    top: 16rem
}

@media (max-width:480px) {
    .disBaj {
        position: absolute;
        left: 78px !important;
        top: 16rem
    }
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    left: 10px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 100
}

.my-float {
    font-size: 40px !important;
    margin-top: 10px
}

.blink {
    animation: blinker 1s linear infinite
}

@keyframes blinker {
    0% {
        color: #fff
    }
    49% {
        color: #fff
    }
    60% {
        color: transparent
    }
    99% {
        color: transparent
    }
    100% {
        color: #fff
    }
}

#left {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 30px;
    padding: 0 10px 0 10px
}

#right .handle {
    color: '#fff';
    background-color: orange;
    background: #ffd100;
    background: -moz-linear_gradient(top, #ffd100 0, #ffd100 4%, #ffb100 81%, #ffb100 100%, #ffd100 100%);
    background: -webkit-linear_gradient(top, #ffd100 0, #ffd100 4%, #ffb100 81%, #ffb100 100%, #ffd100 100%);
    background: linear_gradient(to bottom, #ffd100 0, #ffd100 4%, #ffb100 81%, #ffb100 100%, #ffd100 100%)
}

#right {
    border-width: 5px;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 30px;
    padding: 0 10px 0 10px
}

#left .handle {
    color: 'red';
    background: #ed0000;
    background: -moz-linear_gradient(top, #ed0000 0, #ed0000 4%, #ae0000 81%, #ae0000 100%, #ed0000 100%);
    background: -webkit-linear_gradient(top, #ed0000 0, #ed0000 4%, #ae0000 81%, #ae0000 100%, #ed0000 100%);
    background: linear_gradient(to bottom, #ed0000 0, #ed0000 4%, #ae0000 81%, #ae0000 100%, #ed0000 100%)
}

#right-subpanel {
    height: 100%;
    overflow-y: auto
}

pre {
    margin-left: 3em
}

.btnSignup {
    border-radius: 6px;
    background-color: #232e45;
    color: #fff;
    padding: 5px 50px;
    text-transform: uppercase;
    font-weight: 400;
    text-decoration: none;
    font-size: 18px
}

.l-h49 {
    line-height: 49px;
    padding: 21px
}

.txtP {
    color: #232e45;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: capitalize;
    padding-right: 0;
    text-align: center;
    margin: 14px
}

.stars {
    width: 25%
}

.chat {
    cursor: pointer !important
}

.iti__flag.iti__np {
    background-color: transparent
}

.intl-tel-input {
    width: 100%
}

.iti {
    width: 100%;
    color: #000
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent
}

input[type=tel] {
    border: 1px solid transparent;
    width: 100%
}

.intl-tel-input {
    width: 100%
}

.iti {
    width: 100%;
    color: #000
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent !important
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
    border: 1px solid transparent
}

.iti__arrow,
.iti__country-list {
    display: none
}

.box {
    display: none;
}