@font-face {
    font-family: Roboto-Regular;
    font-display: swap;
    src: url(../fonts/roboto/Roboto-Regular.ttf)
}

@font-face {
    font-family: Roboto-Medium;
    font-display: swap;
    src: url(../fonts/roboto/Roboto-Medium.ttf)
}

@font-face {
    font-family: Roboto-Bold;
    font-display: swap;
    src: url(../fonts/roboto/Roboto-Bold.ttf)
}

@font-face {
    font-family: Roboto-Black;
    font-display: swap;
    src: url(../fonts/roboto/Roboto-Black.ttf)
}

@font-face {
    font-family: SourceSansPro-Regular;
    font-display: swap;
    src: url(../fonts/source-sans-pro/SourceSansPro-Regular.ttf)
}

@font-face {
    font-family: OpenSans-Regular;
    font-display: swap;
    src: url(../fonts/OpenSans/OpenSans-Regular.ttf)
}

@font-face {
    font-family: OpenSans-Bold;
    font-display: swap;
    src: url(../fonts/OpenSans/OpenSans-Bold.ttf)
}

@font-face {
    font-family: DroidSerif-Bold;
    font-display: swap;
    src: url(../fonts/droid-serif/DroidSerif-Bold.ttf)
}

.container {
    max-width: 1200px
}

.slick-slide {
    outline: 0
}

.animsition-loading-1 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cp-spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    box-sizing: border-box;
    position: relative
}

.cp-skeleton {
    border-radius: 50%;
    border-top: solid 5px #233785;
    border-right: solid 5px transparent;
    border-bottom: solid 5px transparent;
    border-left: solid 5px transparent;
    animation: cp-skeleton-animate 1s linear infinite
}

.cp-skeleton:before {
    border-radius: 50%;
    content: " ";
    width: 40px;
    height: 40px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 5px transparent;
    border-right: solid 5px transparent;
    border-bottom: solid 5px transparent;
    border-left: solid 5px #233785;
    position: absolute;
    top: -5px;
    left: -5px;
    transform: rotateZ(-30deg)
}

.cp-skeleton:after {
    border-radius: 50%;
    content: " ";
    width: 40px;
    height: 40px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 5px transparent;
    border-right: solid 5px #233785;
    border-bottom: solid 5px transparent;
    border-left: solid 5px transparent;
    position: absolute;
    top: -5px;
    right: -5px;
    transform: rotateZ(30deg)
}

@keyframes cp-skeleton-animate {
    0% {
        transform: rotate(0);
        opacity: 1
    }

    50% {
        opacity: .7
    }

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

.btn-back-to-top {
    display: none;
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 90px;
    right: 32px;
    background-color: #000;
    opacity: .5;
    justify-content: center;
    align-items: center;
    z-index: 1150;
    border-radius: 4px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s
}

.symbol-btn-back-to-top {
    font-size: 22px;
    color: #fff;
    line-height: 1em
}

.btn-back-to-top:hover {
    opacity: 1;
    cursor: pointer
}

@media (max-width:576px) {
    .btn-back-to-top {
        bottom: 93px;
        right: 31px
    }
}

.validate-input {
    position: relative
}

.alert-validate::before {
    content: attr(data-validate);
    position: absolute;
    max-width: 70%;
    background-color: #fff;
    border: 1px solid #c80000;
    border-radius: 2px;
    padding: 4px 25px 4px 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 12px;
    pointer-events: none;
    font-family: Roboto-Regular;
    color: #c80000;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s
}

.alert-validate::after {
    content: "\f071";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    color: #c80000;
    font-size: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 18px
}

.alert-validate:hover:before {
    visibility: visible;
    opacity: 1
}

@media (max-width:992px) {
    .alert-validate::before {
        visibility: visible;
        opacity: 1
    }
}

.rs1-alert-validate .alert-validate::before {
    right: 22px
}

.rs1-alert-validate .alert-validate::after {
    right: 28px
}

.container-menu-desktop {
    height: 80px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.top-bar {
    height: 45px
}

.content-topbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    justify-content: space-between;
    align-items: center
}

.right-top-bar>span>a>i {
    font-size: 18px;
    color: #fff;
    vertical-align: middle;
    margin-left: 10px
}

.right-top-bar>span>a:hover>i {
    color: #5fb3e0
}

.right-top-bar>span>a>span {
    font-family: Roboto-Regular;
    font-size: 16px;
    line-height: 15px;
    color: #fff;
    vertical-align: middle;
    margin-right: 74px;
    margin-left: 6px;
    letter-spacing: 1px
}

.right-top-bar>span>a:hover>span {
    color: #5fb3e0
}

.wrap-menu-desktop {
    position: absolute;
    z-index: 1100;
    background-color: #fff;
    width: 100%;
    height: 80px;
    top: 45px;
    left: 0;
    -webkit-transition: height .3s;
    -o-transition: height .3s;
    -moz-transition: height .3s;
    transition: height .3s
}

.limiter-menu-desktop {
    max-width: 1194px;
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: transparent;
    align-items: center
}

.logo {
    display: block;
    position: relative;
}

.logo img {
    max-width: calc(100% - 20px);
    max-height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto
}

.menu-desktop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1;
    height: 100%;
}

.main-menu {
    list-style-type: none;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.main-menu>li {
    display: block;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 13px;
    padding-right: 13px
}

.main-menu>li>a {
    font-family: Roboto-Bold;
    font-size: 14px;
    text-transform: uppercase;
    color: gray;
    padding: 5px
}

.sub-menu {
    list-style-type: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 225px;
    background-color: #fff;
    transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    visibility: hidden;
    opacity: 0
}

.sub-menu li {
    position: relative;
    background-color: #f2f2f2;
    border-top: 1px solid #e0e0e0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s
}

.main-menu>li>.sub-menu {
    top: 100%;
    left: 0
}

.sub-menu a {
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 1.5;
    color: gray;
    display: block;
    padding: 10px;
    width: 100%
}

.main-menu>li:hover>a {
    color: #555;
    text-decoration: none
}

.main-menu>li:hover>.sub-menu {
    visibility: visible;
    opacity: 1
}

.sub-menu li:hover>.sub-menu {
    visibility: visible;
    opacity: 1
}

.sub-menu li:hover {
    background-color: #fff
}

.sub-menu>li:hover>a {
    color: #555;
    text-decoration: none
}

@media (max-width:1300px) {
    .main-menu>.respon-sub-menu .sub-menu {
        right: 100%;
        left: auto
    }

    .main-menu>.respon-sub-menu>.sub-menu {
        right: 0;
        left: auto
    }
}

.main-menu>li::before,
.main-menu>li>a.active:before {
    content: "";
    display: block;
    position: absolute;
    height: 3px;
    border-radius: 1px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 16px;
    width: 0;
    background-color: #233785;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.main-menu>li:hover:before,
.main-menu>li>a.active:before {
    width: calc(100% - 36px)
}

.fix-menu-desktop {
    height: 110px
}

.fix-menu-desktop .wrap-menu-desktop {
    top: 0;
    height: 70px;
    position: fixed;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2)
}

.wrap-header-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 90px;
    background-color: #fff;
    padding: 15px;
    display: none;
    box-shadow: 0 0 4px 0 rgba(153, 153, 153, .3);
    -moz-box-shadow: 0 0 4px 0 rgba(153, 153, 153, .3);
    -webkit-box-shadow: 0 0 4px 0 rgba(153, 153, 153, .3);
    -o-box-shadow: 0 0 4px 0 rgba(153, 153, 153, .3);
    -ms-box-shadow: 0 0 4px 0 rgba(153, 153, 153, .3)
}

.logo-mobile {
    display: block;
    padding-right: 25px
}

.logo-mobile img {
    max-width: 100%;
    max-height: 60px
}

.hamburger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    transform: scale(.7)
}

.hamburger:hover {
    opacity: 1
}

@media (max-width:992px) {
    .wrap-header-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .container-menu-desktop {
        display: none
    }
}

.menu-mobile {
    width: 100%;
    background-color: #fff;
    display: none;
    border-top: 1px solid #ececec
}

.main-menu-m {
    padding-top: 10px;
    padding-bottom: 10px
}

.main-menu-m>li>.shine-menu>a {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #fff;
    line-height: 2.86;
    text-transform: uppercase;
    padding-left: 20px
}

.main-menu-m>li>.shine-menu>a {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: #fff;
    line-height: 2.86;
    text-transform: uppercase;
    padding-left: 20px
}

.shine-menu i {
    float: right;
    padding: 11px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

.main-menu-m>li {
    color: #fff;
    position: relative
}

.arrow-main-menu-m {
    font-size: 14px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 10px;
    top: 2px;
    padding: 10px;
    cursor: pointer
}

.arrow-main-menu-m i {
    transform-origin: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.turn-arrow-main-menu-m i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sub-menu-m {
    background-color: #fff;
    padding: 10px 15px 10px 32px;
    display: none
}

.sub-menu-m a {
    font-family: Roboto-Regular;
    font-size: 14px;
    color: gray;
    line-height: 2.5
}

.sub-menu-m a:hover {
    text-decoration: none;
    color: #555
}

@media (min-width:992px) {
    .menu-mobile {
        display: none
    }
}

.wrap-link-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.wrap-link-footer .col-left {
    width: 45%
}

.wrap-link-footer li {
    margin-bottom: 6px
}

.wrap-link-footer li a {
    font-family: Roboto-Regular;
    font-size: 15px;
    line-height: 1.8;
    color: #e5e5e5
}

.wrap-link-footer li a:hover {
    color: #fff
}

.wrap-link-footer li::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #5c5c5c;
    margin-right: 8px;
    margin-bottom: 2px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.wrap-link-footer li:hover:before {
    background-color: #fff
}

@media (min-width:768px) and (max-width:1023px) {
    .footer-logo-img {
        margin-right: 27%
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .footer-address {
        width: 70%;
        margin-left: 14%;
        text-align: center
    }
}

.contact-footer li {
    font-family: Roboto-Regular;
    font-size: 15px;
    line-height: 1.8;
    color: #e5e5e5;
    margin-bottom: 6px
}

.contact-footer li i {
    margin-right: 10px
}

.persephone.tparrows {
    cursor: pointer;
    background: #aaa;
    background: rgba(200, 200, 200, .1);
    width: 35px;
    height: 35px;
    position: absolute;
    display: block;
    z-index: 100;
    border: 3px solid #8d8c8b
}

.persephone.tparrows:before {
    font-family: revicons;
    font-size: 15px;
    color: #ccc;
    display: block;
    line-height: 29px;
    text-align: center
}

.persephone.tparrows:hover {
    cursor: pointer;
    background: #233785;
    border: 3px solid #233785
}

.rs1-revo .tp-caption {
    white-space: normal !important
}

.rs1-revo .txt-center {
    text-align: center !important
}

.rs1-revo .m-txt1,
.rs1-revo .m-txt2 {
    font-size: 16px !important
}

.rs1-revo .trans-03 {
    -webkit-transition: all .3s !important;
    -o-transition: all .3s !important;
    -moz-transition: all .3s !important;
    transition: all .3s !important
}

.rs1-revo .wrap-btn-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

@media (max-width:480px) {
    .rs1-revo .wrap-btn-slide {
        flex-direction: column;
        align-items: center
    }
}

.wrap-slide-slick-1 {
    position: relative;
    max-width: 1333px;
    margin: 0 auto
}

.para-slide-slick-1 {
    visibility: hidden
}

.wrap-person {
    max-width: 340px;
    visibility: hidden
}

.wrap-pic-person {
    width: 80px;
    height: 80px;
    border: 3px solid #fff;
    border-radius: 50%;
    overflow: hidden
}

.wrap-pic-person img {
    width: 100%
}

.arrow-slide-slick-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border: 3px solid #818385;
    color: #ccc;
    font-size: 30px;
    padding-bottom: 3px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.arrow-slide-slick-1:hover {
    cursor: pointer;
    background-color: #233785;
    border: 3px solid #233785
}

.next-slide-1 {
    right: 0;
    z-index: 1000
}

.prev-slide-1 {
    left: 0;
    z-index: 1000
}

.modal-backdrop {
    background-color: transparent
}

#modal-video-01 {
    background-color: rgba(0, 0, 0, .8);
    z-index: 1250
}

#modal-video-01 .modal-dialog {
    max-width: 100% !important;
    height: 100% !important;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative
}

.wrap-video-mo-01 {
    width: 854px;
    height: auto;
    position: relative;
    margin: 15px
}

.video-mo-01 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    -moz-transition: all 2s;
    transition: all 2s
}

.video-mo-01 iframe {
    width: 100%;
    height: 100%
}

.close-mo-video-01 {
    font-size: 50px;
    color: #fff;
    opacity: .6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1250;
    width: 60px;
    height: 60px;
    top: 0;
    right: 0
}

.close-mo-video-01:hover {
    cursor: pointer;
    opacity: 1
}

.block-2 {
    width: 100%;
    position: relative;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    align-self: stretch
}

.block-2:hover {
    box-shadow: 0 0 11px rgba(25, 25, 25, .1);
    transition: box-shadow .3s ease-in-out
}

.wrap-symbol-b2 {
    position: absolute;
    width: 100px;
    height: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -50px
}

.color1 {
    color: #001a57
}

.cl-ph-1::-webkit-input-placeholder {
    color: #888
}

.cl-ph-1:-moz-placeholder {
    color: #888
}

.cl-ph-1::-moz-placeholder {
    color: #888
}

.cl-ph-1:-ms-input-placeholder {
    color: #888
}

.txt1 {
    font-family: Roboto-Bold;
    color: #fff;
    text-transform: uppercase
}

.txt2 {
    font-family: Roboto-Regular;
    color: #fff
}

.s-txt1 {
    font-size: 17px;
    line-height: 1.618;
    color: #fff
}

.s-txt2 {
    font-size: 17px;
    line-height: 1.618;
    color: #666;
    text-align: justify
}

.s-txt3 {
    font-family: Roboto-Bold;
    font-size: 15px;
    line-height: 1.618;
    color: #fff
}

.s-txt4 {
    font-family: Roboto-Regular;
    font-size: 13px;
    line-height: 1.618;
    color: #fff
}

.s-txt10 {
    font-family: Roboto-Regular;
    font-size: 15px;
    line-height: 1.7;
    color: #999
}

.s-txt11 {
    font-family: Roboto-Regular;
    font-size: 15px;
    line-height: 1.7;
    color: #ccc
}

.s-txt20 {
    font-family: Roboto-Bold;
    font-size: 15px;
    line-height: 1.4;
    color: #e5e5e5
}

.s-txt31 {
    font-family: Roboto-Regular;
    font-size: 15px;
    color: #555;
    line-height: 1.6666667
}

.font-size-117 {
    font-size: 17px
}

@media (min-width:768px) and (max-width:1023px) {
    .about-ft-12 {
        font-size: 12px
    }
}

.m-txt1 {
    font-family: Roboto-Regular;
    font-size: 16px;
    line-height: 1.2;
    color: #fff
}

.m-txt2 {
    font-family: Roboto-Regular;
    font-size: 16px;
    line-height: 1.2;
    color: #233785
}

.m-txt3 {
    font-family: Roboto-Black;
    font-size: 18px;
    line-height: 1.3;
    color: #fff
}

.m-txt4 {
    font-family: Roboto-Bold;
    line-height: 1.2;
    position: relative;
    color: #000;
    text-transform: uppercase
}

.m-txt5 {
    font-family: Roboto-Black;
    font-size: 18px;
    line-height: 1.3;
    color: #333
}

.m-txt6 {
    line-height: 64px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600
}

.m-txt12 {
    font-family: Roboto-Bold;
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase
}

.m-txt28 {
    font-family: Roboto-Bold;
    line-height: 1.2;
    color: #233785;
    text-transform: uppercase
}

.l-txt2 {
    font-family: Roboto-Bold;
    font-size: 50px;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase
}

.size1 {
    height: 45px;
    min-width: 164px
}

.size2 {
    height: 5px;
    width: 50px
}

.size5 {
    height: 45px;
    min-width: 188px
}

.size6 {
    width: 100%;
    height: 50px
}

.size10 {
    min-height: 95px;
    width: 100%
}

.size22 {
    width: 100%;
    min-height: 150px
}

.size25 {
    width: calc((100% - 40px)/ 3);
    height: 50px
}

.size26 {
    height: 45px;
    min-width: 150px
}

.w-size1 {
    max-width: 960px
}

.bg-main {
    background-color: #233785
}

.bg4 {
    background-color: #001a57
}

.bg6 {
    background-color: #1f3177
}

.bg-img-1 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.bg-overlay-3 {
    position: relative;
    z-index: 1
}

.bg-overlay-3::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 26, 87, .5)
}

.bg-overlay-3::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0), rgba(0, 0, 0, .8));
    background: -o-linear-gradient(left, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0), rgba(0, 0, 0, .8));
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0), rgba(0, 0, 0, .8));
    background: linear-gradient(left, rgba(0, 0, 0, .8), rgba(255, 255, 255, 0), rgba(0, 0, 0, .8))
}

.bo2 {
    border: 1px solid #e6e6e6;
    margin: 0 15px
}

.bo2-b {
    border-bottom: 1px solid #e6e6e6
}

.bo6 {
    border: 1px solid #ccc
}

.bo-rad-2 {
    border-radius: 2px
}

.bo-rad-3 {
    border-radius: 3px
}

.bo-rad-4 {
    border-radius: 4px
}

.parallax100 {
    background-attachment: fixed;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width:992px) {
    .parallax100 {
        background-attachment: inherit
    }
}

.input-focus-1:focus {
    border-color: rgba(35, 55, 133, .5);
    box-shadow: 0 0 2px 0 #233785;
    -moz-box-shadow: 0 0 2px 0 #233785;
    -webkit-box-shadow: 0 0 2px 0 #233785;
    -o-box-shadow: 0 0 2px 0 #233785;
    -ms-box-shadow: 0 0 2px 0 #233785
}

.hov-bg-main:hover {
    background-color: #233785
}

.hov-color-main:hover {
    color: #233785
}

.vi-vi-slick {
    visibility: visible
}

.actived-1 {
    color: #001a57
}

.actived-2 {
    color: #233785
}

.btn-drive {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    padding: 10px
}

.btn-drive::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: #07185a;
    opacity: 0;
    -webkit-transform: scaleY(.1);
    -moz-transform: scaleY(.1);
    -ms-transform: scaleY(.1);
    -o-transform: scaleY(.1);
    transform: scaleY(.1);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

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

.btn-drive:hover:before {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1
}

.list-01 li {
    text-indent: -11px;
    padding-left: 22px
}

.list-01 li::before {
    content: "\f058";
    font-family: FontAwesome;
    font-size: 16px;
    color: #233785;
    display: inline-block;
    margin-right: 5px
}

.symbol-1 {
    font-size: 48px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    position: relative;
    z-index: 1
}

.symbol-1 svg {
    width: 60px;
    height: 60px;
    fill: #fff
}

.block-2:hover .symbol-1 {
    color: #297ee8
}

.block-2:hover .symbol-1 svg {
    fill: #297ee8
}

.symbol-1::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: inherit;
    background-color: #233785
}

.rotate-symbol-1.symbol-1::before {
    transform-origin: center;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

@media (max-width:992px) {
    .w-full-lg {
        width: 100%
    }
}

@media (max-width:576px) {
    .respon1 {
        font-size: 25px
    }
}

.btn-show-panel {
    width: 40px;
    padding: 8px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.btn-show-panel img {
    width: 100%
}

.btn-show-panel img {
    width: 100%
}

.panel-color {
    padding: 10px;
    position: relative;
    display: none
}

.btn-hide-panel {
    font-size: 22px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: -40px;
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.color-blue,
.color-green,
.color-orange,
.color-yellow {
    width: 25px;
    height: 25px;
    margin: 10px auto;
    cursor: pointer;
    border-radius: 3px
}

.color-blue {
    background-color: #233785
}

.color-green {
    background-color: #00b26f
}

.color-yellow {
    background-color: #ffe048
}

.color-orange {
    background-color: #ff5f3d
}

.show-hide-btn {
    opacity: 0
}

#about {
    padding: 60px 0 60px 0
}

#about .about-img {
    overflow: hidden
}

@media (max-width:768px) {
    #about .about-img {
        height: auto
    }
}

#about .about-img img {
    margin-left: -15px;
    max-width: 100%
}

@media (max-width:768px) {
    #about .about-img img {
        margin-left: 0;
        padding-bottom: 30px
    }
}

#about .content h1 {
    color: #222;
    font-weight: 700;
    font-size: 36px;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 1.2
}

#about .content h3 {
    color: #000;
    font-weight: 300;
    font-size: 17px;
    line-height: 26px;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: justify
}

#about .content i {
    font-size: 14px;
    padding-right: 4px;
    color: #fff
}

.mk-txt7 {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 1.618;
    color: #fff
}

.jk-grid {
    margin-top: 30px
}

.flex-service a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.m-service-20 {
    margin-top: -70px
}

@media (min-width:1280px) {
    section.section-about {
        margin-top: -46px;
        height: 450px;
        margin-bottom: 80px
    }
}

section.section-about h3 {
    font-family: Roboto-Bold;
    line-height: 1.2;
    color: #333;
    text-transform: uppercase;
    padding-bottom: 8px
}

@media (min-width:1280px) {
    .pk-5 {
        padding-left: 3rem !important
    }

    .pj-5 {
        padding-right: 3rem !important
    }
}

.parallax130 {
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;
    width: 100%
}

@media (max-width:600px) {
    .parallax130 {
        height: 390px
    }
}

.badge-gray {
    background-color: #e6e7e8;
    margin-top: -70px
}

img.indus-img {
    width: 70px;
    margin-top: 10px
}

.card-mini {
    border: none !important;
    margin-bottom: 30px
}

.industry-main {
    background-color: #233785;
    margin-bottom: 35px
}

.card-mini {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 10px
}

.card-body-mini {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    box-shadow: 2px 2px 2px 2px #ccc;
    border-radius: 10px
}

.card-body-mini:hover {
    box-shadow: none
}

.card-mini .card-body-mini h6 {
    color: #666;
    font-size: 16px;
    padding: 0;
    margin: 0;
    text-align: center;
    margin: 17px 0;
    min-height: 34px
}

.added_extra_cl {
    text-align: center
}

.indus_se_rvice {
    width: calc(19% - 23px);
    display: inline-block;
    margin: 0 10px
}

.zoom_img_effect:hover img {
    transform: scale(1.1);
    transition: transform .12s
}

@media only screen and (max-width:900px) {
    .indus_se_rvice {
        width: 45%
    }
}

@media only screen and (max-width:767px) {
    .indus_se_rvice {
        width: 100%;
        display: block;
        margin: 0
    }
}

section.section-about .section-header h3 {
    font-family: Roboto-Bold;
    font-size: 30px;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 8px
}

#skills .progress {
    height: 35px;
    margin-bottom: 10px
}

#skills .progress-bar {
    width: 1px;
    text-align: left;
    transition: .9s
}

#skills .progress .skill {
    line-height: 35px;
    padding: 0;
    width: 100%;
    text-transform: uppercase
}

#skills .progress .skill .val {
    float: right;
    font-style: normal;
    margin: 10px 20px 0 0
}

#skills .progress .skill span {
    float: left;
    font-style: normal;
    margin: 10px 0 0 20px
}

.about-main {
    background-color: #fff;
    margin-bottom: 10px
}

.case-icon {
    font-size: 40px;
    color: #fff;
    margin-left: -40px
}

.case-icon1 {
    font-size: 40px;
    color: #07185a;
    margin-right: -14px
}

@media (max-width:768px) {
    .case-icon1 {
        color: #fff;
        margin-right: -16px
    }
}

.case_inner {
    background-image: url(../images/bg-02.jpg);
    background-color: transparent;
    position: relative
}

.case_inner:before {
    content: "";
    background-color: #07185a;
    width: 50%;
    height: 100%;
    display: block;
    left: 0;
    position: absolute;
    top: 0
}

.case_inner:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 26, 87, .5)
}

@media only screen and (max-width:846px) {
    .case_inner:before {
        width: 100%
    }
}

@media screen and (min-device-width:1024px) and (orientation:landscape) {
    .case_inner:before {
        height: 100%
    }
}

.case_left {
    padding: 0;
    margin: 0;
    padding-top: 7px;
    position: relative
}

@media only screen and (max-width:1366px) {
    .case_left {
        padding-left: 11px
    }

    .case_inner {
        float: left;
        width: 100%;
        margin-bottom: 28px
    }
}

@media only screen and (max-width:1024px) {
    .case_left {
        padding-top: 15px
    }

    .case_inner {
        height: auto
    }
}

@media only screen and (max-width:900px) {
    .case_left {
        width: 100%;
        height: auto;
        padding: 5% 10%
    }
}

.case_inner .case-title {
    padding-bottom: 0
}

.case-title {
    text-align: center;
    padding-bottom: 60px
}

.case_inner .case-main-title {
    text-align: left;
    text-transform: uppercase
}

.case-main-title {
    font-size: 40px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 1.1;
    color: #fff
}

@media only screen and (max-width:846px) {
    .case_inner .case-main-title {
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    .case-main-title {
        font-size: 24px
    }
}

@media only screen and (max-width:1024px) {
    .case-main-title {
        font-size: 37px;
        text-transform: uppercase;
        letter-spacing: 2px
    }
}

.case_inner .case-title_underline {
    margin-left: 0
}

.case_inner .case-title_underline {
    background-color: #fff
}

.case-title_underline {
    width: 255px;
    height: 5px;
    background: #00abe1;
    margin: 0 auto;
    border-radius: 9px;
    position: relative
}

@media only screen and (max-width:846px) {
    .case_inner .case-title_underline {
        margin: 0 auto
    }
}

.about-right h3 {
    font-size: 28px;
    line-height: 33px;
    font-weight: 600;
    margin-top: 50px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 20px 0
}

@media (max-width:1199px) {
    .about-right h3 {
        font-size: 25px
    }
}

@media (max-width:768px) {
    .about-right h3 {
        font-size: 16px;
        text-align: center
    }
}

p.case-p {
    font-size: 17px;
    color: #c2c6d4;
    line-height: 33px;
    margin: 0 0 10px;
    text-align: justify
}

.case-main {
    background-color: #233785;
    margin-bottom: 70px;
    margin-top: 50px
}

@media (max-width:768px) {
    .case-main {
        margin-left: 37%;
        margin-right: 37%
    }

    p.case-p {
        font-size: 16px;
        text-align: center
    }
}

@media (max-width:667px) {
    .case-main {
        margin-left: 20%;
        margin-right: 20%
    }
}

img.case-img {
    border-radius: 5%
}

.gallery_product {
    margin-top: 37px
}

@media (max-width:768px) {
    .gallery_product {
        margin-top: 0
    }
}

.expert {
    background-color: #f8f8f8
}

.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.bg-img1 {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.bg-img2 {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.expert .section-contact {
    padding-left: 30px;
    padding-right: 30px
}

.section-contact {
    padding: 100px 0
}

.title-contact {
    position: relative;
    margin-bottom: 38px;
    text-transform: uppercase;
    font-weight: 600;
    color: #424242;
    margin-top: 0;
    line-height: 1.1
}

.title-contact:after {
    content: '';
    height: 5px;
    width: 40px;
    background-color: #233785;
    position: absolute;
    top: 46px;
    left: calc(50% - 20px)
}

.contact-background1 {
    background-color: #f8f8f8
}

.contact-background1:hover {
    background-color: #fff
}

.contact-background2 {
    background-color: #f8f8f8
}

.contact-background2:hover {
    background-color: #fff
}

.contact-background3 {
    background-color: #f8f8f8
}

.contact-background2:hover {
    background-color: #fff
}

.expert .section-contact i {
    font-size: 100px;
    color: #233785
}

.contact-background1:hover i {
    color: #007bff
}

.contact-background2:hover i {
    color: #007bff
}

.contact-background3:hover i {
    color: #007bff
}

.context-text-center {
    justify-content: center
}

.contact-top-bar {
    justify-content: center;
    display: flex
}

.right-top-bar>span>a>i.contact-facebook {
    border-radius: 60px;
    background-color: #3b5998;
    padding: 14px;
    font-size: 30px;
    width: 60px;
    height: 60px;
    text-align: center
}

.right-top-bar>span>a>i.contact-twitter {
    border-radius: 60px;
    background-color: #1da1f2;
    padding: 14px;
    font-size: 30px;
    width: 60px;
    height: 60px;
    text-align: center
}

.right-top-bar>span>a>i.contact-linkedin {
    border-radius: 60px;
    background-color: #0077b5;
    padding: 14px;
    font-size: 30px;
    width: 60px;
    height: 60px;
    text-align: center
}

.right-top-bar>span>a>i.contact-pinterest {
    border-radius: 60px;
    background-color: #c8232c;
    padding: 14px;
    font-size: 30px;
    width: 60px;
    height: 60px;
    text-align: center
}

.right-top-bar>span>a>i.contact-instagram {
    border-radius: 60px;
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    padding: 14px;
    font-size: 30px;
    width: 60px;
    height: 60px;
    text-align: center
}

.contact-top-bar>span>a:hover>i {
    color: #fff
}

.fit-image {
    width: 100%;
    height: auto
}

@media (max-width:600px) {
    .fit-image {
        display: none
    }
}

.size100 {
    width: 100%;
    height: 50px
}

.bg-blue-10 {
    background-color: #007bfe
}

.p-b-24.contact-white {
    color: #fff
}

.fk-30 {
    width: 100px
}

.contact-white li {
    font-family: Roboto-Regular;
    font-size: 15px;
    line-height: 1.8;
    color: #fff;
    margin-bottom: 6px
}

@media (min-width:768px) and (max-width:1023px) {
    .about-mt-0 {
        margin-top: 0 !important
    }
}

.banner_part {
    height: 600px;
    display: flex;
    align-items: center;
    position: relative;
    background-image: url(../images/services/mobile-app-development/webp/asp-net-development-in-india.webp);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1
}

@media (max-width:768px) {
    .banner_part {
        height: 800px
    }
}

@media (max-width:576px) {
    .banner_part {
        height: 956px
    }
}

.banner_part .banner_text {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 99;
    margin-top: 0
}

@media (max-width:991px) {
    .banner_part .banner_text {
        text-align: center;
        margin-top: 10px
    }
}

.banner_part .banner_text .banner_text_iner {
    display: table-cell;
    vertical-align: middle
}

.banner_part .banner_text h5 {
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
    line-height: 32px;
    text-align: justify
}

@media (max-width:991px) {
    .banner_part .banner_text h5 {
        margin-bottom: 10px;
        font-size: 17px
    }
}

.banner_part .banner_text h1 {
    line-height: 49px;
    margin: 0 0 20px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #fff
}

@media (max-width:991px) {
    .banner_part .banner_text h1 {
        font-size: 30px;
        margin-bottom: 15px;
        line-height: 35px
    }
}

.banner_part:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-linear-gradient(5deg, #233785 0, rgba(18, 1, 248, .2) 100%);
    background: -webkit-linear-gradient(5deg, #233785 0, rgba(18, 1, 248, .2) 100%)
}

.text-black {
    color: #000 !important
}

.form-group {
    margin-bottom: 1rem
}

.form-btn {
    text-transform: uppercase;
    width: 100%
}

.site-section {
    padding: 4em 0;
    position: relative
}

.site-section {
    padding: 2.5em 0
}

@media (min-width:768px) {
    .site-section {
        padding: 5em 0
    }
}

@media(min-width:1280px) {
    .width-100 {
        width: 100%
    }
}

.mobile-svg-android {
    width: 50px;
    height: 50px;
    fill: #fff;
    border-radius: 25px;
    background: #aac148;
    padding: 8px;
    margin-right: 10px
}

.mobile-svg-android:hover {
    background: #233785
}

.mobile-svg-web {
    width: 50px;
    height: 50px;
    fill: #fff;
    border-radius: 25px;
    background: #007bff;
    padding: 8px;
    margin-right: 10px
}

.mobile-svg-web:hover {
    background: #233785
}

.mobile-svg-ios {
    width: 50px;
    height: 50px;
    fill: #fff;
    border-radius: 25px;
    background: #7d7d7d;
    padding: 8px;
    margin-right: 10px
}

.mobile-svg-ios:hover {
    background: #233785
}

.service {
    padding: 30px;
    background: #fff;
    border: 1px solid #eee;
    border-top: 2px solid #007bff;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    position: relative;
    top: 0
}

.service:focus,
.service:hover {
    -webkit-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .4);
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .4);
    border: 1px solid transparent;
    border-top: 2px solid #007bff;
    top: -2px
}

.service h3 {
    font-size: 1.1rem;
    color: #000;
    margin-bottom: .5rem;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 0;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .5px
}

.service p {
    color: #666;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 300;
    line-height: 1.7;
    text-align: justify
}

.display-40 {
    width: 50px;
    height: 50px;
    fill: #007bff
}

p.service-p {
    font-size: 17px;
    padding-left: 15%;
    padding-right: 15%
}

@media(max-width:576px) {
    p.service-p {
        padding-left: 0;
        padding-right: 0
    }
}

h3.service-h3 {
    padding-left: 13%;
    padding-right: 13%
}

@media(max-width:576px) {
    h3.service-h3 {
        padding-left: 0;
        padding-right: 0
    }
}

.upcoming_event_1 {
    position: relative;
    z-index: 1;
    background-color: #454545
}

@media (max-width:576px) {
    .upcoming_event_1 {
        margin-bottom: 250px
    }
}

.upcoming_event_1 .upcoming_event_text {
    position: absolute;
    right: 0;
    top: 0;
    width: 271px;
    background-color: #007bff;
    padding: 35px 22px;
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .5);
    margin: 10px;
    opacity: .9
}

@media (max-width:576px) {
    .upcoming_event_1 .upcoming_event_text {
        top: 50%
    }
}

.upcoming_event_1 .upcoming_event_text p {
    color: #fff;
    margin-top: 0;
    line-height: 1.929;
    font-size: 18px;
    margin-bottom: 35px
}

@media(min-width:1280px) {
    .service-padding {
        padding-left: 35%;
        padding-right: 35%;
        margin-top: 35px
    }
}

@media (max-width:1024px) {
    .service-padding {
        padding-left: 40%;
        padding-right: 40%;
        margin-top: 35px
    }
}

@media (max-width:576px) {
    .service-padding {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0
    }
}

.m-txtd8 {
    font-family: Roboto-Bold;
    font-size: 20px;
    font-weight: 600;
    padding-top: 0;
    line-height: 27px;
    color: #001a57
}

.s-txtd5 {
    font-family: SourceSansPro-Regular;
    font-size: 17px;
    line-height: 1.4;
    color: #999
}

.expert {
    background-color: #233785
}

.expert .bg-img-contact {
    background-image: url(../images/services/mobile-app-development/webp/best-seo-optimization-company.webp);
    background-position-x: 34%
}

@media(max-width:1024px) {
    .expert .bg-img-contact {
        display: none
    }
}

@media(max-width:600px) {
    .expert .bg-img-contact {
        display: none
    }
}

.bg-img-contact {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.bg-img div {
    z-index: 1;
    position: relative
}

.expert .section-info {
    background-size: cover;
    float: left;
    width: 100%
}

@media (min-width:1280px) {
    .expert .section-info {
        padding: 80px 80px
    }
}

@media (max-width:1024px) {
    .expert .section-info {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15%;
        padding-right: 15%;
        margin-top: 10%;
        margin-bottom: 10%
    }
}

@media (max-width:600px) {
    .expert .section-info {
        padding: 20px 20px
    }
}

.expert h2 {
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 24px;
    line-height: 1.1;
    letter-spacing: .5px
}

.expert h2.contact-headings {
    color: #233785
}

.expert label {
    color: #fff;
    letter-spacing: .5px
}

.expert .form-control {
    background: 0 0;
    border-bottom: 1px solid #fff;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #fff;
    padding-left: 0;
    border-radius: 0
}

.text-muted {
    color: #9fb1f5 !important
}

.expert .action-block {
    margin-top: 40px
}

.form-btn-contact {
    text-transform: uppercase;
    letter-spacing: .5px
}

.contacts-main {
    background-color: #fff;
    margin-bottom: 46px
}

.contact-size2 {
    height: 5px;
    width: 37%
}

.web-banner_part {
    height: 600px;
    display: flex;
    align-items: center;
    position: relative;
    background-image: url(../images/services/web-app-development/Best-Asp-net-Web-Development-Company.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    background-color: rgb(0, 0, 0, .5);
    background-blend-mode: multiply
}

.hero-inner:before {
    position: absolute;
    bottom: 0;
    content: "";
    background: url(../images/hero-2-overlay.png) no-repeat;
    height: 250px;
    width: 100%;
    margin: auto;
    background-position: center 100%;
    background-size: cover
}

.section {
    float: left;
    width: 100%;
    padding: 50px
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.blog-box {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    padding: 12px 0 15px;
    float: left;
    width: 100%;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    margin-bottom: 50px
}

.blog-box-small .blog-info {
    margin-bottom: 20px
}

.blog-info {
    padding: 10px 15px 0;
    float: left;
    width: 100%
}

.blog-box-small ul.blog-tags {
    margin-bottom: 30px
}

.blog-info p i {
    margin-right: 5px
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.more-btn {
    color: #225790;
    border-bottom: 1px solid #225790;
    margin-top: 5px;
    display: table
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

a,
a:focus,
a:hover,
a:active {
    outline: 0 !important;
    text-decoration: none !important;
    cursor: pointer
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

.more-btn i {
    margin-left: 5px
}

.row {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.title {
    font-size: 30px;
    color: #000;
    margin-bottom: 50px;
    text-align: center
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    margin: 0 auto
}

.h2,
h2 {
    font-size: 2rem
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

.hire-benefits {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.hire-benefits-inner {
    margin: 0;
    padding-bottom: 90px
}

.hire-web-dev-box,
.hire-benefits {
    padding-left: 30px;
    position: relative
}

.hire-web-dev-box h2.title {
    margin-top: 50px;
    text-align: left
}

.hire-benefits ul li {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px
}

img {
    width: auto;
    height: auto;
    max-width: 100%
}

img {
    vertical-align: middle;
    border-style: none
}

h3.img-heading-black {
    color: #000;
    font-size: 20px;
    margin: 30px auto 10px;
    text-align: center
}

.content-wrap {
    text-align: center;
    margin-bottom: 50px;
    float: left;
    width: 100%
}

.section {
    float: left;
    width: 100%;
    padding: 50px
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.content-wrap p {
    text-align: left
}

p {
    margin-bottom: 0;
    font-size: 16px;
    color: #000;
    line-height: 28px
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

* {
    padding: 0;
    list-style-type: none;
    outline: none;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

user agent stylesheet div {
    display: block
}

body {
    font-family: 'Open Sans', sans-serif !important
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

:root {
    --wp-admin-theme-color: #007cba;
    --wp-admin-theme-color-darker-10: #006ba1;
    --wp-admin-theme-color-darker-20: #005a87
}

:root {
    --blue: #194077;
    --blue-shade: #225790;
    --lt-blue: #00c0eb
}

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

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

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

::selection {
    background-color: #194077;
    color: #fff
}

.hire-web-dev-box h2.title {
    margin-top: 50px;
    text-align: left
}

h2.title {
    font-size: 30px;
    color: #000;
    margin-bottom: 50px;
    text-align: center
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    margin: 0 auto
}

.h2,
h2 {
    font-size: 2rem
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}


@media (min-width:768px) {
    .col-md-6 {
        -ms-flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:768px) {
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    section.service_section {
        margin: 50px 0
    }

    .service_title h2 {
        color: #000;
        font-weight: 600;
        text-align: center;
        margin-bottom: 10px
    }

    .service_title p {
        text-align: center
    }

    .service_details img {
        width: 15%
    }

    .technology-list h3 {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .service_details {
        margin-top: 30px
    }

    .service_section .technology-list {
        padding-left: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: 30px
    }

    .service_section .technology-list li {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        margin-bottom: 0;
        box-sizing: border-box;
        text-align: left;
        border-right: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
        position: relative;
        padding: 20px
    }

    .service_section .technology-list li:before {
        opacity: 0;
        background-image: linear-gradient(180deg, #fff, #cef4fb);
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        z-index: -1;
        transition: all .5s;
        -o-transition: all .5s;
        -ms-transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s
    }

    .img_width {
        width: 20%
    }

    .service_section .technology-list li:nth-of-type(1),
    .service_section .technology-list li:nth-of-type(4) {
        border-left: 1px solid #eaeaea
    }

    section.contact_section {
        margin: 50px 0
    }

    .contact_section h2 {
        font-size: 32px;
        line-height: 40px;
        color: #000;
        margin-bottom: 10px;
        margin-left: 25px
    }

    .contact_section h2:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 10px;
        background-color: #007bff
    }

    .contact_desc p {
        font-size: 17px;
        line-height: 24px;
        margin-left: 25px
    }

    .contact_btn {
        text-align: right;
        margin-top: 82px;
        margin-right: 60px
    }

    .contact_btn a {
        font-size: 20px;
        color: #000;
        border: 2px solid #001a57;
        padding: 5px;
        display: inline-block
    }

    .work_title h2 {
        text-align: center;
        color: #000
    }

    .work_title h2:after {
        content: "";
        position: absolute;
        left: 15px;
        top: 0;
        bottom: 0;
        width: 10px;
        background-color: #007bff
    }

    .w_img {
        width: 20%
    }

    .work-image {
        text-align: center;
        margin-top: 50px
    }

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

    .image_title p {
        font-size: 17px;
        font-weight: 600
    }
}

@media (max-width:320px) {
    .img {
        width: 20%
    }
}

@media (max-width:768px) {
    .img {
        width: 20%
    }
}

@media (max-width:1024px) {
    .img_width {
        width: 20%
    }
}

@media (max-width:768px) {
    .web-banner_part {
        height: 818px
    }
}

@media (max-width:576px) {
    .web-banner_part {
        height: 918px
    }
}

.web-banner_part .banner_text {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 99;
    margin-top: 0
}

@media (max-width:991px) {
    .web-banner_part .banner_text {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 60px
    }
}

@media (max-width:576px) {
    .web-banner_part .banner_text {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.web-banner_part .banner_text .banner_text_iner {
    display: table-cell;
    vertical-align: middle
}

.web-banner_part .banner_text h5 {
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
    line-height: 32px;
    text-align: justify
}

@media (max-width:991px) {
    .web-banner_part .banner_text h5 {
        margin-bottom: 10px;
        font-size: 17px
    }
}

.web-banner_part .banner_text h1 {
    line-height: 49px;
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 39px;
    letter-spacing: 3px;
    color: #fff
}

@media (max-width:991px) {
    .web-banner_part .banner_text h1 {
        font-size: 30px;
        margin-bottom: 15px;
        line-height: 35px
    }
}

.block-13 {
    position: relative;
    z-index: 1;
    background-image: url(../images/services/web-app-development/xamarin-App-Development-Company-in-India.png);
    background-size: cover;
    background-color: rgb(0, 0, 0, .5);
    background-blend-mode: multiply
}

.site-section-heading.w-border h2 {
    position: relative;
    padding-bottom: 20px;
    display: inline-block
}

.site-section-heading h2 {
    font-size: 2rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff
}

.site-section-heading.w-border.text-center h2:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.site-section-heading.w-border h2:after {
    position: absolute;
    content: "";
    width: 70px;
    left: 0;
    bottom: 0;
    height: 5px;
    background: #297ee8
}

.py-40 {
    padding: 0 30px
}

.service-1 {
    border: 1px solid rgba(90, 122, 190, .08);
    box-shadow: 0 3px 0 0 rgba(90, 122, 190, .12);
    padding: 30px 15px 30px 20px;
    border-radius: 10px;
    transition-duration: 1s;
    background: rgba(0, 0, 0, .5)
}

@media(min-width:1280px) {
    .service-1 {
        height: 415px
    }
}

@media (max-width:480px) {
    .service-1 {
        margin-bottom: 15px
    }
}

.servise-top {
    text-align: center;
    width: 100px;
    line-height: 80px;
    height: 100px;
    margin-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50px;
    padding: 8px;
    background: #fff
}

.unify {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    margin: 10px 0;
    color: #fff;
    line-height: 1.1
}

.bottom-s {
    font-size: 16px;
    line-height: 1.7em;
    color: #fff;
    margin-bottom: 24px !important;
    margin: 0;
    text-align: center;
    opacity: .7
}

.language-button {
    display: flex;
    margin-left: auto;
    margin-right: auto
}

.section-presentation {
    overflow: hidden;
    width: 100%;
    min-height: 500px;
    padding: 30px 0;
    position: relative
}

@media (max-width:767px) {
    .section-presentation {
        height: 754px !important
    }
}

.section-presentation .description {
    padding: 50px 5px 0
}

.header-text {
    font-weight: 200;
    color: #fff;
    margin-bottom: 20px;
    font-size: 44px;
    position: relative;
    line-height: 58px;
    margin: 30px 0 15px;
    -webkit-font-smoothing: antialiased
}

.section-presentation p {
    margin-top: 30px;
    line-height: 28px;
    font-size: 18px;
    color: #fff;
    font-weight: 200;
    -webkit-font-smoothing: antialiased;
    margin: 0 0 10px
}

@media (max-width:767px) {
    .hidden-xs {
        height: 312px !important
    }
}

.section-presentation img {
    position: absolute;
    top: 0;
    left: 0;
    height: auto
}

.web-technology {
    margin-right: 10px;
    text-align: center;
    padding: 6px;
    border-radius: 50px;
    border: 2px solid #fff;
    color: #fff
}

.web-technology:hover {
    background: #fff;
    color: #242424
}

@media (max-width:767px) {
    .web-technology {
        width: 25%;
        margin-left: 4%
    }
}

p.process-p {
    margin-top: 0;
    max-width: 800px;
    margin-bottom: 20px;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
    margin-bottom: 62px;
    font-size: 17px;
    color: #233785
}

.unique-feature-area {
    background-image: url(../images/services/game-development/unity-game-development.png);
    background-size: cover;
    background-color: rgb(4, 9, 30, .8);
    background-blend-mode: multiply
}

.section-gap {
    padding: 120px 0
}

.mb-10 {
    margin-bottom: 10px;
    font-size: 36px;
    margin-top: 0;
    font-weight: 600;
    line-height: 1.2em !important
}

.single-unique-product {
    background: rgba(33, 33, 33, .8);
    text-align: center;
    border-radius: 10px;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.single-txt4 {
    font-size: 25px;
    line-height: 1.2;
    position: relative;
    text-align: left;
    padding: 17px
}

.single-main {
    background-color: #117ffa;
    margin-bottom: 8px;
    margin-left: 19px
}

.single-p {
    font-size: 16px;
    line-height: 1.2;
    position: relative;
    text-align: left;
    margin-bottom: 17px;
    padding: 17px;
    letter-spacing: 1px
}

.repid-main {
    background-color: #fff;
    margin-bottom: 35px
}

.category-block {
    box-shadow: 0 7px 16px 0 rgba(0, 0, 0, .09);
    padding: 20px 25px;
    border-radius: 3px;
    margin-bottom: 25px
}

.category-block .header {
    margin-bottom: 20px;
    border-bottom: 3px solid #f4f7f9;
    text-align: center
}

.category-block .header .icon-bg-1 {
    background: #ccdb38;
    box-shadow: 0 0 0 4px rgba(204, 219, 56, .35)
}

.category-block .header .icon-bg-2 {
    background: #a676b8;
    box-shadow: 0 0 0 4px rgba(166, 118, 184, .35)
}

.category-block .header .icon-bg-3 {
    background: #fe7e17;
    box-shadow: 0 0 0 4px rgba(254, 126, 23, .35)
}

.category-block .header svg {
    margin-right: 6px;
    fill: #fff;
    width: 100px;
    height: 100px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 6px;
    padding: 10px 10px 10px 10px
}

.bg1 {
    position: relative;
    padding: 50px 0 105px;
    z-index: 2;
    margin-top: 7%;
    margin-bottom: 5%
}

.bg1:before {
    background: #297ee8;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    transform: skewY(3deg)
}

.bk2:before {
    background: #233785;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    transform: skewY(-3deg)
}

h3.m-txt4.txt-service {
    color: #fff
}

.m-txt4 {
    font-family: Roboto-Bold;
    line-height: 1.2;
    position: relative;
    color: #000;
    text-transform: uppercase
}

.category-block .header h4 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 5px;
    color: #333;
    line-height: 1.2;
    margin-bottom: .5rem
}

.category-block .category-list li {
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #f4f7f9;
    padding: 10px 0;
    color: #666;
    font-weight: 400
}

.category-block .category-list li a {
    display: block;
    color: #777;
    font-size: 13px;
    text-align: center
}

.UI_part {
    height: 600px;
    display: flex;
    align-items: center;
    position: relative;
    background-image: url(../images/services/UI-UX/Best-Mobile-UI-UX-Design-Company.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    background-color: rgba(0, 0, 0, .5);
    background-blend-mode: multiply
}

@media (max-width:768px) {
    .UI_part {
        height: 800px
    }
}

@media (max-width:576px) {
    .UI_part {
        height: 956px
    }
}

.UI_part .banner_text {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 99;
    margin-top: 0
}

@media (max-width:991px) {
    .UI_part .banner_text {
        text-align: center;
        margin-top: 10px
    }
}

.UI_part .banner_text .banner_text_iner {
    display: table-cell;
    vertical-align: middle
}

.UI_part .banner_text h5 {
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
    line-height: 32px;
    text-align: justify
}

@media (max-width:991px) {
    .UI_part .banner_text h5 {
        margin-bottom: 10px;
        font-size: 17px
    }
}

.UI_part .banner_text h1 {
    line-height: 49px;
    margin: 0 0 20px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #fff
}

@media (max-width:991px) {
    .UI_part .banner_text h1 {
        font-size: 30px;
        margin-bottom: 15px;
        line-height: 35px
    }
}

#features {
    padding: 100px 0 163px 0
}

#features .feature-left img {
    width: 100%;
    margin-top: 30px
}

#features .single-right {
    position: relative;
    margin-top: 30px
}

#features .single-right .right-content {
    margin-left: 133px
}

#features .single-right i {
    font-size: 45px;
    position: absolute;
    color: #2f84de;
    left: 50px;
    top: 0;
    height: 70px;
    width: 70px;
    line-height: 64px;
    background: #fff;
    border: 3px solid #2f84de;
    border-radius: 100%;
    text-align: center;
    transition: all .4s ease
}

#features .single-right:hover i {
    background: #2f84de;
    color: #fff
}

@media(max-width:767px) {
    #features .single-right i {
        left: 0
    }
}

#features .single-right .right-content h3 {
    color: #233785;
    padding: 19px 0 20px 0;
    margin: 0;
    font-weight: 500;
    line-height: 1.1
}

#features .single-right:hover h3 {
    color: #2f84de
}

#features .single-right .right-content p {
    color: #666;
    font-size: 17px;
    margin-top: 15px;
    padding: 0;
    margin: 0
}

@media(max-width:767px) {
    #features .single-right .right-content {
        margin-left: 86px
    }
}

#subtle {
    padding: 100px 0 0 0;
    background-image: url(../images/services/UI-UX/IOS-App-Development-Company.png);
    background-size: cover;
    background-position: center
}

#subtle .feature-left img {
    width: 100%;
    margin-top: 30px
}

#subtle .single-right {
    position: relative;
    margin-top: 30px
}

#subtle .single-right .right-content {
    margin-left: 133px
}

#subtle .single-right i {
    font-size: 45px;
    position: absolute;
    color: #2f84de;
    left: 50px;
    top: 0;
    height: 70px;
    width: 70px;
    line-height: 64px;
    background: #fff;
    border: 3px solid #2f84de;
    border-radius: 100%;
    text-align: center;
    transition: all .4s ease
}

@media(max-width:767px) {
    #subtle .single-right i {
        left: 0
    }
}

#subtle .single-right .right-content h3 {
    font-size: 28px;
    color: #fff;
    padding: 19px 0 20px 0;
    margin: 0;
    font-weight: 500;
    line-height: 1.1
}

#subtle .single-right .right-content p {
    color: #fff;
    font-size: 19px;
    margin-top: 15px;
    padding: 0;
    margin: 0;
    margin-bottom: 30%
}

@media(max-width:767px) {
    #subtle .single-right .right-content {
        margin-left: 86px
    }
}

.subtle-main {
    background-color: #fff;
    margin-bottom: 10px
}

#subtle .single-right:hover i {
    background: #2f84de;
    color: #fff
}

#subtle .single-right:hover h3 {
    color: #2f84de
}

p.subtle-p {
    font-size: 18px;
    padding-left: 15%;
    padding-right: 15%
}

@media(max-width:576px) {
    p.subtle-p {
        padding-left: 0;
        padding-right: 0
    }
}

img.subtle-img {
    margin-bottom: 90px
}

#Zero {
    padding: 100px 0 0 0
}

#Zero .feature-left img {
    width: 100%;
    margin-top: 30px
}

#Zero .single-right {
    position: relative;
    margin-top: 30px
}

#Zero .single-right .right-content {
    margin-left: 133px
}

#Zero .single-right svg {
    font-size: 45px;
    position: absolute;
    fill: #2f84de;
    left: 50px;
    top: 0;
    padding: 15px 0 15px 0;
    height: 70px;
    width: 70px;
    line-height: 64px;
    background: #fff;
    border: 3px solid #2f84de;
    border-radius: 100%;
    text-align: center;
    transition: all .4s ease
}

@media(max-width:767px) {
    #Zero .single-right svg {
        left: 0
    }
}

#Zero .single-right .right-content h3 {
    font-size: 28px;
    color: #333;
    padding: 19px 0 20px 0;
    margin: 0;
    font-weight: 500;
    line-height: 1.1
}

#Zero .single-right .right-content p {
    color: #666;
    font-size: 17px;
    margin-top: 15px;
    padding: 0;
    margin: 0;
    margin-bottom: 20%
}

@media(max-width:767px) {
    #Zero .single-right .right-content {
        margin-left: 86px
    }
}

#Zero .single-right:hover svg {
    background: #2f84de;
    fill: #fff
}

#Zero .single-right:hover h3 {
    color: #2f84de
}

@media(max-width:767px) {
    .Zero-img {
        margin-bottom: 0
    }
}

.digital_part {
    height: 600px;
    display: flex;
    align-items: center;
    position: relative;
    background-image: url(../images/services/digital-marketing/webp/Best-SEO-Marketing-Company.webp);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    background-color: rgba(0, 0, 0, .5);
    background-blend-mode: multiply
}

@media (max-width:768px) {
    .digital_part {
        height: 335px
    }
}

@media (max-width:576px) {
    .digital_part {
        height: 360px
    }
}

.digital_part .banner_text {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 99;
    margin-top: 0
}

@media (max-width:991px) {
    .digital_part .banner_text {
        text-align: center;
        margin-top: 10px
    }
}

.digital_part .banner_text .banner_text_iner {
    display: table-cell;
    vertical-align: middle
}

.digital_part .banner_text h5 {
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
    line-height: 32px;
    text-align: justify
}

@media (max-width:991px) {
    .digital_part .banner_text h5 {
        margin-bottom: 10px;
        font-size: 17px
    }
}

.digital_part .banner_text h1 {
    line-height: 49px;
    margin: 0 0 20px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #fff
}

@media (max-width:991px) {
    .digital_part .banner_text h1 {
        font-size: 30px;
        margin-bottom: 15px;
        line-height: 35px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .digital_part .banner_text h1 {
        font-size: 27px;
        margin-bottom: 15px;
        line-height: 35px;
        text-align: left
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .digital_part .banner_text h5 {
        margin-bottom: 10px;
        font-size: 17px;
        text-align: left
    }
}

.seo-main {
    background-color: #233785;
    margin-bottom: 30px
}

.pricingTable {
    box-shadow: 0 0 70px #bbbaba69;
    border-radius: 30px
}

.mt-50 {
    margin-top: 40px !important
}

.pricingTable {
    text-align: center
}

@media screen and (max-width:990px) {
    .pricingTable {
        margin-bottom: 25px
    }
}

.pricingTable .pricingTable-header {
    padding: 30px 0;
    background: #0f7df9;
    position: relative;
    transition: all .3s ease 0s;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.pricingTable .price-value {
    display: inline-block;
    position: relative;
    font-size: 55px;
    font-weight: 700;
    color: #fff;
    transition: all .3s ease 0s
}

.pricingTable .currency {
    font-size: 30px;
    font-weight: 700;
    position: absolute;
    top: 6px;
    left: -19px
}

.pricingTable .month {
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 15px;
    right: -35px;
    text-transform: uppercase
}

.pricingTable .pricing-content {
    padding-top: 20px;
    background: #fff;
    height: 356px;
    position: relative;
    border-top: 1px solid #eee;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px
}

.tabel-color {
    font-size: 25px;
    font-weight: 600;
    color: #253985;
    margin: 40px 0;
    line-height: 1.1
}

.pricingTable .pricing-content ul {
    padding: 0 20px;
    margin: 0;
    list-style: none
}

.pricingTable .pricing-content ul li {
    font-size: 15px;
    font-weight: 600;
    color: #90a0b4;
    padding: 8px 0
}

.pricing-three {
    box-shadow: 0 0 140px #aeaeae8a;
    position: relative;
    z-index: 2 !important
}

.pt-100 {
    padding-top: 70px !important
}

@media(max-width:576px) {
    .pt-100 {
        padding-top: 40px !important
    }
}

@media(max-width:576px) {
    .mk-50 {
        margin-top: 40px !important
    }
}

.price-btn {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 38px;
    bottom: 20px !important
}

@media(max-width:576px) {
    .price-btn {
        width: 50%
    }
}

@media(max-width:768px) {
    .price-btn {
        width: 50%
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .pricingTable .pricing-content {
        height: 395px
    }
}

.tbl-header {
    background: 0 0;
    padding: .5rem 1.5rem;
    display: -ms-flexbox;
    display: flex;
    min-height: 2.5rem;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(0, 40, 100, .12);
    border-top: 1px solid rgba(0, 40, 100, .12);
    margin-bottom: 0;
    text-align: center;
    background-color: #007bfe
}

.tbl-header:first-child {
    border-radius: calc(3px - 1px) calc(3px - 1px) 0 0
}

.tbl-title {
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 1.5rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: #fff
}

.tbl-title:only-child {
    margin-bottom: 0
}

.tbl-bg {
    background-color: #233785;
    color: #fff
}

.tbl-bg2 {
    background-color: #0f7df9;
    color: #fff
}

.health_part {
    height: 600px;
    display: flex;
    align-items: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    background-color: rgba(17, 17, 17, .5) !important;
    background-blend-mode: multiply
}

@media(max-width:1024px) {
    .health_part {
        height: 360px
    }
}

@media(max-width:576px) {
    .health_part {
        height: 350px
    }
}

.health_part .banner_text {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 99;
    margin-top: 0
}

@media (max-width:991px) {
    .health_part .banner_text {
        text-align: center;
        padding-left: 15%;
        padding-right: 15%
    }
}

@media (max-width:576px) {
    .health_part .banner_text {
        text-align: center;
        padding-left: 0;
        padding-right: 0
    }
}

.health_part .banner_text .banner_text_iner {
    display: table-cell;
    vertical-align: middle
}

.health_part .banner_text h5 {
    font-weight: 400;
    font-size: 17px;
    color: #fff;
    margin-bottom: 0;
    line-height: 29px
}

@media (max-width:991px) {
    .health_part .banner_text h5 {
        margin-bottom: 10px;
        font-size: 14px
    }
}

.health_part .banner_text h1 {
    line-height: 49px;
    margin: 0 0 20px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #fff
}

@media (max-width:991px) {
    .health_part .banner_text h1 {
        font-size: 24px;
        margin-bottom: 15px;
        line-height: 35px
    }
}

@media(min-width:1280px) {
    .health-h2 {
        padding-left: 15%;
        padding-right: 15%
    }
}

@media(min-width:1280px) {
    .health-p {
        padding-left: 20%;
        padding-right: 20%;
        font-size: 17px !important
    }
}

.section-container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%
}

@media (min-width:576px) {
    .section-container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .section-container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .section-container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .section-container {
        max-width: 1140px
    }
}

.section-container {
    max-width: 1334px
}

.ftco-section.ftco-slant {
    padding: 7em 0 3em 0
}

@media(max-width:768px) {
    .ftco-section.ftco-slant {
        padding: 3em 0 3em 0
    }
}

.ftco-slant {
    position: relative;
    overflow: hidden
}

.ftco-media {
    background: #fff;
    border-radius: 5px;
    height: auto;
    box-shadow: 0 0 1px 1px #e8ebf1;
    transition: all .3s ease-in-out
}

.ftco-media:hover {
    margin-top: -20px !important;
    padding-top: 45px;
    box-shadow: 1px 0 20px 1px rgba(0, 0, 0, .13), 0 15px 15px 1px rgba(0, 0, 0, .13)
}

@media (min-width:1024px) and (max-width:1280px) {
    .ftco-media {
        height: 400px
    }
}

.ftco-media.text-center .ftco-icon {
    margin: 0 auto
}

.media .ftco-icon span {
    color: #4586ff
}

.media-body {
    -ms-flex: 1;
    flex: 1
}

.display-health {
    font-size: 3.5rem !important;
    font-weight: 300;
    line-height: 1.1
}

.health-h5 {
    line-height: 1.45;
    font-weight: 400;
    color: #000;
    font-size: 20px;
    margin-bottom: .5rem
}

.second-p {
    color: #666;
    font-size: 17px;
    padding: 0;
    margin: 0;
    text-align: justify
}

.health-media {
    height: auto
}

.font-size-22 {
    color: #000;
    letter-spacing: 0;
    line-height: 32px !important;
    font-style: normal;
    font-weight: 400 !important;
    margin-top: 1em;
    margin-bottom: 1em
}

@media(min-width:1280px) {
    .m-left-7 {
        margin-left: 4%;
        margin-right: 4%
    }
}

.gray-bg-col {
    color: #666;
    margin-top: 0;
    margin-bottom: 20px;
    margin: 0 0 20px;
    line-height: 28px !important;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0;
    font-style: normal
}

ul.ul-left-bg {
    padding: 20px;
    border: 1px solid #eae9e9;
    background: #f5f5f5;
    font-size: 18px;
    line-height: 30.6px;
    margin: 10px 0 0;
    list-style-type: none
}

li.li-left {
    padding-top: 0;
    margin-left: 0;
    font-size: 17px;
    line-height: 30.6px;
    color: #666
}

.health-text {
    font-weight: 200;
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    line-height: 43px;
    margin: 30px 0 15px;
    -webkit-font-smoothing: antialiased
}

@media(max-width:767px) {
    .health-text {
        font-size: 21px;
        margin: 0 0 15px
    }
}

.logistics_part {
    height: 600px;
    display: flex;
    align-items: center;
    position: relative;
    background-image: url(../images/industry/logistics/logistics-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1
}

@media (max-width:768px) {
    .logistics_part {
        height: 800px
    }
}

@media (max-width:576px) {
    .logistics_part {
        height: 956px
    }
}

.logistics_part .banner_text {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 99;
    margin-top: 0
}

@media (max-width:991px) {
    .logistics_part .banner_text {
        text-align: center;
        margin-top: 10px
    }
}

.logistics_part .banner_text .banner_text_iner {
    display: table-cell;
    vertical-align: middle
}

.logistics_part .banner_text h5 {
    font-weight: 400;
    color: #fff;
    margin-bottom: 0;
    line-height: 32px;
    text-align: justify
}

@media (max-width:991px) {
    .logistics_part .banner_text h5 {
        margin-bottom: 10px;
        font-size: 17px
    }
}

.logistics_part .banner_text h1 {
    line-height: 49px;
    margin: 0 0 20px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #fff;
}

@media (max-width:991px) {
    .logistics_part .banner_text h1 {
        font-size: 30px;
        margin-bottom: 15px;
        line-height: 35px
    }
}

.pb_media_v2 h3 {
    line-height: 1.45;
    font-weight: 400;
    color: #000;
    font-size: 20px;
    margin-bottom: .5rem
}

.pb_font-20 {
    font-size: 20px !important
}

.pb-font-p {
    color: #666;
    margin-bottom: 50px;
    font-size: 17px;
    text-align: justify
}

.port-media {
    padding-left: 10%;
    padding-right: 10%;
    text-align: center
}

.logi-media {
    background: #fff;
    border-radius: 5px;
    height: auto;
    box-shadow: 0 0 1px 1px #e8ebf1;
    transition: all .3s ease-in-out
}

.logi-media:hover {
    margin-top: -20px !important;
    padding-top: 45px;
    box-shadow: 1px 0 20px 1px rgba(0, 0, 0, .13), 0 15px 15px 1px rgba(0, 0, 0, .13)
}

@media (min-width:1024px) and (max-width:1280px) {
    .logi-media {
        height: 400px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .logi-media {
        height: 380px
    }
}

@media (max-width:576px) {
    .logi-media {
        height: auto
    }
}

.logi-media.text-center .ftco-icon {
    margin: 0 auto
}

.logistic-container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%
}

@media (min-width:576px) {
    .logistic-container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .logistic-container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .logistic-container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .logistic-container {
        max-width: 1140px
    }
}

.logistic-container {
    max-width: 1349px
}

.mar-bot-0 {
    margin: 0;
    color: rgba(255, 255, 255, .7);
    margin-bottom: 0 !important;
    font-size: 22px !important;
    line-height: 32px !important
}

@media(max-width:576px) {
    .mar-bot-0 {
        padding: 0 0 25px 18px
    }
}

@media(min-width:1280px) {
    .nav-logic {
        padding-right: 15%;
        padding-left: 15%
    }
}

.transport-section {
    padding: 0 0 3em 0
}

.ftco-section .tab-content .tab-pane .one-forth {
    width: 50%
}

@media (max-width:767.98px) {
    .ftco-section .tab-content .tab-pane .one-forth {
        width: 100%
    }
}

.ftco-section .tab-content .tab-pane .one-forth img {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .03);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .03);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .03)
}

@media (max-width:767.98px) {
    .ftco-section .tab-content .tab-pane .one-forth img {
        margin-bottom: 20px
    }
}

.ftco-section .tab-content .tab-pane .one-half {
    width: 50%
}

@media (max-width:767.98px) {
    .ftco-section .tab-content .tab-pane .one-half {
        width: 100%;
        padding: 17px
    }
}

h2.font-size-50 {
    font-weight: 700;
    color: #fff;
    line-height: 36px !important;
    margin-bottom: 20px !important;
    width: 86%;
    letter-spacing: .5px
}

@media (min-width:768px) and (max-width:1023px) {
    h2.font-size-50 {
        font-weight: 600;
        font-size: 19px !important;
        margin-top: 10px;
        width: 100%;
        letter-spacing: 0;
        margin-left: -1rem !important
    }
}

@media (max-width:576px) {
    h2.font-size-50 {
        width: 100%
    }
}

p.font-size-51 {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 20px;
    width: 86%;
    color: #fff;
    font-size: 17px;
    letter-spacing: .5px
}

@media (min-width:768px) and (max-width:1023px) {
    p.font-size-51 {
        width: 100%;
        letter-spacing: 0;
        margin-left: -1rem !important
    }
}

@media(max-width:576px) {
    p.font-size-51 {
        width: 100%
    }
}

.unorder-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0 !important
}

.unorder-list li {
    margin: 0;
    position: relative;
    margin: 8px 0;
    padding: 0 0 0 25px !important;
    color: #fff;
    font-size: 17px
}

.unorder-list li:before {
    content: "\f111";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 9px !important
}

@media (min-width:768px) and (max-width:1024px) {
    .fusion-text {
        display: none
    }
}

.retail-media {
    background: #fff;
    border-radius: 5px;
    height: 250px;
    box-shadow: 0 0 1px 1px #e8ebf1;
    transition: all .3s ease-in-out
}

.retail-media:hover {
    margin-top: -20px !important;
    padding-top: 45px;
    box-shadow: 1px 0 20px 1px rgba(0, 0, 0, .13), 0 15px 15px 1px rgba(0, 0, 0, .13)
}

@media (min-width:1024px) and (max-width:1280px) {
    .retail-media {
        height: 319px
    }
}

.retail-media.text-center .ftco-icon {
    margin: 0 auto
}

@media (max-width:1280px) {
    .retail-h2 {
        font-size: 37px !important
    }

    .retail-p {
        font-size: 20px !important
    }
}

@media (max-width:768px) {
    .retail-h2 {
        font-size: 20px !important
    }

    .retail-p {
        font-size: 15px !important
    }
}

@media(max-width:576px) {
    .retail-h2 {
        font-size: 19px !important;
        line-height: 28px !important
    }

    .retail-p {
        line-height: 20px !important
    }
}

.retail-media {
    height: auto
}

.section-title {
    color: #000;
    margin-bottom: 9px;
    font-weight: 600;
    margin-top: 0;
    line-height: 1.2
}

@media (max-width:991.98px) {
    .section-title {
        font-size: 1.5rem
    }
}

.section-retail-p {
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 1.5;
    font-weight: 300;
    font-size: 17px
}

.image-absolute-box {
    position: relative
}

.image-absolute-box .box {
    position: absolute;
    background: #007bff;
    padding: 20px 20px 0 20px;
    max-width: 300px;
    right: 0
}

@media (max-width:991.98px) {
    .image-absolute-box .box {
        top: auto;
        right: auto;
        position: relative;
        width: 100%;
        max-width: 100%
    }
}

.image-absolute-box .box .icon-wrap {
    color: #fff;
    margin-bottom: 1.5rem
}

.image-absolute-box .box .icon-wrap span {
    font-size: 2rem
}

.image-absolute-box .box h3 {
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0
}

.image-absolute-box .box {
    position: absolute;
    background: #007bff;
    padding: 20px 20px 0 20px;
    max-width: 300px;
    right: 0
}

@media (max-width:991.98px) {
    .image-absolute-box .box {
        top: auto;
        right: auto;
        position: relative;
        width: 100%;
        max-width: 100%;
        height: 100%
    }
}

.image-absolute-box .box .icon-wrap {
    color: #fff;
    margin-bottom: 1.5rem
}

.image-absolute-box .box .icon-wrap span {
    font-size: 2rem
}

.image-absolute-box .box h3 {
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0
}

.finance-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0 !important
}

.finance-list li {
    margin: 0;
    position: relative;
    padding: 0 0 0 25px !important;
    color: gray;
    font-size: 16px
}

.finance-list li:before {
    content: "\f111";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    color: #0f7df9;
    font-size: 9px !important
}

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

.section-title span {
    color: #007bff
}

#more-features .box {
    padding: 16px 0;
    margin-bottom: 30px;
    transition: .4s
}

@media(max-width:576px) {
    #more-features .box {
        padding: 0
    }
}

#more-features .icon {
    float: left;
    height: 40px;
    width: 40px;
    line-height: 27px;
    border-width: 2px;
    border-style: solid;
    border-color: #007bff;
    box-sizing: content-box;
    border-radius: 60px;
    margin-right: 20px
}

#more-features .icon i {
    border-color: #007bff;
    border-width: 1px;
    box-sizing: content-box;
    margin-left: 6px !important;
    line-height: 43px;
    border-radius: 60px;
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    border-radius: 60px;
    color: #007bff;
    font-size: 30px
}

#more-features h4 a {
    font-size: 17px;
    line-height: 25px;
    margin: 0;
    letter-spacing: 0;
    font-style: normal;
    display: table-cell;
    vertical-align: middle;
    color: #666;
    padding: 3px;
    transition: all .3s;
    margin-bottom: 10px !important
}

#more-features .box:hover .icon {
    background-color: #007bff
}

#more-features .box:hover .icon i {
    color: #fff
}

#more-features .box:hover h4 a {
    color: #007bff
}

@media (max-width:1024px) {
    .finance-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (max-width:576px) {
    .finance-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.cases {
    padding: 40px 0 55px
}

@media(max-width:576px) {
    .cases {
        padding: 30px 0 55px
    }
}

.portfolio-case {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex: 0 1 100%;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    margin-right: -12px;
    margin-left: -12px;
    padding: 0
}

@media (min-width:1200px) {
    .case__content {
        flex: 0 0 45%;
        max-width: 45%
    }
}

@media (min-width:768px) {

    .case__content,
    .case__image {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.case__content,
.case__image {
    flex: 0 0 100%;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width:1200px) {
    .case__blockquote {
        margin-top: 50px
    }
}

@media (min-width:992px) {
    .case__blockquote {
        margin-top: 30px
    }
}

.case__blockquote {
    font-weight: 500;
    max-width: 300px;
    margin: 30px 0 25px
}

@media (min-width:768px) {
    .text-blockquote {
        border-width: 6px;
        padding-left: 25px
    }
}

.text-blockquote {
    border-left: 4px solid #0f7df9;
    padding-left: 20px
}

@media (max-width:1599px) and (min-width:768px) {
    .text-md {
        line-height: 1.75
    }
}

.text-md {
    font-size: 17px
}

.case__title {
    margin-bottom: 20px;
    margin-top: 0
}

@media (min-width:768px) {
    .title-md {
        font-weight: 600
    }
}

.title-md {
    color: #0f7df9;
    font-weight: 600
}

.title-md {
    line-height: 1.2
}

@media (min-width:1200px) {
    .case__description {
        max-width: 415px
    }
}

.case__description {
    margin-bottom: 20px
}

@media (min-width:1200px) {
    .case__image {
        flex: 0 0 55%;
        max-width: 55%
    }
}

@media (min-width:768px) {

    .case__content,
    .case__image {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.case__content,
.case__image {
    flex: 0 0 100%;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 135px
}

@media (min-width:992px) {
    .case--inverse {
        margin-top: 100px
    }
}

.case--inverse {
    margin-top: 40px
}

@media (min-width:768px) {
    .case--inverse .case__content {
        padding-left: 5%
    }
}

.ftco-no-pt {
    padding-top: 0 !important
}

.gallery {
    width: 100%;
    height: 350px
}

.com-grid {
    text-transform: capitalize;
    min-height: 400px;
    position: relative
}

@media screen and (max-width:767px) {
    .com-grid {
        min-height: 480px
    }
}

@media screen and (max-width:495px) {
    .com-grid {
        min-height: 580px
    }
}

.com-logo {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 8px 13px 30px 5px rgba(162, 153, 153, .3);
    padding: 18px !important;
    line-height: 0
}

.com-logo img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    margin-top: 50%;
    margin-left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.com-name {
    padding-top: 8px;
    font-size: 15px;
    display: block;
    line-height: 20px;
    max-width: 109px;
    font-weight: 700;
    text-align: center;
    color: #233785
}

@media(max-width:576px) {
    .com-name {
        display: block
    }
}

.com-logo:hover~.com-name {
    display: block
}

@media(min-width:1280px) {

    .com1,
    .com10,
    .com2,
    .com3,
    .com4,
    .com5,
    .com6,
    .com7,
    .com8,
    .com9 {
        position: absolute
    }
}

@media(max-width:1024px) {

    .com1,
    .com10,
    .com2,
    .com3,
    .com4,
    .com5,
    .com6,
    .com7,
    .com8,
    .com9 {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        width: 20%;
        height: 164px
    }
}

@media(max-width:576px) {

    .com1,
    .com10,
    .com2,
    .com3,
    .com4,
    .com5,
    .com6,
    .com7,
    .com8,
    .com9 {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        width: 50%;
        height: 164px
    }
}

@media(min-width:1280px) {
    .com1 {
        margin-top: -23px;
        margin-left: 51%
    }

    .com2 {
        margin-top: 21px;
        margin-left: 69%
    }

    .com3 {
        margin-top: -71px;
        margin-left: 83%
    }

    .com4 {
        margin-top: 127px;
        margin-left: 83%
    }

    .com5 {
        margin-top: 168px;
        margin-left: 54%
    }

    .com6 {
        margin-top: 93px;
        margin-left: 32%
    }

    .com7 {
        margin-top: 262px;
        margin-left: 15%
    }

    .com8 {
        margin-top: 41px;
        margin-left: 9%
    }

    .com9 {
        margin-top: 298px;
        margin-left: 38%
    }

    .com10 {
        margin-top: 298px;
        margin-left: 71%
    }
}

.company-margin {
    margin-top: 5%;
    margin-left: 5%;
    margin-right: 5%
}

.section_tittle {
    margin-bottom: 81px
}

@media (max-width:575px) {
    .section_tittle {
        margin-bottom: 30px
    }
}

.section_tittle h1 {
    color: #007bff;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 39px;
    text-transform: capitalize
}

@media (max-width:575px) {
    .section_tittle h1 {
        font-size: 25px;
        line-height: 35px
    }
}

.bg-android {
    background-image: url(../images/technology/android-app-development/bg-android.png);
    padding: 30px 0 0;
    text-align: center;
    color: #fff;
    background-size: cover;
    background-color: rgba(17, 17, 17, .5);
    background-blend-mode: multiply
}

.bg-android h1 {
    font-weight: 300;
    letter-spacing: -1px;
    margin-bottom: 1.5rem;
    line-height: 1.2;
    color: #fff;
    margin-top: 0
}

@media (min-width:768px) and (max-width:1023px) {
    .bg-android h1 {
        font-size: 40px
    }
}

@media (max-width:767px) {
    .bg-android h1 {
        font-size: 40px;
        text-align: center !important
    }
}

.tagline1 {
    font-size: 17px;
    font-weight: 300;
    color: #fff;
    max-width: 800px
}

@media (max-width:767px) {
    .tagline1 {
        font-size: 17px;
        text-align: center !important
    }
}

.android-media {
    height: auto
}

@media(min-width:1280px) {
    .home-service {
        margin-left: 14%;
        margin-right: 0
    }
}

@media(min-width:1024px) {
    .home-service {
        margin-left: 4%;
        margin-right: -14%
    }
}

.home-service-box {
    position: relative;
    box-shadow: none;
    min-height: 182px;
    border: 1px solid #dedede;
    background-color: #f9fafc !important
}

@media (min-width:768px) and (max-width:1023px) {
    .home-service-box {
        flex: 0 0 33%;
        max-width: 33%
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .home-service-box1 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.home-service-box .ftco-icon span {
    color: #4586ff
}

@media(max-width:768px) {
    .home-service-none {
        display: none
    }
}

.mb-80 {
    margin-bottom: 80px
}

.work-title span {
    font-weight: 700;
    letter-spacing: -1px;
    color: #13287e;
    font-size: 16px;
    position: relative;
    display: inline-block;
    margin-bottom: 20px
}

.work-title span::after,
.work-title span::before {
    content: "";
    width: 100px;
    height: 2px;
    position: absolute;
    left: -120px;
    top: 50%;
    transform: translateY(-50%);
    background: #dee2f2;
    transition: .3s
}

.work-title span::after {
    right: -120px;
    left: auto
}

.work-title h2 {
    font-size: 55px;
    margin-bottom: 0;
    letter-spacing: -3px;
    color: #13287e;
    margin-top: 0;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2
}

@media (max-width:767px) {
    .work-title h2 {
        font-size: 36px;
        letter-spacing: -1px
    }
}

.p-relative {
    position: relative
}

.mb-30 {
    margin-bottom: 30px
}

.wp-shape::before {
    content: "";
    position: absolute;
    right: -79px;
    top: 30px;
    background-image: url(//bdevs.net/theme/klear/wp-content/themes/klear/img/shape/wp_shape.png);
    background-repeat: no-repeat;
    width: 126px;
    height: 32px
}

@media(max-width:1024px) {
    .wp-shape::before {
        display: none
    }
}

.mb-35 {
    margin-bottom: 35px
}

.single-wp:hover .wp-icon img {
    transform: rotateY(360deg);
    transition: 1s
}

.wp-content h5 {
    font-size: 24px;
    letter-spacing: -1px;
    margin-bottom: 15px;
    color: #13287e;
    margin-top: 0;
    font-style: normal;
    font-weight: 800;
    line-height: 1.2
}

.wp-content p {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    color: #5f5f5f;
    line-height: 2;
    margin-top: 0;
    text-align: justify
}

.work-bg {
    background: #f5f7ff
}

.team-slider {
    position: relative;
    background-image: url(//omnisttechhub.com/assets/images/team-slider1.png);
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px
}

@media (max-width:450px) {
    .team-slider {
        padding-bottom: 40px
    }
}

.swiper-container {
    width: 100%;
    height: 100vh;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:1024px) {
    .swiper-container {
        height: 353px
    }
}

@media (max-width:768px) {
    .swiper-container {
        height: 630px
    }
}

@media (max-width:576px) {
    .swiper-container {
        height: 716px
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide .item {
    position: relative;
    display: inline-block
}

.swiper-slide .item .team-img {
    width: 130px;
    margin: 20px auto;
    cursor: pointer
}

@media (max-width:1100px) {
    .swiper-slide .item .team-img {
        width: 100px !important;
        margin: 20px auto
    }
}

@media (max-width:768px) {
    .swiper-slide .item .team-img {
        width: 90px
    }
}

@media (max-width:450px) {
    .swiper-slide .item .team-img {
        margin-bottom: 10px !important
    }
}

@media (max-width:400px) {
    .swiper-slide .item .team-img {
        width: 100px !important;
        margin: 20px auto
    }
}

.team-img {
    border-radius: 50%;
    background: #fff
}

.pulse {
    animation-name: pulse;
    animation-duration: 1s
}

.animate {
    animation-duration: 2.5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}

.team-slider h5 {
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0
}

@media (max-width:1000px) {
    .team-slider h5 {
        font-size: 15px
    }
}

@media (max-width:450px) {
    .team-slider h5 {
        font-size: 16px !important
    }
}

.team-slider h5>.work-status {
    display: block;
    font-size: 13px;
    margin-top: 5px
}

@media (max-width:450px) {
    .team-slider h5>.work-status {
        font-size: 12px !important;
        margin-top: 0 !important
    }
}

.team-detail {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px dashed #fff;
    border-radius: 50%;
    transition: all .6s ease-in-out;
    z-index: -1;
    animation-delay: 2s
}

.swiper-slide .item .team-detail {
    width: 400px;
    height: 400px
}

@media (max-width:1100px) {
    .swiper-slide .item .team-detail {
        height: 300px !important;
        width: 300px !important
    }
}

@media (max-width:768px) {
    .swiper-slide .item .team-detail {
        height: 275px !important;
        width: 275px !important
    }
}

.swiper-slide .item .tm-icon1 {
    top: 18px;
    left: -10px;
    visibility: visible
}

.tm-icon1 {
    top: -30px;
    left: -30px
}

.tm-icon1,
.tm-icon2,
.tm-icon3,
.tm-icon4 {
    display: inline-block;
    width: 70px;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
    position: absolute;
    visibility: hidden;
    transition: all .6s ease-in-out;
    animation-delay: 2s
}

.team-detail img {
    width: 55px;
    margin: 10px auto
}

@media (max-width:1100px) {
    .team-detail img {
        width: 30px !important
    }
}

@media (max-width:400px) {
    .team-detail img {
        width: 30px !important
    }
}

.team-detail p {
    font-size: 13px;
    margin: 0;
    min-height: 40px
}

@media (max-width:1000px) {
    .team-detail p {
        font-size: 14px
    }
}

@media (max-width:450px) {
    .team-detail p {
        font-size: 9px !important;
        line-height: 11px !important
    }
}

@media (max-width:400px) {
    .team-detail p {
        font-size: 13px
    }
}

.swiper-slide .item .tm-icon2 {
    top: 19px;
    right: -10px;
    visibility: visible
}

.tm-icon2 {
    top: -30px;
    right: -30px
}

.swiper-slide .item .tm-icon3 {
    bottom: -25px;
    left: 10px;
    visibility: visible
}

.tm-icon3 {
    bottom: -30px;
    left: -30px
}

.swiper-slide .item .tm-icon4 {
    bottom: -25px;
    right: 10px;
    visibility: visible
}

.tm-icon4 {
    bottom: -30px;
    right: -30px
}

.owl-carousel .swiper-slide {
    height: 500px
}

@media(max-width:1024px) {
    .owl-carousel .swiper-slide {
        height: 307px
    }
}

@media(max-width:768px) {
    .owl-carousel .swiper-slide {
        height: 313px
    }
}

@media(max-width:576px) {
    .owl-carousel .swiper-slide {
        height: 300px
    }
}

.team-slider .owl-next,
.team-slider .owl-prev {
    background-color: transparent !important;
    height: 40px !important;
    width: 40px !important;
    line-height: 40px !important;
    display: inline-block !important;
    text-align: center !important;
    color: #fff !important;
    position: absolute !important;
    top: 0 !important;
    color: #fff !important;
    transition: all 1s !important;
    font-size: 80px !important
}

.team-slider .owl-prev {
    margin-top: 19% !important;
    left: 0 !important
}

.team-slider .owl-next {
    margin-top: 19% !important;
    right: 0 !important
}

@media(max-width:1024px) {
    .team-slider .owl-prev {
        margin-top: 14% !important
    }
}

@media(max-width:1024px) {
    .team-slider .owl-next {
        margin-top: 14% !important
    }
}

@media(max-width:768px) {
    .team-slider .owl-prev {
        margin-top: 43% !important
    }
}

@media(max-width:768px) {
    .team-slider .owl-next {
        margin-top: 43% !important
    }
}

@media(max-width:576px) {
    .team-slider .owl-prev {
        margin-top: 204% !important;
        margin-left: 35% !important
    }
}

@media(max-width:576px) {
    .team-slider .owl-next {
        margin-top: 204% !important;
        margin-right: 35% !important
    }
}

.innerpage-banner.mobile-banner-height {
    min-height: 740px
}

@media (min-width:1024px) and (max-width:1280px) {
    .innerpage-banner.mobile-banner-height {
        min-height: inherit
    }
}

@media only screen and (max-width:991px) {
    .innerpage-banner.mobile-banner-height {
        min-height: inherit
    }
}

.innerpage-banner {
    width: 100%;
    min-height: 539px;
    position: relative;
    background-color: #333 !important
}

@media only screen and (max-width:991px) {
    .innerpage-banner {
        min-height: inherit
    }
}

.in-banner-content {
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    padding-top: 228px;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (max-width:1199px) {
    .in-banner-content {
        padding-top: 168px
    }
}

@media only screen and (max-width:991px) {
    .in-banner-content {
        padding-top: 170px;
        padding-bottom: 120px
    }
}

@media only screen and (max-width:767px) {
    .in-banner-content {
        padding-left: 0;
        padding-right: 0;
        padding-top: 120px;
        padding-bottom: 80px
    }
}

@media only screen and (max-width:1199px) {
    .innerpage-banner.mobile-banner-height .in-banner-content {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media only screen and (max-width:991px) {
    .innerpage-banner.mobile-banner-height .in-banner-content {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media only screen and (max-width:767px) {
    .innerpage-banner.mobile-banner-height .in-banner-content {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.in-banner-content>h1 {
    font-weight: 700;
    color: #fff;
    letter-spacing: .65px;
    line-height: 1.1
}

.in-banner-content h1 {
    font-weight: 700;
    font-size: xx-large;
    color: #fff;
    margin: 8px 0 26px 0;
    letter-spacing: .65px
}

@media only screen and (max-width:1199px) {
    .in-banner-content h1 {
        font-size: 39px
    }
}

@media only screen and (max-width:991px) {
    .in-banner-content h1 {
        font-size: 33px;
        line-height: 49px
    }
}

@media only screen and (max-width:767px) {
    .in-banner-content h1 {
        font-size: 28px;
        line-height: 40px
    }
}

.in-banner-content p {
    font-weight: 300;
    color: #fff;
    font-size: 17px;
    padding: 0;
    letter-spacing: 2.1px;
    margin-top: 8px;
    margin-bottom: 0;
    margin: 8px 0 26px 0
}

@media only screen and (max-width:767px) {
    .in-banner-content p {
        line-height: 25px
    }
}

#ios-features {
    background: linear-gradient(90deg, #026ac9 0, #2493af 100%);
    text-align: center;
    padding: 7em 0 0 0
}

#ios-features span {
    content: "\21E3";
    color: #fff;
    font-size: 62px;
    display: block
}

#ios-model {
    background-color: #233785;
    padding: 1em 0 3em 0
}

#ios-model .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #f3f3f3;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 4px solid !important;
    font-size: 20px;
    font-weight: 700
}

#ios-model .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #4586ff;
    font-size: 17px;
    max-width: 28%;
    margin-right: auto;
    margin-left: auto
}

#ios-model .nav-tabs .nav-link.active .nav-icons1 {
    width: 55px;
    height: 55px;
    fill: #4586ff;
    margin-left: 0
}

.nav-icons1 {
    width: 55px;
    height: 55px;
    fill: #fff;
    margin-left: 0
}

.main-content-block {
    margin-top: 35px;
    padding-top: 0;
    text-align: center
}

.application-option {
    margin-top: 60px;
    text-align: center
}

.application-option ul {
    display: inline-block
}

.application-option ul li {
    display: inline-block;
    float: none;
    margin-bottom: 28px;
    vertical-align: top
}

.application-option ul li {
    list-style: none;
    text-align: center;
    width: 155px;
    padding: 0 10px
}

.application-option ul li span {
    display: inline-block;
    font-size: 17px;
    color: #fff;
    margin-top: 18px
}

.transition {
    color: #fff;
    display: block
}

@media(max-width:576px) {
    .transition {
        font-size: 13px
    }
}

#ios-model .nav-tabs .nav-link.active .transition {
    color: #4586ff
}

@media(max-width:576px) {
    #ios-model .nav-tabs .nav-link.active .transition {
        font-size: 12px
    }
}

.badge-gray1 {
    background-color: #e6e7e8
}

.owl-carousel.home-slider {
    position: relative;
    height: 700px;
    z-index: 0
}

.owl-carousel.home-slider .slider-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height: 700px;
    position: relative;
    z-index: 0
}

@media (max-width:1199.98px) {
    .owl-carousel.home-slider .slider-item {
        background-position: center center !important
    }
}

.owl-carousel.home-slider .slider-item .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    background: #fff;
    opacity: .85
}

@media (min-width:768px) {
    .owl-carousel.home-slider .slider-item .overlay {
        width: 50%
    }
}

@media (max-width:576px) {
    .owl-carousel.home-slider .slider-item .overlay {
        width: 100%;
        background: #000;
        opacity: .5
    }
}

.owl-carousel.home-slider .slider-item .slider-text {
    height: 700px
}

@media (max-width:767.98px) {
    .owl-carousel.home-slider .slider-item .slider-text {
        text-align: center
    }
}

.owl-carousel.home-slider .slider-item .slider-text .text {
    position: relative
}

.owl-carousel.home-slider .slider-item .slider-text h2 {
    color: #007bff;
    line-height: 1.3;
    font-weight: 900;
    text-transform: uppercase
}

@media (max-width:991.98px) {
    .owl-carousel.home-slider .slider-item .slider-text h2 {
        font-size: 30px
    }
}

.owl-carousel.home-slider .slider-item .slider-text h2 span {
    display: block;
    color: #000
}

@media(max-width:576px) {
    .owl-carousel.home-slider .slider-item .slider-text h2 span {
        color: #fff
    }
}

.owl-carousel.home-slider .slider-item .slider-text .subheading {
    font-size: 17px;
    font-weight: 400;
    color: rgba(0, 0, 0, .8);
    line-height: 1.5;
    margin-bottom: .5rem
}

@media(max-width:576px) {
    .owl-carousel.home-slider .slider-item .slider-text .subheading {
        color: #fff
    }
}

.ftco-margin-top .request-quote .subheading {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.8;
    color: rgba(211, 211, 211, .9)
}

.wrap-about {
    position: relative
}

@media (min-width:768px) {
    .wrap-about {
        padding-left: 4em
    }
}

.heading-section h1 {
    font-weight: 700;
    line-height: 1.5;
    color: #000
}

@media (min-width:768px) and (max-width:1024px) {
    .heading-section h1 {
        font-size: 23px
    }
}

@media (max-width:767.98px) {
    .heading-section h1 {
        font-size: 28px
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .net-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.net-box {
    background: #47badc;
    text-align: center
}

.net-box1 {
    background: #d8ad32;
    text-align: center
}

.net-box2 {
    background: #9032d8;
    text-align: center
}

.net-box3 {
    background: #d832c4;
    text-align: center
}

.net-box4 {
    background: #324ed8;
    text-align: center
}

.net-box,
.net-box1,
.net-box2,
.net-box3,
.net-box4 {
    width: 220px;
    display: table-cell;
    vertical-align: middle;
    padding: 36px 20px;
    height: 220px;
    border-radius: 50%
}

@media only screen and (max-width:576px) {

    .net-box,
    .net-box1,
    .net-box2,
    .net-box3,
    .net-box4 {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

.net-box_icon {
    width: 75px;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.net-box_icon img {
    max-width: 100%
}

.net-box_title {
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    line-height: 1.2;
    margin-top: 15px;
    text-align: center
}

.font-size-229 {
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 18%;
    text-align: justify
}

.font-size-229 span {
    font-weight: 600;
    color: #666;
    text-transform: uppercase
}

.font-size-239 {
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 18%;
    text-align: justify
}

.font-size-239 span {
    font-weight: 600;
    color: #666;
    text-transform: uppercase
}

.font-size-539 {
    font-size: 16px;
    letter-spacing: 1px;
    text-align: justify
}

@media(min-width:1280px) {
    .dt-50 {
        margin-top: 50px
    }
}

@media(min-width:1280px) {
    .dt-120 {
        margin-top: 120px
    }
}

@media(min-width:1280px) {
    .dt-75 {
        margin-top: 75px
    }
}

@media(min-width:1280px) {
    .dt-85 {
        margin-top: 85px
    }
}

@media(min-width:1280px) {
    .dt-70 {
        margin-top: 70px
    }
}

.modal-back {
    background: rgba(17, 17, 17, .5)
}

.modal-content-back {
    margin-top: 50%
}

.icon-back {
    font-size: 50px;
    margin-right: 28px
}

.service-area {
    position: relative;
    margin-top: -100px;
    background-color: transparent
}

.service-single {
    padding: 40px 0;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 0 8px rgba(0, 0, 0, .1)
}

@media only screen and (max-width:480px) and (min-width:240px) {
    .service-single {
        margin-bottom: 30px
    }
}

.service-single img {
    max-width: 150px;
    margin-bottom: 33px
}

.service-single h2 {
    font-size: 25px;
    font-weight: 500;
    color: #232323;
    letter-spacing: 0;
    margin-bottom: 10px;
    line-height: 50px;
    margin: 0
}

@media only screen and (max-width:480px) and (min-width:240px) {
    .service-single h2 {
        font-size: 25px
    }
}

.service-single p {
    font-weight: 500;
    color: #666;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0;
    padding-right: 15px;
    padding-left: 15px
}

.first_section_container {
    background: rgba(20, 30, 47, .72);
    width: 100%;
    min-height: 51vh;
    position: relative;
    overflow: hidden
}

.first_section_text_container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 675px;
    position: relative;
    margin: 160px auto;
    padding: 58px 69px 40px;
    text-align: center;
    color: #fff
}

@media screen and (max-width:699px) {
    .first_section_text_container {
        padding: 0 20px
    }
}

@media screen and (max-width:559px) {
    .first_section_text_container {
        margin-top: 100px;
        margin-bottom: 50px
    }
}

@media screen and (max-width:479px) {
    .first_section_text_container {
        padding: 0 10px
    }
}

.angle_tl:after,
.angle_tl:before {
    background: #007bff;
    content: '';
    display: block;
    width: 2px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 0
}

.angle_tl:after {
    width: 38px;
    height: 2px
}

@media screen and (max-width:699px) {

    .angle_bl,
    .angle_br,
    .angle_tl,
    .angle_tr {
        display: none
    }
}

.angle_tr:after,
.angle_tr:before {
    background: #007bff;
    content: '';
    display: block;
    width: 2px;
    height: 32px;
    position: absolute;
    right: 0;
    top: 0
}

.angle_tr:after {
    width: 38px;
    height: 2px
}

@media screen and (max-width:699px) {

    .angle_bl,
    .angle_br,
    .angle_tl,
    .angle_tr {
        display: none
    }
}

.angle_bl:after,
.angle_bl:before,
.angle_br:after,
.angle_br:before {
    background: #007bff;
    content: '';
    display: block;
    position: absolute;
    bottom: 0
}

.angle_bl:before {
    width: 2px;
    height: 32px;
    left: 0
}

.angle_bl:after {
    left: 0;
    width: 38px;
    height: 2px
}

.angle_br:after,
.angle_br:before {
    width: 2px;
    height: 32px;
    right: 0
}

.angle_br:after {
    width: 38px;
    height: 2px
}

.laravel-h1 {
    font-size: 50px;
    margin: 10px 0;
    color: #fff;
    font-weight: 700;
    line-height: 60px
}

@media screen and (max-width:559px) {
    .laravel-h1 {
        font-size: 38px;
        line-height: 1.2em
    }
}

.dots {
    font-size: 30px;
    margin: 10px 0;
    display: inline-block
}

@media screen and (max-width:559px) {
    .dots {
        font-size: 30px;
        line-height: 30px;
        margin: 0
    }
}

.first_section_text {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    color: #fff;
    opacity: .6
}

@media screen and (max-width:767px) {
    .padding7px {
        padding: 0 7px
    }
}

@media screen and (max-width:767px) {
    .first_section_text {
        font-size: 18px
    }
}

@media screen and (max-width:559px) {
    .first_section_text {
        font-size: 16px
    }
}

.team_part {
    padding-top: 130px;
    position: relative;
    z-index: 99
}

@media (max-width:576px) {
    .team_part {
        padding-top: 70px
    }
}

.team_part:before {
    position: absolute;
    content: "";
    left: 0;
    width: 50%;
    top: 130px;
    height: 75%;
    background-image: url(../images/technology/laravel-deelopment/laravel-web-development.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2
}

@media(max-width:768px) {
    .team_part:before {
        display: none
    }
}

@media (min-width:992px) {
    .offset-lg-1 {
        margin-left: 8.333333%
    }
}

.team_part .team_member_text {
    padding: 244px 0 120px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .team_part .team_member_text {
        padding: 0
    }
}

@media (max-width:576px) {
    .team_part .team_member_text {
        padding: 0
    }
}

.team_part .team_member_text h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 50px;
    position: relative;
    color: #14303a
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .team_part .team_member_text h2 {
        font-size: 30px;
        margin-bottom: 35px;
        line-height: 40px
    }
}

@media (max-width:576px) {
    .team_part .team_member_text h2 {
        font-size: 25px;
        margin-bottom: 35px;
        line-height: 35px
    }
}

.team_part .team_member_text p {
    line-height: 1.929;
    margin-bottom: 30px;
    font-size: 16px;
    color: #797979
}

.team_part .team_member_text ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 35px
}

.team_part .team_member_text ul li {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 16px;
    color: #7f7f7f;
    padding-left: 33px
}

@media (max-width:576px) {
    .team_part .team_member_text ul li {
        padding-left: 41px
    }
}

.team_part .team_member_text ul li i {
    margin-right: 17px;
    margin-top: 2px;
    color: #007bff;
    font-size: 20px;
    position: absolute;
    left: 14px
}

@media (max-width:576px) {
    .team_part .team_member_text ul li span {
        padding-bottom: 15px;
        position: absolute;
        left: 15px;
        padding-top: 2px
    }
}

.team_part img {
    position: absolute;
    right: 0;
    z-index: -1;
    top: 130px
}

@media (max-width:576px) {
    .team_part img {
        display: none
    }
}

.team_part:after {
    position: absolute;
    content: "";
    top: 260px;
    right: 0;
    width: 60%;
    height: 75%;
    background-color: #f7f7f7;
    z-index: -1
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .team_part:after {
        top: 129px
    }
}

@media(max-width:576px) {
    .team_part:after {
        display: none
    }
}

.passion_part {
    background-image: url(../images/technology/laravel-deelopment/best-laravel-development-company.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 250px 0 130px;
    position: relative;
    z-index: 1;
    margin-top: -125px
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .passion_part {
        margin-top: 70px;
        padding: 70px 0 50px
    }
}

@media (max-width:576px) {
    .passion_part {
        margin-top: 70px;
        padding: 70px 0 50px
    }
}

.laravel-title h1 {
    font-size: 40px;
    color: #fff;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: 80px;
    position: relative
}

@media (max-width:576px) {
    .laravel-title h1 {
        font-size: 25px;
        line-height: 35px
    }
}

.laravel-title h1:after {
    position: absolute;
    left: 0;
    height: 2px;
    width: 90px;
    content: "";
    background-color: #007bff;
    bottom: -27px
}

.passion_part .single_passion {
    -webkit-transition: 1s;
    transition: 1s
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .passion_part .single_passion {
        margin-bottom: 25px
    }
}

@media (max-width:576px) {
    .passion_part .single_passion {
        margin-bottom: 25px
    }
}

.passion_part .single_passion .single_passion_item {
    padding: 40px 30px 45px;
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-transition: 1s;
    transition: 1s
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .passion_part .single_passion .single_passion_item {
        padding: 30px 20px 35px
    }
}

@media (max-width:576px) {
    .passion_part .single_passion .single_passion_item {
        padding: 30px 20px 35px
    }
}

.passion_part .single_passion .single_passion_item .passion_icon {
    height: 80px;
    width: 80px;
    display: inline-block;
    text-align: center;
    line-height: 80px;
    border: 1px solid #afb5be;
    border-radius: 5px;
    margin-bottom: 35px
}

.passion_part .single_passion .single_passion_item .passion_icon i {
    font-size: 42px;
    color: #fff;
    display: inline-block
}

.passion_part .single_passion .single_passion_item h4 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 25px;
    line-height: 1.2em
}

.passion_part .single_passion .single_passion_item p {
    line-height: 1.857;
    color: #fff;
    font-size: 14px;
    margin-bottom: 0
}

.passion_part .single_passion .single_passion_item:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(https://colorlib.com/preview/theme/rental/img/patten_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    -webkit-transition: 1s;
    transition: 1s
}

.passion_part .single_passion:hover .single_passion_item .passion_icon {
    border: 1px solid #afb5be
}

.passion_part .single_passion:hover .single_passion_item .passion_icon i {
    color: #007bff
}

.passion_part .single_passion:hover .single_passion_item h4 {
    color: #14303a
}

.passion_part .single_passion:hover .single_passion_item p {
    color: #797979
}

.passion_part .single_passion:hover .single_passion_item:after {
    -webkit-transition: 1s;
    transition: 1s;
    background-image: none;
    background-color: #fff
}

.passion_part:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1d2e4a;
    opacity: .651;
    z-index: -1;
    -webkit-transition: 1s;
    transition: 1s
}

.h_work_area {
    background: #f9faff;
    padding: 95px 0
}

@media (max-width:767px) {
    .h_work_area {
        padding: 95px 0 65px
    }
}

.h_work_area .php_title {
    padding-bottom: 60px
}

.php_title {
    text-align: center
}

.php_title h2 {
    font-size: 35px;
    color: #424242;
    font-weight: 300;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
    line-height: 1.1
}

@media (max-width:767px) {
    .php_title h2 {
        line-height: 30px
    }
}

@media (max-width:575px) {
    .php_title h2 {
        font-size: 22px
    }
}

.php_title h2:before {
    content: "";
    width: 100px;
    height: 2px;
    background: #424242;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.php_title h2 span {
    color: #007bff
}

.php_title p {
    max-width: 800px;
    margin: auto;
    font-size: 16px;
    line-height: 26px;
    color: #6b6d6f;
    letter-spacing: .28px;
    padding: 0
}

.h_work_inner {
    position: relative
}

.h_work_inner:before {
    content: "";
    max-width: 72%;
    width: 100%;
    position: absolute;
    height: 2px;
    top: 50px;
    border: 1px dashed #007bff;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media(max-width:576px) {
    .h_work_inner:before {
        display: none
    }
}

@media (max-width:480px) {
    .h_work_inner .col-xs-6 {
        width: 100%
    }
}

@media (max-width:767px) {
    .h_work_inner .col-xs-6 {
        margin-bottom: 30px
    }
}

.h_work_inner .h_work_item {
    text-align: center;
    cursor: pointer
}

.h-round {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #007bff;
    font-size: 50px;
    line-height: 98px;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
    text-align: center
}

.h_work_inner .h_work_item .h-round:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-radial-gradient(rgba(30, 141, 238, .1), #007bff);
    background-image: -o-radial-gradient(rgba(30, 141, 238, .1), #007bff);
    background-image: radial-gradient(rgba(30, 141, 238, .1), #007bff);
    z-index: -1;
    border-radius: 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear
}

.h_work_inner .h_work_item:hover .h-round:before {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0
}

.h_work_inner .h_work_item .h-title {
    margin: 24px 0 12px
}

.h_work_inner .h_work_item:hover h3 {
    color: #007bff
}

.h-title {
    letter-spacing: .36px;
    font-size: 19px;
    font-weight: 600;
    color: #424242;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.text-p {
    color: #6b6d6f;
    letter-spacing: .28px;
    margin: 0;
    padding: 0
}

.feature_part {
    position: relative;
    z-index: 1
}

.feature_part .single_feature {
    margin: 0 11px
}

@media (max-width:991px) {
    .feature_part .single_feature {
        margin: 0
    }
}

.feature_part .single_feature_part {
    padding: 40px 25px 31px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 3px 81px 0 rgba(216, 216, 216, .45);
    background-color: #fff;
    -webkit-transition: .6s;
    transition: .6s
}

@media (max-width:991px) {
    .feature_part .single_feature_part {
        padding: 25px 15px;
        margin-top: 25px
    }
}

.feature_part .single_feature_part i {
    margin-bottom: 21px;
    height: 65px;
    font-size: 64px;
    color: #007bff
}

@media (max-width:991px) {
    .feature_part .single_feature_part i {
        margin-bottom: 21px
    }
}

.feature_part .single_feature_part h4 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 22px;
    line-height: 1.2em;
    color: #1a1a1a;
    margin-top: 0
}

@media only screen and (max-width:991px) and (min-width:768px) {
    .feature_part .single_feature_part h4 {
        margin-bottom: 15px
    }
}

@media (max-width:576px) {
    .feature_part .single_feature_part h4 {
        margin-bottom: 15px
    }
}

.feature_part .single_feature_part p {
    color: #7f7f7f;
    line-height: 1.8;
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 0
}

.careers-part {
    height: 500px;
    display: flex;
    align-items: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    background: linear-gradient(130deg, #141f72 0, #3441a1 71%, #3441a1 100%);
    background-blend-mode: multiply
}

@media (max-width:1024px) {
    .careers-part {
        height: 360px
    }
}

@media (max-width:576px) {
    .careers-part {
        height: 350px
    }
}

.main-featured-sec {
    float: left;
    width: 100%;
    z-index: 1
}

@media (max-width:520px) {
    .main-featured-sec {
        height: 85vh
    }
}

.job-search-sec {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1180px;
    content: "";
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    margin-top: 0
}

@media (max-width:1200px) {
    .job-search-sec {
        width: 95%
    }
}

@media (max-width:980px) {
    .job-search-sec {
        padding: 0 30px;
        width: 100%
    }
}

@media (max-width:767px) {
    .job-search-sec {
        top: 50%
    }
}

.job-search {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 50px
}

.job-search-sec .job-search>h3 {
    font-weight: 700
}

.job-search>h3 {
    float: left;
    width: 100%;
    font-size: 60px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 39px;
    margin-bottom: 13px
}

@media (max-width:1200px) {
    .job-search-sec .job-search>h3 {
        font-size: 30px
    }
}

@media (max-width:980px) {
    .job-search-sec .job-search>h3 {
        font-size: 40px;
        margin: 0;
        line-height: 20px
    }
}

@media (max-width:520px) {
    .job-search-sec .job-search>h3 {
        line-height: 30px
    }
}

.job-search>span {
    float: left;
    width: 100%;
    font-family: Open Sans;
    font-size: 27px;
    font-weight: 400;
    color: #d5d8f3;
    text-align: center;
    margin-top: 10px;
    font-style: italic
}

@media (max-width:980px) {
    .job-search>span {
        font-size: 19px
    }
}

@media (max-width:520px) {
    .job-search>span {
        line-height: 23px
    }
}

.scroll-to {
    float: left;
    text-align: center;
    width: 130px;
    height: 130px;
    border: 2px solid #fff;
    margin-top: 43%;
    z-index: 22;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    left: 50%;
    margin-left: -65px;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

@media (max-width:767px) {
    .scroll-to {
        display: none
    }
}

.scroll-to a {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    line-height: 60px;
    font-size: 30px;
    color: #007bff
}

.careers_part_iner .single_careers_text {
    padding: 30px;
    margin-top: 30px;
    background-color: #fafafa;
    position: relative;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.careers_part_iner .single_careers_text:hover {
    background-image: -moz-linear-gradient(-66deg, #233785 0, #0185ce 100%);
    background-image: -webkit-linear-gradient(-66deg, #233785 0, #0185ce 100%);
    background-image: -ms-linear-gradient(-66deg, #233785 0, #0185ce 100%);
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0
}

.careers_part_iner .single_careers_text:hover {
    background-position: right;
    color: #fff !important
}

.careers_part_iner .single_careers_text:hover a,
.careers_part_iner .single_careers_text:hover h4,
.careers_part_iner .single_careers_text:hover i,
.careers_part_iner .single_careers_text:hover p {
    color: #fff
}

@media (max-width:991px) {
    .careers_part_iner .single_careers_text {
        margin-top: 15px
    }
}

.careers_part_iner .single_careers_text i {
    font-size: 53px;
    color: #007bff;
    margin-bottom: 10px
}

.careers_part_iner .single_careers_text h4 {
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 8px 0 20px;
    line-height: 1.2em;
    color: #060606
}

.careers_part_iner .single_careers_text p {
    color: #818181;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 300;
    margin-top: 0
}

@media (max-width:991px) {
    .careers_part_iner .single_careers_text p {
        padding-top: 15px
    }
}

.careers_part_iner .single_careers_text a {
    text-transform: uppercase;
    font-size: 14px;
    color: #007bff;
    font-weight: 700;
    margin-top: 23px;
    display: inline-block
}

.content-grid {
    max-width: 500px;
    margin: 1em auto
}

@media (max-width:600px) {
    .content-grid {
        max-width: 500px;
        margin: 3em auto
    }
}

.content-bottom {
    padding: 0 4em;
    margin: 0 1em;
    position: relative;
    z-index: 1
}

@media (max-width:600px) {
    .content-bottom {
        padding: 0 0;
        margin: 0 1em
    }
}

.content-input-field input {
    font-size: 15px;
    font-weight: 300;
    color: #888;
    letter-spacing: 1px;
    border: none;
    box-sizing: border-box;
    width: 100%;
    outline: 0;
    background: rgba(0, 123, 255, .06);
    margin-bottom: 20px;
    padding: 15px 20px;
    border-radius: 0
}

.content-input-field textarea {
    font-size: 15px;
    font-weight: 300;
    color: #888;
    letter-spacing: 1px;
    border: none;
    box-sizing: border-box;
    width: 100%;
    outline: 0;
    background: rgba(0, 123, 255, .06);
    margin-bottom: 20px;
    padding: 15px 20px;
    border-radius: 0
}

.content-input-field select {
    font-size: 15px;
    font-weight: 300;
    color: #888;
    letter-spacing: 1px;
    border: none;
    box-sizing: border-box;
    width: 100%;
    outline: 0;
    background: rgba(0, 123, 255, .06);
    margin-bottom: 20px;
    padding: 15px 20px;
    border-radius: 0
}

.content-input-field button.btn {
    background: #007bff;
    border: none;
    color: #fff;
    padding: 15px 15px;
    text-transform: uppercase;
    font-size: 16px;
    width: 100%;
    margin-top: 10px;
    letter-spacing: 2px;
    cursor: pointer;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    border-radius: 0
}

.careers-team-photos {
    background-size: cover;
    min-height: 0 !important
}

.team-photos-text p {
    margin-top: 0;
    margin-bottom: 20px;
    margin: 0 0 20px
}

@media(max-width:576px) {
    .team-photos-text p {
        margin-bottom: 0;
        margin: 0 0 0
    }
}

@media(max-width:1024px) {
    .team-photos-text p {
        margin-bottom: 0;
        margin: 0 0 0
    }
}

.team-photos-text p i {
    color: #3d7ef1;
    font-size: 50px;
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 100%;
    line-height: 100px;
    text-indent: 4px
}

.team-photos-text h2 {
    letter-spacing: 0;
    font-style: normal;
    font-weight: 700 !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important;
    color: #fff !important;
    line-height: 44px !important;
    text-align: center
}

@media(max-width:576px) {
    .team-photos-text h2 {
        font-size: 18px;
        margin-top: 0 !important
    }
}

@media(max-width:1024px) {
    .team-photos-text h2 {
        font-size: 18px;
        margin-top: 0 !important
    }
}

.team-photos-text h3 {
    line-height: 30px;
    letter-spacing: 0;
    font-style: normal;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    color: #fff !important;
    text-align: center;
    font-weight: 400 !important
}

@media(max-width:576px) {
    .team-photos-text h3 {
        font-size: 15px;
        margin-top: 0 !important;
        margin-bottom: 13px !important
    }
}

@media(max-width:1024px) {
    .team-photos-text h3 {
        font-size: 15px;
        margin-top: 0 !important;
        margin-bottom: 13px !important
    }
}

.carrers-photos-text p {
    line-height: 28px !important;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    font-style: normal;
    color: #fff !important;
    max-width: 800px;
    margin-left: auto !important;
    margin-right: auto !important
}

@media(max-width:576px) {
    .carrers-photos-text p {
        font-size: 12px;
        line-height: 19px !important
    }
}

@media(max-width:1024px) {
    .carrers-photos-text p {
        font-size: 12px;
        line-height: 19px !important;
        max-width: 500px
    }
}

.game_banner_area {
    position: relative;
    z-index: 1;
    min-height: 900px
}

@media (max-width:1199px) {
    .game_banner_area {
        min-height: 700px
    }
}

@media (max-width:991px) {
    .game_banner_area {
        margin-top: 78px
    }
}

@media (max-width:575px) {
    .game_banner_area {
        margin-top: 71px;
        min-height: 200px
    }
}

.game_banner_area .game_inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 900px
}

@media (max-width:1199px) {
    .game_banner_area .game_inner {
        min-height: 700px
    }
}

@media (max-width:767px) {
    .game_banner_area .game_inner {
        min-height: 500px
    }
}

@media (max-width:480px) {
    .game_banner_area .game_inner {
        min-height: 400px
    }
}

.game_banner_area .game_inner .overlay {
    background: url(../images/services/cloud-development/cloud-bg.png) no-repeat scroll center center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    bottom: 0;
    z-index: -1;
    background-size: cover
}

.game_banner_area .game_inner .game_content {
    color: #fff
}

@media (max-width:991px) {
    .game_content {
        background: rgba(0, 0, 0, .5);
        padding: 20px
    }
}

@media (max-width:767px) {
    .game_banner_area .game_inner .game_content {
        margin-top: 0
    }
}

@media (max-width:480px) {
    .game_banner_area .game_inner .game_content {
        padding: 30px 15px;
        margin-top: 0
    }
}

.game_banner_area .game_inner .game_content h3 {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 1.2;
    color: inherit;
    margin-top: 0
}

@media (max-width:767px) {
    .game_banner_area .game_inner .game_content h3 {
        font-size: 30px
    }
}

.game-padding {
    padding: 80px 0
}

@media (max-width:991px) {
    .game-padding {
        padding: 80px 0
    }
}

@media (max-width:1199px) {
    .game-padding {
        padding: 80px 0
    }
}

.game-area .game-service {
    border: 1px solid #edf1f6;
    background: #fff;
    text-align: left;
    padding: 40px 30px 0;
    background-image: url(https://colorlib.com/preview/theme/favison/img/elements/single_bg.png);
    background-position: right top;
    background-repeat: no-repeat;
    transition: all .3s linear 0s
}

@media (max-width:1199px) {
    .game-area .game-service {
        margin-bottom: 30px
    }
}

.game-area .game-service .game-icon {
    width: 120px;
    height: 90px;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    line-height: 108px
}

.game-area .game-service .game-content h5 {
    font-size: 20px;
    font-weight: 600;
    color: #1d1d1d;
    margin-bottom: 18px;
    line-height: 1.2
}

.game-area .game-service .game-content p {
    line-height: 27px;
    font-size: 15px;
    margin-bottom: 35px;
    margin-top: 0
}

li.game-left {
    padding-top: 0;
    margin-left: 0;
    font-size: 17px;
    margin-bottom: 20px;
    line-height: 25.6px;
    color: #727882
}

.game-top {
    margin-top: 0 !important;
    font-size: 17px
}

.cloud-section,
.cloud-section .container .row {
    height: 100vh;
    min-height: 900px
}

.cloud-section {
    position: relative
}

.cloud-section:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 70%;
    background: #007bff;
    border-bottom-right-radius: 0
}

@media (max-width:991.98px) {
    .cloud-section:before {
        width: 100%
    }
}

.cloud-section h1 {
    font-size: 3rem;
    font-weight: 900;
    color: #fff;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0
}

.cloud-section p {
    color: #fff;
    width: 546px
}

@media(max-width:576px) {
    .cloud-section p {
        width: 100%
    }
}

.img-absolute {
    position: absolute;
    right: 10%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.img-absolute img {
    max-width: 600px;
    -webkit-box-shadow: 0 10px 50px -5px rgba(0, 0, 0, .4);
    box-shadow: 0 10px 50px -5px rgba(0, 0, 0, .4)
}

@media (max-width:991.98px) {
    .img-absolute img {
        max-width: 100%
    }
}

.could-1 {
    margin-top: 10rem
}

.could-site-section {
    padding: 10em 0
}

@media (max-width:991.98px) {
    .could-site-section {
        padding: 4em 0
    }
}

@media (min-width:768px) {
    .could-site-section {
        padding: 5em 0
    }
}

.could-title {
    font-size: 3rem;
    color: #000;
    margin-bottom: 1.8rem;
    font-weight: 900;
    max-width: 450px;
    line-height: 1.2;
    margin-top: 0
}

@media (max-width:991.98px) {
    .could-title {
        font-size: 1.5rem
    }
}

.could-absolute-box {
    position: relative
}

.could-absolute-box .could-box {
    position: absolute;
    background: #007bff;
    padding: 30px;
    max-width: 300px;
    top: -20%;
    right: -15%
}

@media (max-width:991.98px) {
    .could-absolute-box .could-box {
        top: auto;
        right: auto;
        position: relative;
        width: 100%;
        max-width: 100%
    }
}

.could-absolute-box .could-box .could-wrap {
    color: #fff;
    margin-bottom: 0
}

.could-absolute-box .could-box h3 {
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 1.5rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0
}

.could-absolute-box .could-box p {
    color: rgba(255, 255, 255, .7);
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.3;
    font-weight: 300;
    font-size: 16px;
    text-align: left
}

.game-default {
    list-style: none;
    padding-left: 25px
}

.game-default>li {
    position: relative;
    padding: 6px 0;
    line-height: 1.55em;
    font-size: 18px
}

.game-default>li:before {
    content: "\f058";
    position: absolute;
    left: -25px;
    top: 6px;
    font-size: 21px;
    color: #233785;
    font-family: FontAwesome
}

h2.privacy-h2 {
    font-size: 22px;
    padding-bottom: 20px;
    color: #000;
    font-weight: 900
}

p.privacy-p {
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 26px;
    color: #2b2b2b;
    font-weight: 400;
    text-align: justify
}

@media (max-width:414px) {
    .data-h5 {
        margin-left: -55px
    }
}

.app-single {
    background: #fff;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .06);
    border-radius: 4px
}

.app-single .item {
    padding: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ecf7ff;
    overflow: hidden
}

.app-single .item .content {
    float: left;
    width: calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    padding-left: 30px
}

.app-single .item .content .title {
    margin-top: 3px
}

.app-single .item .content .text {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .88px;
    line-height: 28px;
    color: #6f8ba4
}

.app-single .item .content .text p {
    margin-bottom: 16px
}

.app-single .item .content .text .version {
    margin-bottom: 30px
}

.app-single .item .content .text .version h6 {
    margin-bottom: 10px !important
}

.app-single .item .content .text .version ul li {
    font-size: 16px;
    margin-bottom: 12px;
    position: relative;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    text-align: justify
}

@media (max-width:420px) {
    .app-single .item .content .text .version ul li {
        font-size: 13px;
        margin-left: -56px
    }
}

.app-single .item .content .text .version ul li:hover {
    padding-left: 5px
}

.app-single .item .content .text .version ul li:before {
    font-family: FontAwesome;
    content: "\f105";
    color: #4886ff;
    margin-right: 10px
}

@media (max-width:991px) {
    .app-single .header .icon {
        text-align: center;
        margin-bottom: 20px
    }

    .app-single .header .title {
        text-align: center
    }

    .app-single .header .title h2 {
        margin-bottom: 10px
    }

    .app-single .header .title .stars {
        text-align: center;
        margin-bottom: 20px
    }

    .app-single .header .title .stars li {
        float: none;
        display: inline
    }
}

.pbottom-70 {
    padding-bottom: 70px !important
}

#cookieConsent {
    background-color: rgba(20, 20, 20, .8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    z-index: 9999
}

#cookieConsent a {
    color: #4b8ee7;
    text-decoration: none
}

#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: 700
}

#closeCookieConsent:hover {
    color: #fff
}

#cookieConsent a.cookieConsentOK {
    background-color: #007bff;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px
}

#cookieConsent a.cookieConsentOK:hover {
    background-color: #3387c4
}

.directory-logo {
    width: 50px;
    margin-right: 12px
}

@media (min-width:768px) and (max-width:1024px) {
    .directory-logo {
        width: 50px
    }
}

@media (max-width:1023px) {
    .w-full {
        width: 100%;
        justify-content: center;
        display: flex
    }
}

.bg-laravel {
    padding: 30px 0 0;
    text-align: center;
    color: #fff;
    height: 450px;
    background-size: cover
}

.bg-xamarin-app {
    padding: 30px 0 0;
    text-align: center;
    color: #fff;
    height: 550px;
    background-size: cover
}

.bg-best-ios-app {
    padding: 30px 0 0;
    text-align: center;
    color: #fff;
    height: 550px;
    background-size: cover
}

#about-xam {
    margin-bottom: 60px
}

#about-xam figure {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    width: 100%
}

#about-xam figure span {
    float: left;
    margin-left: -15px;
    padding: 15px 20px;
    position: relative;
    top: 20px
}

#about-xam figure span svg {
    fill: #384dff;
    font-size: 25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center
}

h3.xamarin-about {
    color: #454545;
    font-size: 19px;
    margin-top: 43px;
    margin-bottom: 0;
    font-weight: 500;
    line-height: inherit
}

@media only screen and (max-width:767px) {
    h3.xamarin-about {
        line-height: normal
    }
}

.xamarin_app_part {
    height: 497px;
    display: flex;
    align-items: center;
    position: relative;
    background-image: url(../images/technology/xamarin-app-development/xamarin-app-development.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1
}

@media (max-width:768px) {
    .xamarin_app_part {
        height: 800px
    }
}

@media (max-width:576px) {
    .xamarin_app_part {
        height: 956px
    }
}

.xamarin_app_part .banner_text {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 99;
    margin-top: 0
}

@media (max-width:991px) {
    .xamarin_app_part .banner_text {
        text-align: center;
        margin-top: 10px
    }
}

.xamarin_app_part .banner_text .banner_text_iner {
    display: table-cell;
    vertical-align: middle
}

.xamarin_app_part .banner_text h5 {
    font-weight: 700;
    font-size: large;
    color: #fff;
    margin-bottom: 0;
    line-height: 32px;
    text-align: justify
}

@media (max-width:991px) {
    .xamarin_app_part .banner_text h5 {
        margin-bottom: 10px;
        font-size: 17px
    }
}

.xamarin_app_part .banner_text h1 {
    line-height: 49px;
    margin: 0 0 20px;
    font-weight: 700;
    font-size: xx-large;
    letter-spacing: 3px;
    color: #fff
}

@media (max-width:991px) {
    .xamarin_app_part .banner_text h1 {
        font-size: 30px;
        margin-bottom: 15px;
        line-height: 35px
    }
}

.xamarin_app_part:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-linear-gradient(5deg, #000 0, rgba(18, 1, 248, .2) 100%);
    background: -webkit-linear-gradient(5deg, #000 0, rgba(18, 1, 248, .2) 100%)
}

.title-h2 {
    position: relative;
    padding-left: 23px;
    font-size: 28px;
    color: #000;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 20px;
    line-height: 1.1
}

.title-h2:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 10px;
    background-color: #007bff
}

h2.xam-h2 {
    letter-spacing: .3px;
    font-weight: 600;
    margin-left: 25px
}

p.xam-p {
    letter-spacing: .3px;
    margin-top: 10px;
    line-height: 1.5rem;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.7em;
    color: #666;
    margin-left: 25px
}

@media (max-width:600px) {
    h2.xam-h2 {
        margin-left: 0;
        line-height: 2.5rem;
        font-size: 27px
    }

    p.xam-p {
        margin-left: 0
    }
}

.md-section.xam-sextion {
    height: auto
}

@media (max-width:767px) {
    .md-section.xam-sextion {
        height: auto
    }
}

.md-section {
    padding-top: 19px;
    position: relative
}

#services {
    padding: 30px 0 0 0
}

#services .box-xam {
    padding: 40px;
    /* margin-bottom: 40px; */
    background: #fff;
    transition: .4s;
    border: dotted 1px;
    border-color: #007bff;
    height: 100%;
}

@media (max-width:768px) {
    #services .box-xam {
        /* height: auto */
    }
}

#services .box-xam:hover {
    box-shadow: 0 0 30px rgba(73, 78, 92, .15);
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px)
}

#services .box-xam .icon {
    float: left
}

@media (max-width:767px) {
    #services .box-xam .icon {
        float: none;
        text-align: center;
        padding-bottom: 15px
    }
}

#services .box-xam .icon svg:before {
    fill: #384dff;
    width: 64px;
    height: 64px;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#services .box-xam .icon svg {
    fill: #007bff;
    font-size: 64px;
    transition: .5s;
    line-height: 0;
    width: 64px;
    height: 64px
}

#services .box-xam h4 {
    margin-left: 100px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px;
    padding: 0;
    line-height: 1.2;
    color: #000;
    text-align: left;
    
}

#services .box-xam p {
    font-size: 17px;
    margin-left: 100px;
    margin-bottom: 0;
    padding: 0;
    letter-spacing: .3px;
    margin-top: 10px;
    line-height: 1.7em;
    font-weight: 300;
    color: #666;
    text-align: left
}

#services .box h4 a {
    color: #444
}

.bullet-list {
    padding-left: 17px;
    list-style-type: none;
    margin-top: 20px;
    margin-left: 25px
}

@media (max-width:767px) {

    #services .box-xam h4,
    #services .box-xam p,
    .bullet-list {
        margin-left: 0;
        text-align: center;
        font-size: 22px;
        margin-top: 10;
    }
}

.bullet-list li {
    font-size: 16px;
    line-height: 1.83;
    font-weight: 500;
    letter-spacing: .3px;
    text-align: left;
    color: #666;
    position: relative
}

@media (max-width:767px) {
    .bullet-list li {
        margin-bottom: 10px;
        font-size: 16px
    }
}

.bullet-list li:before {
    content: "";
    position: absolute;
    left: -18px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #007bff;
    top: 11px
}

section.special-offer-area.xamarin-service {
    background-size: cover;
    background-position: center;
    text-align: left;
    color: #fff;
    height: 450px;
    display: flex;
    align-items: center
}

@media (max-width:600px) {
    section.special-offer-area.xamarin-service {
        background-position: left;
        height: auto
    }
}

.col-md-2.text-center.xamarin-logos {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.offer_desc h2 {
    margin-top: 15px;
    margin-bottom: 15px;
    letter-spacing: 1px
}

.offer_desc p {
    letter-spacing: 1px
}

ul.bullet-list.list-xam {
    margin-left: 0
}

.bullet-list.list-xam li:before {
    content: "";
    position: absolute;
    left: -18px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    top: 13px
}

li.bullet-xam {
    color: #fff;
    letter-spacing: .5px
}

@media (max-width:768px) {
    li.bullet-xam {
        letter-spacing: 0
    }
}

.col-md-12.text-center.img-xamarin {
    margin-top: -23%
}

@media (max-width:767px) {
    .col-md-12.text-center.img-xamarin {
        margin-top: -138%
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .col-md-12.text-center.img-xamarin {
        margin-top: -65%
    }
}

@media (min-width:1024px) and (max-width:1279px) {
    .col-md-12.text-center.img-xamarin {
        margin-top: -49%
    }
}

section#feature-xam {
    margin-top: 36px
}

.feature-thumb-xam {
    border: 1px solid #f0f0f0;
    padding: 3em 3em;
    /* margin-bottom: 30px   */
}

@media (min-width:1281px) {
    .feature-thumb-xam {
        height: 100%
    }
}

@media (min-width:1024px) and (max-width:1280px) {
    .feature-thumb-xam {
        height: 100%
    }
}

@media only screen and (max-width:992px) {
    .feature-thumb-xam {
        margin-bottom: 50px
    }
}

.feature-thumb-xam span {
    background: #384dff;
    border-radius: 50px;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin-bottom: 5px
}

.feature-thumb-xam h3 {
    margin: 10px 0;
    color: #454545;
    font-size: 22px;
    font-weight: 700;
    line-height: inherit
}

@media only screen and (max-width:767px) {
    .feature-thumb-xam h3 {
        line-height: normal
    }
}

.feature-thumb-xam p {
    color: #666;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7em;
    letter-spacing: .3px;
    margin: 0 0 10px;
    text-align: justify
}

.colorlib-bg-white {
    background: #fff;
    border-left: none;
    border-right: none
}

@media (max-width:600px) {
    .colorlib-bg-white {
        margin-top: -47%
    }
}

.services-xamarin {
    margin-bottom: 50px;
    position: relative;
    z-index: 0;
    padding: 0 1em;
    text-align: center
}

@media screen and (max-width:768px) {
    .services-xamarin {
        margin-bottom: 3em
    }
}

.services-xamarin .icon-xam {
    position: relative;
    margin-bottom: 30px;
    display: inline-block
}

.services-xamarin .icon-xam i svg {
    font-size: 50px;
    fill: #007bff;
    z-index: 1;
    width: 70px;
    height: 70px
}

.services-xamarin .desc-xam h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 20px 0;
    line-height: 1.44;
    color: #0d265c;
    letter-spacing: 1px
}

.services-xamarin .desc-xam p {
    margin-bottom: 20px;
    margin: 0 0 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 2;
    color: gray;
    letter-spacing: 2px
}

h1.banner-h1-tag {
    color: #fff;
    font-size: 50px;
    font-weight: 500;
    line-height: 1em;
    margin-top: 20px;
    padding: 2px 0;
    margin-bottom: 20px;
    letter-spacing: 2px
}

img.xamarin-image-app {
    width: 10%
}

@media (max-width:600px) {
    h1.banner-h1-tag {
        font-size: 35px;
        line-height: 1.5em
    }
}

@media (max-width:600px) {
    img.xamarin-image-app {
        width: 20%
    }
}

p.xamarin-img-p {
    color: #fff;
    opacity: 1;
    font-size: 17px;
    line-height: 1.7em;
    letter-spacing: .3px;
    margin: 0 0 10px;
    font-weight: 400
}

.primary-btn-xam {
    background: #384dff;
    line-height: 42px;
    padding-left: 30px;
    padding-right: 30px;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    cursor: pointer;
    position: relative
}

.primary-btn-xam:hover {
    background: #222;
    color: #fff
}

.colorlib-subscribe .banner-content .primary-btn {
    background: #384dff
}

.xamarin-section-img {
    padding: 4em 0 4em 0 !important
}

.mar-bot-10 {
    margin-bottom: 20px;
    font-size: 17px;
    color: #666
}

strong.black-col {
    color: #000
}

.blue-col {
    letter-spacing: 0;
    font-style: normal;
    margin-top: 0 !important;
    color: #007bff !important;
    margin-bottom: 20px !important;
    font-size: 22px !important;
    line-height: 32px !important;
    font-weight: 600
}

.hiring-height {
    height: 330px
}

@media(max-width:576px) {
    .hiring-height {
        height: auto
    }
}

.msg-height {
    height: 70px !important
}

.careers_part_iner .single_careers_text:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.careers_part_iner .single_careers_text img {
    object-fit: contain;
    height: auto;
    margin-bottom: 20px
}

.careers_part_iner .single_careers_text a.more_career_btn {
    padding: 12px;
    border-radius: 50px;
    width: 200px;
    text-align: center;
    background-color: #007bff;
    color: #fff;
    position: absolute;
    bottom: 18px
}

.careers_part_iner .single_careers_text:hover a.more_career_btn {
    background-color: #fff;
    color: #007bff
}

.bd-example-modal-lg {
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999;
    overflow-x: hidden;
    overflow-y: auto
}

.career_popup .pop_head {
    background-color: #233785
}

.career_popup h3 {
    padding: 20px;
    color: #fff;
    font-size: 20px;
    margin: 0
}

.career_popup button {
    position: absolute;
    right: 0;
    background: #fff;
    padding: 11px 46px;
    border-radius: 50px;
    margin-right: 20px;
    color: #233785
}

.career_popup button:hover {
    background: #297ee8;
    color: #fff
}

.career_popup h4 {
    padding: 20px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .5px;
    color: #297ee8
}

.career_popup p {
    padding: 0 20px
}

.career_popup ul.bullet-list {
    margin: 0 20px
}

.career_popup button.pop_btn {
    position: relative;
    background-color: #297ee8;
    color: #fff;
    width: 250px;
    margin: 26px auto
}

.career_popup button.pop_btn:hover {
    background: #233785;
    color: #fff
}

.career_pop_height {
    height: 369px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    cursor: pointer
}

.job-search>h3.BeFont {
    font-size: 50px
}

@media(max-width:1023px) {
    .job-search>h3.BeFont {
        font-size: 27px;
        line-height: 39px
    }
}

.ride_banner {
    background-image: url(../images/ride/images/banner_bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 30px 0
}

.ride_banner:before {
    content: "";
    background-color: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ride_banner .content .text {
    display: inline-block;
    max-width: 57.94%
}

.ride_banner .content .text {
    display: inline-block;
    vertical-align: middle
}

.ride_banner .content .text h1 {
    font-size: 50px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 20px
}

.ride_banner .content .img {
    display: inline-block
}

.ride_banner .content .img img {
    text-align: center;
    width: 100%
}

.ride_banner .content .text p {
    color: #fff;
    width: 100%;
    margin-bottom: 30px
}

.ride_banner .content .text a {
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    background-color: #5199f3;
    padding: 8px 12px;
    display: inline-block
}

.ride_banner .content .text a:hover {
    text-decoration: none;
    color: #5199f3;
    background-color: #fff
}

.ride_banner .content .text a i.fa.fa-long-arrow-right {
    padding-left: 10px;
    vertical-align: middle
}

@media (min-width:768px) and (max-width:1024px) {
    .ride_banner .content {
        padding: 20px
    }

    .ride_banner .content .img {
        max-width: 100%
    }

    .ride_banner .content .text {
        max-width: 100%;
        text-align: center;
        margin-bottom: 50px
    }

    .ride_why .ride .content {
        max-width: 33.02% !important
    }
}

@media (min-width:1025px) and (max-width:1280px) {
    .ride_banner .content .text {
        max-width: 57.86%
    }
}

@media (min-width:481px) and (max-width:767px) {
    .ride_banner .content .text {
        max-width: 100%;
        text-align: center;
        margin-bottom: 50px
    }
}

@media (min-width:411px) and (max-width:823px) {
    .ride_banner .content .text {
        max-width: 100%;
        text-align: center;
        margin-bottom: 35px
    }
}

@media(max-width:375px) {
    .ride_banner .content .text {
        max-width: 100%;
        text-align: center;
        margin-bottom: 35px
    }
}

.ride_why {
    padding: 70px 0
}

.ride_why .title {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px
}

.ride_why .title h2 {
    text-align: center;
    text-transform: capitalize;
    color: #233785;
    font-size: 34px
}

.ride_why .why .ride {
    margin-top: 20px
}

.ride_why .ride .content {
    display: inline-block;
    max-width: 33.07%;
    text-align: center;
    padding: 15px
}

.ride_why .ride .content:hover {
    box-shadow: 0 0 35px rgba(0, 0, 0, .1)
}

.ride_why .ride .content img {
    display: block;
    padding: 11px 12px;
    border-radius: 28px;
    margin: 0 auto
}

.ride_why .ride .content .text {
    width: 81%;
    vertical-align: top;
    display: inline-block;
    padding-left: 15px
}

.ride_why .ride .content .text strong {
    display: block;
    font-size: 20px;
    padding-bottom: 10px;
    color: #5199f3;
    text-transform: capitalize
}

@media (min-width:768px) and (max-width:1024px) {
    .ride_why .ride .content {
        max-width: 32.91% !important
    }

    .ride_why .ride .content .text strong {
        font-size: 13px
    }
}

@media (min-width:1025px) and (max-width:1280px) {
    .ride_why .ride .content {
        max-width: 33.02%
    }
}

@media (min-width:481px) and (max-width:767px) {
    .ride_why .ride .content {
        max-width: 100%
    }
}

@media(max-width:823px) and (min-width:411px) {
    .ride_why .ride .content {
        max-width: 100%
    }
}

@media(max-width:375px) {
    .ride_why .ride .content {
        max-width: 100%
    }
}

.ride_app {
    padding: 50px 0;
    background-color: rgba(0, 0, 0, .05)
}

.ride_app .title {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 25px
}

.ride_app .title h2 {
    text-transform: capitalize;
    color: #233785;
    font-size: 34px
}

.ride_app .right .text p {
    margin-bottom: 25px;
    line-height: 24px
}

.ride_app .left {
    display: inline-block;
    max-width: 49.8%;
    vertical-align: top
}

.ride_app .left img {
    width: 100%
}

.ride_app .right {
    display: inline-block;
    max-width: 49.8%;
    padding-top: 57px
}

.ride_app .right .right_content {
    margin-bottom: 10px
}

.ride_app .right .right_content img {
    padding: 11px 12px;
    border-radius: 28px;
    width: 80px
}

.ride_app .right .right_content .text {
    width: 83%;
    vertical-align: top;
    display: inline-block;
    padding-left: 15px
}

.ride_app .right .right_content .text p strong {
    display: block;
    font-size: 20px;
    padding-bottom: 10px;
    color: #297ee8;
    text-transform: capitalize
}

.ride_app .right .link .app_store img {
    width: 150px;
    margin-right: 15px
}

.ride_app .right .link .google_play img {
    width: 179px
}

.ride_app .right .list ul li {
    list-style: none;
    line-height: 30px
}

.ride_app .right .list ul li i.fa.fa-check {
    padding-right: 10px;
    color: #5199f3
}

.ride_app .right .btn {
    padding: 0;
    margin: 16px 0
}

.ride_app .right .btn a {
    font-size: 18px;
    text-transform: capitalize;
    background-color: #5199f3;
    padding: 10px 12px;
    color: #fff;
    margin-right: 10px
}

.ride_app .right .btn a:last-child {
    margin-right: 0
}

.ride_app .right .btn a:hover {
    text-decoration: none;
    background-color: #000
}

.ride_app .right .btn a i.fa.fa-android {
    font-size: 25px;
    padding-right: 10px
}

.ride_app .right .btn a i.fa.fa-apple {
    font-size: 25px;
    padding-right: 10px
}

@media (min-width:768px) and (max-width:1024px) {
    .ride_app {
        padding-top: 0
    }

    .ride_app .left {
        max-width: 100%;
        vertical-align: bottom
    }

    .ride_app .right {
        max-width: 100%
    }
}

@media (min-width:1025px) and (max-width:1280px) {
    .ride_app .left {
        max-width: 49.73%;
        vertical-align: bottom
    }
}

@media (min-width:481px) and (max-width:767px) {
    .ride_app .left {
        max-width: 100%
    }

    .ride_app .right {
        max-width: 100%
    }

    .ride_app .right .list ul li {
        font-size: 15px
    }
}

@media(max-width:823px) and (min-width:411px) {
    .ride_app .left {
        max-width: 100%
    }

    .ride_app .right {
        max-width: 100%
    }
}

@media(max-width:375px) {
    .ride_app .left {
        max-width: 100%
    }

    .ride_app .right {
        max-width: 100%
    }
}

@media(max-width:320px) {
    .ride_app .right .btn a {
        display: block;
        margin-bottom: 20px
    }
}

.ride_features {
    padding-top: 70px;
    padding-bottom: 20px
}

.ride_features .title {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px
}

.ride_features .title h2 {
    text-align: center;
    text-transform: capitalize;
    color: #233785;
    font-size: 34px
}

.ride_features .content .left {
    display: inline-block;
    max-width: 24.6%
}

.ride_features .content .center {
    display: inline-block;
    padding-bottom: 165px
}

.ride_features .left .top_left .icon i.fa.fa-thumbs-up {
    font-size: 30px;
    color: #000;
    border: 2px solid #5199f3;
    padding: 12px 15px;
    border-radius: 30px;
    outline: 0
}

.ride_features .left {
    text-align: center
}

.ride_features .left .top_left .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0 !important;
    padding: 10px 0
}

.ride_features .content {
    position: relative
}

.ride_features .left .one {
    bottom: 90px;
    left: 70px;
    position: absolute
}

.ride_features .left .two {
    position: absolute;
    left: 120px;
    top: 230px
}

.ride_features .left .three {
    position: absolute;
    bottom: 130px;
    right: -15px
}

.ride_features .left .four {
    top: 135px;
    right: -15px;
    position: absolute
}

@media (min-width:768px) and (max-width:1024px) {
    .ride_features .content .center {
        display: none
    }

    .ride_features .content {
        position: unset
    }

    .ride_features .left .one {
        bottom: unset;
        left: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .left .two {
        top: unset;
        left: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .left .three {
        bottom: unset;
        right: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .left .four {
        top: unset;
        right: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .content .left {
        max-width: 49.68%
    }
}

@media (min-width:1025px) and (max-width:1280px) {
    .ride_features .content .center {
        display: none
    }

    .ride_features .content {
        position: unset
    }

    .ride_features .left .one {
        bottom: unset;
        left: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .left .two {
        top: unset;
        left: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .left .three {
        bottom: unset;
        right: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .left .four {
        top: unset;
        right: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .content .left {
        max-width: 49.68%
    }
}

@media (min-width:481px) and (max-width:767px) {
    .ride_features .content .center {
        display: none
    }

    .ride_features .content {
        position: unset
    }

    .ride_features .left .one {
        bottom: unset;
        left: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .left .two {
        top: unset;
        left: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .left .three {
        bottom: unset;
        right: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .left .four {
        top: unset;
        right: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .content .left {
        max-width: 100%
    }
}

@media(max-width:823px) and (min-width:411px) {
    .ride_features .content .center {
        display: none
    }

    .ride_features .content {
        position: unset
    }

    .ride_features .left .one {
        bottom: unset;
        left: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .left .two {
        top: unset;
        left: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .left .three {
        bottom: unset;
        right: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .left .four {
        top: unset;
        right: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .content .left {
        max-width: 100%
    }
}

@media(max-width:375px) {
    .ride_features .content .center {
        display: none
    }

    .ride_features .content {
        position: unset
    }

    .ride_features .left .one {
        bottom: unset;
        left: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .left .two {
        top: unset;
        left: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .left .three {
        bottom: unset;
        right: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .left .four {
        top: unset;
        right: unset;
        position: unset;
        margin-bottom: 30px
    }

    .ride_features .content .left {
        max-width: 100%
    }
}

.ride_work {
    background-image: url(../images/ride/images/work_bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding: 60px 0
}

.ride_work:before {
    content: "";
    background-color: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.ride_work .title {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px;
    position: relative
}

.ride_work .title h2 {
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    font-size: 34px
}

.ride_work .work_data .content {
    display: inline-block;
    max-width: 33.07%;
    color: #fff;
    text-align: center
}

.ride_work .work_data .content span {
    display: inline-block;
    font-size: 20px;
    border: 1px solid #fff;
    padding: 5px 15px;
    border-radius: 31px
}

.ride_work .work_data .content strong {
    display: block;
    text-transform: capitalize;
    font-size: 25px;
    font-weight: 600;
    padding: 10px 0
}

.ride_work .work_data .content .line {
    width: 10%;
    background-color: #fff;
    height: 2px;
    margin: 0 auto;
    margin-bottom: 10px
}

.ride_work .work_data .seprater:before {
    content: "";
    width: 29%;
    background-color: #fff;
    height: 1px;
    position: absolute;
    top: 20px;
    left: 230px
}

.ride_work .work_data .seprater:after {
    content: "";
    width: 29%;
    background-color: #fff;
    height: 1px;
    position: absolute;
    top: 20px;
    right: 230px
}

@media (min-width:768px) and (max-width:1024px) {
    .ride_work .work_data .content {
        max-width: 32.91%
    }

    .ride_work .work_data .seprater:before {
        display: none
    }

    .ride_work .work_data .seprater:after {
        display: none
    }
}

@media (min-width:1025px) and (max-width:1280px) {
    .ride_work .work_data .content {
        max-width: 33.02%
    }

    .ride_work .work_data .seprater:before {
        display: none
    }

    .ride_work .work_data .seprater:after {
        display: none
    }
}

@media (min-width:481px) and (max-width:767px) {
    .ride_work .work_data .seprater:before {
        display: none
    }

    .ride_work .work_data .seprater:after {
        display: none
    }

    .ride_work .work_data .content {
        max-width: 100%;
        margin-bottom: 20px
    }
}

@media(max-width:823px) and (min-width:411px) {
    .ride_work .work_data .seprater:before {
        display: none
    }

    .ride_work .work_data .seprater:after {
        display: none
    }

    .ride_work .work_data .content {
        max-width: 100%;
        margin-bottom: 20px
    }
}

@media(max-width:375px) {
    .ride_work .work_data .seprater:before {
        display: none
    }

    .ride_work .work_data .seprater:after {
        display: none
    }

    .ride_work .work_data .content {
        max-width: 100%;
        margin-bottom: 20px
    }
}

.ride_post {
    padding: 70px 0
}

.ride_post .title {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px
}

.ride_post .title h2 {
    text-align: center;
    text-transform: capitalize;
    color: #233785;
    font-size: 34px
}

.ride_post .latest .blog {
    padding: 0;
    display: inline-block;
    margin-right: 17px;
    max-width: 32.04%
}

.ride_post .latest .blog:last-child {
    margin-right: 0
}

.ride_post .latest .blog .image img {
    width: 100%
}

.ride_post .blog .text {
    background-color: #f9f9f9;
    padding: 20px
}

.ride_post .blog .text span {
    display: block;
    font-size: 17px;
    font-weight: 700
}

.ride_post .blog .text strong {
    font-weight: 500;
    color: rgba(0, 0, 0, .4);
    padding: 10px 0;
    display: inline-block
}

.ride_post .blog .text .btn {
    padding: 0;
    margin-top: 20px
}

.ride_post .blog .text .btn a {
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    background-color: #5199f3;
    padding: 8px 12px;
    display: inline-block
}

.ride_post .blog .text .btn a:hover {
    text-decoration: none;
    background-color: #000
}

@media (min-width:768px) and (max-width:1024px) {
    .ride_post .latest .blog {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 30px
    }
}

@media (min-width:1025px) and (max-width:1280px) {
    .ride_post .latest .blog {
        max-width: 31.8%
    }
}

@media (min-width:481px) and (max-width:767px) {
    .ride_post .latest .blog {
        margin-right: 0;
        max-width: 100%;
        margin-bottom: 30px
    }
}

@media(max-width:823px) and (min-width:411px) {
    .ride_post .latest .blog {
        margin-right: 0;
        max-width: 100%;
        margin-bottom: 30px
    }
}

@media(max-width:375px) {
    .ride_post .latest .blog {
        margin-right: 0;
        max-width: 100%;
        margin-bottom: 30px
    }
}

.box1 input::-webkit-input-placeholder {
    color: #fff
}

.box1 input:-ms-input-placeholder {
    color: #fff
}

.box1 input::placeholder {
    color: #fff
}

.msg textarea::-webkit-input-placeholder {
    color: #fff
}

.msg textarea:-ms-input-placeholder {
    color: #fff
}

.msg textarea::placeholder {
    color: #fff
}

.app_banner {
    background-image: url(../images/laundry/banner_bg.jpg);
    background-size: cover;
    background-position: center
}

.app_banner:before {
    content: ""
}

.app_banner .banner {
    display: flex;
    justify-content: center;
    padding: 50px 0
}

.app_banner .banner_text {
    width: 550px;
    margin: 0 auto;
    text-align: center
}

.app_banner .banner_text h1 {
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700
}

.app_banner .banner_text p {
    color: #fff
}

.app_banner .banner_text a {
    color: #fff;
    background-color: #42a1d6;
    padding: 10px 20px;
    text-transform: capitalize;
    font-weight: 600;
    display: inline-block;
    border-radius: 8px;
    margin-top: 50px
}

.app_banner .banner_text a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #42a1d6
}

.app_service {
    margin: 65px 0
}

.app_service .title {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px
}

.app_service .title h2 {
    text-align: center;
    text-transform: capitalize;
    color: #233785;
    font-size: 34px
}

.app_service .service {
    border: none;
    border-top: none;
    position: unset;
    transition: unset
}

.app_service .service:hover {
    box-shadow: none;
    transition: unset
}

.app_service .blog .data {
    text-align: center;
    display: inline-block;
    width: 49.35%;
    border: 1px solid #c2c2c2;
    padding: 20px
}

.app_service .blog .data:hover {
    background-color: #42a1d6
}

.app_service .blog .one {
    margin-bottom: 20px;
    margin-right: 10px
}

.app_service .blog .second {
    margin-bottom: 20px
}

.app_service .blog .third {
    margin-right: 10px
}

.app_service .data .img i.fa.fa-thumbs-up {
    font-size: 45px;
    margin-bottom: 10px;
    color: #42a1d6
}

.app_service .data:hover .img i.fa.fa-thumbs-up {
    color: #fff
}

.app_service .data .blog_name {
    text-transform: capitalize;
    color: #000;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 10px
}

.app_service .data:hover .blog_name {
    color: #fff
}

.app_service .data .text p {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    text-align: center
}

.app_service .data:hover .text p {
    color: #fff
}

@media(max-width:1200px) {
    .app_service .blog .data {
        width: 49.22%
    }
}

@media(max-width:992px) {
    .app_service .blog .data {
        width: 48.95%
    }
}

@media(max-width:767px) {
    .app_service .blog .data {
        width: 100%;
        margin-right: 0
    }

    .app_service .blog .third {
        margin-bottom: 20px
    }
}

.app_features {
    background-color: #c2c2c2;
    padding: 60px 0;
    background-image: url(../images/laundry/features_bg.jpg);
    background-size: cover;
    background-position: center;
    position: relative
}

.app_features:before {
    content: "";
    background-color: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.app_features .title {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 40px
}

.app_features .title h2 {
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    font-size: 34px;
    position: relative
}

.app_features .list .left_data {
    background-color: #fff;
    padding: 20px
}

.app_features .list .left_data .data {
    text-align: center;
    border: 1px solid #000;
    padding: 20px;
    margin-bottom: 20px;
    cursor: pointer
}

.app_features .list .left_data .data:hover {
    background-color: #42a1d6;
    border: 1px solid #42a1d6
}

.app_features .list .left_data .data:last-child {
    margin-bottom: 0
}

.app_features .list .left_data .data .image {
    margin-bottom: 10px
}

.app_features .list .left_data .data .image1 {
    margin-bottom: 10px
}

.app_features .list .left_data .data .image img {
    width: 100px
}

.app_features .list .left_data .data .name span {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 20px;
    color: #000
}

.app_features .list .left_data .data:hover .name span {
    color: #fff
}

.app_features .list .left_data .data:hover .image img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.app_features .list_data .top_first .first {
    display: inline-block;
    width: 49.69%;
    vertical-align: top
}

.app_features .first .image {
    display: inline-block;
    vertical-align: top
}

.app_features .first .image img {
    width: 50px
}

.app_features .first .text {
    display: inline-block;
    width: 190px;
    margin-left: 10px
}

.app_features .first .text p {
    color: #fff
}

.app_features .first .text p span {
    font-weight: 800;
    display: block;
    color: #fff
}

.app_features .list_data .top_first {
    margin-bottom: 50px
}

.app_features .list_data .row.content {
    margin-top: 50px
}

.app_features .features #laundry {
    display: none
}

.app_features .features #admin {
    display: none
}

.tabcontent .admin_data {
    padding: 12px 0 0 25px
}

.tabcontent .top_list ul {
    margin-bottom: 8px
}

.tabcontent .top_list ul li {
    color: #fff;
    font-weight: 600;
    font-size: 15px
}

.tabcontent .top_list ul li p {
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 6px
}

.tabcontent .btm_list ul {
    margin-bottom: 8px
}

.tabcontent .btm_list ul li {
    color: #fff;
    font-weight: 600;
    font-size: 15px
}

.tabcontent .btm_list ul li p {
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 6px
}

.admin_img img {
    width: 500px;
    height: auto
}

@media (min-width:768px) and (max-width:1024px) {
    .app_features .list_data .top_first .first {
        width: 49.63%
    }

    .app_features .first .text {
        width: 187px
    }

    .admin_img img {
        width: 100%
    }

    .app_features .list .left_data {
        margin: 10px
    }
}

@media (min-width:481px) and (max-width:767px) {
    .app_features .list .left_data {
        margin: 10px
    }

    .app_features .list_data .row.content {
        margin-top: 25px
    }

    .app_features .list_data .top_first .first {
        margin-bottom: 20px
    }
}

@media(max-width:736px) and (min-width:414px) {
    .app_features .list .left_data .data {
        width: 100% !important
    }

    .app_features .list .left_data {
        margin: 10px
    }

    .app_features .list_data .row.content {
        margin-top: 30px
    }

    .app_features .list_data .top_first .first {
        width: 100%
    }

    .app_features .first .text {
        width: 87%
    }

    .app_features .list_data .top_first {
        margin-bottom: 0
    }

    .app_features .list_data .top_first .first {
        margin-bottom: 20px
    }

    .tabcontent .admin_data {
        padding: 12px 0 0 14px
    }
}

@media(max-width:667px) and (min-width:375px) {
    .app_features .list_data .top_first .first {
        width: 100%
    }

    .app_features .list_data .top_first {
        margin-bottom: 0
    }

    .app_features .list_data .top_first .first {
        margin-bottom: 20px
    }

    .app_features .first .text {
        width: 85%
    }

    .app_features .first .image img {
        width: 30px
    }
}

@media(max-width:812px) and (min-width:375px) {
    .admin_img img {
        width: 100%
    }
}

@media (min-width:320px) and (max-width:568px) {
    .tabcontent .admin_data {
        padding: 12px 0 0 0
    }

    .tabcontent .top_list ul li {
        margin-bottom: 20px
    }

    .app_features .first .image img {
        width: 30px
    }

    .app_features .list_data .top_first .first {
        width: 100%
    }

    .app_features .first .text {
        width: 215px
    }

    .app_features .list_data .top_first {
        margin-bottom: 0
    }

    .app_features .list_data .top_first .first {
        margin-bottom: 20px
    }

    .app_features .first .text {
        width: 85%
    }
}

@media(max-width:568px) and (min-width:320px) {
    .admin_img img {
        width: 100%
    }

    .app_features .first .text {
        width: 83%
    }

    .app_work .owl-two .owl-nav .owl-prev {
        left: -11px
    }

    .app_work .owl-two .owl-nav .owl-next {
        right: -57px
    }
}

@media(max-width:640px) {
    .app_work .owl-two .owl-nav .owl-prev {
        left: -11px !important
    }

    .app_work .owl-two .owl-nav .owl-next {
        right: -57px
    }
}

.app_tech .tech .item img {
    width: 100px !important;
    height: auto;
    margin-bottom: 10px
}

.app_tech .item {
    list-style: none;
    text-align: center;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 600
}

.tech .owl-carousel .owl-nav {
    width: 100%;
    text-align: center
}

.tech .owl-carousel .owl-dots {
    display: none
}

.tech .owl-carousel .owl-nav .owl-prev {
    outline: 0
}

.tech .owl-carousel .owl-nav .owl-prev span {
    color: #000;
    padding: 10px;
    font-size: 50px
}

.tech .owl-carousel .owl-nav .owl-next {
    outline: 0
}

.tech .owl-carousel .owl-nav .owl-next span {
    color: #000;
    padding: 10px;
    font-size: 50px
}

.tech .owl-carousel .owl-nav .owl-next span:hover {
    color: #42a1d6
}

.tech .owl-carousel .owl-nav .owl-prev span:hover {
    color: #42a1d6
}

.app_tech {
    padding-top: 65px;
    padding-bottom: 40px;
    text-align: center
}

.tech {
    padding: 0 53px
}

.app_work {
    background-color: #42a1d6;
    padding: 50px 0
}

.app_work .owl-two .work_text {
    max-width: 49.8%;
    display: inline-block;
    margin-top: 50px
}

.app_work .owl-two .work_text h3 {
    font-size: 32px;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 30px
}

.app_work .owl-two .work_text p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 23px
}

.app_work .owl-two .work_img {
    max-width: 49.8%;
    display: inline-block;
    vertical-align: top
}

.app_work .owl-two .work_img img {
    max-width: 290px;
    width: 100%;
    margin: 0 auto
}

.app_work .owl-two .work_text a {
    color: #000;
    background-color: #fff;
    padding: 10px 20px;
    text-transform: capitalize;
    font-weight: 600;
    display: inline-block;
    border-radius: 8px;
    margin-top: 20px
}

.app_work .owl-two .work_text a:hover {
    background-color: #fff;
    color: #42a1d6
}

.app_work .owl-two .work_text a:hover {
    text-decoration: none
}

.app_work .work .owl-carousel .owl-dots {
    display: none
}

.app_work .owl-two .owl-nav .owl-prev {
    position: absolute;
    top: 230px;
    left: -50px;
    margin-right: 50px;
    outline: 0
}

.app_work .owl-two .owl-nav .owl-prev span {
    color: #fff;
    padding: 10px;
    font-size: 75px
}

.app_work .owl-two .owl-nav .owl-next {
    position: absolute;
    top: 230px;
    right: -50px;
    margin-right: 50px;
    outline: 0
}

.app_work .owl-two .owl-nav .owl-next span {
    color: #fff;
    padding: 10px;
    font-size: 75px
}

@media (min-width:768px) and (max-width:1024px) {
    .app_work .owl-two .work_text {
        max-width: 100%;
        text-align: center;
        margin-bottom: 30px
    }

    .app_work .owl-two .work_img {
        max-width: 100%
    }

    .app_work .owl-two .owl-nav .owl-prev {
        top: 350px;
        left: 20px
    }

    .app_work .owl-two .owl-nav .owl-next {
        top: 350px;
        right: -4px
    }
}

@media (min-width:375px) and (max-width:812px) {
    .app_work .owl-two .owl-nav .owl-prev {
        left: -11px
    }
}

@media(max-width:1024px) {
    .app_work .owl-two .work_text {
        max-width: 100%;
        text-align: center;
        margin-bottom: 30px
    }

    .app_work .owl-two .work_img {
        max-width: 100%
    }
}

.app_why .title {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px
}

.app_why .title h2 {
    text-align: center;
    text-transform: capitalize;
    color: #233785;
    font-size: 34px
}

.app_why {
    margin: 65px 0
}

.app_why .why .first .box {
    width: 24.7%;
    display: inline-block;
    text-align: justify;
    padding: 10px;
    vertical-align: top
}

.app_why .why .first .box .img i.fa.fa-thumbs-up {
    font-size: 50px;
    color: #42a1d6
}

.app_why .why .first .box .blog_name {
    font-weight: 700;
    font-size: 20px;
    margin: 10px 0;
    text-transform: capitalize
}

.app_why .why .first .box .text p {
    color: #000
}

@media(max-width:1200px) {
    .app_why .why .first .box {
        width: 24.64%
    }
}

@media(max-width:992px) {
    .app_why .why .first .box {
        width: 49.68%
    }
}

@media(max-width:767px) {
    .app_why .why .first .box {
        width: 100%
    }

    .app_why .why .first .box:hover {
        height: unset
    }
}

.app_blog {
    margin-bottom: 65px
}

.app_blog .title {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px
}

.app_blog .title h2 {
    text-align: center;
    text-transform: capitalize;
    color: #233785;
    font-size: 34px
}

.app_blog .box .content {
    display: inline-block;
    max-width: 33.07%
}

.app_blog .box .content:hover .blog_title {
    box-shadow: 0 0 35px rgba(0, 0, 0, .1)
}

.app_blog .box .content:hover .blog_img {
    box-shadow: 0 0 35px rgba(0, 0, 0, .1)
}

.app_blog .box .content .blog_img {
    width: 100%
}

.app_blog .box .content .blog_img img {
    width: 100%
}

.app_blog .box .content .blog_title {
    color: #fff;
    padding: 15px
}

.app_blog .blog_title span {
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 12px;
    color: #000;
    display: block
}

.app_blog .blog_title p {
    font-weight: 400;
    font-size: 16px;
    color: #000
}

.app_blog .blog_title a {
    color: #fff;
    background-color: #42a1d6;
    padding: 10px 20px;
    text-transform: capitalize;
    font-weight: 600;
    display: inline-block;
    margin-top: 15px;
    border-radius: 8px
}

.app_blog .content:hover .blog_title a {
    text-decoration: none;
    background-color: #000
}

@media(max-width:1200px) {
    .app_blog .box .content {
        max-width: 33.02%
    }
}

@media(max-width:992px) {
    .app_blog .box .content {
        max-width: 100%;
        margin-bottom: 30px
    }
}

.app_clients {
    background-color: rgba(0, 0, 0, .1);
    padding: 50px 0
}

.app_clients .clients .logo {
    display: inline-block;
    width: 33.07%;
    text-align: center
}

.app_clients .clients .logo .logo_name {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 8px 13px 30px 5px rgba(162, 153, 153, .3);
    padding: 18px !important;
    line-height: 0;
    display: inline-block
}

.app_clients .clients .logo .logo_name img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    margin-top: 50%;
    margin-left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.app_clients .clients .logo .name {
    text-align: center;
    text-transform: capitalize;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    padding-top: 10px
}

.app_clients .clients .logo a:hover {
    text-decoration: none
}

.app_clients .title {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px
}

.app_clients .title h2 {
    text-align: center;
    text-transform: capitalize;
    color: #233785;
    font-size: 34px
}

@media(max-width:1200px) {
    .app_clients .clients .logo {
        width: 33.02%
    }
}

@media (max-width:992px) {
    .app_clients .clients .logo {
        width: 32.91%
    }
}

@media (max-width:767px) {
    .app_clients .clients .logo {
        width: 100%;
        margin-bottom: 30px
    }
}

@media(max-width:812px) and (min-width:375px) {
    .app_clients .clients .logo {
        height: unset
    }
}

@media(max-width:568px) and (min-width:320px) {
    .app_clients .clients .logo {
        height: unset
    }
}

.bottom_btn {
    margin-top: 60px;
    margin-left: 259px
}

.bottom_btn1 {
    margin-left: 459px
}

.left-banner-content {
    width: 50%;
    text-align: center;
    float: left;
    padding-top: 65px !important
}

.hire_dedicated_page .right-banner-content {
    float: left;
    width: 50%;
    z-index: 0
}

.app-service-title-wrap h2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 22px;
    font-weight: 700;
    color: #000
}

@media screen and (max-width:1024px) {
    .hire-resources-list {
        margin: 25px
    }
}

.hire-resources-list {
    margin: 80px 0 0 0;
    display: flex;
    flex-wrap: wrap
}

.img_set {
    margin-top: 30PX
}

.Mrgn_tp {
    margin-top: 50px
}

.app-service-title-wrap p {
    max-width: 960px;
    margin: 0 auto;
    font-size: 16px
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

section {
    display: block
}

@media only screen and (max-width:767px),
only screen and (max-device-width:767px) {
    .hire_dedicated_page {
        width: 100%;
        text-align: center
    }
}

.hire_dedicated_page .logo-wrap-new {
    display: flex;
    margin-top: 44px;
    position: relative
}

.hire_dedicated_page .hubspot-banner-link {
    justify-content: left;
    align-items: center;
    min-height: 110px;
    flex-wrap: wrap;
    max-width: 100%;
    width: 100%;
    display: flex
}

@media only screen and (max-width:767px),
only screen and (max-device-width:767px) {
    .hire_dedicated_page .hubspot-banner-link .hubspot-single-link {
        width: 100%;
        margin-right: 0
    }
}

@media screen and (max-width:1199px) {
    .hire_dedicated_page .hubspot-banner-link .hubspot-single-link {
        font-size: 15px;
        font-weight: 500
    }
}

.hire_dedicated_page .hubspot-banner-link .hubspot-single-link {
    font-size: 15px !important
}

.hire_dedicated_page .hubspot-banner-link .hubspot-single-link {
    max-width: 100%;
    border-radius: 10px;
    margin: 20px 20px 0 0;
    width: calc(50% - 20px);
    display: flex;
    color: #14206D;
    border: 1px solid rgba(99, 117, 233, .4);
    align-items: center;
    border-collapse: collapse;
    padding: 12px 27px;
    font-size: 16px;
    word-break: initial;
    text-transform: capitalize;
    line-height: normal;
    position: relative;
    font-weight: 700;
    transition: all 0.25s ease-in-out;
    overflow: hidden;
    text-decoration: none
}

a {
    color: #febd0e
}

a {
    color: #337ab7;
    text-decoration: none
}

a {
    background-color: transparent
}

@media only screen and (max-width:767px),
only screen and (max-device-width:767px) {
    .hire_dedicated_page .hubspot-banner-link .hubspot-single-link {
        width: 100%;
        margin-right: 0
    }
}

@media only screen and (max-width:320px),
only screen and (max-device-width:320px) {
    .hire_dedicated_page .hubspot-banner-link .hubspot-single-link {
        width: 100%;
        margin-right: 0
    }

    .hire_dedicated_page {
        width: 100%;
        text-align: center
    }

    .service-content p {
        font-size: 16px !important;
        color: #676767 !important
    }
}

@media screen and (max-width:1199px) {
    .hire_dedicated_page .hubspot-banner-link .hubspot-single-link {
        font-size: 15px;
        font-weight: 500
    }
}

.hire_dedicated_page .hubspot-banner-link .hubspot-single-link {
    font-size: 15px !important
}

.hire_dedicated_page .hubspot-banner-link .hubspot-single-link {
    max-width: 100%;
    border-radius: 10px;
    margin: 20px 20px 0 0;
    width: calc(50% - 20px);
    display: flex;
    color: #14206D;
    border: 1px solid rgba(99, 117, 233, .4);
    align-items: center;
    border-collapse: collapse;
    padding: 12px 27px;
    font-size: 16px;
    word-break: initial;
    text-transform: capitalize;
    line-height: normal;
    position: relative;
    font-weight: 700;
    transition: all 0.25s ease-in-out;
    overflow: hidden;
    text-decoration: none
}

@media only screen and (max-width:767px),
only screen and (max-device-width:767px) {
    .hire_dedicated_page {
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:768px) {
    .hire_dedicated_page {
        width: 100%;
        text-align: center
    }
}

@media only screen and (max-width:991px) {
    .hire_dedicated_page {
        width: 100%;
        text-align: center
    }
}

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.containe-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
    clear: both
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
    display: table;
    content: " "
}

.rating-infoblock {
    width: 100%;
    overflow: hidden
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto
}

@media screen and (max-width:1024px) {
    .hire-resources {
        padding: 30px 0
    }
}

.hire-resources {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #717171;
    text-align: center;
    float: left;
    width: 100%;
    background-color: #F5F5F9;
    box-shadow: 0 4px 2px rgba(204, 204, 204, .2)
}

.app-service-title-wrap h2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 22px;
    text-align: center;
    font-weight: 700;
    color: #000;
    margin: 0 auto
}

.app-service-title-wrap p {
    max-width: 960px;
    margin: 0 auto;
    font-size: 16px
}

@media screen and (max-width:1024px) {
    .hire-resources-list {
        margin: 25px
    }
}

.hire-resources-list {
    margin: 80px 0 0 0;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:640px) {
    .resources-single {
        height: 338px !important
    }
}

@media screen and (max-width:675px) {
    .resources-single {
        height: 328px !important
    }
}

@media screen and (max-width:736px) {
    .resources-single {
        height: 308px !important
    }
}

@media screen and (max-width:768px) {
    .resources-single {
        padding: 25px 40px !important;
        height: auto !important
    }
}

@media screen and (max-width:1024px) {
    .resources-single {
        height: auto !important;
        padding: 25px 40px !important
    }
}

@media screen and (max-width:1199px) {
    .resources-single {
        margin: 15px 15px !important;
        height: auto
    }
}

.resources-single {
    height: 427px !important
}

.resources-single {
    position: relative;
    padding: 50px 40px;
    height: 482px;
    background-color: #fff;
    border-radius: 10px;
    margin: 0 15px;
    transition: all .3s;
    box-shadow: 0 0 16px rgba(0, 0, 0, .05)
}

.hire-resources {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #717171;
    text-align: center;
    float: left;
    width: 100%;
    background-color: #F5F5F9;
    box-shadow: 0 4px 2px rgba(204, 204, 204, .2)
}

@media screen and (max-width:768px) {
    .resources-single {
        padding: 25px 40px !important;
        height: auto !important
    }
}

@media screen and (max-width:1024px) {
    .resources-single {
        height: auto !important;
        padding: 25px 40px !important
    }
}

@media screen and (max-width:1199px) {
    .resources-single {
        margin: 15px 15px !important;
        height: auto
    }
}

.resources-single {
    height: 427px !important
}

.resources-single {
    position: relative;
    padding: 50px 40px;
    height: 482px;
    background-color: #fff;
    border-radius: 10px;
    margin: 0 15px;
    transition: all .3s;
    box-shadow: 0 0 16px rgba(0, 0, 0, .05)
}

.resources-single img {
    height: 80px;
    width: 80px
}

img {
    vertical-align: middle
}

img {
    border: 0
}

@media screen and (max-width:568px) {
    .resources-single h4 {
        font-weight: bold !important;
        color: #55565f !important;
        line-height: 20px !important;
        font-size: 19px !important
    }
}

.resources-single h4 {
    font-weight: bold !important;
    color: #55565f !important;
    line-height: 32px !important;
    font-size: 19px !important
}

h4 {
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: 700
}

@media screen and (max-width:568px) {
    .hire-detail p {
        line-height: 18px !important;
        font-size: 13px !important
    }
}

.hire-detail p {
    line-height: 25px !important;
    font-size: 16px !important;
    color: #676767 !important
}

.hire-resources {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #717171;
    text-align: center;
    float: left;
    width: 100%;
    background-color: #F5F5F9;
    box-shadow: 0 4px 2px rgba(204, 204, 204, .2)
}

.resources-single {
    height: auto;
    padding: 23px 40px
}


@media screen and (max-width:600px) {
    .resources-single {
        height: auto !important
    }
}

@media screen and (max-width:640px) {
    .resources-single {
        height: 338px !important
    }
}

@media screen and (max-width:675px) {
    .resources-single {
        height: 328px !important
    }
}

@media screen and (max-width:736px) {
    .resources-single {
        height: 308px !important
    }
}

@media screen and (max-width:768px) {
    .resources-single {
        padding: 25px 40px !important;
        height: auto !important
    }
}

@media screen and (max-width:1024px) {
    .resources-single {
        height: auto !important;
        padding: 25px 40px !important
    }
}

@media screen and (max-width:1199px) {
    .resources-single {
        margin: 15px 15px !important;
        height: auto
    }
}

.resources-single {
    height: 427px !important
}

.resources-single {
    position: relative;
    padding: 50px 40px;
    height: 482px;
    background-color: #fff;
    border-radius: 10px;
    margin: 0 15px;
    transition: all .3s;
    box-shadow: 0 0 16px rgba(0, 0, 0, .05)
}

.resources-single img {
    height: 80px;
    width: 80px
}

@media screen and (max-width:568px) {
    .resources-single h4 {
        font-weight: bold !important;
        color: #55565f !important;
        line-height: 20px !important;
        font-size: 19px !important
    }
}

.resources-single h4 {
    font-weight: bold !important;
    color: #55565f !important;
    line-height: 32px !important;
    font-size: 19px !important
}

.h4,
h4 {
    font-size: 18px
}

@media screen and (max-width:568px) {
    .hire-detail p {
        line-height: 18px !important;
        font-size: 13px !important
    }
}

.hire-detail p {
    line-height: 25px !important;
    font-size: 16px !important;
    color: #676767 !important
}

@media screen and (max-width:568px) {
    .resources-single {
        height: auto;
        padding: 23px 40px
    }
}

@media screen and (max-width:600px) {
    .resources-single {
        height: auto !important
    }
}

@media screen and (max-width:640px) {
    .resources-single {
        height: 338px !important
    }
}

@media screen and (max-width:675px) {
    .resources-single {
        height: 328px !important
    }
}

@media screen and (max-width:736px) {
    .resources-single {
        height: 308px !important
    }
}

@media screen and (max-width:768px) {
    .resources-single {
        padding: 25px 40px !important;
        height: auto !important
    }
}

@media screen and (max-width:1024px) {
    .resources-single {
        height: auto !important;
        padding: 25px 40px !important
    }
}

@media screen and (max-width:1199px) {
    .resources-single {
        margin: 15px 15px !important;
        height: auto
    }
}

.resources-single {
    height: 247px
}

.resources-single {
    position: relative;
    padding: 50px 40px;
    height: 482px;
    background-color: #fff;
    border-radius: 10px;
    margin: 0 15px;
    transition: all .3s;
    box-shadow: 0 0 16px rgba(0, 0, 0, .05)
}

.resources-single img {
    height: 80px;
    width: 80px
}

img {
    vertical-align: middle
}

img {
    border: 0
}

@media screen and (max-width:568px) {
    .resources-single h4 {
        font-weight: bold !important;
        color: #55565f !important;
        line-height: 20px !important;
        font-size: 19px !important
    }
}

.resources-single h4 {
    font-weight: bold !important;
    color: #55565f !important;
    line-height: 32px !important;
    font-size: 19px !important
}

@media screen and (max-width:568px) {
    .hire-detail p {
        line-height: 18px !important;
        font-size: 13px !important
    }
}

.hire-detail p {
    line-height: 25px !important;
    font-size: 16px !important;
    color: #676767 !important
}

.form-group {
    margin-bottom: 15px
}

@media screen and (max-width:568px) {
    .hire-resources-list .wpcf7-submit {
        font-size: 17px !important
    }
}

.hire-resources-list .wpcf7-submit {
    padding: 10px px;
    width: auto;
    padding: 5px 30px;
    background-color: #003459;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    border: 1px solid #003459;
    margin-top: 40px !important;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 6px 5px #ccc;
    display: inline-block;
    text-decoration: none
}

a {
    color: #febd0e
}

a {
    color: #337ab7;
    text-decoration: none
}

a {
    background-color: transparent
}

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
    clear: both
}

.app-service {
    padding-top: 22px;
    padding-bottom: 15px;
    color: #000;
    float: left;
    width: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

user agent stylesheet section {
    display: block
}

.app-service {
    padding-top: 22px;
    padding-bottom: 15px;
    color: #000;
    float: left;
    width: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

section {
    display: block
}

.main-title {
    text-align: center;
    position: relative
}

.text-center {
    text-align: center
}

@media screen and (max-width:568px) {
    .main-title h2 {
        line-height: 34px !important
    }
}

@media screen and (max-width:568px) {
    .app-service-title-wrap h2 {
        font-size: 30px !important
    }
}

@media screen and (max-width:568px) {
    .app-service-title-wrap h2 {
        font-size: 25px !important;
        line-height: 30px !important;
        margin-bottom: 22px !important;
        font-weight: bold !important
    }
}

.app-service-wrap .app-detail-box {
    padding: 40px 20px 0
}

@media only screen and (max-width:991px) {
    .app-service-wrap .app-single-service {
        height: 200px !important
    }
}

@media screen and (max-width:1024px) {
    .app-service-wrap .app-single-service {
        height: 299px !important
    }
}

.app-service-wrap .app-single-service {
    height: 237px !important
}

.app-service-wrap .app-single-service:before,
.shadow-hover:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    box-shadow: 0 1px 30px 1px rgba(42, 22, 156, .1);
    transition: all 0.25s ease-in-out;
    border-radius: 10px;
    z-index: -1
}

.service-icon {
    width: 85px;
    float: left;
    position: relative;
    text-align: right;
    z-index: 2;
    max-height: 90px
}

@media screen and (max-width:1024px) {
    .service-icon img {
        max-width: 60px;
        position: relative;
        left: -14px
    }
}

.service-icon img {
    max-width: 100%
}

img {
    vertical-align: middle
}

img {
    border: 0
}

.service-content {
    width: calc(100% - 85px);
    float: left;
    padding-left: 20px
}

@media screen and (max-width:568px) {
    .service-content p {
        font-size: 16px !important;
        color: #676767 !important
    }
}

.service-content p {
    font-size: 16px !important;
    color: #676767 !important
}

p {
    margin-bottom: 15px
}

p {
    margin: 0 0 10px
}

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0
}

.app-service {
    padding-top: 22px;
    padding-bottom: 15px;
    color: #000;
    float: left;
    width: 100%
}

.app-service-wrap .app-detail-box {
    padding: 40px 20px 0
}

@media screen and (max-width:568px) {
    .app-service-wrap .app-single-service {
        height: 207px !important
    }
}

@media screen and (max-width:767px) {
    .app-service-wrap .app-single-service {
        margin-top: 35px
    }
}

@media only screen and (max-width:991px) {
    .app-service-wrap .app-single-service {
        height: 200px !important
    }
}

@media screen and (max-width:1024px) {
    .app-service-wrap .app-single-service {
        height: 299px !important
    }
}

.app-service-wrap .app-single-service {
    height: 237px !important
}

.app-service-wrap .app-single-service {
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    padding: 40px 36px;
    transition: all 0.25s ease-in-out;
    z-index: 2;
    width: 100%;
    min-height: 100%;
    background-color: #fff;
    float: left;
    display: flex;
    height: 288px;
    transition: all .3s;
    box-shadow: 0 0 16px rgba(0, 0, 0, .05)
}

.app-service-wrap .app-single-service:before,
.shadow-hover:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    box-shadow: 0 1px 30px 1px rgba(42, 22, 156, .1);
    transition: all 0.25s ease-in-out;
    border-radius: 10px;
    z-index: -1
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.service-icon {
    width: 85px;
    float: left;
    position: relative;
    text-align: right;
    z-index: 2;
    max-height: 90px
}

@media screen and (max-width:1024px) {
    .service-icon img {
        max-width: 60px;
        position: relative;
        left: -14px
    }
}

.service-icon img {
    max-width: 100%
}

img {
    vertical-align: middle
}

img {
    border: 0
}

.service-content {
    width: calc(100% - 85px);
    float: left;
    padding-left: 20px
}

@media screen and (max-width:568px) {
    .service-content h4 {
        font-weight: bold !important;
        font-size: 19px !important;
        color: #55565f !important
    }
}

@media screen and (max-width:1024px) {
    .service-content h4 {
        font-size: 18px
    }
}

.service-content h4 {
    font-weight: bold !important;
    font-size: 19px !important;
    color: #55565f !important
}

.service-content h4 {
    font-weight: 700;
    text-transform: capitalize;
    word-break: break-word;
    margin-top: 0;
    font-size: 20px;
    color: #111
}

h4 {
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-weight: 700
}

@media screen and (max-width:568px) {
    .service-content p {
        font-size: 16px !important;
        color: #676767 !important
    }
}

.service-content p {
    font-size: 16px !important;
    color: #676767 !important
}

p {
    margin-bottom: 15px
}

p {
    margin: 0 0 10px
}

.app-service-wrap .app-detail-box {
    padding: 40px 20px 0
}

@media screen and (max-width:568px) {
    .app-service-wrap .app-single-service {
        height: 207px !important
    }
}

@media screen and (max-width:767px) {
    .app-service-wrap .app-single-service {
        margin-top: 35px
    }
}

@media only screen and (max-width:991px) {
    .app-service-wrap .app-single-service {
        height: 200px !important
    }
}

@media screen and (max-width:1024px) {
    .app-service-wrap .app-single-service {
        height: 320px !important
    }
}

.app-service-wrap .app-single-service {
    height: 237px
}

.app-service-wrap .app-single-service {
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    padding: 40px 36px;
    transition: all 0.25s ease-in-out;
    z-index: 2;
    width: 100%;
    min-height: 100%;
    background-color: #fff;
    float: left;
    display: flex;
    height: 288px;
    transition: all .3s;
    box-shadow: 0 0 16px rgba(0, 0, 0, .05)
}

.app-service-wrap .app-single-service:before,
.shadow-hover:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    box-shadow: 0 1px 30px 1px rgba(42, 22, 156, .1);
    transition: all 0.25s ease-in-out;
    border-radius: 10px;
    z-index: -1
}

.service-icon {
    width: 85px;
    float: left;
    position: relative;
    text-align: right;
    z-index: 2;
    max-height: 90px
}

.service-content {
    width: calc(100% - 85px);
    float: left;
    padding-left: 20px
}

@media screen and (max-width:568px) {
    .service-content h4 {
        font-weight: bold !important;
        font-size: 19px !important;
        color: #55565f !important
    }
}

@media screen and (max-width:1024px) {
    .service-content h4 {
        font-size: 18px
    }
}

.service-content h4 {
    font-weight: bold !important;
    font-size: 19px !important;
    color: #55565f !important
}

.service-content h4 {
    font-weight: 700;
    text-transform: capitalize;
    word-break: break-word;
    margin-top: 0;
    font-size: 20px;
    color: #111
}

@media screen and (max-width:568px) {
    .service-content p {
        font-size: 16px !important;
        color: #676767 !important
    }
}

.service-content p {
    font-size: 16px !important;
    color: #676767 !important
}

.app-service {
    padding-top: 22px;
    padding-bottom: 15px;
    color: #000;
    float: left;
    width: 100%;
    display: block;
}

.app-service-wrap .app-detail-box {
    padding: 40px 20px 0
}

.app-service-wrap .app-single-service:before,
.shadow-hover:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    box-shadow: 0 1px 30px 1px rgba(42, 22, 156, .1);
    transition: all 0.25s ease-in-out;
    border-radius: 10px;
    z-index: -1
}

.service-icon {
    width: 85px;
    float: left;
    position: relative;
    text-align: right;
    z-index: 2;
    max-height: 90px
}

@media screen and (max-width:1024px) {
    .service-icon img {
        max-width: 60px;
        position: relative;
        left: -14px
    }
}

.service-icon img {
    max-width: 100%
}

img {
    vertical-align: middle
}

img {
    border: 0
}

.service-content {
    width: calc(100% - 85px);
    float: left;
    padding-left: 20px
}

@media screen and (max-width:568px) {
    .service-content h4 {
        font-weight: bold !important;
        font-size: 19px !important;
        color: #55565f !important
    }
}

@media screen and (max-width:1024px) {
    .service-content h4 {
        font-size: 18px
    }
}

.service-content h4 {
    font-weight: bold !important;
    font-size: 19px !important;
    color: #55565f !important
}

.service-content h4 {
    font-weight: 700;
    text-transform: capitalize;
    word-break: break-word;
    margin-top: 0;
    font-size: 20px;
    color: #111
}

.sec-space {
    padding: 50px 0
}

.adv-features {
    background: #f8f8f8
}

@media (max-width:992px) and (min-width:769px) {
    .container {
        max-width: 860px
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.adv-f-box {
    padding: 15px 30px;
    text-align: center;
    transition-duration: 0.3s;
    cursor: pointer;
    background: #fff;
    -webkit-box-shadow: 0 0 16px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 16px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 0 16px 2px rgba(0, 0, 0, .1);
    height: 186px
}

.adv-f-box h4 {
    color: #06037c;
    font-size: 20px;
    margin-bottom: 5px
}

.adv-f-box p {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 10px
}

@media (max-width:640px) {
    .sec-space {
        padding: 12px 0
    }
}

.sec-space {
    padding: 50px 0
}

.top-tecnologyimg {
    text-align: center;
    color: #fff;
    height: 450px;
    background-size: cover
}

button.slick-next.slick-arrow {
    border: 2px solid rgba(0, 0, 0, .1);
    width: 35px;
    height: 35px;
    border-radius: 50px;
    margin-top: 20px;
    position: absolute;
    bottom: -50px;
    left: 50%
}

button.slick-prev.slick-arrow {
    border: 2px solid rgba(0, 0, 0, .1);
    width: 35px;
    height: 35px;
    border-radius: 50px;
    margin-bottom: 30px;
    position: absolute;
    bottom: -81px;
    left: 46%
}

.slick-next::before,
.slick-prev::before {
    color: blue
}

.slider-nav {
    width: 100%;
    margin: 20px auto;
    text-align: center;
    padding: 20px;
    color: #fff;
    display: flex;
    position: relative
}

.wrap-text-b3 {
    height: 300px
}

.slide {
    box-sizing: border-box;
    width: 390px
}

span.s-txtd5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical
}

.work_sec {
    width: 100%;
    float: left;
    margin: 0;
    padding: 100px 0;
    background: #f8f7f4;
    text-align: center
}

.work_sec .global_title {
    padding: 0;
    margin: 0 0 40px 0;
    font-size: 45px;
    color: #13287e;
    font-weight: 900;
    text-align: center
}

.global_title p {
    font-size: 45px;
    color: #13287e
}

.global_title small {
    margin-bottom: 10px;
    font-size: 18px;
    color: #13287e;
    text-transform: uppercase;
    display: block;
    font-weight: 800
}

.work {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 10px;
    display: flex;
    flex-direction: column
}

.work span {
    width: 79px;
    height: 79px;
    display: block;
    margin: 0 auto 40px auto;
    padding: 0;
    font-size: 18px;
    color: #150c00;
    font-weight: 900;
    background: #fff;
    border: 3px solid #13287e;
    border-radius: 50%;
    text-align: center;
    line-height: 73px;
    position: relative
}

.work span:before {
    content: "";
    width: 3px;
    height: 30px;
    background: #13287e;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto
}

.work span:after {
    content: "";
    width: 9px;
    height: 9px;
    background: #13287e;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 28px auto 0 auto;
    border-radius: 50%
}

.work h3 {
    margin: 0 0 18px 0;
    padding: 0;
    font-size: 14px;
    font-weight: 800;
    color: #150c00;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: normal
}

.work p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #686663;
    line-height: 22px
}

.work_sec .col:nth-child(odd) .work {
    flex-direction: column-reverse
}

.work_sec .col:nth-child(odd) .work p {
    margin-bottom: 18px
}

.work_sec .col:nth-child(odd) .work h3 {
    margin-bottom: 0
}

.work_sec .col:nth-child(odd) .work span {
    margin-bottom: 0;
    margin-top: 40px
}

.work_sec .col:nth-child(odd) .work span:before {
    top: auto;
    bottom: 100%
}

.work_sec .col:nth-child(odd) .work span:after {
    top: auto;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: 0 auto 28px auto
}

.work_sec .col:nth-child(even) .work {
    margin-top: 160px
}

.work_sec .row {
    position: relative
}

.work_sec .row:before {
    content: "";
    height: 11px;
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #13287e;
    border-radius: 50px
}

.lifeatshine {
    padding: 70px 0;
    clear: both;
    background: #fff
}

.lifeatshine h2 {
    font-size: 45px;
    color: #13287e;
    text-align: center;
    font-weight: 700;
    margin-bottom: 40px
}

.owl-carousel .item .life_img img {
    width: 375px;
    height: 375px
}

.owl-carousel .owl-nav {
    display: none
}

.life_img.slick-slider button.slick-next.slick-arrow {
    display: none
}

.CareerBg {
    padding: 30px;
    background-color: #fafafa;
    position: relative;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    cursor: pointer;
    height: 354px;
    margin-bottom: 30px
}

.CareerBg p {
    color: #818181;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 300;
    margin-top: 0
}

.CareerBg a.more_career_btn {
    padding: 12px;
    border-radius: 50px;
    width: 100%;
    text-align: center;
    background-color: #007bff;
    color: #fff;
    bottom: 18px;
    max-width: 100%;
    display: block;
    margin-top: 20px;
    position: absolute;
    bottom: 24px;
    left: 26px;
    width: 200px
}

.CareerBg:hover {
    background-position: right;
    color: #fff !important;
    background-image: -moz-linear-gradient(-66deg, #233785 0, #0185ce 100%);
    background-image: -webkit-linear-gradient(-66deg, #233785 0, #0185ce 100%);
    background-image: -ms-linear-gradient(-66deg, #233785 0, #0185ce 100%);
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0
}

.CareerBg:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.CareerBg:hover p,
.CareerBg:hover h4 {
    color: #fff
}

.CareerBg:hover a.more_career_btn {
    background-color: #fff;
    color: #007bff
}

.reactBg{
    background-image: url(../images/react-bg.jpg);
    height: 100%;
    position: relative;
    background-position: center center;
}

.reactBg .overlayBg{
    content: "";
    background-color: rgba(0, 0, 0, 0.9);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.reactBg .banner-section{
    z-index: 2;
    position: relative;
    height: 100%;
}

.reactBg h1{
    font-size: 35px;
    color: #65e9fe;
    font-weight: 600;
    text-transform: uppercase;
}

.reactBg p{
    color: #ffffff;
    text-align: justify;
    line-height: 25px;
}

.reactBg ul li::before{
    font-family: FontAwesome;
    content: "\f046";
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
    color: #ffc260;
    font-size: 16px;
}

.reactBg ul li{
    color: #ffc260;
    padding: 8px 0;
    font-size: 16px;
}

.KeyService{
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #F5F5F9;
    display: block;
}

.KeyService .hire-resources{
    box-shadow: none;
}

@media (max-width:1199px) {
    .CareerBg {
        height: 380px
    }
}

@media (max-width:991px) {
    .CareerBg {
        height: 420px
    }
    .reactBg{
        height: auto;
    }

    .reactBg img{
        width: 250px;
        margin: 20px 0;
    }
}

@media (max-width:900px) {
    .CareerBg {
        height: 460px
    }
}

@media (max-width:767px) {
    .CareerBg {
        height: auto
    }

    .CareerBg p {
        margin-bottom: 50px
    }
}

@media (max-width:575px) {
    .career_popup h3 {
        font-size: 14px
    }

    .career_popup button {
        padding: 6px 21px
    }
    .reactBg img{
        width: 150px;
    }
}

@media (max-width:991px) {
    .footer-logo-img {
        max-width: 250px;
        margin-right: 0;
    }
}

.companyInfoSection {
    padding: 50px 0 100px;
  }
  
  .companyInfoSection .heading {
    margin-bottom: 70px;
  }
  
  .companyInfoSection a.fullScreen {
    padding: 12px;
    border-radius: 50px;
    width: 100%;
    text-align: center;
    background-color: #007bff;
    border: 1px solid #007bff;
    color: #fff;
    bottom: 18px;
    max-width: 100%;
    display: block;
    width: 200px;
    margin: 20px auto 0;
  }
  
  .companyInfoSection a.fullScreen:hover {
    background-color: #ffffff;
    color: #007bff;
  }

  .calendly-badge-widget {
    right: 0 !important;
    bottom: auto !important;
    top: 50%;
    transform: translateY(-50%);
}

.calendly-badge-widget .calendly-badge-content {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    white-space: nowrap;
    height: auto !important;
    width: 45px !important;
    padding: 31px 0 30px 2px !important;
    border-radius: 25px 0 0 25px !important;
}

.whatsAppIcon {
    position: fixed;
    z-index: 9999;
    width: 70px;
    height: 70px;
    bottom: 11px;
    left: 15px;
  }
  
  .whatsAppIcon img {
    width: 70px;
    height: 70px;
  }
/*Loader gif added style */
.custom-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    cursor: progress; 
}
.loader-content {
    text-align: center;
}
.hide-loader {
    opacity: 0;
    pointer-events: none;
}
.careers-part {
    min-height: 100vh; /* Ensures section takes at least the height of the viewport */
}
/* footer changes */
.wrap-link-footer ul li{
    opacity: 0.5;
}
.wrap-link-footer ul li:hover{
    opacity: 1;
}
.CareerBg:hover img.remove-filter-style{
    filter: initial;
}

/* Banner - Slider Section - Relative Style CSS Start */
.banner-slider-section{
    position: relative;
}
.banner-title{
    font-size: 37px;
    line-height: 60px;
    color: #ffffff;
    font-weight: 500;
    font-family: Roboto-Bold;
    text-transform: uppercase;
}
.paragraph-text{
    font-size: 17px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    font-family: Roboto-Regular;
}
.banner-slider-section .paragraph-text{
    max-width: 580px;
}
.overlay-content-box{
    position: absolute;
    inset: 0px;
}
.overlay-content-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.btn-container{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.btn-container .btn-drive{
    margin-bottom: 10px;
}
.btn-container .btn-drive:not(:last-child){
    margin-right: 20px;
}
.banner-slider-section .btn-container{
    margin-top: 40px;
}
/* Banner - Owl Slider Relative Code Start */
.owl-full-height.owl-carousel .owl-stage-outer,
.owl-full-height.owl-carousel .owl-stage-outer .owl-stage,
.owl-full-height.owl-carousel .owl-stage-outer .owl-stage .owl-item,
.owl-full-height.owl-carousel .owl-stage-outer .owl-stage .owl-item .item{
    height: 100%;
}
.owl-carousel-container .owl-carousel .owl-stage-outer .owl-stage{
    display: flex;
    align-items: stretch;
}
.owl-carousel.banner-owl-slider .owl-stage-outer .owl-stage .owl-item .item{
    min-height: 515px;
    display: flex;
    align-items: center;
    padding: 70px 0px 100px;
}
.owl-carousel.banner-owl-slider.owl-theme .owl-dots .owl-dot:not(:last-child){
    margin-right: 10px;
}
.owl-carousel.banner-owl-slider.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top: 0px;
    transform: translateY(-50px);
}
.owl-carousel.banner-owl-slider.owl-theme .owl-dots .owl-dot span{
    width: 15px;
    height: 15px;
    border-radius: 0px;
    margin: 0px;
    background-color: rgb(255,255,255,.3);
}
.owl-carousel.banner-owl-slider.owl-theme .owl-dots .owl-dot.active span{
    background-color: #ffffff;
}
/* Banner - Owl Slider Relative Code End */
/* Banner - Slider Section - Relative Style CSS End */

/* Thank You Page - Relative Style CSS Start */
.all-section-space{
    margin-bottom: 30px;
}
.thank-you-page-container{
    padding: 60px 25px 30px;
}
.thank-you-page-container .thank-you-page-content-box{
    position: relative;
    width: 75%;
    padding: 50px 30px 20px;
    text-align: center;
    margin: 0px auto;
    border-radius: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    overflow: hidden;
}
.thank-you-page-container .thank-you-page-content-box::before,
.thank-you-page-container .thank-you-page-content-box::after{
    position: absolute;
    content: "";
    width: 170px;
    transform: rotate(30deg);
    /* filter: blur(250px); */
    background-color: #233785;
    transition: all 0.5s ease-in-out;
}
.thank-you-page-container .thank-you-page-content-box::before{
    top: -100%;
    left: -150px;
    bottom: -100%;
}
.thank-you-page-container .thank-you-page-content-box::after{
    top: -100%;
    right: -150px;
    bottom: -100%;
}
.thank-you-page-container .thank-you-page-content-box .image-content-box{
    width: 60px;
    margin: 0px auto;
}
.thank-you-page-container .thank-you-page-content-box .image-content-box img{
    width: 100%;
}
.thank-you-page-container .thank-you-page-content-box .content-box{
    position: relative;
    z-index: 9;
}
.thank-you-page-container .thank-you-page-content-box .card{
    height: 100%;
    border-radius: 12px;
}
.thank-you-page-container .thank-you-page-content-box .card .card-content-box .card-body{
    padding: 40px 15px 20px;
}
.thank-you-page-container .thank-you-page-content-box .card .card-content-box .card-body .social-icon-list{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.thank-you-page-container .thank-you-page-content-box .card .card-content-box .card-body .social-icon-list .social-icon-link{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 100%;
    background-color: #2f2f83;
    margin-bottom: 6px;
}
.thank-you-page-container .thank-you-page-content-box .card .card-content-box .card-body .social-icon-list .social-icon-link:not(:last-child){
    margin-right: 8px;
}
.thank-you-page-container .thank-you-page-content-box .card .card-content-box .card-body .social-icon-list i{
    font-size: 18px;
    color: #ffffff;
}
.thank-you-page-container .thank-you-page-content-box .card .card-content-box .card-body h4{
    margin-top: 0px;
}
.btn-container{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.btn-container.btn-center{
    justify-content: center;
}
.btn-container.btn-end{
    justify-content: flex-end;
}
.btn-container .btn.btn-success{
    font-weight: bold;
    color: #ffffff;
}
.btn-container .btn.btn-success:hover{
    color: #ffffff;
}
.btn-container .btn.btn-primary-1{
    font-weight: bold;
    background-color: #2f2f83;
    color: #ffffff;
}
.btn-container .btn.btn-primary-1:hover{
    color: #ffffff;
}
.thank-you-page-container .thank-you-page-content-box p{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
}
.thank-you-page-container .thank-you-page-content-box h3{
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    margin: 15px 0px 10px;
}
/* Thank You Page - Relative Style CSS End */

@media (max-width: 1199px) {
    .thank-you-page-container .thank-you-page-content-box{
        width: 100%;
    }
}
@media (max-width: 991px) {
    .thank-you-page-container .thank-you-page-content-box::before,
    .thank-you-page-container .thank-you-page-content-box::after{
        display: none;
    }
}
@media (max-width: 767px) {
    .thank-you-page-container{
        padding: 30px 25px 30px;
    }
    .thank-you-page-container .thank-you-page-content-box .image-content-box{
        width: 50px;
    }
    .thank-you-page-container .thank-you-page-content-box h3{
        font-size: 24px;
    }
    .thank-you-page-container .thank-you-page-content-box p{
        font-size: 16px;
    }
}
@media (max-width: 576px) {
    .thank-you-page-container .thank-you-page-content-box{
        padding: 30px 20px 0px;
    }
    .thank-you-page-container .thank-you-page-content-box .card .card-content-box .card-body{
        padding: 25px 15px 20px;
    }
}






/* Our Service Section */

.aximo-service-increase-wrap {
    margin: 0 50px;
  }
  @media (max-width: 767px) {
    .aximo-service-increase-wrap {
      margin: 0;
    }
  }
  .aximo-service-increase-row {
    transition: all 0.4s;
    border-radius: 5px;
    padding: 0 20px;
    background-color: var(--light-bg2);
  }
  .aximo-service-increase-row:hover {
    background-color: white;
  }
  .aximo-service-increase-row:hover .aximo-service-increase-title h3, .aximo-service-increase-row:hover .aximo-service-increase-body p {
    color: var(--light-color1);
  }
  .aximo-service-increase-row:hover .aximo-service-increase-icon i {
    color: var(--orange-color);
  }
  .aximo-service-increase-row:last-child .aximo-service-increase-item {
    border: none;
  }
  .aximo-service-increase-item {
    /* max-width: 1292px; */
    margin: 0 auto;
    padding: 50px 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ffffff30;
  }
  @media (max-width: 850px) {
    .aximo-service-increase-item {
      display: block;
    }
  }
  .aximo-service-increase-title {
    flex: 0 0 34%;
    z-index: 9;
    padding-right: 20px;
    position: relative;
  }
  @media (max-width: 850px) {
    .aximo-service-increase-title {
      padding: 0 0 20px;
    }
  }
  .aximo-service-increase-title h3 {
    transition: all 0.4s;
    /* font-family: "ClashGroteskSemibold"; */
    color: #fff;
  }
  .aximo-service-increase-body {
    flex: 0 0 56%;
    z-index: 9;
    padding-right: 20px;
    position: relative;
  }
  .aximo-service-increase-body p{
    color: #fff;
  }
  @media (max-width: 850px) {
    .aximo-service-increase-body {
      padding: 0 0 20px;
    }
  }
  .aximo-service-increase-body p {
    transition: all 0.4s;
  }
  .aximo-service-increase-icon {
    z-index: 9;
    flex: 0 0 10%;
    text-align: right;
    position: relative;
  }
  .aximo-service-increase-icon i {
    font-size: 48px;
    color: #007bff;
    transition: all 0.4s;
  }
  img.swipeimage {
    position: fixed;
    top: 0;
    left: 0;
    width: 294px;
    height: 245px;
    object-fit: cover;
    z-index: 9;
    opacity: 0;
    visibily: hidden;
    pointer-events: none;
    border-radius: 7px;
    border: 5px solid #fff;
  }

  .cmn-bottom-margin{
    margin-bottom: 30px;
  }