@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;900&display=swap);* {
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    font-family: poppins
}

body,html {
    overflow-x: hidden
}

body {
    font-size: 15px;
    color: #000;
    line-height: 1.8em;
    font-weight: 400;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-family: Open Sans,sans-serif
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #0882ff
}

a:focus,a:hover,a:visited {
    text-decoration: none;
    outline: 0
}

h1,h2,h3,h4,h5,h6 {
    position: relative;
    font-weight: 400;
    margin: 0;
    background: 0 0;
    font-family: Poppins,sans-serif
}

div.h5 {
    font-size: 16px
}

button,input,select,textarea {
    font-family: Rubik,sans-serif
}

textarea {
    overflow: hidden
}

.theme_color {
    color: #007eff
}

p {
    text-align: justify
}

,.text {
    position: relative;
    line-height: 1.8em;
    font-family: Rubik,sans-serif;
    font-size: 16px;
    margin-top: 10px
}

.page-wrapper section {
    position: relative
}

.strike-through {
    text-decoration: line-through
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px
}

.grey-bg {
    background-color: #f8f8f8
}

li,ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.theme-btn {
    display: inline-block;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.centered {
    text-align: center
}

.list-style-one {
    position: relative
}

.list-style-one li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    color: grey;
    font-size: 16px;
    font-weight: 400
}

.list-style-one li:before {
    position: absolute;
    content: '\f00c';
    left: 0;
    top: 2px;
    color: #007eff;
    font-size: 18px;
    font-family: FontAwesome
}

.check {
    color: red
}

.btn-style-one {
    margin-left: 6px;
    position: relative;
    line-height: 24px;
    color: #fff!important;
    font-size: 13px;
    font-weight: 700;
    background: linear-gradient(45deg, #00448b, #027efe);
    display: inline-block;
    padding: 5px 10px;
    border-radius: 50px;
    text-transform: uppercase;
    /* border: 2px solid #fcb03b; */
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    font-family: Poppins,sans-serif
}

.btn-style-one .icon {
    position: relative;
    top: 2px;
    font-size: 18px;
    margin-right: 4px
}

.btn-style-one:hover {
    color: #007eff;
    border-color: #007eff;
    background: #007eff
}

.btn-style-two {
    position: relative;
    line-height: 24px;
    color: #0f1341;
    font-size: 14px;
    font-weight: 700;
    background: #f2f2f2;
    display: inline-block;
    padding: 9px 42px;
    border-radius: 50px;
    text-transform: uppercase;
    border: 2px solid #f2f2f2
}

.btn-style-two:hover {
    color: #fff;
    border-color: #007eff;
    background: #007eff
}

.btn-style-three {
    position: relative;
    line-height: 24px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    background: #0f1341;
    display: inline-block;
    padding: 9px 42px;
    border-radius: 50px;
    text-transform: uppercase;
    border: 2px solid #0f1341;
    font-family: Poppins,sans-serif
}

.btn-style-three:hover {
    color: #0f1341;
    background: 0 0
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/icons/preloader.svg)
}

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

.fancybox-next span,.fancybox-prev span {
    background-image: none!important;
    width: 44px!important;
    height: 44px!important;
    line-height: 44px!important;
    text-align: center
}

.fancybox-next span:before,.fancybox-prev span:before {
    content: '';
    position: absolute;
    font-family: FontAwesome;
    left: 0;
    top: 0;
    font-size: 12px;
    width: 44px!important;
    height: 44px!important;
    line-height: 44px!important;
    background-color: rgba(28,28,28,.4)!important;
    color: #fff;
    visibility: visible;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease
}

.fancybox-next span:before {
    content: '\f178'
}

.fancybox-prev span:before {
    content: '\f177'
}

.fancybox-next:hover span:before,.fancybox-prev:hover span:before {
    background-color: #fff!important;
    color: #000
}

.fancybox-type-image .fancybox-close {
    right: 0;
    top: 0;
    width: 45px;
    height: 45px;
    background: url(../images/icons/icon-cross.png) center center no-repeat;
    background-color: rgba(17,17,17,.5)!important
}

.fancybox-type-image .fancybox-close:hover {
    background-color: #000!important
}

.fancybox-type-image .fancybox-skin {
    padding: 0!important
}

.social-icon-one {
    position: relative
}

.social-icon-one li {
    position: relative;
    margin-right: 15px;
    display: inline-block
}

.social-icon-one li a {
    position: relative;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.social-icon-one li a:hover {
    color: #007eff
}

.social-icon-two {
    position: relative
}

.social-icon-two li {
    position: relative;
    margin-right: 12px;
    display: inline-block
}

.social-icon-two li a {
    position: relative;
    font-size: 14px;
    color: grey;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.social-icon-two li a:hover {
    color: #007eff
}

.scroll-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 70px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 65px;
    text-align: center;
    z-index: 99999;
    cursor: pointer;
    border-radius: 50px;
    background: #007eff;
    display: none;
    border: 2px solid #007eff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.scroll-to-top:hover {
    color: #fff;
    background: #007eff
}

.main-header {
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%
}

.main-header:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.3)
}

.main-header.header-style-five:before,.main-header.header-style-four:before,.main-header.header-style-three:before,.main-header.header-style-two:before {
    display: none
}

.main-header .header-top {
    position: relative;
    background: #000;
    color: #fff
}

.header-style-one .header-top .top-outer {
    position: relative
}

.header-style-three .header-top .top-outer {
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,.2)
}

.main-header .header-top .top-left {
    position: relative;
    float: left;
    padding: 3px 0 1px
}

.main-header .header-top .top-left .links {
    position: relative;
    float: left;
    z-index: 99999
}

.main-header .header-top .top-left .links li {
    position: relative;
    float: left;
    margin-right: 20px;
    line-height: 1em;
    color: #ababab;
    padding-right: 20px
}

.main-header .header-top .top-left .links li:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
    height: 15px;
    border-right: 1px solid #c3c3c3
}

.main-header .header-top .top-left ul li:last-child {
    top: 3px;
    margin-right: 0;
    padding-right: 0
}

.main-header .header-top .top-left .links li:last-child:after {
    display: none
}

.main-header .header-top .top-left .links li .icon {
    position: relative;
    top: 2px;
    color: #fcb03b;
    font-size: 18px;
    line-height: 24px;
    margin-right: 10px
}

.main-header .header-top .top-left .links li strong {
    font-weight: 500
}

.main-header .header-top .top-left .links li a {
    position: relative;
    line-height: 22px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.main-header .header-top .top-left .links li a:hover {
    color: #007eff
}

.main-header .header-top .top-right {
    position: relative;
    float: right;
    padding: 7px 0;
    z-index: 99999
}

.main-header .header-top .top-right ul li {
    position: relative;
    color: grey;
    font-size: 14px;
    float: left;
    padding-right: 15px;
    line-height: 1em;
    margin-right: 5px;
    border-right: 1px solid #c3c3c3
}

.main-header .header-top .top-right ul li span {
    position: relative;
    margin: 0 5px
}

.main-header .header-top .top-right ul li:first-child a {
    text-decoration: underline
}

.main-header .header-top .top-right ul li:first-child a span {
    text-decoration: none!important
}

.main-header .header-top .top-right ul li a {
    position: relative;
    color: #fff;
    font-size: 14px;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.main-header .header-top .top-right ul li a .icon {
    position: relative;
    margin-right: 12px;
    color: #007eff
}

.main-header .header-top .top-right ul li a:hover {
    color: #007eff
}

.main-header .header-top .top-right ul li:last-child {
    border: 0;
    margin-right: 0;
    padding-right: 0
}

.main-menu .navigation>li:last-child>ul {
    left: auto;
    right: 0
}

.dropdown-menu.columns-2 {
    min-width: 400px
}

.dropdown-menu.columns-3 {
    min-width: 600px
}

.dropdown-menu li a {
    padding: 5px 15px;
    font-weight: 300
}

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

.multi-column-dropdown li a {
    display: block;
    clear: both;
    line-height: 1.428571429;
    color: #000;
    font-size: 16px;
    white-space: normal
}

.multi-column-dropdown li a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #3cb878
}



.main-header .language .flag-img {
    position: relative;
    margin-right: 10px;
    top: -2px
}

.main-header .language .dropdown-menu {
    top: 100%;
    left: 0;
    width: 180px;
    border-radius: 0;
    margin-top: 14px;
    background-color: #222;
    border: none;
    padding: 0;
    border-top: 3px solid #007eff
}

.main-header .language>a {
    padding: 0 0;
    background: 0 0!important;
    border: 0
}

.main-header language a:hover {
    background: 0 0
}

.main-header .language .dropdown-menu>li {
    padding-right: 0!important;
    margin: 0!important;
    float: none;
    width: 100%;
    display: block!important;
    border-bottom: 1px solid rgba(255,255,255,.2)
}

.main-header .language .dropdown-menu>li:last-child {
    border-bottom: none
}

.main-header .language .dropdown-menu>li>a {
    padding: 6px 20px!important;
    color: #fff!important;
    text-align: left;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.main-header .language .dropdown-menu>li>a:hover {
    color: #fff!important;
    background-color: #007eff
}

.main-header .main-box {
    position: relative;
    padding: 0 0;
    background-color: #f7f7f7;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: 2px solid #fcb03b;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.main-header .main-box .outer-container {
    position: relative
}

.main-header .main-box .logo-box {
    position: relative;
    float: left;
    left: 0;
    z-index: 99999;
    padding: 0 0
}

.main-header.fixed-header .main-box .logo-box {
    padding: 5px 0
}

.main-header .main-box .logo-box .logo img {
    display: inline-block;
    max-width: 100%;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.main-header.fixed-header .nav-outer .search-box-outer {
    margin-top: -10px
}

.main-header.fixed-header .main-box .logo-box .logo img {
    height: 60px
}

.main-header .nav-toggler {
    position: relative;
    right: 0;
    width: 44px;
    height: 46px;
    top: 50%;
    margin-top: 0;
    display: block;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #ddd
}

.main-header .nav-toggler button {
    position: relative;
    left: 12px;
    display: block;
    color: #444;
    text-align: center;
    font-size: 20px;
    line-height: 44px;
    background: 0 0;
    font-weight: 600
}

.main-header .nav-outer {
    position: relative;
    float: right;
    z-index: 99999
}

.main-header .nav-outer .outer-box {
    position: relative;
    float: right;
    margin-left: 10px;
    margin-top: 15px
}

.header-style-four .nav-outer .outer-box {
    margin-top: 48px
}

.main-header .nav-outer .outer-box .talk {
    position: relative;
    color: #007eff;
    font-weight: 700;
    font-size: 14px;
    float: left;
    margin-top: -10px;
    margin-left: 35px;
    display: inline-block;
    text-transform: uppercase;
    font-family: Poppins,sans-serif
}

.main-header .nav-outer .outer-box .talk .icon {
    position: relative;
    display: inline-block;
    margin-right: 10px
}

.main-header .nav-outer .search-box-outer {
    position: relative;
    right: 0;
    top: 50%;
    float: left;
    margin-top: -10px;
    color: #000
}

.main-header .search-box-btn {
    position: relative;
    display: block;
    color: #252525;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background: 0 0;
    text-align: right;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-header .header-top .top-right .search-box-btn {
    top: 2px
}

.main-header .search-box-outer .dropdown-menu {
    top: 30px;
    right: 0;
    padding: 0;
    width: 280px;
    border-radius: 0;
    border-top: 3px solid #007eff
}

.main-header .search-box-outer .dropdown-menu>li {
    padding: 0;
    border: none;
    background: 0 0
}

.main-header .search-panel .form-container {
    padding: 25px 20px
}

.main-header .search-panel .form-group {
    position: relative;
    margin: 0
}

.main-header .search-panel input[type=password],.main-header .search-panel input[type=search],.main-header .search-panel input[type=text],.main-header .search-panel select {
    display: block;
    width: 100%;
    height: 40px;
    color: #000;
    line-height: 24px;
    background: #fff;
    border: 1px solid #e0e0e0;
    padding: 7px 40px 7px 15px;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.main-header .search-panel input:focus,.main-header .search-panel select:focus {
    border-color: #007eff
}

.main-header .search-panel .search-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #555;
    font-size: 12px;
    background: 0 0;
    cursor: pointer
}

.header-style-two {
    position: relative
}

.header-style-three,.header-style-three .header-top,.header-style-two .header-top {
    position: relative;
    background-color: #0f1341
}

.header-style-three .header-top .top-left .links li a,.header-style-three .header-top .top-right ul li a,.header-style-two .header-top .top-left .links li a,.header-style-two .header-top .top-right ul li a {
    color: #b8b8b8
}

.header-style-five .main-menu .navigation>li>a,.header-style-three .header-top .top-left .links li strong,.header-style-three .search-box-btn,.header-style-two .header-top .top-left .links li strong,.header-style-two .search-box-btn {
    color: #000
}

.header-style-three .header-top .top-left .links li:after,.header-style-three .header-top .top-right ul li,.header-style-two .header-top .top-left .links li:after,.header-style-two .header-top .top-right ul li {
    border-color: rgba(255,255,255,.3)
}

.header-style-four {
    box-shadow: none
}

.header-style-five .main-box {
    background-color: rgba(255,255,255)
}

.header-style-four .main-menu .navigation>li:after,.header-style-four .main-menu .navigation>li:before {
    display: none
}

.header-style-four .main-menu .navigation>li>a:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    opacity: 0;
    border-radius: 0;
    background-color: #007eff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.header-style-four .main-menu .navigation>li.current a::before,.header-style-four .main-menu .navigation>li:hover>a::before {
    opacity: 1;
    width: 100%
}

.header-style-five {
    box-shadow: none
}

.main-menu {
    position: relative;
    float: left;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.main-menu .navbar-collapse {
    padding: 0
}

.main-menu .navigation {
    position: relative;
    margin: 0
}

.main-menu .navigation>li {
    position: relative;
    float: left;
    padding: 14px 0
}

.main-menu .navigation>li:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0;
    width: 1px;
    height: 30px;
    opacity: 0;
    background-color: #007eff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.main-menu .navigation>li:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 28px;
    width: 7px;
    height: 7px;
    opacity: 0;
    margin-left: -3px;
    border-radius: 50%;
    background-color: #007eff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.main-menu .navigation>li.current::after,.main-menu .navigation>li.current::before {
    opacity: 1
}

.main-menu .navigation>li:hover::after,.main-menu .navigation>li:hover::before {
    opacity: 1
}

.main-menu .navigation>li>a {
    position: relative;
    display: block;
    padding: 11px 10px;
    color: #1d1d1d;
    text-align: center;
    line-height: 30px;
    letter-spacing: 0;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    font-family: Poppins,sans-serif
}

.header-style-three .main-menu .navigation>li>a {
    color: #fff
}

.sticky-header .main-menu .navigation>li>a {
    padding: 5px 0
}

.main-menu .navigation>li.current>a,.main-menu .navigation>li:hover>a {
    color: #007eff!important;
    opacity: 1
}

.main-menu .navigation>li.current>a:before,.main-menu .navigation>li:hover>a:before {
    width: 100%
}

.main-menu .navigation>li>ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 290px;
    z-index: 1000;
    display: none;
    padding: 5px 18px;
    background: #f4f4f4;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    font-family: Poppins,sans-serif;
    border-bottom: 2px solid #007eff
}

.main-menu .navigation>li>ul:before {
    position: absolute;
    content: '';
    left: 0;
    top: -12px;
    width: 100%;
    height: 12px
}

.main-menu .navigation>li>ul.from-right {
    left: auto;
    right: 0
}

.main-menu .navigation>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    text-transform: capitalize;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease
}

.main-menu .navigation>li>ul>li:last-child {
    border-bottom: none
}

.main-menu .navigation>li>ul>li>a {
    position: relative;
    display: block;
    padding: 7px 0;
    line-height: 24px;
    font-weight: 400;
    font-size: 15px;
    color: #007eff;
    text-align: left;
    text-transform: capitalize;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease
}

.main-menu .navigation>li>ul>li:hover {
    border-color: #000
}

.main-menu .navigation>li>ul>li:hover>a {
    color: #000
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 15px;
    width: 10px;
    height: 20px;
    display: block;
    line-height: 21px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    z-index: 5
}

.main-menu .navigation>li>ul>li.dropdown:hover>a:after {
    color: #007eff
}

.main-menu .navigation>li>ul>li.drop>a:after {
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 15px;
    width: 10px;
    height: 20px;
    display: block;
    line-height: 21px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    z-index: 5
}

.main-menu .navigation>li>ul>li.drop:hover>a:after {
    color: #007eff
}

.main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 107%;
    top: 0;
    width: 240px;
    z-index: 100;
    display: none;
    padding: 5px 18px;
    background: #f4f4f4;
    font-family: Poppins,sans-serif;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    border-bottom: 2px solid #007eff
}

.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    text-transform: capitalize;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none
}

.main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 7px 0;
    line-height: 24px;
    font-weight: 500;
    font-size: 16px;
    color: #007eff;
    text-align: left;
    text-transform: capitalize;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease
}

.main-menu .navigation>li>ul>li>ul>li>a:hover {
    color: #000;
    border-bottom: 1px solid #000
}

.main-menu .navigation>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 100%
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    top: -5px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 34px;
    height: 30px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    display: none
}

.main-menu .navigation>li.drop:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 110%
}

.main-menu .navigation li>ul>li.drop:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 0;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-menu .navigation li.drop .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 34px;
    height: 30px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    display: none
}

.main-header .header-upper {
    position: relative;
    background: #fff;
    z-index: 5;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.main-header .header-upper .logo img {
    position: relative;
    display: inline-block;
    max-width: 100%
}

.main-header .header-upper .logo-outer {
    position: relative;
    z-index: 25;
    padding: 18px 0
}

.main-header .header-upper .upper-right {
    position: relative;
    padding-top: 30px
}

.main-header .info-box {
    position: relative;
    float: left;
    margin-left: 23px;
    font-size: 13px;
    color: #777;
    text-align: left;
    padding: 0 22px 0 36px;
    border-right: 1px solid rgba(110,106,102,.5)
}

.main-header .info-box .icon-box {
    position: absolute;
    left: 0;
    top: -5px;
    color: #919191;
    font-size: 24px;
    text-align: left;
    line-height: 1em;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.main-header .info-box li {
    position: relative;
    line-height: 20px;
    color: #242424;
    font-size: 18px;
    font-weight: 600
}

.sticky-header {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 0;
    background: #fff;
    border-bottom: 2px solid #fcb03b;
    z-index: 0;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.sticky-header .logo {
    padding: 0
}

.fixed-header .sticky-header {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -op-animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 6px 15px 0 rgba(0,0,0,.1);
    box-shadow: 0 6px 15px 0 rgba(0,0,0,.1)
}

.main-header .sticky-header .main-menu .navigation>li {
    margin-right: 0;
    margin-left: 20px
}

.main-header .sticky-header .main-menu .navigation>li>a {
    color: #333
}

.main-header .sticky-header .main-menu .navigation>li:after,.main-header .sticky-header .main-menu .navigation>li:before {
    display: none
}

.main-header .sticky-header .right-col {
    position: relative
}

@media screen and (max-width: 991px) {
    .sticky-header {
        display:none
    }
}

.main-slider {
    position: relative;
    z-index: 10
}

.main-slider .tp-caption {
    z-index: 5!important
}

.main-slider .tp-dottedoverlay {
    background: 0 0!important
}

.main-slider .btns-box .theme-btn {
    margin-right: 28px;
    margin-bottom: 10px
}

.main-slider h2 {
    position: relative;
    color: #0f1341;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5em;
    display: inline-block;
    text-transform: uppercase;
    font-family: Poppins,sans-serif
}

.main-slider h2 span {
    position: relative;
    top: -19px;
    color: #0f1341;
    font-size: 80px;
    font-weight: 700;
    float: left;
    line-height: 1.2em;
    margin-right: 20px;
    text-transform: uppercase
}

.main-slider .text {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color: grey;
    line-height: 1.6em;
    font-family: Rubik,sans-serif
}

.main-slider .text.light,.main-slider h2.light,.main-slider h2.light span {
    color: #fff
}

.main-slider .tp-bannertimer,.main-slider .tp-bullets {
    display: none!important
}

.sec-title {
    position: relative;
    margin-bottom: 20px
}

.sec-title.centered h2 {
    padding: 0 60px 18px
}

.sec-title h2 {
    position: relative;
    font-size: 36px;
    font-weight: 700;
    color: #0f1341;
    line-height: 1.2em;
    padding: 0 0 18px;
    display: inline-block;
    margin-bottom: 35px;
    text-transform: uppercase;
    border-bottom: 1px solid #f1f1f1
}

.sec-title h2:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -24px;
    width: 29px;
    height: 30px;
    margin-left: -15px;
    background: url(../images/icons/separater.png) no-repeat
}

.sec-title.grey h2:before {
    width: 34px;
    bottom: -26px;
    margin-left: -18px;
    background: url(../images/icons/separater-2.jpg) no-repeat
}

.sec-title h2:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -9px;
    margin-left: -9px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #007eff
}

.sec-title .text {
    position: relative;
    color: grey;
    font-size: 18px;
    font-weight: 400
}

.sec-title.centered .text {
    margin: 0 auto
}

.sec-title.centered .separator {
    margin: 0 auto
}

.sec-title.light h2 {
    color: #fff;
    border-color: rgba(255,255,255,.05)
}

.sec-title.light h2:before {
    bottom: -26px;
    background: url(../images/icons/separater-1.png) no-repeat
}

.featured-section {
    position: relative
}

.featured-section .inner-container {
    position: relative;
    margin-top: -115px;
    z-index: 99
}

.featured-block {
    position: relative;
    padding: 0
}

.featured-block .inner-box {
    position: relative;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.featured-block .inner-box .upper-box {
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    padding: 20px 25px 22px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.featured-block .inner-box .upper-box .text {
    position: relative;
    color: grey;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    margin-bottom: 15px
}

.featured-block .inner-box .upper-box .read-more {
    position: relative;
    color: #252525;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.featured-block .inner-box .upper-box .read-more:hover {
    color: #007eff
}

.featured-block .inner-box .upper-box .read-more .icon {
    margin-right: 8px
}

.featured-block .lower-box {
    position: relative;
    padding: 25px 0;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    border-top: 2px solid #e6e6e6
}

.featured-block .lower-box .lower-inner {
    position: relative;
    padding-left: 85px;
    padding-top: 7px;
    min-height: 64px
}

.featured-block .lower-box .lower-inner .icon-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 64px;
    height: 64px
}

.featured-block .lower-box .lower-inner h3 {
    position: relative;
    color: #0f1341;
    font-size: 18px;
    font-weight: 700
}

.featured-block .lower-box .lower-inner h3 a {
    position: relative;
    color: orange;
    font-family: Poppins,sans-serif;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.featured-block .lower-box .lower-inner h3 a:hover {
    color: #007eff
}

.featured-block .lower-box .lower-inner .title {
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.services-section {
    position: relative;
    padding: 35px 0 40px
}

.services-block {
    position: relative;
    margin-bottom: 15px
}

.services-block:hover {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.services-block .inner-box {
    position: relative;
    padding: 10px;
    border: 1px solid #d4d4d4;
    background-size: cover;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 13px 0 #f7f7f7;
    -moz-box-shadow: 0 4px 13px 0 #f7f7f7;
    box-shadow: 0 4px 13px 0 #f7f7f7
}

.services-block .inner-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    display: block;
    background-color: #e1e1e1;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

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

.services-block .inner-box:hover .text {
    color: grey
}

.services-block .inner-box:hover::before {
    width: 100%
}

.services-block .inner-box .icon-box {
    position: relative;
    text-align: center
}

.services-block .inner-box .icon-box img {
    width: 60px
}

.services-block .inner-box:hover .icon-box img {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.services-block .inner-box h3 {
    position: relative;
    color: #0f1341;
    font-size: 18px;
    font-weight: 700
}

.services-block .inner-box:hover .heading h3 {
    color: #000 !important
}

.services-block .inner-box h3 a {
    position: relative;
    color: #0f1341;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.services-block .inner-box .text:hover {
    color: grey
}

.services-block .inner-box:hover .read-more {
    color: #0f1341
}

.services-block .inner-box .read-more:hover,.services-block .inner-box h3 a:hover {
    color: #fff;
    text-decoration: none
}

.services-block .inner-box .text {
    position: relative;
    color: grey;
    font-size: 15px;
    line-height: 20px
}

.services-block .inner-box .read-more {
    position: relative;
    color: #d9d9d9;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Poppins,sans-serif;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.services-block .inner-box .read-more .icon {
    position: relative;
    margin-right: 10px
}

.services-section .owl-nav {
    display: none
}

.services-section .owl-dots {
    position: relative;
    text-align: center
}

.services-section .owl-dots .owl-dot {
    position: relative;
    width: 9px;
    height: 9px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 50%;
    background-color: #dedede;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.services-section .owl-dots .owl-dot.active,.services-section .owl-dots .owl-dot:hover {
    position: relative;
    width: 22px;
    height: 8px;
    border-radius: 10px;
    background-color: #007eff
}

.score-section {
    position: relative;
    padding: 80px 0 60px;
    background-repeat: no-repeat;
    background-size: cover
}

.score-section .upper-box {
    position: relative
}

.score-section .upper-box .sec-title {
    position: relative;
    margin-bottom: 20px
}

.score-section .upper-box .text-column {
    position: relative
}

.score-section .upper-box .text-column .text {
    position: relative;
    color: grey;
    font-size: 18px;
    line-height: 1.7em;
    margin-bottom: 25px
}

.score-section .lower-box {
    position: relative
}

.score-section .lower-box .form-column {
    position: relative;
    margin-bottom: 40px
}

.score-section .lower-box .form-column .inner-column {
    position: relative;
    padding: 35px 25px;
    border: 2px solid rgba(255,255,255,.2)
}

.score-section .lower-box .form-column .inner-column .form-box {
    position: relative
}

.score-section .lower-box .form-column .inner-column .form-box:after {
    position: absolute;
    content: '';
    right: -30px;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: rgba(255,255,255,.2)
}

.score-section .lower-box .progress-column .inner {
    position: relative;
    left: 20px;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: rgba(255,255,255,.15)
}

.score-section .lower-box .progress-column .inner-column {
    position: relative
}

.score-section .lower-box .progress-column .inner-box {
    position: relative;
    display: block
}

.score-section .lower-box .progress-column {
    position: relative;
    text-align: center;
    background: 0 0;
    border-radius: 50%
}

.score-section .lower-box .progress-column .inner-text {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    width: 100%;
    display: block;
    line-height: 40px;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    font-family: Poppins,sans-serif
}

.score-section .lower-box .progress-column .contact {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin-top: 25px;
    margin-left: 20px;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: underline;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    font-family: Poppins,sans-serif
}

.score-section .lower-box .progress-column .contact:hover {
    color: #007eff
}

.score-section .lower-box .video-column {
    position: relative
}

.score-form {
    position: relative
}

.score-form .form-group {
    position: relative;
    margin-bottom: 30px
}

.score-form input[type=email],.score-form input[type=text],.score-form textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 22px;
    height: 50px;
    color: #fff;
    font-size: 16px;
    background: 0 0;
    border: 2px solid rgba(255,255,255,.2);
    transition: all .3s ease;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.score-form input[type=email]:focus,.score-form input[type=text]:focus,.score-form textarea:focus {
    border-color: #007eff
}

.score-form .theme-btn {
    margin-top: 5px;
    padding: 9px 44px
}

.video-box {
    position: relative
}

.video-box .image {
    position: relative;
    overflow: hidden
}

.video-box .image img {
    position: relative;
    width: 100%
}

.image-new:hover {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.video-box .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    background: rgba(0,0,0,0);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.video-box .overlay-box:hover {
    background: rgba(0,0,0,.2)
}

.video-box .overlay-box .icon {
    position: absolute;
    width: 74px;
    height: 74px;
    top: 50%;
    left: 50%;
    margin-left: -37px;
    margin-top: -37px;
    z-index: 99;
    color: #fff;
    background: url(../images/icons/play-icon.png) center center no-repeat;
    font-weight: 700;
    font-size: 22px;
    display: block;
    text-align: center;
    border-radius: 50%
}

.video-box h3 {
    position: relative;
    padding: 12px 0;
    color: #007eff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    background-color: #fff
}

.video-box.style-two h3 {
    background-color: #f2f2f2;
    padding: 7px 0
}

.featured-section-two {
    position: relative;
    padding: 85px 0 90px;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover
}

.featured-section-two .inner-container {
    position: relative;
    padding: 40px 30px 0;
    border: 1px solid #f2f2f2;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 16px 0 #ccc;
    -moz-box-shadow: 0 2px 16px 0 #ccc;
    box-shadow: 0 2px 16px 0 #ccc
}

.featured-block-two {
    position: relative;
    padding: 0;
    padding-bottom: 40px;
    border-right: 1px solid #f2f2f2
}

.featured-block-two:nth-child(3n+0) {
    border-right: 0
}

.featured-block-two:nth-child(4) .inner-box,.featured-block-two:nth-child(5) .inner-box,.featured-block-two:nth-child(6) .inner-box {
    border-bottom: 0;
    padding-bottom: 0
}

.featured-block-two .inner-box {
    position: relative;
    text-align: center;
    padding: 0 30px 40px;
    border-bottom: 1px solid #f2f2f2
}

.featured-block-two .inner-box .icon-box {
    position: relative;
    margin-bottom: 15px
}

.featured-block-two .inner-box h3 {
    position: relative;
    color: #0f1341;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 10px
}

.featured-block-two .inner-box h3 a {
    position: relative;
    color: #0f1341;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.featured-block-two .inner-box h3 a:hover {
    color: #007eff
}

.featured-block-two .inner-box .text {
    position: relative;
    color: grey;
    font-size: 16px;
    line-height: 1.8em
}

.featured-block-two .inner-box .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    text-align: center;
    background-color: #fff;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.featured-block-two .inner-box:hover .overlay-box {
    opacity: 1
}

.featured-block-two .inner-box .overlay-inner {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -63px;
    width: 100%;
    display: block;
    vertical-align: middle
}

.featured-block-two .inner-box .overlay-inner .overlay-icon-box {
    position: relative;
    margin-bottom: 15px
}

.marketing-section {
    position: relative;
    padding: 30px 0 35px;
    background-color: #f4f4f4
}

.marketing-section .image-column {
    position: relative;
    margin-bottom: 30px
}

.marketing-section .image-column .image {
    position: relative;
    padding-right: 30px
}

.marketing-section .image-column .image img {
    position: relative;
    width: 100%;
    display: block
}

.marketing-section .content-column {
    position: relative
}

.marketing-section .content-column .inner-column {
    position: relative
}

.marketing-section .content-column h2 {
    position: relative;
    font-weight: 700;
    color: #0f1341;
    font-size: 30px;
    line-height: 1.4em;
    margin-bottom: 35px;
    text-transform: uppercase
}

.market-content {
    position: relative
}

.market-content .content-inner {
    position: relative
}

.market-content .content-inner .content-number {
    position: absolute;
    left: 0;
    top: 0;
    color: #e1e1e1;
    font-size: 100px;
    line-height: 1em;
    font-weight: 400
}

.market-content .content-inner h3 {
    position: relative;
    color: #007eff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 20px
}

.market-content .content-inner .text {
    position: relative;
    color: grey;
    font-size: 16px;
    line-height: 1.6em;
    margin-bottom: 30px
}

.featured-block-three {
    position: relative
}

.featured-block-three .featured-inner {
    position: relative;
    padding-left: 95px;
    min-height: 64px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e6e6e6
}

.featured-block-three:last-child .featured-inner {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0
}

.featured-block-three .featured-inner .icon-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 64px;
    height: 64px
}

.featured-block-three .featured-inner h4 {
    position: relative;
    color: #0f1341;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 8px
}

.featured-block-three .featured-inner .featured-text {
    position: relative;
    color: grey;
    font-size: 16px;
    line-height: 1.6em;
    font-weight: 400
}

.marketing-section .content-column .owl-dots {
    display: none
}

.marketing-section .content-column .owl-nav {
    position: relative
}

.marketing-section .content-column .owl-nav .owl-next,.marketing-section .content-column .owl-nav .owl-prev {
    position: relative;
    color: #0f1341;
    font-size: 18px;
    margin-right: 15px;
    font-weight: 700;
    display: inline-block;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.marketing-section .content-column .owl-nav .owl-next:hover,.marketing-section .content-column .owl-nav .owl-prev:hover {
    color: #ff4901
}

.case-section {
    position: relative;
    padding: 40px 0 30px
}

.case-block {
    position: relative;
    margin-bottom: 2px
}

.case-block .inner-box {
    position: relative
}

.case-block .inner-box .image-box {
    position: relative;
    margin-bottom: 50px
}

.case-block .inner-box .image-box .image {
    position: relative;
    padding: 10px 10px 10px;
    -webkit-box-shadow: 0 5px 5px 0 #f0f0f0;
    -moz-box-shadow: 0 5px 5px 0 #f0f0f0;
    box-shadow: 0 5px 5px 0 #f0f0f0;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.case-block .inner-box .image-box .image img {
    position: relative;
    width: 100%;
    display: block
}

.case-block .inner-box:hover .image {
    background-color: #fcb03b
}

.case-block .inner-box .image .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.case-block .inner-box:hover .image .overlay-box {
    opacity: 1
}

.case-block .inner-box .image .overlay-box .theme-btn {
    padding: 9px 34px;
    top: 50%;
    margin-top: -24px
}

.case-block .inner-box .content-box {
    position: relative;
    padding: 25px 28px 25px;
    background-color: #f4f4f4
}

.case-block .inner-box .content-box:before {
    position: absolute;
    left: 150px;
    top: -20px;
    content: '';
    border-bottom: 22px solid #f4f4f4;
    border-left: 18px solid transparent
}

.case-block .inner-box .content-box .options {
    position: relative
}

.case-block .inner-box .content-box .options li {
    position: relative;
    width: 45px;
    height: 45px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
    background-color: #fff;
    border: 1px solid #e7e7e7
}

.case-block .inner-box .content-box .options li:hover {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1)
}

.case-block .inner-box .content-box .text {
    position: relative;
    color: grey;
    font-size: 16px;
    line-height: 1.8em;
    margin-top: 22px;
    margin-bottom: 15px
}

.case-block .inner-box .content-box .read-more {
    position: relative;
    color: #0f1341;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.case-block .inner-box .content-box .read-more:hover,.case-block .inner-box:hover .content-box .read-more {
    color: #007eff
}

.case-block .inner-box .content-box .read-more .icon {
    position: relative;
    font-weight: 700;
    margin-right: 10px
}

.case-block.alternate .inner-box .content-box {
    margin-bottom: 50px
}

.case-block.alternate .inner-box .content-box:before {
    border-top: 22px solid #f4f4f4;
    border-right: 18px solid transparent;
    border-bottom: none;
    border-left: none;
    bottom: -20px;
    top: auto
}

.case-block.alternate .inner-box .image-box {
    margin-bottom: 0
}

.case-section .btn-box .theme-btn {
    padding: 9px 48px
}

.testimonial-section {
    position: relative;
    padding: 25px 0;
    background-color: #00448b
}

.testimonial-section .title-column {
    position: relative;
    margin-bottom: 10px
}

.testimonial-section .title-column .inner-column {
    position: relative;
    text-align: center
}

.testimonial-section .title-column h2 {
    position: relative;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4em
}

.testimonial-section .testimonial-column {
    position: relative
}

.testimonial-section .testimonial-column .owl-dots {
    position: relative;
    display: none
}

.testimonial-section .testimonial-column .owl-nav {
    position: absolute;
    right: 0;
    bottom: 0
}

.testimonial-section .testimonial-column .owl-nav .owl-next,.testimonial-section .testimonial-column .owl-nav .owl-prev {
    position: relative;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 34px;
    font-size: 28px;
    border-radius: 50%;
    display: inline-block;
    color: rgba(255,255,255,.5);
    margin-left: 10px;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    border: 3px solid rgba(255,255,255,.5)
}

.testimonial-section .testimonial-column .owl-nav .owl-next:hover,.testimonial-section .testimonial-column .owl-nav .owl-prev:hover {
    background-color: #007eff;
    border-color: #007eff;
    color: #0f1341
}

.testimonial-block {
    position: relative
}

.testimonial-block .inner-box {
    position: relative
}

.testimonial-block .inner-box .quote-icon {
    position: relative;
    color: #fff;
    font-size: 15px;
    margin-bottom: 5px
}

.testimonial-block .inner-box .text {
    position: relative;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 12px
}

.testimonial-block .inner-box .continue {
    position: relative;
    color: #007eff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 30px;
    text-transform: uppercase;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    font-family: Poppins,sans-serif
}

.testimonial-block .inner-box .continue:hover {
    color: #fff
}

.testimonial-block .inner-box .continue .icon {
    margin-right: 10px
}

.testimonial-block .inner-box .author-info {
    position: relative
}

.testimonial-block .inner-box .author-info .author-inner {
    position: relative;
    padding-left: 95px;
    padding-top: 8px;
    min-height: 75px
}

.testimonial-block .inner-box .author-info .author-inner .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden
}

.testimonial-block .inner-box .author-info .author-inner h3 {
    position: relative;
    color: #fff;
    font-size: 18px;
    margin-bottom: 3px;
    font-weight: 700;
    text-transform: capitalize
}

.testimonial-block .inner-box .author-info .author-inner .designation {
    position: relative;
    color: #007eff;
    font-size: 16px;
    font-weight: 400
}

.drop-3 {
    position: absolute;
    left: 108%;
    top: -5px;
    width: 250px;
    z-index: 100;
    padding: 5px 18px;
    background: #017eff;
    font-family: Poppins,sans-serif;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    border-bottom: 2px solid #fff
}

.drop-3 a {
    position: relative;
    display: block;
    padding: 13px 0;
    line-height: 24px;
    font-weight: 500;
    border-bottom: 1px solid #f2f2f2;
    font-size: 16px;
    color: #fff;
    text-align: left;
    text-transform: capitalize;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.drop-3 a:hover {
    color: #fff
}

.price-section {
    position: relative;
    padding: 85px 0 50px
}

.price-section.style-two {
    padding-top: 10px
}

.price-section .inner-container {
    background-color: #3cb878;
    padding: 45px 0 40px;
    margin-bottom: 40px
}

.price-block {
    position: relative;
    margin-bottom: 40px;
    padding: 0
}

.price-block .inner-box {
    position: relative;
    text-align: center;
    overflow: hidden;
    padding: 40px 15px 50px;
    border: 1px solid #f2f2f2;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.price-block .inner-box .off {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    line-height: 1.4em;
    text-align: center;
    padding-top: 10px;
    background-color: #007eff;
    font-family: Poppins,sans-serif
}

.price-block .inner-box .ribbon {
    position: absolute;
    right: -24px;
    top: 11px;
    font-size: 8px;
    font-weight: 700;
    color: #fff;
    padding: 0 25px;
    letter-spacing: 1px;
    background-color: #007eff;
    text-transform: uppercase;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.price-block .inner-box:hover,.price-block.active .inner-box {
    border-color: #007eff;
    -webkit-box-shadow: 0 0 30px 0 #d0d0d0;
    -moz-box-shadow: 0 0 30px 0 #d0d0d0;
    box-shadow: 0 0 30px 0 #d0d0d0
}

.price-block .inner-box .icon-box {
    position: relative;
    margin-bottom: 30px
}

.price-block .inner-box h2 {
    position: relative;
    color: #0f1341;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 20px;
    text-transform: uppercase
}

.price-block .inner-box ul {
    position: relative;
    margin-bottom: 30px
}

.price-block .inner-box ul li {
    position: relative;
    color: #fff;
    font-size: 14px;
    margin-bottom: 8px
}

.price-block .inner-box .price {
    position: relative;
    font-size: 54px;
    font-weight: 600;
    color: #fcb03b;
    line-height: 1em;
    margin-bottom: 25px;
    font-family: Poppins,sans-serif
}

.price-block .inner-box .price sup {
    position: relative;
    font-size: 28px
}

.price-block .inner-box .price span {
    position: relative;
    color: #fcb03b;
    font-size: 14px
}

.price-block .inner-box:hover .theme-btn {
    color: #fff;
    border-color: #007eff;
    background: #007eff
}

.price-block.alternate .inner-box {
    border: none;
    padding: 0;
    border-right: 1px solid rgba(255,255,255,.1)
}

.price-block.alternate:last-child .inner-box {
    border: none
}

.price-block.alternate .inner-box:hover {
    box-shadow: none
}

.price-block.alternate .inner-box h2 {
    color: #fff
}

.price-block.alternate .inner-box .theme-btn {
    background-color: #fff
}

.price-block.alternate .inner-box:hover .theme-btn {
    background-color: #007eff
}

.partners-section {
    position: relative;
    padding: 40px 0 10px;
    background-color: #f1f1f1
}

.partners-section .title-column {
    position: relative;
    margin-bottom: 40px
}

.partners-section .title-column .inner-column {
    position: relative
}

.partners-section .title-column h2 {
    position: relative;
    color: #0f1341;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 15px;
    text-transform: uppercase
}

.partners-section .title-column .text {
    position: relative;
    color: grey;
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 25px
}

.partners-section .title-column .inner-column .theme-btn {
    padding: 9px 30px
}

.partners-section .partners-column {
    position: relative
}

.partners-section .partners-column .inner-column {
    position: relative
}

.partner-block {
    position: relative;
    margin-bottom: 30px
}

.partner-block .inner-box {
    position: relative
}

.partner-block .inner-box .client-img {
    position: relative;
    margin-bottom: 25px
}

.partner-block .inner-box .text {
    position: relative;
    color: grey;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 25px
}

.partner-block .inner-box .read-more {
    position: relative;
    color: #252525;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.partner-block .inner-box .read-more .icon {
    position: relative;
    margin-right: 8px
}

.partner-block .inner-box .read-more:hover {
    color: #007eff
}

.main-footer {
    position: relative;
    background-color: #151414;
    z-index: 10
}

.main-footer .widgets-section {
    position: relative;
    padding: 65px 0 40px
}

.main-footer .footer-widget {
    position: relative;
    margin-bottom: 30px
}

.main-footer .footer-title {
    position: relative;
    margin-bottom: 30px
}

.main-footer .footer-title h5 {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 18px;
    text-transform: uppercase
}

.main-footer .footer-title h5:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 70px;
    height: 2px;
    background-color: #007eff
}

.main-footer .links-widget {
    position: relative
}

.footer-list {
    position: relative
}

.footer-list li {
    position: relative;
    margin-bottom: 8px
}

.footer-list li:last-child {
    margin-bottom: 0
}

.footer-list li a {
    position: relative;
    color: #ccc;
    font-size: 16px;
    font-weight: 400;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.footer-list li a:hover {
    color: #fff;
    text-decoration: underline
}

.subscribe-widget {
    position: relative
}

.subscribe-widget .widget-content {
    position: relative
}

.subscribe-widget .widget-content .text {
    position: relative;
    color: #ccc;
    line-height: 1.8em;
    font-size: 16px;
    margin-bottom: 20px;
    text-align: justify;
    max-width: 80%
}

.main-footer .subscribe-widget .subscribe-form {
    margin-bottom: 20px
}

.main-footer .subscribe-widget .form-group {
    position: relative;
    display: block;
    margin-bottom: 10px
}

.main-footer .subscribe-widget .form-group input[type=email],.main-footer .subscribe-widget .form-group input[type=text] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 0;
    height: 48px;
    font-size: 15px;
    color: #fff;
    background: 0 0;
    font-weight: 400;
    border-bottom: 2px solid rgba(255,255,255,.2);
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.main-footer .subscribe-widget .form-group button {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 18px;
    color: #007eff;
    background: 0 0
}

.office-widget .office-info {
    position: relative
}

.office-widget .office-info ul {
    position: relative
}

.office-widget .office-info ul li {
    position: relative;
    color: #ccc;
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 10px
}

.office-widget .office-info ul li strong {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    font-family: Poppins,sans-serif
}

.office-widget .office-info ul li a {
    position: relative;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: Poppins,sans-serif
}

.office-widget .owl-nav {
    display: none
}

.office-widget .owl-dots {
    position: relative
}

.office-widget .owl-dots .owl-dot {
    position: relative;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #fe4800;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.office-widget .owl-dots .owl-dot.active,.office-widget .owl-dots .owl-dot:hover {
    background-color: #007eff
}

.main-footer .copyright {
    position: relative;
    padding: 20px 15px;
    text-align: center;
    color: #0f1341;
    font-size: 14px;
    background-color: #f2f2f2;
    font-family: Rubik,sans-serif
}

.main-footer .copyright a {
    position: relative;
    color: #007eff
}

.bottom-parallax {
    position: relative;
    height: 400px;
    opacity: 0;
    visibility: hidden;
    z-index: -999
}

.parallax-visible .bottom-parallax {
    opacity: 1;
    visibility: visible;
    z-index: 1
}

.bottom-parallax .about-section {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 10px;
    text-align: center;
    padding: 115px 0;
    min-height: 400px;
    background-color: #007eff;
    background-repeat: no-repeat;
    background-position: center bottom
}

.bottom-parallax .about-section .inner {
    position: relative;
    max-width: 570px;
    margin: 0 auto
}

.bottom-parallax .about-section h2 {
    position: relative;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.6em;
    color: #fff;
    margin-bottom: 25px;
    text-transform: uppercase
}

.page-title {
    position: relative;
    background-repeat: no-repeat;
    padding: 100px 0 70px 0;
    background-position: center bottom
}

.page-title h2 {
    position: relative;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3em;
    margin-bottom: 10px;
    text-transform: capitalize
}

.page-title p {
    color: #fff
}

.page-title .title {
    position: relative;
    color: #cbcbcb;
    font-size: 18px;
    font-weight: 400
}

.page-title .page-info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: block;
    color: #272727;
    z-index: 1
}

.page-info .inner-container {
    position: relative
}

.page-info h2 {
    font-size: 16px;
    color: #272727;
    line-height: 24px;
    font-weight: 700
}

.page-info .bread-crumb {
    position: relative;
    font-size: 15px;
    padding: 18px 0 17px
}

.page-info .bread-crumb li {
    position: relative;
    display: inline-block;
    font-size: 16px;
    margin-right: 24px;
    color: #fff;
    font-weight: 400;
    line-height: 24px;
    text-transform: capitalize
}

.page-info .bread-crumb li:last-child {
    margin-right: 0
}

.page-info .bread-crumb li:after {
    content: '\f105';
    top: -1px;
    font-family: FontAwesome;
    position: absolute;
    right: -16px;
    width: 10px;
    line-height: 24px;
    font-size: 16px;
    color: #fff!important
}

.page-info .bread-crumb li:last-child:after {
    display: none
}

.page-info .bread-crumb li a {
    color: #fff;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.page-info .bread-crumb li a:hover {
    color: #007eff
}

.mission-section {
    position: relative
}

.mission-section .inner-container {
    position: relative;
    overflow: hidden;
    background-position: left top;
    background-repeat: no-repeat
}

.mission-section .inner-container:after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 55%;
    height: 100%;
    background-size: cover;
    background-position: left top;
    background: url(../images/resource/mission-1.png) no-repeat
}

.mission-section .inner-container .content-column {
    position: relative
}

.mission-section .inner-container .image-column {
    position: relative
}

.mission-section .inner-container .image-column .inner-column {
    position: relative;
    padding: 45px 0
}

.mission-section .inner-container .image-column .inner-column .content {
    position: relative;
    padding: 30px 30px;
    z-index: 9;
    float: right;
    max-width: 370px;
    width: 100%;
    margin-right: -180px;
    background-color: #fff
}

.mission-section .inner-container .image-column .inner-column .title {
    position: relative
}

.mission-section .inner-container .image-column .inner-column .title .title-inner {
    position: relative;
    padding-left: 65px;
    padding-bottom: 25px;
    padding-top: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #f2f2f2
}

.mission-section .inner-container .image-column .title .title-inner .image {
    position: absolute;
    left: 0;
    top: 0
}

.mission-section .inner-container .image-column .inner-column .title h2 {
    position: relative;
    color: #0f1341;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.mission-section .image-column .inner-column .text {
    position: relative;
    color: grey;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    margin-bottom: 22px
}

.mission-section .image-column .inner-column .more {
    position: relative;
    color: #0f1341;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Poppins,sans-serif;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.mission-section .image-column .inner-column .more:hover {
    color: #007eff
}

.mission-section .image-column .inner-column .more .icon {
    margin-right: 8px
}

.mission-section .image-column .owl-nav {
    display: none
}

.mission-section .image-column .owl-dots {
    position: relative;
    text-align: right
}

.mission-section .image-column .owl-dots .owl-dot {
    position: relative;
    width: 9px;
    height: 9px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 50%;
    background-color: #dedede;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.mission-section .image-column .owl-dots .owl-dot.active,.mission-section .image-column .owl-dots .owl-dot:hover {
    position: relative;
    width: 22px;
    height: 8px;
    border-radius: 10px;
    background-color: #007eff
}

.we-are-section {
    position: relative;
    padding: 30px 0 50px
}

.we-are-section .content-column {
    position: relative;
    margin-bottom: 40px
}

.we-are-section .content-column .inner-column {
    position: relative
}

.we-are-section .content-column .inner-column h2 {
    position: relative;
    color: #0f1341;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.4em;
    margin-bottom: 15px;
    text-transform: uppercase
}

.we-are-section .content-column .inner-column .bold-text {
    position: relative;
    color: #007eff;
    font-size: 18px;
    line-height: 1.7em;
    font-weight: 700;
    margin-bottom: 10px
}

.we-are-section .content-column .inner-column .bold-text:before {
    position: absolute;
    content: '\f195';
    left: 0;
    top: 0;
    color: #007eff;
    font-size: 60px;
    opacity: .1;
    font-family: Flaticon
}

.we-are-section .content-column .inner-column .text {
    position: relative;
    margin-bottom: 28px
}

.we-are-section .content-column .inner-column .text p {
    position: relative;
    color: grey;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 16px;
    text-align: justify
}

.we-are-section .content-column .inner-column .text p:last-child {
    margin-bottom: 0
}

.we-are-section .content-column .inner-column .theme-btn {
    padding: 9px 40px
}

.we-are-section .carousel-column {
    position: relative
}

.we-are-section .carousel-column .inner-column {
    position: relative;
    padding: 80px 0 60px
}

.we-are-section .carousel-column .inner-column:before {
    position: absolute;
    content: '';
    left: 92px;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #e6e6e6
}

.monthy-block {
    position: relative;
    padding-bottom: 30px
}

.monthy-block:last-child {
    padding-bottom: 0
}

.monthy-block .inner-box {
    position: relative;
    padding-left: 140px
}

.monthy-block .inner-box .month {
    position: absolute;
    left: 0;
    top: 4px;
    width: 70px;
    color: #848484;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Poppins,sans-serif
}

.monthy-block .inner-box .month .dott {
    position: absolute;
    content: '';
    right: -28px;
    top: 8px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #0f1341
}

.monthy-block .inner-box .month .dott:before {
    position: absolute;
    content: '';
    left: -3px;
    top: -3px;
    right: -3px;
    bottom: -3px;
    border-radius: 50%;
    background-color: rgba(15,19,65,.5)
}

.monthy-block .inner-box h3 {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 15px;
    text-transform: capitalize
}

.monthy-block .inner-box h3 a {
    position: relative;
    color: #0f1341;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.monthy-block .inner-box h3 a:hover {
    color: #007eff
}

.monthy-block .inner-box .text {
    position: relative;
    color: grey;
    font-size: 16px;
    line-height: 1.7em
}

.we-are-section .carousel-column .slick-prev {
    position: absolute;
    left: 128px;
    top: -85px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: 0 0;
    text-indent: 0;
    line-height: 26px;
    margin-left: -50px;
    font-size: 18px;
    color: #e6e6e6;
    background-color: #fff;
    border: 2px solid #e6e6e6;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.we-are-section .carousel-column .slick-next {
    position: absolute;
    left: 78px;
    bottom: -70px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: 0 0;
    text-indent: 0;
    line-height: 26px;
    margin-left: -50px;
    font-size: 18px;
    color: #e6e6e6;
    background-color: #fff;
    border: 2px solid #e6e6e6;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.we-are-section .carousel-column .slick-arrow.slick-next {
    margin-left: 0
}

.we-are-section .carousel-column .slick-arrow.slick-next:hover,.we-are-section .carousel-column .slick-arrow.slick-prev:hover {
    color: #fff;
    border-color: #007eff;
    background-color: #007eff
}

.services-section-two {
    position: relative;
    padding: 80px 0 50px;
    background-color: #00448b
}

.services-section-three {
    position: relative;
    margin-bottom: 40px
}

.services-section-three .inner-box {
    position: relative;
    padding: 5px 10px;
    border: 1px solid rgba(255,255,255,.1)
}

.services-section-three .inner-box h3 {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    font-family: Poppins,sans-serif
}

.services-section-three .inner-box h3 a {
    position: relative;
    color: #fff;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.services-section-three .inner-box h3 a:hover {
    color: #007eff
}

.services-section-three .inner-box .title {
    position: relative;
    color: #007eff;
    font-size: 16px
}

.services-section-three .inner-box .image {
    text-align: center;
    font-size: 55px;
    color: #fff
}

.services-section-three .inner-box .text {
    position: relative;
    color: #c7c7c7;
    font-size: 16px;
    line-height: 1.8em;
    text-align: center
}

.services-section-three .inner-box .read-more {
    position: relative;
    color: #d9d9d9;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    font-family: Poppins,sans-serif
}

.services-section-three .inner-box .read-more .icon {
    position: relative;
    margin-right: 10px
}

.services-section-three .inner-box .read-more:hover {
    color: #007eff
}

.marketing-section-one {
    background-color: #f4f4f4;
    padding: 30px 0
}

.marketing-section-two {
    position: relative;
    text-align: center;
    padding: 160px 0 40px;
    background-color: #f4f4f4;
    background-position: right top;
    background-repeat: no-repeat
}

.marketing-section-two .steps-blocks {
    position: relative
}

.marketing-section-two .theme-btn {
    padding: 9px 33px
}

.step-block {
    position: relative;
    margin-bottom: 30px
}

.step-block:nth-child(2) {
    margin-top: -20px
}

.step-block:nth-child(3) {
    margin-top: -40px
}

.step-block:nth-child(4) {
    margin-top: -60px
}

.step-block .inner-box {
    position: relative;
    text-align: center
}

.step-block .inner-box .icon-box {
    position: relative;
    width: 128px;
    height: 128px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 15px
}

.step-block .inner-box h3 {
    position: relative;
    color: #0f1341;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 4px
}

.step-block .inner-box h3 a {
    position: relative;
    color: #0f1341;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.step-block .inner-box h3 a:hover {
    color: #007eff
}

.step-block .inner-box .step-number {
    position: relative;
    color: grey;
    font-size: 16px;
    font-weight: 400;
    text-align: justify
}

.marketing-section-two h2 {
    position: relative;
    color: #0f1341;
    font-size: 26px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 18px;
    text-transform: uppercase
}

.marketing-section-two h3 {
    position: relative;
    color: #0f1341;
    font-size: 24px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 18px;
    text-transform: uppercase
}

.team-section {
    position: relative;
    padding: 80px 0 50px
}

.team-block {
    position: relative;
    margin-bottom: 30px
}

.team-block .inner-box {
    position: relative;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.sec-title h1 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
    color: #0f1341
}

.team-block .inner-box:hover {
    position: relative;
    -webkit-box-shadow: 0 4px 5px 0 #f2f2f2;
    -moz-box-shadow: 0 4px 5px 0 #f2f2f2;
    box-shadow: 0 4px 5px 0 #f2f2f2
}

.team-block .inner-box .image {
    position: relative
}

.team-block .inner-box .image img {
    position: relative;
    width: 100%;
    display: block
}

.team-block .inner-box .lower-content-box {
    position: relative;
    padding: 22px 25px 20px;
    border: 1px solid #f2f2f2
}

.team-block .inner-box .lower-content-box .designation {
    position: relative;
    color: #007eff;
    font-size: 16px;
    margin-bottom: 2px
}

.team-block .inner-box .lower-content-box h3 {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #0f1341;
    margin-bottom: 10px
}

.error-section {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 100px 0 150px;
    background-color: #0f1341
}

.error-section .inner-section {
    position: relative;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    padding: 100px 30px 100px;
    background: rgba(255,255,255,.05) url(../images/resource/error-img.png) center center no-repeat
}

.error-section .inner-section h1 {
    position: relative;
    color: #007eff;
    font-size: 200px;
    line-height: 1em;
    font-weight: 700;
    font-family: Hind,sans-serif
}

.error-section .inner-section h2 {
    position: relative;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    margin-top: -10px;
    text-transform: uppercase;
    font-family: Rubik,sans-serif
}

.error-section .inner-section .text {
    position: relative;
    color: #fff;
    font-size: 16px;
    margin-top: 16px;
    margin-bottom: 40px
}

.error-section .go-back {
    position: relative;
    color: #007eff;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-top: 18px;
    display: inline-block
}

.error-search-form .form-group {
    position: relative;
    max-width: 430px;
    margin: 0 auto;
    width: 100%
}

.error-search-form .form-group input[type=search],.error-search-form .form-group input[type=text] {
    position: relative;
    line-height: 28px;
    background: 0 0;
    display: block;
    font-size: 16px;
    width: 100%;
    height: 50px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 10px 50px 10px 20px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.error-search-form .form-group input:focus {
    border-color: #f60
}

.error-search-form .form-group button {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 50px;
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 100%;
    background: #007eff;
    font-weight: 400
}

.comming-soon-section {
    position: relative;
    text-align: center;
    padding: 75px 0 75px;
    background-color: #0f1341
}

.comming-soon-section .logo-box {
    position: relative;
    margin-bottom: 20px
}

.comming-soon-section h2 {
    position: relative;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.6em
}

.comming-soon-section .text {
    position: relative;
    color: grey;
    font-size: 20px;
    line-height: 1.6em;
    margin-top: 18px;
    margin-bottom: 35px
}

.comming-soon-section .copyright {
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-top: 25px
}

.time-counter {
    position: relative;
    margin-bottom: 60px;
    padding: 40px 0 40px;
    border-top: 1px solid rgba(255,255,255,.1);
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.time-counter .time-countdown {
    position: relative
}

.time-counter .time-countdown .counter-column {
    position: relative;
    padding: 0 90px 0;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 400;
    font-family: Rubik,sans-serif
}

.time-counter .time-countdown .counter-column:after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(255,255,255,.1)
}

.time-counter .time-countdown .counter-column:last-child::after {
    display: none
}

.time-counter .time-countdown .counter-column .count {
    position: relative;
    display: block;
    font-size: 72px;
    line-height: 1em;
    padding: 0 0 20px;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 700;
    font-family: Poppins,sans-serif
}

.emailed-form .form-group {
    position: relative;
    max-width: 430px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 30px
}

.emailed-form .form-group input[type=email],.emailed-form .form-group input[type=text] {
    position: relative;
    line-height: 28px;
    background: 0 0;
    display: block;
    font-size: 16px;
    width: 100%;
    height: 50px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 10px 50px 10px 20px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.emailed-form .form-group input:focus {
    border-color: #f60
}

.emailed-form .form-group button {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 50px;
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 100%;
    background: #007eff;
    font-weight: 400
}

.contact-section {
    position: relative;
    padding: 90px 0 40px
}

.contact-section .contact-form-column {
    position: relative;
    margin-bottom: 40px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 13px;
}

.contact-section .contact-form-column .inner-column {
    position: relative;
    padding: 30px 39px 10px;
    /* border: 1px solid #f2f2f2; */
    /* background-color: #f4f4f4; */
    /* -webkit-box-shadow: 0 3px 5px 0 #f2f2f2; */
    -moz-box-shadow: 0 3px 5px 0 #f2f2f2;
    /* box-shadow: 0 3px 5px 0 #f2f2f2; */
}

.contact-section .contact-form-column .review-column {
    position: relative;
    padding: 10px 15px 10px;
    border: 1px solid #f2f2f2;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 5px 0 #f2f2f2;
    -moz-box-shadow: 0 3px 5px 0 #f2f2f2;
    box-shadow: 1px 1px 13px #bbb;
    margin-bottom: 30px
}

.contact-section .contact-form-column h2 {
    position: relative;
    color: #0f1341;
    font-size: 21px;
    font-weight: 700;
    padding-bottom: 12px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.contact-section .contact-form-column h2:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 60px;
    height: 2px;
    background-color: #0f85fc;
}

.contact-section .contact-form-column .text {
    position: relative;
    color: grey;
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 28px
}

.contact-form {
    position: relative
}

.contact-form .form-group {
    position: relative;
    margin-bottom: 30px
}

.contact-form input[type=email],.contact-form input[type=number],.contact-form input[type=password],.contact-form input[type=text],.contact-form textarea {
    display: block;
    width: 100%;
    height: 45px;
    font-size: 16px;
    color: #848484;
    line-height: 30px;
    padding: 5px 10px;
    font-weight: 300;
    border: 1px solid #fec25a;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.contact-form textarea {
    height: 197px;
    resize: none
}

.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus {
    border-color: #ff5400
}

.contact-form button {
    width: 100%;
    margin-top: 27px;
    padding: 13px 26px;
}

.contact-form input.error,.contact-form select.error,.contact-form textarea.error {
    border-color: red!important
}

.contact-form label.error {
    line-height: 24px;
    padding: 5px 0 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 11px;
    color: red;
    font-weight: 500
}

.contact-section .contact-info-column {
    position: relative
}

.contact-section .contact-info-column .inner-column {
    position: relative;
    border: 1px solid #f2f2f2;
    box-shadow: rgb(17 12 46 / 12%) 1px 14px 100px 0px;
    border-radius: 10px;
}

.contact-section .contact-info-column .inner-column .upper-box {
    position: relative;
    padding: 35px 15px 35px;
    background: linear-gradient(333deg, #00478b 2%, #1388ff 58%);
    border-radius: 11px 11px 0 0;
}

.info-slide {
    position: relative
}

.info-slide .image {
    position: relative;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 15px
}

.info-slide .inner {
    position: relative;
    text-align: center
}

.info-slide .inner h3 {
    position: relative;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.info-slide .inner .title {
    position: relative;
    color: #007eff;
    font-size: 16px;
    font-weight: 400
}

.info-slide .inner .emailed {
    position: relative;
    color: #fff;
    font-size: 16px;
    margin-top: 8px
}

.info-slide .inner .emailed span {
    font-weight: 700;
    color: #ffffff;
}

.contact-section .contact-info-column .owl-dots {
    display: none
}

.contact-section .contact-info-column .owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -12px
}

.contact-section .contact-info-column .owl-nav .owl-next,.contact-section .contact-info-column .owl-nav .owl-prev {
    position: absolute;
    width: 30px;
    height: 30px;
    color: #dedede;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    border: 3px solid #dedede;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.contact-section .contact-info-column .owl-nav .owl-prev span:before {
    content: '\f104';
    font-family: FontAwesome
}

.contact-section .contact-info-column .owl-nav .owl-next span:before {
    content: '\f105';
    font-family: FontAwesome
}

.contact-section .contact-info-column .owl-nav .owl-next {
    right: 0
}

.contact-section .contact-info-column .owl-nav .owl-next:hover,.contact-section .contact-info-column .owl-nav .owl-prev:hover {
    color: #f4f4f4;
    border-color: #007eff;
    background-color: #007eff
}

.contact-section .contact-info-column .inner-column .lower-box {
    position: relative;
    padding: 25px 10px
}

.info-list {
    position: relative
}

.info-list li {
    position: relative;
    color: #919191;
    font-size: 16px;
    font-weight: 400;
    padding-left: 45px;
    line-height: 1.8em;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e7e5e5;
}

.info-list li:last-child {
    border: none;
    margin: 0;
    padding-bottom: 0
}

.info-list li strong {
    color: #0f1341;
    font-size: 16px;
    font-weight: 700;
    font-family: Poppins,sans-serif
}

.info-list li .icon {
    position: absolute;
    left: 0;
    top: 8px;
    line-height: 1em
}

.map-data {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8em
}

.map-data h6 {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    color: #121212
}

.map-canvas {
    height: 480px
}

.quote-section {
    position: relative;
    padding: 90px 0 50px
}

.quote-section .quote-info-column {
    position: relative;
    margin-bottom: 40px
}

.quote-section .quote-info-column .inner-column {
    position: relative;
    padding: 32px 32px 45px;
    background-color: #f4f4f4
}

.quote-section .quote-info-column .inner-column h2 {
    position: relative;
    color: #0f1341;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 20px
}

.quote-section .quote-info-column .inner-column h3 {
    position: relative;
    color: #0f1341;
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 700;
    margin-top: 20px;
    padding-top: 28px;
    margin-bottom: 25px;
    border-top: 1px solid #e6e6e6
}

.quote-section .quote-info-column .form-group {
    position: relative;
    margin-bottom: 8px
}

.quote-section .quote-info-column .form-group .select-box {
    position: relative;
    margin-bottom: 0
}

.quote-section .quote-info-column .form-group .select-box label {
    position: relative;
    font-size: 15px;
    color: grey;
    font-weight: 400;
    cursor: pointer;
    margin-bottom: 0;
    padding-left: 35px;
    line-height: 1em
}

.quote-section .quote-info-column .form-group .select-box input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    width: 19px;
    height: 19px;
    visibility: hidden;
    background-color: #fff
}

.quote-section .quote-info-column .form-group .select-box .default-check {
    position: absolute;
    left: 0;
    top: -2px;
    width: 19px;
    height: 19px;
    border-radius: 4px;
    background-color: #f4f4f4;
    border: 1px solid #cfcfcf
}

.quote-section .quote-info-column .form-group .select-box .check-icon {
    position: absolute;
    content: '\f00c';
    left: 0;
    top: -2px;
    width: 19px;
    height: 19px;
    color: #007eff;
    z-index: 99;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    opacity: 0;
    font-family: FontAwesome
}

.quote-section .quote-info-column .form-group .select-box input[type=checkbox]:checked+label .check-icon {
    opacity: 1
}

.quote-form {
    position: relative
}

.quote-form .form-group {
    position: relative;
    margin-bottom: 30px
}

.quote-form.style-two .form-group {
    margin-bottom: 20px
}

.quote-form.style-two .form-group textarea {
    height: 120px
}

.quote-form.style-two .form-group input[type=email],.quote-form.style-two .form-group input[type=password],.quote-form.style-two .form-group input[type=text] {
    height: 50px;
    line-height: 28px
}

.quote-form.style-two .form-group .ui-selectmenu-button.ui-button {
    height: 50px
}

.quote-form input[type=email],.quote-form input[type=password],.quote-form input[type=text],.quote-form textarea {
    display: block;
    width: 100%;
    height: 55px;
    font-size: 16px;
    color: #848484;
    line-height: 30px;
    padding: 10px 20px;
    font-weight: 300;
    border: 1px solid #fcb03b;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.quote-form textarea {
    height: 225px;
    resize: none
}

.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus {
    border-color: #ff5400
}

.quote-form button {
    width: 100%;
    padding: 11px 26px
}

.quote-section .quote-form-column {
    position: relative
}

.quote-section .quote-form-column .inner-column {
    position: relative;
    padding: 40px 30px 15px;
    border: 1px solid #f2f2f2
}

.form-group .ui-selectmenu-button.ui-button {
    width: 100%;
    font-size: 14px;
    font-style: normal;
    height: 55px;
    padding: 10px 20px;
    line-height: 33px;
    color: #333;
    border-radius: 0;
    border: 1px solid #fcb03b;
    background: #fff
}

.form-group .ui-button .ui-icon {
    background: 0 0;
    position: relative;
    top: 4px;
    text-indent: 0;
    color: #888
}

.form-group .ui-button .ui-icon:before {
    font-family: FontAwesome;
    content: "\f107";
    position: absolute;
    right: 0;
    top: 2px!important;
    top: 13px;
    width: 10px;
    height: 20px;
    display: block;
    color: #333;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    z-index: 5
}

.ui-widget.ui-widget-content {
    border: 1px solid #e0e0e0;
    font-family: Poppins,sans-serif
}

.ui-menu .ui-menu-item {
    font-size: 14px;
    border-bottom: 1px solid #e0e0e0
}

.ui-menu .ui-menu-item:last-child {
    border: none
}

.ui-state-active,.ui-widget-content .ui-state-active {
    background: #fcb03b;
    border-color: #fcb03b
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    display: block;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 24px
}

.ui-menu-item:hover {
    background-color: #17519d
}

.mobile-section {
    position: relative;
    padding: 70px 0 90px;
    background-color: #f2f2f2
}

.mobile-section .inner-container {
    position: relative;
    background-color: #fff
}

.mobile-section .inner-container .image-column {
    position: relative
}

.mobile-section .inner-container .image-column .image {
    position: relative
}

.mobile-section .inner-container .image-column .image img {
    position: relative;
    width: 100%;
    display: block
}

.mobile-section .inner-container .form-column {
    position: relative
}

.mobile-section .inner-container .form-column .inner-column {
    position: relative;
    padding: 80px 30px 60px 15px
}

.mobile-section .inner-container .form-column h2 {
    position: relative;
    color: #0f1341;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 4px
}

.mobile-section .inner-container .form-column .text {
    position: relative;
    color: grey;
    font-size: 16px;
    margin-bottom: 28px
}

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

.mobile-form .form-group {
    position: relative;
    display: block;
    margin-bottom: 10px
}

.mobile-form .form-group input[type=email],.mobile-form .form-group input[type=text] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 30px;
    padding: 10px 20px;
    height: 50px;
    font-size: 15px;
    color: #000;
    background: #f2f2f2;
    font-weight: 400;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.mobile-form .form-group button {
    position: relative;
    padding: 9px 44px;
    margin-top: 30px
}

.testimonial-page-section {
    position: relative;
    padding: 90px 0 50px
}

.testimonial-block-two {
    position: relative;
    margin-bottom: 40px
}

.testimonial-block-two .inner-box {
    position: relative
}

.testimonial-block-two .inner-box .upper-box {
    position: relative;
    padding: 34px 25px 30px;
    background-color: #f4f4f4
}

.testimonial-block-two .inner-box .upper-box:before {
    position: absolute;
    content: '';
    left: 50px;
    bottom: -30px;
    border-top: 30px solid #f4f4f4;
    border-right: 25px solid transparent
}

.testimonial-block-two .inner-box .upper-box .quote-icon {
    position: relative;
    color: #dedede;
    font-size: 46px;
    line-height: 1em;
    margin-bottom: 10px
}

.testimonial-block-two .inner-box .upper-box .text {
    position: relative;
    color: #0f1341;
    font-size: 24px;
    line-height: 1.5em
}

.testimonial-block-two .inner-box .lower-box {
    position: relative;
    margin-top: 55px
}

.testimonial-block-two .inner-box .lower-box .lower-inner {
    position: relative;
    padding-left: 95px;
    min-height: 75px;
    padding-top: 12px
}

.testimonial-block-two .inner-box .lower-box .lower-inner .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden
}

.testimonial-block-two .inner-box .lower-box .lower-inner h3 {
    position: relative;
    color: #0f1341;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 4px
}

.testimonial-block-two .inner-box .lower-box .lower-inner .designation {
    position: relative;
    color: #007eff;
    font-size: 16px
}

.analysis-section {
    position: relative;
    padding: 90px 0 50px
}

.analysis-section .form-column {
    position: relative;
    margin-bottom: 40px
}

.analysis-section .form-column .inner-column {
    position: relative;
    padding: 40px 28px 15px;
    border: 2px solid #f2f2f2
}

.analysis-form {
    position: relative
}

.analysis-form .form-group {
    position: relative;
    margin-bottom: 30px
}

.analysis-form input[type=email],.analysis-form input[type=text],.analysis-form textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 22px;
    height: 50px;
    color: #000;
    font-size: 16px;
    background: 0 0;
    border: 2px solid #f2f2f2;
    transition: all .3s ease;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.analysis-form input[type=email]:focus,.analysis-form input[type=text]:focus,.analysis-form textarea:focus {
    border-color: #007eff
}

.analysis-form .theme-btn {
    margin-top: 5px;
    padding: 9px 44px
}

.featured-section-three {
    position: relative;
    padding-top: 150px;
    padding-bottom: 30px
}

.featured-section-three.alternate {
    border-bottom: 2px solid #f5f5f5;
    margin-bottom: 80px;
    -webkit-box-shadow: 0 4px 13px 0 #f7f7f7;
    -moz-box-shadow: 0 4px 13px 0 #f7f7f7;
    box-shadow: 0 4px 13px 0 #f7f7f7
}

.featured-section-three:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 450px;
    background-color: #f4f4f4
}

.price-header-box {
    position: relative;
    min-width: 1000px
}

.price-block-two {
    position: relative;
    float: left;
    width: 25%;
    padding: 0;
    min-height: 2px;
    margin-bottom: -56px
}

.price-block-two.empty-block {
    margin-bottom: 0
}

.price-block-two .inner-box {
    position: relative;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    padding: 40px 15px 45px;
    border: 1px solid #f2f2f2;
    background-color: #fff;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.price-block-two .inner-box h2 {
    position: relative;
    color: #0f1341;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 20px;
    text-transform: uppercase
}

.price-block-two .inner-box .off {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    line-height: 1.4em;
    text-align: center;
    padding-top: 10px;
    background-color: #007eff;
    font-family: Poppins,sans-serif
}

.price-block-two .inner-box .ribbon {
    position: absolute;
    right: -24px;
    top: 11px;
    font-size: 8px;
    font-weight: 700;
    color: #fff;
    padding: 0 25px;
    letter-spacing: 1px;
    background-color: #007eff;
    text-transform: uppercase;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.price-block-two .inner-box:hover,.price-block-two.active .inner-box {
    border-color: #007eff;
    -webkit-box-shadow: 0 0 30px 0 #d0d0d0;
    -moz-box-shadow: 0 0 30px 0 #d0d0d0;
    box-shadow: 0 0 30px 0 #d0d0d0
}

.price-block-two .inner-box .icon-box {
    position: relative;
    margin-bottom: 25px
}

.price-block-two .inner-box .price {
    position: relative;
    font-size: 54px;
    font-weight: 600;
    color: #007eff;
    line-height: 1em;
    margin-bottom: 4px;
    font-family: Poppins,sans-serif
}

.price-block-two .inner-box .price sup {
    position: relative;
    font-size: 28px
}

.price-block-two .inner-box .pr-month {
    position: relative;
    color: grey;
    font-size: 14px;
    font-weight: 700;
    margin-top: 6px;
    margin-bottom: 20px;
    text-transform: capitalize
}

.price-block-two .inner-box:hover .theme-btn {
    color: #fff;
    border-color: #007eff;
    background: #007eff
}

.price-table-section {
    position: relative;
    top: -60px;
    overflow-x: auto
}

.price-table-section .price-list {
    position: relative;
    min-width: 1000px
}

.price-table-section .price-list li {
    position: relative;
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    width: 24.9%;
    display: block;
    float: left;
    min-height: 55px;
    margin-right: 1px;
    margin-bottom: 1px;
    text-align: center;
    line-height: 55px;
    border: 1px solid #f2f2f2
}

.price-table-section .price-list li.price-title {
    position: relative;
    color: #848484;
    font-size: 16px;
    font-weight: 700;
    padding: 13px 20px;
    text-align: left;
    line-height: 28px;
    background-color: #f4f4f4
}

.price-table-section .price-list li.price-title.active {
    color: #fff;
    background-color: #0f1341
}

.price-table-section .price-list li .check {
    color: #33b27b;
    font-size: 18px
}

.price-table-section .price-list li .cross {
    color: #ed4b4b;
    font-size: 18px
}

.blog-page-section {
    position: relative;
    padding: 90px 0 50px
}

.news-block {
    position: relative;
    margin-bottom: 40px
}

.news-block .inner-box {
    position: relative;
    display: block;
    border: 1px solid #f2f2f2;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.news-block .inner-box:hover {
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.news-block .inner-box .image {
    position: relative
}

.news-block .inner-box .image img {
    position: relative;
    width: 100%;
    display: block
}

.news-block .inner-box .lower-content {
    position: relative;
    top: 0;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    background-color: #fff
}

.news-block .inner-box:hover .lower-content {
    top: -60px
}

.news-block .inner-box .lower-content .upper {
    position: relative;
    padding-bottom: 18px;
    padding: 10px 14px
}

.news-block .inner-box .lower-content .post-date {
    position: relative;
    color: grey;
    font-size: 14px;
    font-weight: 500;
    padding-left: 28px
}

.news-block .inner-box .lower-content .post-date:before {
    position: absolute;
    content: '\f073';
    left: 0;
    top: 3px;
    color: silver;
    font-size: 18px;
    line-height: 1em;
    font-family: FontAwesome;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.news-block .inner-box:hover .lower-content .post-date:before {
    color: #007eff
}

.news-block .inner-box .lower-content h3 {
    position: relative;
    color: #0f1341;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6em;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f4f4f4
}

.news-block .inner-box .lower-content h3 a {
    position: relative;
    color: #0f1341;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.news-block .inner-box .lower-content h3 a:hover {
    color: #007eff
}

.news-block .inner-box .lower-content .more {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    background: #ccc
}

.news-block .inner-box:hover .lower-content .more {
    opacity: 1;
    visibility: visible;
    transition: all .6s ease .3s;
    -moz-transition: all .6s ease .3s;
    -webkit-transition: all .6s ease .3s;
    -ms-transition: all .6s ease .3s;
    -o-transition: all .6s ease .3s
}

.news-block .inner-box .lower-content .read-more {
    position: relative;
    color: #0f1341;
    font-size: 12px;
    font-weight: 700;
    display: block;
    padding: 15px 0;
    margin: 0 28px;
    text-transform: uppercase;
    font-family: Poppins,sans-serif;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.news-block .inner-box .lower-content .read-more span {
    margin-right: 10px;
    font-size: 16px
}

.news-block .inner-box .lower-content .read-more:hover {
    color: #007eff
}

.sidebar-page-container {
    position: relative;
    overflow: hidden;
    padding: 50px 0 0
}

.sidebar-page-container .content-side,.sidebar-page-container .sidebar-side {
    margin-bottom: 5px
}

.sidebar-page-container .sidebar-side .with-border {
    padding-left: 30px
}

.sidebar-page-container .sidebar-side .with-border:before {
    position: absolute;
    content: '';
    left: 15px;
    top: -200px;
    width: 1px;
    height: 5000px;
    background-color: #f0f0f0
}

.sidebar-widget {
    position: relative;
    margin-bottom: 45px
}

.sidebar-title {
    position: relative;
    margin-bottom: 25px
}

.sidebar-title h2 {
    font-size: 18px;
    color: #0f1341;
    font-weight: 700;
    line-height: 1.2em;
    text-transform: uppercase
}

.sidebar .search-box .form-group {
    position: relative;
    margin: 0
}

.sidebar .search-box .form-group input[type=search],.sidebar .search-box .form-group input[type=text] {
    position: relative;
    line-height: 28px;
    padding: 10px 50px 10px 20px;
    border: 1px solid #f2f2f2;
    background: 0 0;
    display: block;
    font-size: 14px;
    width: 100%;
    height: 50px;
    color: grey;
    font-weight: 400;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.sidebar .search-box .form-group button {
    position: absolute;
    right: 14px;
    top: 10px;
    height: 28px;
    width: 30px;
    font-size: 14px;
    color: #222;
    line-height: 100%;
    background: 0 0;
    display: inline-block;
    font-weight: 400;
    text-align: right;
    border-left: 1px solid #f2f2f2
}

.blog-cat {
    position: relative;
    padding: 20px 25px 20px;
    border: 1px solid #eee;
    border-left-color: #007eff
}

.blog-cat li {
    position: relative;
    margin-bottom: 15px
}

.blog-cat li a {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    display: block;
    padding-bottom: 12px;
    color: grey;
    padding-left: 25px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.blog-cat li a:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 80px;
    height: 1px;
    background-color: #eee;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.blog-cat li a:hover::after {
    width: 100%;
    background-color: #007eff
}

.blog-cat li:last-child {
    margin-bottom: 0
}

.blog-cat li:last-child a {
    border: 0
}

.blog-cat li a span {
    float: right
}

.blog-cat li a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    background-color: #f6f6f6;
    border: 1px solid #e5e5e5;
    font-family: FontAwesome;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.blog-cat li a:hover {
    color: #007eff
}

.blog-cat li a:hover::before {
    border-color: rgba(255,72,0,.2);
    background-color: #007eff
}

.recent-comments .sidebar-title {
    margin-bottom: 40px
}

.comment-block {
    position: relative;
    margin-bottom: 40px
}

.comment-block .inner {
    position: relative;
    padding: 36px 20px 20px;
    border: 1px solid #f2f2f2
}

.comment-block .inner .date {
    position: absolute;
    left: 22px;
    top: -15px;
    font-size: 14px;
    color: #0f1341;
    padding: 1px 12px;
    font-weight: 400;
    background-color: #f6f6f6
}

.comment-block .inner .content {
    position: relative;
    padding-left: 70px
}

.comment-block .inner .content .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px
}

.comment-block .inner .content h3 {
    position: relative;
    color: #0f1341;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 3px
}

.comment-block .inner .content h3 a {
    color: #0f1341;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.comment-block .inner .content h3 a:hover {
    color: #007eff
}

.comment-block .inner .content .text {
    position: relative;
    color: grey;
    font-size: 16px
}

.comment-block .inner .content .reply-btn {
    position: absolute;
    right: 0;
    top: 10px;
    color: #0f1341;
    font-size: 18px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.comment-block .inner .content .reply-btn:hover {
    color: #007eff
}

.sidebar .popular-posts .post {
    position: relative;
    font-size: 14px;
    color: #666;
    padding: 0 0;
    padding-left: 108px;
    min-height: 110px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f0f0f0
}

.sidebar .popular-posts .post:last-child {
    margin-bottom: 0;
    min-height: 90px;
    border: 0
}

.sidebar .popular-posts .post .post-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px
}

.sidebar .popular-posts .post:hover .post-thumb img {
    opacity: .7
}

.sidebar .popular-posts .post .post-thumb img {
    display: block;
    width: 100%;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.sidebar .popular-posts .post .post-thumb .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    background-color: rgba(255,72,0,.8);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.sidebar .popular-posts .post:hover .post-thumb .overlay {
    opacity: 1
}

.sidebar .popular-posts .post .text {
    position: relative;
    top: -4px;
    font-size: 16px;
    margin: 0 0 0;
    font-weight: 600;
    color: #0f1341;
    line-height: 1.7em;
    text-transform: capitalize;
    font-family: Poppins,sans-serif
}

.sidebar .popular-posts .post .text a {
    color: #222;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.sidebar .popular-posts .post a,.sidebar .popular-posts .post a:hover {
    color: #007eff
}

.sidebar .popular-posts .post-info {
    position: relative;
    font-size: 16px;
    color: grey;
    padding-left: 22px;
    font-weight: 400
}

.sidebar .popular-posts .post-info:before {
    position: absolute;
    content: '\f073';
    left: 0;
    top: 0;
    color: #007eff;
    font-size: 14px;
    font-family: FontAwesome
}

.sidebar .popular-tags a {
    position: relative;
    display: inline-block;
    line-height: 24px;
    padding: 2px 12px 2px;
    margin: 0 6px 10px 0;
    color: grey;
    text-align: center;
    font-size: 16px;
    text-transform: capitalize;
    background: 0 0;
    font-weight: 400;
    border: 1px solid #f0f0f0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease
}

.sidebar .popular-tags a:hover {
    color: #fff;
    border-color: #007eff;
    background-color: #007eff
}

.news-block-two {
    position: relative;
    margin-bottom: 50px
}

.news-block-two .inner-box {
    position: relative
}

.news-block-two .inner-box .image {
    position: relative
}

.news-block-two .inner-box .image img {
    position: relative;
    width: 100%;
    display: block
}

.news-block-two .inner-box .lower-content {
    position: relative;
    padding: 25px 25px;
    border: 1px solid #f2f2f2
}

.news-block-two .inner-box .lower-content .post-date {
    position: relative;
    color: grey;
    font-size: 14px;
    font-weight: 500;
    padding-left: 30px;
    margin-bottom: 8px
}

.news-block-two .inner-box .lower-content .post-date:before {
    position: absolute;
    content: '\f073';
    left: 0;
    top: 3px;
    color: silver;
    font-size: 18px;
    line-height: 1em;
    font-family: FontAwesome;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.news-block-two .inner-box .lower-content h3 {
    position: relative;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.5em;
    margin-bottom: 18px
}

.news-block-two .inner-box .lower-content h3 a {
    position: relative;
    color: #0f1341;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease
}

.news-block-two .inner-box .lower-content h3 a:hover {
    color: #007eff
}

.news-block-two .inner-box .lower-content .text {
    position: relative;
    color: grey;
    font-size: 16px;
    line-height: 1.7em
}

.styled-pagination {
    position: relative;
    padding-top: 10px
}

.styled-pagination ul {
    position: relative;
    display: inline-block
}

.styled-pagination li {
    position: relative;
    display: block;
    float: left;
    margin: 0 10px 10px 0
}

.styled-pagination li a {
    position: relative;
    display: inline-block;
    line-height: 48px;
    height: 50px;
    font-size: 18px;
    min-width: 50px;
    color: grey;
    font-weight: 700;
    text-align: center;
    background: 0 0;
    border-radius: 50%;
    border: 1px solid #f4f4f4;
    text-transform: capitalize;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    font-family: Poppins,sans-serif
}

.styled-pagination li a.active,.styled-pagination li a:hover {
    color: #fff;
    border-color: #007eff;
    background-color: #007eff
}

.blog-single {
    position: relative
}

.blog-single .inner-box {
    position: relative;
    margin-bottom: 70px;
    -webkit-box-shadow: 0 4px 13px 0 #f7f7f7;
    -moz-box-shadow: 0 4px 13px 0 #f7f7f7;
    box-shadow: 0 4px 13px 0 #f7f7f7
}

.blog-single .inner-box .image {
    position: relative
}

.blog-single .inner-box .image img {
    position: relative;
    width: 100%;
    display: block
}

.blog-single .inner-box .lower-content {
    position: relative;
    padding: 25px 25px;
    border: 1px solid #f2f2f2
}

.blog-single .inner-box .lower-content .post-meta {
    position: relative
}

.blog-single .inner-box .lower-content .post-meta li {
    position: relative;
    color: grey;
    font-size: 14px;
    margin-right: 18px;
    margin-bottom: 6px;
    display: inline-block
}

.blog-single .inner-box .lower-content .post-meta li .icon {
    position: relative;
    margin-right: 8px;
    color: #007eff
}

.blog-single .inner-box .lower-content h3 {
    position: relative;
    color: #0f1341;
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 20px
}

.blog-single .inner-box .lower-content .text {
    position: relative
}

.blog-single .inner-box .lower-content .text p {
    position: relative;
    color: grey;
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 18px
}

.blog-single .inner-box .lower-content .text blockquote {
    position: relative;
    border: none;
    text-align: center;
    padding: 35px 30px;
    margin-bottom: 40px;
    margin-top: 30px;
    background-color: #f6f6f6
}

.blog-single .inner-box .lower-content .text blockquote .blockquote-text {
    position: relative;
    z-index: 1;
    font-size: 18px;
    color: grey;
    line-height: 1.8em;
    font-weight: 400
}

.blog-single .inner-box .lower-content .text blockquote .quote-icon {
    position: absolute;
    left: 50%;
    top: 20px;
    line-height: 1em;
    color: #fff;
    font-size: 120px;
    text-align: center;
    margin-left: -45px
}

.blog-single .inner-box .lower-content .text blockquote .quote-info {
    position: relative;
    display: inline-block;
    padding: 12px 70px 0;
    margin-top: 20px;
    border-top: 1px solid #e8e8e8
}

.blog-single .inner-box .lower-content .text blockquote .quote-info h4 {
    position: relative;
    color: #0f1341;
    font-size: 18px;
    font-weight: 700
}

.blog-single .inner-box .lower-content .text blockquote .quote-info .quote-desination {
    position: relative;
    color: #007eff;
    font-size: 16px
}

.blog-single .post-share-options {
    position: relative;
    margin-top: 40px;
    padding: 0 0 0
}

.blog-single .post-share-options .post-share-inner {
    border-top: 1px solid #f4f4f4;
    padding-top: 20px
}

.blog-single .post-share-options .info-links {
    position: relative
}

.blog-single .post-share-options .info-links li {
    position: relative;
    margin-right: 20px;
    display: inline-block
}

.blog-single .post-share-options .info-links li a {
    position: relative;
    width: 35px;
    height: 35px;
    color: #0f1341;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    line-height: 34px;
    margin-right: 10px;
    background-color: #f4f4f4
}

.blog-single .post-share-options .tags span {
    font-size: 16px;
    color: #0f1341;
    font-weight: 700;
    margin-right: 8px;
    font-family: Poppins,sans-serif
}

.blog-single .post-share-options .tags a {
    position: relative;
    color: #007eff;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize
}

.blog-single .post-share-options .tags {
    position: relative;
    color: #007eff;
    font-size: 16px;
    font-weight: 400;
    margin-top: 3px
}

.sidebar-page-container .group-title {
    position: relative;
    margin-bottom: 25px
}

.sidebar-page-container .group-title h2 {
    position: relative;
    font-size: 20px;
    color: #0f1341;
    font-weight: 700;
    text-transform: uppercase
}

.author-box {
    position: relative;
    margin-bottom: 60px
}

.author-box .author-comment {
    position: relative;
    padding: 30px 0 25px;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2
}

.author-box .author-comment .inner {
    position: relative;
    padding-left: 110px
}

.author-box .author-comment .inner .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 85px;
    margin-bottom: 20px
}

.author-box .author-comment .inner h3 {
    position: relative;
    color: #0f1341;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.author-box .author-comment .inner .text {
    position: relative;
    color: grey;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7em;
    margin-bottom: 10px
}

.sidebar-page-container .comments-area {
    position: relative;
    margin-top: 0;
    margin-bottom: 50px
}

.sidebar-page-container .comments-area .comment-box {
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.sidebar-page-container .comments-area .comment-box:nth-child(1) {
    padding-top: 0
}

.sidebar-page-container .comments-area .comment-box:hover {
    border-color: #eb5310
}

.sidebar-page-container .comments-area .comment-box.reply-comment {
    margin-left: 30px
}

.sidebar-page-container .comments-area .comment {
    position: relative;
    font-size: 14px;
    padding: 0 0 0 80px
}

.sidebar-page-container .comments-area .comment .comment-inner {
    position: relative;
    padding: 15px 20px;
    border: 1px solid #f4f4f4
}

.sidebar-page-container .comments-area .comment .comment-inner .rating {
    position: absolute;
    right: 15px;
    top: 15px
}

.sidebar-page-container .comments-area .comment .comment-inner .rating .fa {
    display: inline-block;
    color: #007eff;
    font-size: 14px
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
    position: absolute;
    left: 0;
    top: 0;
    margin-bottom: 20px
}

.sidebar-page-container .comments-area .comment-box .author-thumb img {
    width: 60px;
    display: block
}

.sidebar-page-container .comments-area .comment-info {
    position: relative;
    color: #0f1341;
    line-height: 24px;
    font-size: 16px;
    font-weight: 700
}

.sidebar-page-container .comments-area .comment-box .text {
    color: grey;
    font-size: 16px;
    margin-top: 12px;
    font-weight: 400;
    line-height: 1.6em;
    margin-bottom: 0
}

.comment-form {
    position: relative
}

.comment-form .group-title {
    margin-bottom: 20px
}

.comment-form .rating-box {
    position: relative;
    margin-bottom: 20px
}

.comment-form .rating-box .text {
    position: relative;
    font-size: 16px;
    color: grey;
    margin-bottom: 10px
}

.comment-form .rating-box .rating {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #ebebeb
}

.comment-form .rating-box .rating:last-child {
    border: 0
}

.comment-form .rating-box .rating .fa {
    position: relative;
    margin-right: 2px;
    display: inline-block
}

.comment-form .rating-box .rating a {
    position: relative;
    color: #d6d6d6;
    font-size: 12px;
    display: inline-block
}

.comment-form .rating-box .rating a:hover {
    color: #007eff
}

.comment-form .form-group {
    position: relative;
    margin-bottom: 15px
}

.comment-form .form-group label {
    position: relative;
    color: #727272;
    font-size: 16px;
    font-weight: 400
}

.comment-form .form-group:last-child {
    margin-bottom: 0
}

.comment-form .form-group input[type=email],.comment-form .form-group input[type=password],.comment-form .form-group input[type=tel],.comment-form .form-group input[type=text],.comment-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 10px 15px;
    border: 1px solid #efefef;
    height: 50px;
    color: #848484;
    font-weight: 300;
    background: #fff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.comment-form .form-group input[type=email]:focus,.comment-form .form-group input[type=password]:focus,.comment-form .form-group input[type=tel]:focus,.comment-form .form-group input[type=text]:focus,.comment-form .form-group select:focus,.comment-form .form-group textarea:focus {
    border-color: #007eff
}

.comment-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 15px;
    color: #d6d6d6;
    border: 1px solid #efefef;
    height: 105px;
    font-weight: 300;
    background: #fff;
    resize: none;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.comment-form button {
    position: relative;
    margin-top: 20px;
    padding: 9px 33px
}

.comment-form input:focus,.comment-form select:focus,.comment-form textarea:focus {
    border-color: #f06529
}

.case-page-section {
    position: relative;
    padding: 90px 0 90px
}

.case-modern-section {
    position: relative;
    padding: 90px 0 90px
}

.case-block-two {
    position: relative;
    margin-bottom: 40px
}

.case-block-two .inner-box {
    position: relative;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.case-block-two .inner-box:hover {
    -webkit-box-shadow: 0 4px 13px 0 #f7f7f7;
    -moz-box-shadow: 0 4px 13px 0 #f7f7f7;
    box-shadow: 0 4px 13px 0 #f7f7f7
}

.case-block-two .inner-box .image {
    position: relative;
    padding: 20px 20px 0;
    background-color: #f4f4f4;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.case-block-two .inner-box:hover .image {
    background-color: #10d55d
}

.case-block-two.alternate .inner-box .image {
    background-color: #e6e6e6
}

.case-block-two.alternate .inner-box:hover .image {
    background-color: #007eff
}

.case-block-two .inner-box .image img {
    position: relative;
    width: 100%;
    display: block
}

.case-block-two .inner-box .image .overlay-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.case-block-two .inner-box:hover .image .overlay-box {
    opacity: 1
}

.case-block-two .inner-box .image .overlay-box .theme-btn {
    padding: 9px 34px;
    top: 50%;
    margin-top: -24px
}

.case-block-two .inner-box .lower-box {
    position: relative;
    padding: 22px 20px;
    background-color: #fff;
    border: 1px solid #f4f4f4
}

.case-block-two .inner-box .lower-box h3 {
    position: relative;
    color: #0f1341;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 10px
}

.case-block-two .inner-box .lower-box h3 a {
    position: relative;
    color: #0f1341;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.case-block-two .inner-box .lower-box h3 a:hover {
    color: #007eff
}

.case-block-two .inner-box .lower-box .text {
    position: relative;
    color: grey;
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 12px
}

.case-block-two .inner-box .lower-box .read-more {
    position: relative;
    color: #0f1341;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.case-block-two .inner-box .lower-box .read-more .icon {
    margin-right: 8px
}

.case-block-two .inner-box .lower-box .read-more:hover,.case-block-two .inner-box:hover .lower-box .read-more {
    color: #007eff
}

.case-banner {
    position: relative;
    text-align: center;
    padding: 250px 0 0;
    background-size: cover;
    background-repeat: no-repeat
}

.case-banner h2 {
    position: relative;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 12px;
    text-transform: uppercase
}

.case-banner .text {
    position: relative;
    color: #fff;
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 45px
}

.case-single-section {
    position: relative;
    padding-top: 60px
}

.case-info-section {
    position: relative
}

.case-info-section .title-column {
    position: relative;
    margin-bottom: 40px
}

.case-info-section .title-column .inner-column {
    position: relative
}

.case-info-section .title-column .inner-column h2 {
    position: relative;
    font-weight: 700;
    color: #0f1341;
    line-height: 1.4em;
    text-transform: uppercase
}

.case-info-section .content-column {
    position: relative
}

.case-info-section .content-column .inner-column {
    position: relative;
    padding-bottom: 40px;
    border-bottom: 1px solid #f2f2f2
}

.case-info-section .content-column .inner-column .text {
    position: relative
}

.case-info-section .content-column .inner-column .text p {
    position: relative;
    color: grey;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7em;
    margin-bottom: 20px
}

.info-category {
    position: relative
}

.info-category li {
    position: relative;
    margin-bottom: 15px;
    color: grey;
    font-size: 16px;
    font-weight: 400
}

.info-category li .title {
    position: relative;
    color: #0f1341;
    font-weight: 700;
    font-size: 16px;
    margin-right: 5px;
    font-family: Poppins,sans-serif
}

.info-category li .fa {
    color: #007eff
}

.case-goal-section {
    position: relative;
    padding-top: 60px
}

.case-goal-section .title-column {
    position: relative;
    margin-bottom: 40px
}

.case-goal-section .title-column h2 {
    position: relative;
    font-weight: 700;
    color: #0f1341;
    line-height: 1.4em;
    text-transform: uppercase
}

.case-goal-section .image-column {
    position: relative
}

.case-goal-section .image-column .image {
    position: relative;
    margin-bottom: 40px
}

.case-goal-section .image-column .image img {
    position: relative;
    width: 100%;
    display: block
}

.case-goal-section .content-column {
    position: relative
}

.case-goal-section .content-column .inner-column {
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid #f2f2f2
}

.case-goal-section .content-column h3 {
    position: relative;
    color: #0f1341;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7em;
    margin-bottom: 22px
}

.case-challenge-section {
    position: relative;
    padding-top: 60px
}

.case-challenge-section .title-column {
    position: relative;
    margin-bottom: 40px
}

.case-challenge-section .title-column h2 {
    position: relative;
    font-weight: 700;
    color: #0f1341;
    line-height: 1.4em;
    text-transform: uppercase
}

.case-challenge-section .content-column {
    position: relative
}

.case-challenge-section .content-column .inner-column {
    position: relative;
    padding: 0 0 50px
}

.case-challenge-section .content-column .inner-column .owl-nav {
    display: none
}

.case-challenge-section .content-column .inner-column .owl-dots {
    position: relative;
    text-align: center
}

.case-challenge-section .content-column .inner-column .owl-dots .owl-dot {
    position: relative;
    width: 9px;
    height: 9px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 50%;
    background-color: #dedede;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.case-challenge-section .content-column .inner-column .owl-dots .owl-dot.active,.case-challenge-section .content-column .inner-column .owl-dots .owl-dot:hover {
    position: relative;
    width: 22px;
    height: 8px;
    border-radius: 10px;
    background-color: #007eff
}

.case-challenge-section .content-column .inner-column .text {
    position: relative;
    color: grey;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    margin-bottom: 30px
}

.challenge-block {
    position: relative;
    margin-bottom: 30px
}

.challenge-block .inner-block {
    position: relative;
    text-align: center;
    padding: 45px 15px 35px;
    background-color: #d0d0d0
}

.challenge-block .inner-block .percent-box {
    position: relative
}

.challenge-block .inner-block .percent-box .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: -32px
}

.challenge-block .inner-block h3 {
    position: relative;
    color: #0f1341;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 8px;
    margin-top: 8px
}

.challenge-block .inner-block .text {
    position: relative;
    color: grey;
    font-size: 16px
}

.case-solutions-section {
    position: relative;
    padding-top: 60px
}

.case-solutions-section .title-column {
    position: relative;
    margin-bottom: 40px
}

.case-solutions-section .title-column h2 {
    position: relative;
    font-weight: 700;
    color: #0f1341;
    line-height: 1.4em;
    text-transform: uppercase
}

.case-solutions-section .content-column {
    position: relative
}

.case-solutions-section .content-column .inner-column {
    position: relative;
    padding: 0 0 30px;
    border-bottom: 1px solid #f2f2f2
}

.case-solutions-section .content-column .inner-column .image-column .image {
    margin-bottom: 30px
}

.case-solutions-section .content-column .inner-column .text {
    position: relative;
    color: grey;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    margin-bottom: 35px
}

.solution-icon-block {
    position: relative;
    margin-bottom: 36px
}

.solution-icon-block .solution-inner {
    position: relative
}

.solution-icon-block .solution-inner .icon-box {
    position: relative;
    margin-bottom: 15px
}

.solution-icon-block .solution-inner h3 {
    position: relative;
    color: #0f1341;
    font-size: 18px;
    font-weight: 700
}

.case-result-section {
    position: relative;
    padding-top: 60px
}

.case-result-section .title-column {
    position: relative;
    margin-bottom: 40px
}

.case-result-section .title-column h2 {
    position: relative;
    font-weight: 700;
    color: #0f1341;
    line-height: 1.4em;
    text-transform: uppercase
}

.case-result-section .content-column {
    position: relative
}

.case-result-section .content-column .inner-column {
    position: relative;
    padding: 0 0 30px
}

.case-result-section .content-column .inner-column .chart-column .image {
    margin-bottom: 40px
}

.case-result-section .content-column .inner-column .text {
    position: relative;
    margin-bottom: 20px;
    font-size: 16px;
    color: grey
}

.result-block {
    position: relative;
    margin-bottom: 30px
}

.result-block .block-inner {
    position: relative;
    padding-left: 80px
}

.result-block .block-inner .icon-box {
    position: absolute;
    left: 0;
    top: 10px;
    line-height: 1em
}

.result-block .block-inner .result-text {
    position: relative;
    color: grey;
    font-size: 16px
}

.result-block .block-inner h3 {
    position: relative;
    color: #0f1341;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4em;
    margin-top: 5px
}

.related-case-section {
    position: relative;
    padding: 85px 0 40px;
    background-color: #f4f4f4
}

.services-single-section {
    position: relative
}

.services-sidebar {
    position: relative;
    padding: 30px 0 1px 28px;
    background-color: #f4f4f4
}

.blog-cat-two {
    position: relative;
    padding: 0 18px 0;
    border: 1px solid #f2f2f2;
    background-color: #fff;
    -webkit-box-shadow: -2px 2px 12px 0 #e9e9e9;
    -moz-box-shadow: -2px 2px 12px 0 #e9e9e9;
    box-shadow: -2px 2px 12px 0 #e9e9e9
}

.blog-cat-two li {
    position: relative;
    padding: 8px 0;
    border-bottom: 1px solid #eee
}

.blog-cat-two li a {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    display: block;
    color: #0f1341;
    padding: 4px 0;
    padding-left: 25px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    font-family: Poppins,sans-serif
}

.blog-cat-two li:last-child {
    margin-bottom: 0;
    border: none
}

.blog-cat-two li a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 13px;
    width: 8px;
    height: 8px;
    background-color: #eee;
    border: 1px solid #e6e6e6;
    font-family: FontAwesome;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.blog-cat-two li a:hover,.blog-cat-two li.active a {
    color: #fff;
    padding-left: 30px;
    background-color: #3cb878
}

.blog-cat-two li a:hover::before,.blog-cat-two li.active a:before {
    left: 10px;
    border-color: rgba(255,255,255,.5)
}

.sidebar-brochure .brochure {
    position: relative;
    color: #0f1341;
    font-weight: 400;
    font-size: 16px;
    padding: 5px 20px;
    display: block;
    padding-left: 70px;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    border-bottom: none;
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.sidebar-brochure .brochure span {
    display: block;
    font-weight: 400;
    color: grey;
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.sidebar-brochure .brochure .icon {
    position: absolute;
    width: 54px;
    left: 0;
    top: 0;
    height: 65px;
    font-size: 18px;
    margin-right: 8px;
    text-align: center;
    font-weight: 400;
    line-height: 65px;
    color: #0f1341;
    border-right: 1px solid #f2f2f2;
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.sidebar-brochure .brochure:hover {
    background-color: #007eff;
    color: #fff
}

.sidebar-brochure .brochure:hover .icon,.sidebar-brochure .brochure:hover span {
    color: #fff
}

.testimonial-widget {
    position: relative
}

.testimonial-widget .inner-widget {
    position: relative;
    margin-right: 2px;
    padding: 25px 18px 55px;
    background-color: #fff
}

.testimonial-widget .inner-widget .upper-box {
    position: relative
}

.testimonial-widget .inner-widget .upper-box .upper-inner {
    position: relative;
    padding-left: 70px;
    min-height: 78px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f2f2f2
}

.testimonial-widget .inner-widget .upper-box .upper-inner .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 56px;
    height: 56px;
    overflow: hidden;
    border-radius: 50%
}

.testimonial-widget .inner-widget .upper-box .upper-inner h3 {
    position: relative;
    color: #0f1341;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4em;
    text-transform: capitalize
}

.testimonial-widget .inner-widget .upper-box .upper-inner .location {
    position: relative;
    color: #007eff;
    font-size: 16px
}

.testimonial-widget .inner-widget .text {
    position: relative;
    color: grey;
    font-size: 17px;
    line-height: 1.7em;
    font-style: italic
}

.testimonial-widget .owl-nav {
    display: none
}

.testimonial-widget .owl-dots {
    position: absolute;
    left: 20px;
    bottom: 20px
}

.testimonial-widget .owl-dots .owl-dot {
    position: relative;
    width: 25px;
    height: 5px;
    margin-right: 8px;
    display: inline-block;
    background-color: #e6e6e6;
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.testimonial-widget .owl-dots .owl-dot.active,.testimonial-widget .owl-dots .owl-dot:hover {
    background-color: #007eff
}

.services-single {
    position: relative
}

.services-single h1 {
    position: relative;
    color: #0f1341;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.4em
}

.services-single h2 {
    position: relative;
    color: #00448b font-size:28px;
    font-weight: 700;
    line-height: 1.4em
}

.services-strategy h2 {
    position: relative;
    color: #0f1341;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4em
}

.text li {
    position: relative;
    font-size: 15px;
    margin-bottom: 5px
}

.text li i {
    color: #007eff;
    font-size: 21px;
    padding-right: 10px
}

.services-single h3 {
    position: relative;
    color: #0f1341;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4em
}

.services-single h4 {
    position: relative;
    color: #0f1341;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4em
}

.services-single .inner-box {
    position: relative
}

.services-single .inner-box .image {
    position: relative
}

.services-single .inner-box .image img {
    position: relative;
    width: 100%;
    display: block
}

.services-single .inner-box .lower-content {
    position: relative;
    padding-top: 30px
}

.services-single .inner-box .lower-content .text {
    position: relative
}

.services-single .inner-box .lower-content .text p {
    position: relative;
    color: grey;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 30px
}

.services-single .inner-box .lower-content .text .start-btn {
    padding: 9px 34px;
    margin-bottom: 60px
}

.services-single .inner-box .lower-content .text h3 {
    position: relative;
    color: #0f1341;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 20px;
    text-transform: uppercase
}

.services-single .inner-box .lower-content .two-column {
    position: relative
}

.services-single .inner-box .lower-content .two-column .graph-column {
    position: relative;
    margin-bottom: 40px
}

.services-single .inner-box .lower-content .two-column .graph-column .inner-column {
    position: relative;
    padding: 25px 18px 20px;
    border: 1px solid #f2f2f2;
    -webkit-box-shadow: 0 4px 18px 0 #f7f7f7;
    -moz-box-shadow: 0 4px 18px 0 #f7f7f7;
    box-shadow: 0 4px 18px 0 #f7f7f7
}

.services-single .inner-box .lower-content .two-column .graph-column .inner-column .image img {
    width: auto
}

.services-single .inner-box .lower-content .two-column .graph-column .inner-column h4 {
    position: relative;
    color: #0f1341;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: capitalize
}

.services-single .inner-box .lower-content .carousel-column .inner-column {
    position: relative;
    padding-top: 65px;
    padding-bottom: 40px
}

.services-single .inner-box .lower-content .carousel-column .inner-column:before {
    position: absolute;
    content: '';
    left: 6px;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #e6e6e6
}

.services-section-four {
    position: relative;
    margin-bottom: 40px
}

.services-section-four .services-inner {
    position: relative;
    padding-left: 50px
}

.services-section-four .services-inner .dott {
    position: absolute;
    content: '';
    left: 3px;
    top: 22px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #0f1341
}

.services-section-four .services-inner .dott:before {
    position: absolute;
    content: '';
    left: -3px;
    top: -3px;
    right: -3px;
    bottom: -3px;
    border-radius: 50%;
    background-color: rgba(15,19,65,.5)
}

.services-section-four .services-inner .icon-box {
    position: relative;
    margin-bottom: 18px
}

.services-section-four .services-inner .icon-box .icon {
    position: relative;
    line-height: 1em
}

.services-section-four .services-inner .services-heading {
    position: relative;
    color: #0f1341;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 10px;
    text-transform: capitalize
}

.services-section-four .services-inner .services-text {
    position: relative;
    color: grey;
    font-size: 16px;
    line-height: 1.8em
}

.services-single .inner-box .lower-content .carousel-column .slick-prev {
    position: absolute;
    left: 42px;
    top: -66px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: 0 0;
    text-indent: 0;
    line-height: 26px;
    margin-left: -50px;
    font-size: 18px;
    color: #e6e6e6;
    background-color: #fff;
    border: 2px solid #e6e6e6;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.services-single .inner-box .lower-content .carousel-column .slick-next {
    position: absolute;
    left: -8px;
    bottom: -40px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: 0 0;
    text-indent: 0;
    line-height: 26px;
    margin-left: -50px;
    font-size: 18px;
    color: #e6e6e6;
    background-color: #fff;
    border: 2px solid #e6e6e6;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.services-single .inner-box .lower-content .carousel-column .slick-arrow.slick-next {
    margin-left: 0
}

.services-single .inner-box .lower-content .carousel-column .slick-arrow.slick-next:hover,.services-single .inner-box .lower-content .carousel-column .slick-arrow.slick-prev:hover {
    color: #fff;
    border-color: #007eff;
    background-color: #007eff
}

.block-text {
    font-size: 16px
}

.accordian-boxed {
    position: relative;
    margin-top: 30px
}

.accordian-boxed h3 {
    position: relative;
    color: #0f1341;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 28px;
    text-transform: uppercase
}

.accordion-box {
    position: relative
}

.accordion-box .block {
    position: relative;
    padding: 19px 0;
    margin-bottom: 10px;
    border: 1px solid #f2f2f2;
    background-color: #e8e8e8
}

.accordion-box .block .acc-btn {
    position: relative;
    font-size: 18px;
    cursor: pointer;
    line-height: 30px;
    color: #0f1341;
    font-weight: 700;
    padding: 0 10px 0 100px;
    transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    font-family: Poppins,sans-serif
}

.accordion-box .block .acc-btn.active {
    color: #007eff
}

.accordion-box .block .icon-outer {
    position: absolute;
    left: 22px;
    top: 0;
    font-size: 18px;
    color: #25baa9;
    padding-right: 20px;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.accordion-box .block:after {
    position: absolute;
    content: '';
    left: 78px;
    top: 18px;
    bottom: 18px;
    width: 1px;
    background-color: #f2f2f2
}

.accordion-box .block.active-block:after {
    background-color: #007eff
}

.accordion-box .block .acc-content {
    position: relative;
    display: none
}

.accordion-box .block .acc-content .content-text {
    padding-bottom: 6px
}

.accordion-box .block .acc-content.current {
    display: block
}

.accordion-box .block .content {
    position: relative;
    font-size: 14px;
    padding: 15px 30px 0 20px
}

.accordion-box .block .content .text {
    line-height: 1.8em;
    font-size: 16px;
    color: #848484
}

.accordion-box .block .content p:last-child {
    margin-bottom: 0
}

.quote-two-section {
    position: relative;
    margin-top: 130px;
    padding-bottom: 90px;
    background-color: #f4f4f4
}

.quote-two-section .title-column {
    position: relative;
    padding-bottom: 40px
}

.quote-two-section .title-column .inner-column {
    position: relative;
    padding-top: 95px
}

.quote-two-section .title-column h2 {
    position: relative;
    color: #0f1341;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 10px;
    text-transform: uppercase
}

.quote-two-section .title-column .text {
    position: relative;
    color: grey;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8em;
    margin-bottom: 18px
}

.quote-two-section .title-column .plans {
    position: relative;
    color: #007eff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.quote-two-section .title-column .plans .arrow {
    position: relative;
    margin-right: 8px
}

.quote-two-section .form-column .inner-column {
    position: relative;
    padding: 45px 45px;
    margin-top: -90px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 16px 0 #ccc;
    -moz-box-shadow: 0 2px 16px 0 #ccc;
    box-shadow: 0 2px 16px 0 #ccc
}

.quote-two-section .form-column .inner-column .text {
    position: relative;
    color: grey;
    font-size: 18px;
    line-height: 1.7em;
    margin-bottom: 30px
}

@media screen and (max-width: 991px) {
    .columns {
        height:200px;
        overflow-y: scroll
    }
}

@media screen and (min-width: 992px) {
    .columns {
        -moz-column-count:2;
        -webkit-column-count: 2;
        column-count: 2;
        width: 500px;
        height: 170px
    }
}

.para {
    color: #fff;
    text-align: center
}

.about-para {
    width: 100%;
    height: 100px;
    background-color: #fcb03b
}

.icon-bar {
    position: fixed;
    top: 55%;
    z-index: 1000;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.icon-bar a {
    display: block;
    text-align: center;
    padding: 10px;
    transition: all .3s ease;
    color: #fff;
    font-size: 16px
}

.icon-bar a:hover {
    background-color: #000
}

.facebook {
    background: #3b5998;
    color: #fff
}

.twitter {
    background: #55acee;
    color: #fff
}

.google {
    background: #dd4b39;
    color: #fff
}

.linkedin {
    background: #007bb5;
    color: #fff
}

.youtube {
    background: #b00;
    color: #fff
}

.content {
    margin-left: 75px;
    font-size: 30px
}

@media screen and (max-width: 991px) {
    .icon-bar {
        display:none
    }
}

.contain {
    width: 700px;
    margin: 190px auto;
    font-size: 30px;
    font-weight: 700;
    font-family: 'Roboto Condensed';
    text-align: center
}

.typed {
    color: #fff
}

@media screen and (max-width: 700px) {
    .contain {
        display:none
    }
}

@media screen and (max-width: 700px) {
    .mobile-view {
        display:none
    }
}

.review-title {
    font-size: 18px;
    font-weight: 700
}

.review-rating {
    float: right;
    color: orange;
    font-size: 16px
}

.review-day {
    font-style: italic;
    font-size: 13px;
    color: #7d7d7d
}

.review-text {
    font-size: 14px
}

.review-user {
    font-size: 14px;
    font-weight: 700
}

.review-country {
    font-style: italic;
    font-size: 12px
}

.review-date {
    font-size: 12px;
    margin-top: 0
}

.review-custo {
    top: -100px
}

.review-wid {
    width: 30%;
    margin-left: 30px;
    display: inline-block
}

@media screen and (max-width: 700px) {
    .review-wid {
        width:80%;
        margin-left: 30px;
        display: inline-block
    }
}

.faq_section {
    margin: 40px auto
}

.FaQ_Each {
    padding-bottom: 10px
}

.box {
    color: #666;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 16px;
    text-transform: none;
    cursor: pointer;
    border: 1px solid #d9d9d9
}

.box h3 {
    font-size: 14px;
    margin-top: -22px;
    margin-left: 20px;
    font-weight: 500;
    color: #666;
    position: relative;
    line-height: 1.4em;
    margin-bottom: 2px
}

.box h4 {
    font-size: 15px;
    margin-top: -22px;
    margin-left: 20px;
    font-weight: 500;
    color: #666;
    position: relative;
    line-height: 1.4em;
    margin-bottom: 2px
}

.draw {
    display: none;
    background: #fff;
    padding: 20px;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    color: #000;
    padding-left: 30px;
    font-size: 16px
}

#other {
    display: none
}

.register {
    background: -webkit-linear-gradient(left,#3931af,#00c6ff);
    margin-top: 3%;
    padding: 3%
}

.register-left {
    text-align: center;
    color: #fff;
    margin-top: 4%
}

.register-left input {
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    width: 60%;
    background: #f8f9fa;
    font-weight: 700;
    color: #383d41;
    margin-top: 30%;
    margin-bottom: 3%;
    cursor: pointer
}

.register-right {
    background: #f8f9fa;
    border-top-left-radius: 10% 50%;
    border-bottom-left-radius: 10% 50%
}

.register-left img {
    margin-top: 15%;
    margin-bottom: 5%;
    width: 25%;
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 1s infinite alternate
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-20px)
    }
}

@keyframes mover {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-20px)
    }
}

.register-left p {
    font-weight: lighter;
    padding: 12%;
    margin-top: -9%
}

.register .register-form {
    padding: 10%;
    margin-top: 10%
}

.btnRegister {
    float: right;
    margin-top: 10%;
    border: none;
    border-radius: 1.5rem;
    padding: 2%;
    background: #0062cc;
    color: #fff;
    font-weight: 600;
    width: 50%;
    cursor: pointer
}

.register .nav-tabs {
    margin-top: 3%;
    border: none;
    background: #0062cc;
    border-radius: 1.5rem;
    width: 28%;
    float: right
}

.register .nav-tabs .nav-link {
    padding: 2%;
    height: 34px;
    font-weight: 600;
    color: #fff;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem
}

.register .nav-tabs .nav-link:hover {
    border: none
}

.register .nav-tabs .nav-link.active {
    width: 100px;
    color: #0062cc;
    border: 2px solid #0062cc;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem
}

.register-heading {
    text-align: center;
    margin-top: 8%;
    margin-bottom: -15%;
    color: #495057
}

tr {
    font-size: 16px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 12px;
    line-height: 1.25;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.packages_plan_table table td a {
    background: #3cb878;
    color: #fff;
    border-radius: 4px;
    padding: 7px 15px;
    display: inline-block;
    text-decoration: none
}

.table>tbody>tr>td>.yes {
    background-image: url(images/yes.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px
}

.no {
    background: url(images/no.png) no-repeat;
    background-position: 50%
}

.packages_plan_table table .small_title {
    background: #aaa
}

.packages_plan_table table tr:nth-child(odd) {
    background: #f4f4f4
}

.packages_plan_table table tr:nth-child(1) th.item {
    background: #00448b
}

.packages_plan_table table tr:nth-child(1) th.basic {
    background: #3e9cfd;
    width: 19%
}

.packages_plan_table table tr:nth-child(1) th.bronze {
    background: #904d0a
}

.packages_plan_table table tr:nth-child(1) th.silver {
    background: #c1c1c1
}

.packages_plan_table table tr:nth-child(1) th.gold {
    background: #fcb03b
}

.packages_plan_table table tr:nth-child(1) th.titanium {
    background: #6a696f
}

.packages_plan_table table tr:nth-child(1) th {
    height: 60px;
    vertical-align: middle;
    font-size: 20px
}

.packages_plan_table table tr th {
    color: #fff
}

.packages_plan_table table thead tr:nth-child(2) {
    background: #303030
}

.packages_plan_table table td,.packages_plan_table table th {
    text-align: center
}

.packages_plan_table table th:first-child,.packages_plan_table table tr td:first-child {
    text-align: left
}

.get {
    font-size: 16px;
    margin-bottom: 20px
}

#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: .3s
}

#myImg:hover {
    opacity: .7
}

.modal {
    display: none;
    position: fixed;
    z-index: 999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.6)
}

.form-control {
    height: 40px
}

.modal-content {
    margin: auto;
    display: block;
    width: 100%;
    border-radius: 0;
    max-width: 700px;
    background-image: linear-gradient(#fff,#1083f9)
}

#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px
}

#caption,.modal-content {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: .6s;
    animation-name: zoom;
    animation-duration: .6s
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

.closeimg {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: 700;
    transition: .3s
}

.closeimg:focus,.closeimg:hover {
    color: #bbb;
    text-decoration: none;
    cursor: pointer
}

@media only screen and (max-width: 700px) {
    .modal-content {
        width:100%
    }
}

.nav-pills>li+li {
    margin-left: 20px
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-top: 10px;
    background: #eaeaea
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.7);
    transition: opacity .5s;
    visibility: hidden;
    opacity: 0
}

.overlay:target {
    visibility: visible;
    opacity: 1;
    z-index: 9999
}

.popup {
    margin: 30px auto;
    padding: 15px;
    border-radius: 5px;
    width: 49%;
    position: absolute;
    left: 35%
}

.popup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma,Arial,sans-serif
}

.popup .close {
    position: absolute;
    top: 35px;
    left: 25px;
    background: #00495d;
    transition: all .2s;
    font-size: 30px;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    padding: 0 5px
}

.search {
    position: absolute;
    top: 19px;
    left: 45%;
    transition: all .2s;
    font-size: 30px;
    font-weight: 700;
    text-decoration: none;
    color: #000;
    padding: 0 5px
}

.popup .close:hover {
    color: #fff
}

.popup .content-new {
    overflow: auto;
    border-top: 2px dashed #d1d6d8;
    margin-top: 16px;
    font-size: 18px
}

.div1 {
    width: 60%;
    padding: 20px;
    height: auto;
    background: #fff;
    border-radius: 25px
}

.content-new h3 {
    text-align: center;
    margin: 15px 0 -1px 0;
    text-transform: uppercase;
    color: #00495d
}

@media screen and (max-width: 1024px) {
    .popup {
        width:70%;
        left: 20%
    }

    .div1 {
        width: 70%;
        padding: 20px;
        float: left
    }
}

#feedback1 {
    height: 0;
    width: 85px;
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 1000;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}

#feedback1 a {
    display: block;
    background: url(pc.png) no-repeat;
    height: 52px;
    width: 155px;
    color: #fff;
    font-family: Arial,sans-serif;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none
}

#feedback1 a:hover {
    background: url(pc-over.png) no-repeat
}

#feedback {
    height: 0;
    width: 85px;
    position: fixed;
    right: 0;
    top: 60%;
    z-index: 1000;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}

#feedback a {
    display: block;
    background: #fcb03b;
    height: 52px;
    padding-top: 10px;
    width: 155px;
    text-align: center;
    color: #fff;
    font-family: Arial,sans-serif;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none
}

#feedback a:hover {
    background: #00495d
}

#quickenquire input[type=text],input[type=email],select,textarea {
    width: 100%;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    resize: none
}

#quickenquire label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0!important;
    margin: 0!important
}

#quickenquire input[type=submit] {
    width: 100%;
    background-color: #00495d;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 7px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer
}

#quickenquire input[type=submit]:hover {
    background-color: #000
}

.panel-career {
    background: #017eff;
    color: #fff;
    font-size: 28px;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.career-new input[type=text],input[type=email],input[type=password],select,textarea {
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px 15px
}

.career-new input[type=file] {
    font-size: 13px;
    margin-bottom: 10px;
    padding: 2px 3px
}

.career-new input[type=submit] {
    font-size: 16px;
    margin-bottom: 10px;
    padding: 8px 10px
}

.career-new select {
    font-size: 16px;
    padding: 5px 15px
}

.career-new textarea {
    font-size: 16px
}

.career-new select option {
    font-size: 16px
}

.career-new label {
    font-size: 16px;
    font-weight: 0;
    margin-left: 2px
}

.panel-career-body {
    background: #f1f0f0;
    padding: 15px
}

.new-form {
    margin-top: -150px
}

@media (max-width: 767px) {
    .new-form {
        display:none
    }
}

.get-form {
    background-color: green;
    padding-bottom: 30px
}

.get-form h3 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 4px;
    margin-bottom: 50px
}

#login .container #login-row #login-column #login-box {
    margin-top: 120px;
    max-width: 600px;
    height: 320px;
    border: 1px solid #9c9c9c;
    background-color: #eaeaea
}

#login .container #login-row #login-column #login-box #login-form {
    padding: 20px
}

#login .container #login-row #login-column #login-box #login-form #register-link {
    margin-top: -85px
}

.get-model {
    padding: 0
}

#what-we-do h2 {
    margin-bottom: 10px;
    font-size: 26px
}

.service-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    perspective: 1000px;
    -webkit-perspective: 1000px
}

.service-icon {
    width: 100%;
    height: 280px;
    padding: 20px;
    text-align: center;
    transition: all .5s ease
}

.service-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    height: 280px;
    padding: 20px;
    text-align: center;
    transition: all .5s ease;
    background-color: #474747;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-transform: translateY(110px) rotateX(-90deg);
    -moz-transform: translateY(110px) rotateX(-90deg);
    -ms-transform: translateY(110px) rotateX(-90deg);
    -o-transform: translateY(110px) rotateX(-90deg);
    transform: translateY(110px) rotateX(-90deg)
}

.service-box .service-icon .front-content {
    position: relative;
    top: 100px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.service-box .service-icon .front-content i {
    font-size: 28px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 20px
}

.service-box .service-icon .front-content h3 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase
}

.service-box .service-content h3 {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    text-transform: uppercase
}

.service-box .service-content p {
    font-size: 16px;
    color: #dddcdc;
    margin: 0
}

.yellow {
    background-color: #ffc000
}

.orange {
    background-color: #fc7f0c
}

.red {
    background-color: #e84b3a
}

.grey {
    background-color: #1f6ba5
}

.service-box:hover .service-icon {
    opacity: 0;
    -webkit-transform: translateY(-110px) rotateX(90deg);
    -moz-transform: translateY(-110px) rotateX(90deg);
    -ms-transform: translateY(-110px) rotateX(90deg);
    -o-transform: translateY(-110px) rotateX(90deg);
    transform: translateY(-110px) rotateX(90deg)
}

.service-box:hover .service-content {
    opacity: 1;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0)
}

.service_box-new {
    margin: 20px 0;
    padding: 40px 20px;
    text-align: center;
    border-radius: 5px;
    background: rgba(59,63,66,.7);
    transition: all .3s ease 0s
}

.service_box-new:hover {
    background: #00bff3
}

.service_box-new .service_icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    font-size: 35px;
    background: #fff;
    line-height: 70px;
    border-radius: 50px;
    transform: translateY(0);
    transition: all .3s ease 0s
}

.service_box-new:hover .service_icon {
    transform: translateY(-100%)
}

.service_box-new .service_icon i {
    color: #333
}

.service_box-new h3 {
    position: relative;
    top: 40px;
    margin: 0;
    color: #fff;
    font-size: 23px;
    text-transform: uppercase;
    transform: translateY(0);
    transition: all .6s cubic-bezier(.68,-.55,.265,1.55) 0s
}

.service_box-new:hover h3 {
    top: -40px
}

.service_box-new p {
    color: #fff;
    margin: 0;
    opacity: 0;
    transition: all .3s linear 0s
}

.service_box-new:hover p {
    opacity: 1
}

.service-box-big {
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #d3d3d3
}

.service-box-big .service-icon {
    text-align: center;
    background: #017eff;
    border-radius: 10px;
    font-size: 30px;
    color: #fff;
    width: 20%;
    padding: 0;
    height: 60px;
    margin: 0 auto;
    line-height: 60px;
    transform: rotate(0);
    transition: all .99s ease 0s
}

.service-box-big .service-icon i {
    transform: rotate(0);
    transition: transform 1s linear 0s
}

.service-box-big .service-detail h3 {
    text-align: center;
    font-weight: 700
}

.service-box-big .service-detail p {
    text-align: justify;
    display: block;
    font-size: 14px
}

.service-box-big:hover .service-icon {
    transform: rotate(360deg)
}

.service-box-big:hover .service-icon i {
    transform: rotate(-360deg)
}

nav>.nav.nav-tabs {
    border: none;
    color: #fff;
    background: #272e38;
    border-radius: 0
}

nav>div a.nav-item.nav-link,nav>div a.nav-item.nav-link.active {
    border: none;
    padding: 12px 15px;
    color: #000;
    background: #d7d7d7;
    border-radius: 0;
    font-size: 20px
}

nav>div a.nav-item.nav-link.active:after {
    content: "";
    position: relative;
    bottom: -56px;
    left: -25%;
    border: 15px solid transparent;
    border-top-color: #55acee
}

.tab-content {
    background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top: 5px solid #55acee;
    border-bottom: 5px solid #55acee;
    padding: 30px 25px
}

nav>div a.nav-item.nav-link:focus,nav>div a.nav-item.nav-link:hover {
    border: none;
    background: #55acee;
    color: #fff;
    border-radius: 0;
    transition: background .2s linear
}

.pagetitle {
    padding-bottom: 30px;
    margin-bottom: 30px
}

.current_oppening_list li {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
    padding: 15px 25px;
    border: 1px solid #efefef;
    background: #fafafa;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 5px -5px rgba(1,1,1,.15);
    -moz-box-shadow: 0 5px 5px -5px rgba(1,1,1,.15);
    box-shadow: 0 5px 5px -4px rgba(1,1,1,.15)
}

.current_oppening_list li aside {
    width: 80%;
    border-bottom: 2px dotted #ebebeb;
    padding: 15px 0
}

.current_oppening_list li aside span:first-of-type {
    width: 180px
}

.current_oppening_list li aside span {
    float: left;
    width: 60%;
    font-size: 15px
}

.current_oppening_list li a {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 25px;
    height: 40px;
    padding: 0 22px 0 22px;
    display: inline-block;
    border-radius: 27px;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    background: #00448b;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in-out
}

.current_oppening_list li a:after {
    content: "";
    width: 13px;
    height: 11px;
    position: absolute;
    right: 20px;
    top: -1px;
    bottom: 0;
    margin: auto;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all .5s ease
}

.current_oppening_list li aside:after {
    content: '';
    display: block;
    clear: both
}

@media screen and (max-width: 800px) {
    .current_oppening_list li {
        border:1px solid #e4e4e4;
        text-align: center
    }

    .current_oppening_list li aside {
        width: 100%;
        background: #fff;
        text-align: left;
        padding: 10px 15px 10px 120px;
        position: relative
    }

    .current_oppening_list li aside span:first-of-type {
        width: 140px;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        padding: 10px 15px
    }

    .current_oppening_list li aside span {
        float: none;
        width: auto;
        display: block;
        font-size: 14px;
        line-height: 18px;
        color: #2a2a2a;
        line-height: 30px
    }

    .current_oppening_list li a {
        position: relative;
        top: auto;
        bottom: auto;
        margin: 20px auto;
        right: auto
    }
}

.vacancy_details_holder {
    padding: 45px 0;
    position: relative
}

.vacancy_details_holder h1 {
    position: relative;
    color: #0f1341;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 12px;
    margin-bottom: 20px;
    text-transform: uppercase;
    margin-bottom: 30px
}

.vacancy_details_holder .all_vacancies {
    position: absolute;
    top: 60px;
    right: 0;
    font-size: 16px
}

.all_vacancies {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase
}

.vacancy_details_holder .applyBtn {
    position: absolute;
    top: 60px;
    right: 270px;
    text-decoration: none;
    font-size: 16px
}

.applyBtn {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase
}

.vacancy_details {
    border-top: 2px dotted #ddd;
    margin-top: 50px
}

.vacancy_details section {
    border-bottom: 2px dotted #ddd;
    padding: 15px 0 15px 300px;
    position: relative
}

.vacancy_details section h3 {
    position: absolute;
    top: 15px;
    left: 0;
    width: 300px;
    padding-right: 100px;
    text-align: right;
    color: #2a2a2a;
    font-size: 18px;
    font-weight: 400
}

.vacancy_details section aside {
    font-size: 15px
}

.vacancy_details section:after {
    content: '';
    display: block;
    clear: both
}

.vacancy_details section aside ul li {
    margin-left: 20px;
    margin-bottom: 10px;
    position: relative;
    list-style: disc
}

@media screen and (max-width: 800px) {
    .vacancy_details_holder .all_vacancies {
        position:relative;
        top: auto;
        right: auto;
        display: inline-block
    }

    .vacancy_details_holder .applyBtn {
        position: relative;
        top: auto;
        right: auto;
        display: inline-block;
        margin-left: 25px
    }
}

@media screen and (max-width: 1025px) {
    .vacancy_details section {
        border-bottom:1px solid #ddd;
        padding: 15px 0 15px 0;
        position: relative
    }

    .vacancy_details section h3 {
        position: relative;
        top: auto;
        left: 0;
        width: 100%;
        padding-right: 0;
        text-align: left;
        padding-bottom: 20px
    }
}

.job-open {
    background: #03a84e;
    padding: 7px;
    animation: example 2s linear infinite
}

.job-open a {
    display: block;
    text-align: center;
    font-size: 17px;
    color: #fff!important;
    font-weight: 700;
    text-decoration: none
}

@-webkit-keyframes example {
    from {
        background-color: #fcb03b
    }

    to {
        background-color: #03a84e
    }
}

@keyframes example {
    from {
        background-color: #fcb03b
    }

    to {
        background-color: #03a84e
    }
}

@media screen and (max-width: 800px) {
    .job-open {
        display:none
    }
}

.modal-newsletter {
    color: #999;
    font-size: 15px
}

.modal-newsletter .modal-content {
    padding: 30px;
    border-radius: 0;
    border: none;
    background-image: url(../images/subscribe.jpg);
    z-index: 999
}

.modal-newsletter .modal-header {
    border-bottom: none;
    position: relative;
    text-align: center;
    border-radius: 5px 5px 0 0
}

.modal-newsletter h4 {
    color: #fff;
    text-align: center;
    font-size: 25px;
    margin: 0 0 18px;
    font-weight: 700;
    text-transform: capitalize
}

.modal-newsletter p {
    color: #f8f1f1
}

.modal-newsletter .close {
    background: #fff;
    position: absolute;
    top: -15px;
    right: -15px;
    color: #000;
    text-shadow: none;
    opacity: .5;
    width: 35px;
    height: 35px;
    border-radius: 20px;
    font-size: 23px
}

.modal-newsletter .close span {
    position: relative
}

.modal-newsletter .close:hover {
    opacity: .8
}

.modal-newsletter .icon-box {
    color: #fff;
    display: inline-block;
    z-index: 9;
    text-align: center;
    position: relative;
    margin-bottom: 10px
}

.modal-newsletter .icon-box i {
    font-size: 70px
}

.modal-newsletter .btn,.modal-newsletter .form-control {
    min-height: 46px;
    border-radius: 3px
}

.modal-newsletter .form-control {
    box-shadow: none;
    border-color: #dbdbdb
}

.modal-newsletter .form-control:focus {
    border-color: #7265ea;
    box-shadow: 0 0 8px rgba(114,101,234,.5)
}

.modal-newsletter .btn {
    color: #fff;
    border-radius: 4px;
    background: #ff9b00;
    text-decoration: none;
    transition: all .4s;
    line-height: normal;
    padding: 6px 20px;
    border: none;
    font-size: 16px;
    font-weight: 700
}

.modal-newsletter .btn:focus,.modal-newsletter .btn:hover {
    background: #63ab47;
    outline: 0
}

.modal-newsletter .input-group {
    margin: 30px 0 15px
}

.hint-text {
    margin: 100px auto;
    text-align: center
}

.ch-grid {
    margin: 20px 0;
    padding: 0;
    list-style: none;
    display: block;
    width: 100%
}

.ch-grid:after,.ch-item:before {
    content: '';
    display: table
}

.ch-grid:after {
    clear: both
}

.ch-grid li {
    width: 160px;
    height: 160px;
    display: inline-block;
    margin: 10px
}

.ch-item {
    border-radius: 50%;
    position: relative;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    cursor: default
}

.ch-info-wrap {
    position: absolute;
    border-radius: 50%;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    top: 20px;
    left: 20px
}

.ch-info {
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.ch-info>div {
    display: block;
    position: absolute;
    border: 7px solid #03a84e;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-position: center center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.ch-info .ch-info-back {
    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);
    background: #03a84e
}

.ch-img-1 {
    background-image: url(../images/team/arvind.jpg)
}

.ch-img-2 {
    background-image: url(../images/team/deepika.jpg)
}

.ch-img-3 {
    background-image: url(../images/team/deepika.jpg)
}

.ch-img-4 {
    background-image: url(../images/team/deepika.jpg)
}

.ch-img-5 {
    background-image: url(../images/team/deepika.jpg)
}

.ch-img-6 {
    background-image: url(https://tympanus.net/Tutorials/CircleHoverEffects/images//12.jpg)
}

.ch-info h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    margin: 0 15px;
    padding: 40px 0 0 0;
    height: 90px;
    font-family: 'Open Sans',Arial,sans-serif;
    text-shadow: 0 0 1px #fff,0 1px 2px rgba(0,0,0,.3)
}

.ch-info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,.5)
}

.ch-info p a {
    display: block;
    color: #fff;
    color: rgba(255,255,255,.7);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    padding-top: 4px;
    font-family: 'Open Sans',Arial,sans-serif
}

.ch-info p a:hover {
    color: #fff222;
    color: rgba(255,242,34,.8)
}

.ch-item:hover .ch-info-wrap {
    box-shadow: 0 0 0 0 rgba(255,255,255,.8),inset 0 0 3px rgba(115,114,23,.8)
}

.ch-item:hover .ch-info {
    -webkit-transform: rotate3d(0,1,0,-180deg);
    -moz-transform: rotate3d(0,1,0,-180deg);
    -o-transform: rotate3d(0,1,0,-180deg);
    -ms-transform: rotate3d(0,1,0,-180deg);
    transform: rotate3d(0,1,0,-180deg)
}

.serviceback {
    background: url(../images/tech.jpg) no-repeat center top;
    background-size: cover;
    padding: 20px 20px 0 20px
}

.service-sec {
    margin: 40px 0
}

.service-tab {
    border: 1px solid #f6f6f6;
    border-bottom: 1px solid #dfdfdf;
    height: 68px;
    -webkit-box-shadow: -1px -1px 1px rgba(180,180,180,.1);
    -moz-box-shadow: -1px -1px 1px rgba(180,180,180,.1);
    -o-box-shadow: -1px -1px 1px rgba(180,180,180,.1);
    box-shadow: -1px -1px 1px rgba(180,180,180,.1)
}

.service-tab.techo ul li {
    width: 16.66%
}

.service-tab.techo ul li a {
    padding: 20px 0 0 0
}

.service-tab ul li {
    float: left;
    width: 25%;
    text-align: center;
    position: relative
}

.service-tab ul li a {
    color: #4f4f4f;
    font-family: pt-sans,sans-serif;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    display: block;
    height: 65px;
    padding: 8px 0 0 0;
    text-decoration: none
}

.service-tab ul li.active a {
    height: 66px
}

.service-tab ul li.active a {
    background: #007eff;
    color: #fff
}

.service-tab ul li a.singal {
    line-height: 65px;
    padding: 0
}

.service-tab ul li.active a:before {
    content: '';
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #dfdfdf;
    position: absolute;
    left: 50%;
    bottom: -1px;
    margin-left: -8px
}

.service-tab ul li.active a:after {
    content: '';
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    left: 50%;
    bottom: -2px;
    margin-left: -8px
}

.service-tab ul li i {
    display: none
}

.service-tab ul li a span {
    display: block
}

@media (max-width: 999px) {
    .service-sec {
        margin:20px 0
    }
}

@media (max-width: 767px) {
    .service-tab {
        border-bottom:none;
        height: auto;
        margin-bottom: 30px
    }
    .kode_pillars_text {
    padding: 0px 65px 17px;
    width: auto;
   height: auto;
}
    .what_graphic .row {
    display: block;
}
.bene-hire {
    padding: 0px 13px 19px;
}

/**/
.circle1 {
    left: inherit;
    top: inherit;
}
.circle2 {
    left: inherit;
    top: inherit;
}
.circle3 {
    left: inherit;
    top: inherit;
}
.circle4 {
    left: inherit;
    top: inherit;
}
.circle5 {
    left: inherit;
    top: inherit;
}
.circle6 {
    left: inherit;
    top: inherit;
}
.kode_pillars_row {
    width: auto;
}
.kode_pillars_text:before {
    border: initial;
}
.kode_pillars_item li {
    margin-left: 73px;
    margin-bottom: 15px;
}


/**/

    .service-tab ul li {
        width: 25%;
        border-bottom: 1px solid #dfdfdf
    }

    .service-tab ul li:nth-child(1) a {
        background: url(../images/feat-icon.png) no-repeat center
    }

    .service-tab.techo ul li:nth-child(2) a {
        background: url(../images/techo-icon1.png) no-repeat center
    }

    .service-tab.techo ul li:nth-child(3) a {
        background: url(../images/techo-icon2.png) no-repeat center
    }

    .service-tab.techo ul li:nth-child(4) a {
        background: url(../images/service-icon3.png) no-repeat center
    }

    .service-tab.techo ul li:nth-child(5) a {
        background: url(../images/techo-icon4.png) no-repeat center
    }

    .service-tab.techo ul li:nth-child(6) a {
        background: url(../images/techo-icon5.png) no-repeat center
    }

    .service-tab.techo ul li.active:nth-child(2) a {
        background: #007eff url(../images/techo-icon1-over.png) no-repeat center
    }

    .service-tab.techo ul li.active:nth-child(3) a {
        background: #007eff url(../images/techo-icon2-over.png) no-repeat center
    }

    .service-tab.techo ul li.active:nth-child(4) a {
        background: #007eff url(../images/service-icon3-over.png) no-repeat center
    }

    .service-tab.techo ul li.active:nth-child(5) a {
        background: #007eff url(../images/techo-icon4-over.png) no-repeat center
    }

    .service-tab.techo ul li.active:nth-child(6) a {
        background: #007eff url(../images/techo-icon5-over.png) no-repeat center
    }

    .service-tab ul li i {
        display: none;
        width: 400%;
        background: #007eff;
        position: absolute;
        left: 0;
        top: 100%;
        padding: 0;
        text-align: center;
        color: #fff;
        font-style: normal;
        height: 30px;
        line-height: 30px
    }

    .service-tab ul li:after {
        top: 5px
    }

    .service-tab ul li a span {
        display: block
    }

    .service-tab ul li:nth-child(2) a {
        background: url(../images/service-icon1.png) no-repeat center
    }

    .service-tab ul li:nth-child(3) a {
        background: url(../images/service-icon2.png) no-repeat center
    }

    .service-tab ul li:nth-child(4) a {
        background: url(../images/service-icon3.png) no-repeat center
    }

    .service-tab ul li:nth-child(5) a {
        background: url(../images/service-icon4.png) no-repeat center
    }

    .service-tab ul li:nth-child(6) a {
        background: url(../images/service-icon6.png) no-repeat center
    }

    .service-tab ul li a {
        overflow: hidden;
        text-indent: -500px
    }

    .service-tab ul li.active:after {
        background: #007eff
    }

    .service-tab ul li.active i {
        display: block;
        font-size: 16px
    }

    .service-tab ul li:nth-child(2) i {
        left: -100%
    }

    .service-tab ul li:nth-child(3) i {
        left: -200%
    }

    .service-tab ul li:nth-child(4) i {
        left: -300%
    }

    .service-tab ul li:nth-child(5) i {
        left: -400%
    }

    .service-tab ul li:nth-child(6) i {
        left: -500%
    }

    .service-tab ul li.active:nth-child(1) a {
        background: #007eff url(../images/feat-icon-over.png) no-repeat center
    }

    .service-tab ul li.active:nth-child(2) a {
        background: #007eff url(../images/service-icon1-over.png) no-repeat center
    }

    .service-tab ul li.active:nth-child(3) a {
        background: #007eff url(../images/service-icon2-over.png) no-repeat center
    }

    .service-tab ul li.active:nth-child(4) a {
        background: #007eff url(../images/service-icon3-over.png) no-repeat center
    }

    .service-tab ul li.active:nth-child(5) a {
        background: #007eff url(../images/service-icon4-over.png) no-repeat center
    }

    .service-tab ul li.active:nth-child(6) a {
        background: #007eff url(../images/service-icon6-over.png) no-repeat center
    }
}

.hireLink li {
    float: left;
    width: 33.33%;
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: 700;
    padding: 25px 0
}

.hireLink.tech li {
    width: 25%
}

.hireLink li a {
    display: block;
    color: #575757;
    font-size: 21px;
    position: relative;
    height: 70px;
    padding: 12px 0 0 80px
}

.hireLink li a img {
    position: absolute;
    left: 0;
    top: 0
}

.hireLink li a span {
    display: inline-block;
    position: relative
}

.hireLink li a span:after {
    content: '';
    background: #fcb03b;
    width: 80px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -10px
}

.hireLink li a span:hover {
    color: #fcb03b
}

@media (max-width: 767px) {
    .hireLink.tech li {
        width:50%
    }

    .hireLink li a {
        font-size: 17px;
        height: 50px;
        padding: 5px 10px 0 65px
    }

    .hireLink li a img {
        width: 50px
    }
}

@media (max-width: 479px) {
    .hireLink.tech li {
        width:50%;
        float: left;
        padding-right: 5px
    }

    .hireLink.tech li a {
        font-size: 12px
    }

    .hireLink li a img {
        width: 50px
    }

    .hireLink li {
        float: none;
        width: 100%;
        padding: 5px 0
    }
}

.Startpro {
    background: #007eff url(../images/blue-waves.png) no-repeat center;
    text-align: center;
    padding: 30px 0
}

.Startpro h2 {
    display: block;
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 15px
}

.Startpro a {
    display: inline-block;
    width: 210px;
    height: 48px;
    line-height: 48px;
    font-size: 21px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    animation: zoom-in-zoom-out 2s ease-out infinite
}

.Startpro a:hover {
    background: #fff;
    color: #007eff;
    text-decoration: none
}

.digi-sale {
    background: #fff;
    box-shadow: 1px 1px 5px #ccc;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px
}

.digi-sale:hover {
    background: #007eff;
    color: #fff
}

.digi-sale:hover h3 {
    color: #fff
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    text-align: center
}

#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -10px;
    margin-right: -19px
}

#quote-carousel .carousel-indicators li {
    background: silver
}

#quote-carousel .carousel-indicators .active {
    background: #333;
    height: 10px;
    width: 10px;
    margin-bottom: 1px
}

.cPanelContainer {
    margin: auto;
    padding: 0
}

.cPanelHeader {
    margin: auto;
    padding: 50px 50px;
    background: #1086ff;
    text-align: center
}

.cPanelHeader>h2,.cPanelHeader>h5 {
    margin: auto;
    color: #fff500;
    font-size: 34px;
    font-weight: 500
}

.cPanelHeader>h3 {
    color: #fff;
    font-size: 24px
}

.cPanelHeader>p {
    color: #fff
}

.cPanelContent {
    margin: auto;
    padding: 0;
    background: #1086ff;
    text-align: center;
    display: flex
}

.cPanelSection {
    position: relative;
    flex: 1;
    transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    padding: 25px;
    border-right: 1px solid #2d93e4;
    border-left: 1px solid #2d93e4
}

.cPanelSection:hover {
    background: #0078d7;
    flex: 2;
    border-right: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0
}

.cPanelContent>div:first-child {
    border-left: none
}

.cPanelContent>div:last-child {
    border-right: none
}

.cPanelContent>div:last-child:after {
    display: none
}

.cPanelContent>div:after {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-50%,-50%);
    z-index: 1;
    opacity: 1;
    padding: 5px 13px;
    border-radius: 50%;
    background: #2d93e4;
    transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    content: "\f061";
    font-size: 25px;
    font-family: FontAwesome;
    color: #f0f0f0
}

.cPanelContent h4 {
    color: #fff500;
    font-weight: 600;
    font-size: 17px
}

.cPanelContent p {
    font-size: 14px;
    color: #f0f0f0;
    padding: 0 10%
}

.cPanelArrowPulse {
    position: absolute;
    width: 0%;
    padding-bottom: 0;
    border-radius: 50%;
    top: 50%;
    left: 100%;
    transform: translate(-50%,-50%);
    background: #f0f0f0;
    opacity: 0;
    z-index: 2;
    animation-name: cPanelArrowPulseAnimation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out
}

@keyframes cPanelArrowPulseAnimation {
    0% {
        opacity: 1;
        width: 0%;
        padding-bottom: 0
    }

    50% {
        opacity: 0;
        width: 20%;
        padding-bottom: 20%
    }

    100% {
        opacity: 0;
        width: 0%;
        padding-bottom: 0
    }
}

@media (max-width: 767px) {
    .cPanelContent {
        margin:auto;
        padding: 0;
        background: #1086ff;
        text-align: center;
        display: inherit
    }
}

.solu-offer ul li {
    float: left;
    padding: 0 0 30px 55px;
    position: relative;
    width: 33.33%;
    line-height: 21px;
    font-weight: 500
}

.solu-offer ul li img {
    left: 0;
    position: absolute;
    top: 5px
}

.solu-offer ul li span {
    display: block
}

@media (max-width: 767px) {
    .solu-offer ul li {
        width:50%;
        padding: 0 0 20px 40px
    }

    .solu-offer ul li img {
        width: 35px
    }
}

@media (max-width: 479px) {
    .solu-offer ul li {
        width:100%;
        padding: 1px 0 15px 40px
    }

    .solu-offer ul li img {
        width: auto;
        height: 22px;
        top: 0
    }

    .solu-offer ul li span {
        display: inline-block
    }
}

.dimondBg {
    background-size: cover;
    padding: 50px 0;
    overflow: hidden
}

.statsList.borNone {
    border-top: none
}

.statsList.borNone li {
    margin-top: 0
}

.statsList li {
    border-left: 1px solid #ccc;
    padding: 20px 20px 20px 65px;
    margin-top: 40px;
    width: 22%;
    float: left;
    color: #646464;
    font-size: 19px;
    font-weight: 700;
    position: relative
}

.statsList li span {
    position: absolute;
    left: 20px;
    top: 30px;
    color: #1086ff;
    font-size: 68px;
    font-weight: 700;
    font-family: 'Roboto Condensed',sans-serif
}

.statsList li:nth-child(3),.statsList li:nth-child(4) {
    width: 28%
}

@media (max-width: 999px) {
    .dimondBg {
        padding:20px 0
    }
}

@media (max-width: 479px) {
    .statsList li {
        width:100%;
        float: none;
        border-bottom: 1px solid #ccc;
        border-left: none;
        padding-bottom: 10px;
        margin: 0
    }
}

@media (max-width: 767px) {
    .statsList li {
        width:100%
    }

    .statsList li:nth-child(3),.statsList li:nth-child(4) {
        width: 100%
    }
}

@media (max-width: 999px) {
    .statsList li {
        padding:10px 10px 10px 45px;
        margin-top: 20px;
        font-size: 17px
    }

    .statsList.borNone li {
        margin-top: 20px
    }
}

@media (max-width: 999px) {
    .statsList li span {
        left:10px;
        top: 20px;
        font-size: 50px
    }

    .cPanelContent>div:after {
        display: none
    }

    .cPanelArrowPulse {
        display: none
    }
}

.best-yel {
    background: #ffd492
}

.best-blue {
    background: #92ebff
}

.best-gray {
    background: #ccc
}

.best-gree {
    background: #88ffbe
}

.best-light-b {
    background: #afd7ff
}

.best-dark-b {
    background: #83a9ff
}

.best-purple {
    background: #ffbcee
}

.best-pink {
    background: #deffa8
}

.first-rank-seo {
    margin: 0;
    padding: 0;
    text-align: center
}

.first-rank-seo li {
    background-color: #fff;
    box-shadow: .5px 1px 5px 1px #00aeef;
    border-radius: 15px;
    display: inline-block;
    margin: 0 1% 30px;
    padding: 20px 10px;
    text-align: center;
    vertical-align: top;
    width: 22%
}

.first-rank-icons {
    background-image: url(../images/show-more.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 70px;
    width: 200px;
    text-indent: -999em
}

.first-rank-icons.logo-1 {
    background-position: -17px -717px
}

.first-rank-icons.logo-2 {
    background-position: -10px -813px
}

.first-rank-icons.logo-3 {
    background-position: -10px -894px
}

.first-rank-icons.logo-4 {
    background-position: -10px -972px
}

.first-rank-icons.logo-5 {
    background-position: -10px -1042px
}

.first-rank-icons.logo-5 {
    background-position: -10px -1039px
}

.first-rank-icons.logo-6 {
    background-position: -10px -1135px
}

.first-rank-icons.logo-7 {
    background-position: -10px -1215px
}

.first-rank-icons.logo-8 {
    background-position: -10px -1295px
}

.first-rank-icons.logo-9 {
    background-position: -153px -10px
}

.first-rank-icons.logo-10 {
    background-position: -153px -91px
}

.first-rank-icons.logo-11 {
    background-position: -153px -171px
}

.first-rank-icons.logo-12 {
    background-position: -153px -251px
}

.first-rank-icons.logo-14 {
    background-position: -153px -411px
}

.first-rank-icons.logo-15 {
    background-position: -153px -491px
}

.first-rank-icons.logo-16 {
    background-position: -153px -571px
}

.show-more {
    background-color: #03a84e;
    border-radius: 3px;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.12);
    color: #fff;
    display: inline-block;
    font-family: roboto,sans-serif;
    font-size: 21px;
    font-weight: 400;
    padding: 10px 80px;
    word-wrap: break-word;
    white-space: normal
}

.moretext {
    display: none
}

@media only screen and (max-width: 1190px) {
    .first-rank-seo li {
        width:30%
    }
}

@media only screen and (max-width: 768px) {
    .first-rank-seo li {
        width:46%;
        padding: 5px;
        margin: 0 1% 10px
    }
}

@media only screen and (max-width: 480px) {
    .first-rank-seo li {
        width:80%;
        padding: 5px;
        margin: 0 0 25px;
        height: auto!important
    }
}

.text-seo li {
    padding-left: 20px;
    position: relative;
    font-size: 16px;
    margin-bottom: 20px
}

.text-seo li i {
    color: #007eff;
    font-size: 20px;
    margin-right: 15px
}

.design-chat-bg {
    background: #f4f4f4;
    padding: 30px
}

.design-chat {
    display: flex;
    text-align: center;
    padding: 2rem 0;
    align-items: center
}

.design-chat-h2 span {
    font-style: italic;
    font-size: 2rem
}

.design-chat-a {
    margin: 0 auto;
    font-family: Lato,sans-serif;
    color: #253746;
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 900;
    display: block;
    text-decoration: none
}

.design-btn {
    font-size: 2.5rem;
    font-weight: 600;
    margin: 0 auto;
    line-height: 1;
    display: block;
    font-family: Lato,sans-serif
}

@media only screen and (max-width: 780px) {
    .design-chat {
        display:inline-block;
        text-align: center;
        padding: 2rem 0;
        align-items: center
    }
}

@media only screen and (max-width: 780px) {
    #feedback {
        width:70px
    }

    #feedback a {
        display: block;
        background: #fcb03b;
        height: 35px;
        padding-top: 5px;
        width: 120px;
        text-align: center;
        color: #fff;
        font-family: Arial,sans-serif;
        font-size: 17px;
        font-weight: 700;
        text-decoration: none
    }
}

.section_title {
    margin-bottom: 40px
}

.section_title h2 {
    color: #333;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase
}

.brand_border .fa.fa-minus {
    color: #fff;
    font-size: 8px;
    height: 2px;
    background: #f8c01b none repeat scroll 0 0;
    width: 100px
}

.brand_border .fas.fa-handshake {
    font-size: 14px;
    color: #000
}

.section_title p {
    color: #333;
    font-size: 14px;
    line-height: 25px;
    padding-top: 10px
}

.choose_us .section_title {
    margin-top: 45px
}

#service .single_service {
    padding: 32px;
    background: #f3f3f3;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1)
}

#service .single_service:hover {
    box-shadow: 10px 10px 15px rgba(0,0,0,.4)
}

#service .icon {
    border: 1px solid #666;
    border-radius: 5%;
    color: #333;
    font-size: 35px;
    line-height: 65px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 70px
}

#service .single_service .single_service-left {
    padding-right: 25px
}

.single_service-heading {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000
}

.single_service-body p {
    font-size: 13px;
    line-height: 25px
}

.single_service-left {
    display: table-cell;
    vertical-align: top
}

.single_service-body {
    color: #333;
    display: table-cell;
    vertical-align: top
}

.hvr-curl-top-right {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative
}

#service .single_service:hover {
    background: #f8c01b none repeat scroll 0 0
}

@media (min-width: 992px) {
    .logo-header {
        height:100vh;
        padding-bottom: 0
    }

    .logo-header h1 {
        font-size: 4rem
    }

    .logo-header p {
        width: 60%
    }
}

@media (max-width: 480px) {
    .logo-header h1 {
        font-size:2.4rem
    }
}

.work-process .process-boxs {
    min-height: 33rem;
    display: flex
}

.work-process .process-boxs .circle-box {
    padding-left: .9rem
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

.pl-20 {
    padding-left: 2rem
}

.mt-25 {
    margin-top: 2.5rem!important
}

@media (max-width: 600px) {
    .work-process .process-boxs {
        display:inline-block
    }
}

.why-diff h2 {
    color: #0f1341;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 500
}

@media screen and (max-width: 600px) {
    .why-diff h2 {
        color:#0f1341;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 500
    }
}

.sprite {
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block
}

.sprite-1strank {
    width: 125px;
    height: 55px;
    background-position: -5px -5px
}

.sprite-greatassignment {
    width: 125px;
    height: 55px;
    background-position: -140px -5px
}

.sprite-grosdata {
    width: 125px;
    height: 55px;
    background-position: -5px -70px
}

.sprite-mast-kalandar {
    width: 150px;
    height: 55px;
    background-position: -5px -135px
}

.sprite-rexton {
    width: 116px;
    height: 42px;
    background-position: -140px -70px
}

.sprite-tangensys {
    width: 125px;
    height: 55px;
    background-position: -5px -200px
}

.sprite-tata {
    width: 125px;
    height: 55px;
    background-position: -140px -200px
}

.sprite-travels2nepal {
    width: 125px;
    height: 55px;
    background-position: -275px -5px
}

.sprite-unichaya {
    width: 125px;
    height: 55px;
    background-position: -266px -70px
}

.sprite-wod {
    width: 116px;
    height: 22px;
    background-position: -165px -135px
}

.sidebar-contact {
    position: fixed;
    z-index: 99999;
    top: 50%;
    left: -450px;
    transform: translateY(-35%);
    width: 450px;
    height: auto;
    padding: 20px 40px;
    background-image: linear-gradient(#fff,#1083f9);
    box-sizing: border-box;
    transition: .5s
}

.sidebar-contact.active {
    left: 0
}

.sidebar-contact input,.sidebar-contact input[type=email],.sidebar-contact select,.sidebar-contact textarea {
    width: 100%;
    height: 36px;
    padding: 5px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.5);
    outline: 0
}

.sidebar-contact h2 {
    padding: 0;
    font-size: 24px;
    color: #000
}

.sidebar-contact p {
    margin: 0 0 20px;
    padding: 0;
    font-size: 16px;
    color: #000
}

.sidebar-contact p span {
    color: red
}

.sidebar-contact textarea {
    height: 80px;
    resize: none
}

.sidebar-contact input[type=submit] {
    background: #000;
    color: #fff;
    cursor: pointer;
    border: none;
    font-size: 18px
}

.contact-add span {
    font-size: 15px;
    color: #000;
    font-weight: 600
}

.contact-add i {
    float: left;
    font-size: 40px;
    color: #fff;
    margin-right: 10px
}

.toggle {
    position: absolute;
    height: 48px;
    width: 48px;
    text-align: center;
    cursor: pointer;
    background: red;
    top: 0;
    right: -48px;
    line-height: 48px
}

.toggle:before {
    content: '\f003';
    font-family: fontAwesome;
    font-size: 18px;
    color: #fff
}

.toggle.active:before {
    content: '\f00d'
}

@media(max-width: 768px) {
    .sidebar-contact {
        width:100%;
        height: 100%;
        left: -100%
    }

    .sidebar-contact .toggle {
        top: 50%;
        transform: translateY(-50%);
        transition: .5s
    }

    .sidebar-contact.active .toggle {
        top: 0;
        right: 0;
        transform: translateY(0)
    }

    .scroll {
        width: 100%;
        height: 100%;
        overflow-y: auto
    }

    .content {
        padding: 50px 50px
    }
}

#fixed-social {
    top: 40%;
    position: fixed;
    z-index: 99999;
    left: 97%
}

#fixed-social a {
    color: #fff;
    display: block;
    height: 40px;
    position: relative;
    text-align: center;
    line-height: 40px;
    width: 40px;
    margin-bottom: 1px;
    z-index: 2
}

#fixed-social a:hover>span {
    visibility: visible;
    right: 41px;
    opacity: 1
}

#fixed-social a span {
    line-height: 40px;
    right: 160px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: .5s;
    z-index: 1;
    opacity: 0
}

.fixed-facebook {
    background-color: #00aae5
}

.fixed-facebook span {
    background-color: #00aae5
}

.fixed-twitter {
    background-color: #7d3895
}

.fixed-twitter span {
    background-color: #7d3895
}

.fixed-gplus {
    background-color: #00af54
}

.fixed-gplus span {
    background-color: #00af54
}

.fixed-linkedin {
    background-color: #ffc41e
}

.fixed-linkedin span {
    background-color: #ffc41e
}

.fixed-instagrem {
    background-color: #ed2b29
}

.fixed-instagrem span {
    background-color: #ed2b29
}

.fixed-tumblr {
    background-color: #eb1471
}

.fixed-tumblr span {
    background-color: #eb1471
}

@media(max-width: 768px) {
    #fixed-social {
        display:none
    }
}

#services .outer-circle {
    width: 141px;
    height: 141px;
    border-radius: 50%;
    padding: 10px
}

.light-grey {
    background-color: #e8e7e7
}

#services a.inner-circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #0c58a9;
    text-align: center
}

#services a.inner-circle .icon-1 {
    width: 52px;
    height: 40px;
    margin: auto;
    background-size: 26px!important;
    background: url(../images/drain-hover.png) no-repeat 14px 15px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

#services a.inner-circle .icon-2 {
    width: 70px;
    height: 70px;
    margin: auto;
    background-size: 40px!important;
    background: url(../images/rinch.png) no-repeat 14px 15px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

#services a.inner-circle .icon-3 {
    width: 70px;
    height: 70px;
    margin: auto;
    background-size: 40px!important;
    background: url(../images/sewer.png) no-repeat 14px 15px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

#services a.inner-circle .icon-4 {
    width: 70px;
    height: 70px;
    margin: auto;
    background-size: 40px!important;
    background: url(../images/emergency.png) no-repeat 14px 15px;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

#services a.inner-circle span {
    font-size: 13px;
    text-align: center;
    line-height: 20px
}

#services a.inner-circle::before {
    background: #ff9600;
    width: 125px;
    height: 125px;
    border-radius: 50%
}

.white {
    color: #fff
}

@media only screen and (max-width: 736px) and (min-width:320px) {
    #services .outer-circle {
        width:141px;
        height: 141px;
        border-radius: 50%;
        padding: 10px;
        margin-bottom: 20px
    }
}

.snow1 {
    background: url(../images/snow.png);
    background-repeat: repeat;
    z-index: 9999;
    width: 100%;
    height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    animation: snowOne 10s infinite linear
}

.snow2 {
    background: url(../images/snow.png);
    background-repeat: repeat;
    z-index: 9999;
    width: 100%;
    height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    animation: snowTwo 10s infinite linear;
    background-size: 300px;
    filter: blur(1px)
}

.snow3 {
    background: url(../images/snow.png);
    background-repeat: repeat;
    z-index: 9999;
    width: 100%;
    height: 550px;
    position: absolute;
    top: 0;
    left: 0;
    animation: snowThree 10s infinite linear;
    background-size: 800px;
    filter: blur(2px)
}

@keyframes snowOne {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 100px 750px
    }
}

@keyframes snowTwo {
    0% {
        background-position: 0 -100px
    }

    100% {
        background-position: 0 750px
    }
}

@keyframes snowThree {
    0% {
        background-position: 0 100px
    }

    100% {
        background-position: 300px 750px
    }
}

@media only screen and (max-width: 736px) and (min-width:320px) {
    .snow1,.snow2,.snow3 {
        display:none
    }
}

.portf {
    background-color: #fff;
    box-shadow: 1px 2px 10px #c7c7c7;
    height: 150px;
    margin-bottom: 20px
}

.portf img {
    padding: 45px 10px;
    margin: 0 auto
}

.mt-70 {
    margin-top: 70px
}

.mt-30 {
    margin-top: 30px
}

.view-all {
    float: right;
    background: #017eff;
    border: #017eff;
    border-radius: 20px;
    padding: 8px 20px;
    margin: 10px 20px;
    color: #fff
}

.we-are-section .content-column .inner-column h3 {
    position: relative;
    color: #0f1341;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.4em;
    margin-bottom: 15px;
    text-transform: uppercase
}

.text-slide {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 32px
}

.carousel-caption {
    left: 0;
    right: 0;
    bottom: 75px;
    padding: 30px 100px;
    text-align: left;
    width: 70%;
    background: linear-gradient(90deg,#00448b,transparent)
}

.input-submit {
    background: #00448b;
    color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-size: 20px;
    z-index: 1;
    border-radius: 20px;
    transition: 400ms ease-in-out;
    padding: 8px 15px
}

.mt-20 {
    margin-top: 20px
}

.pkg-submit {
    background: #4fa730;
    margin-left: 30px;
    color: #fff;
    font-size: 20px;
    border-radius: 20px
}

.ml-30 {
    margin-left: 30px
}

.carousel-control {
    width: 7%
}

.text-54 {
    font-size: 32px;
    margin-bottom: 20px
}

.text-24 {
    font-size: 31px;
    color: #fce247;
    -webkit-text-stroke: 1px #ffda00;
    text-shadow: 1px 2px 5px #000
}

.tx-24 {
    font-size: 22px
}

.tx-31 {
    font-size: 40px;
    -webkit-text-stroke: 1px #ffda00;
    text-shadow: 1px 2px 5px #000
}

.tx-19 {
    font-size: 20.5px
}

.tx-20 {
    font-size: 34px;
    -webkit-text-stroke: 1px #ffda00;
    text-shadow: 1px 2px 5px #000
}

.tx-22 {
    font-size: 18px
}

@media only screen and (max-width: 799px) {
    .carousel-caption {
        display:none
    }
}

.dropdown-submenu li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    text-transform: capitalize;
    transition: all .2s ease
}

.dropdown-submenu li a {
    position: relative;
    display: block;
    padding: 7px 0;
    line-height: 24px;
    font-weight: 500;
    font-size: 16px;
    color: #007eff;
    text-align: left;
    text-transform: capitalize;
    transition: all .2s ease
}

.main-menu .navigation>li>ul>li>ul>li:hover .dropdown-submenu {
    display: block!important;
    transition: all .2s ease!important
}

.dropdown-submenu li a:hover {
    color: #000;
    border-bottom: 1px solid #000
}

.btab {
    background: linear-gradient(170deg,#e3211f,#f6e53f);
    border: 1px solid #e85528;
    border-radius: 5px;
    margin: 20px 0
}

.btan {
    display: inline-block;
    padding: 15px 20px 15px 0
}

.btan h3 {
    color: #fff;
    line-height: 32px;
    font-family: Oldventure;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px
}

.btan p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
    line-height: 24px
}

.nt-4 {
    margin-top: 30px
}

.news-btns {
    background: #0da803;
    border: none
}

.bg-ira {
    background-color: #fdefdd;
    padding: 20px;
    border-radius: 4px
}

.ui h3 {
    color: #395b74;
    font-size: 25px;
    font-weight: 900;
    text-transform: uppercase;
    border-bottom: 3px solid #395b74
}

.bst-main {
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.ui.up-to-date {
    margin-top: 80px
}

.ui.security {
    margin-top: 83px
}

.Designs {
    margin-top: 8px
}

.interface {
    margin-top: 8px
}

.col-md-4.col-sm-12.col-xs-12.uid {
    padding: 0
}

.col-md-4.col-sm-12.col-xs-12.uidi {
    padding: 0
}

.col-md-4.col-sm-12.col-xs-12.uidi img {
    width: 100%;
    margin-top: 4px
}

.up-to-date h3 {
    color: #0ea5c2;
    border-bottom: 3px solid #0ea5c2
}

.security h3 {
    color: #8b9dab;
    border-bottom: 3px solid #8b9dab;
    text-align: right
}

.interface h3 {
    color: #74b95e;
    border-bottom: 3px solid #74b95e;
    text-align: right
}

.input-blue:hover {
    color: #efd54b
}

.ui p {
    font-size: 17px;
    line-height: 29px;
    color: #5f5f5f;
    font-weight: 400;
    margin: 10px 0
}

.services-single h2 {
    position: relative;
    color: #00448b;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4em
}

.tx-heading h2 {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 10px
}

.tx-heading span {
    position: relative;
    color: #395b74;
    font-family: Alegreya,serif
}

.tx-heading span::after {
    position: absolute;
    content: "";
    bottom: -8px;
    left: 0;
    height: 4px;
    width: 100%;
    background: -moz-linear-gradient(left,#488fed 0,#291fbc 100%);
    background: linear-gradient(to right,#facd81 0,#ff4800 100%);
    background: -webkit-linear-gradient(left,#488fed 0,#291fbc 100%);
    background: linear-gradient(to right,#9ecae8 0,#0ea5c2 100%)
}

.services-single .inner-box span {
    color: #5ab8d6
}

.heading_white span {
    color: #5ab8d6
}

@media (max-width: 767px) {
    .bst-main {
        width:100%
    }
}

.box-why .my_h,.box-why h3 {
    width: 164px;
    left: -40px;
    transform: rotate(630deg)
}

.box-why .my_h,.box-why .my_h2,.box-why .my_h3,.box-why h3 {
    transform: rotate(630deg)
}

.tabs_s .nav li a p,.tabs_s .vertical-tab .nav-tabs li a h2 {
    font-size: calc(1rem + 1vh);
    padding: 0 40px
}

.button_free,.web_button {
    font-size: 20px;
    color: #000
}

.btn-style-contact,.btn-submit {
    line-height: 24px;
    font-family: Poppins,sans-serif
}

.input-submit:hover {
    color: #fff;
    background: #fcb03b
}

.box-why {
    background: #44a0fe;
    height: 80px;
    position: relative;
    width: 80px;
    transform: rotate(90deg);
    display: block;
    margin-bottom: 63px;
    margin-left: -15px;
    top: 15px
}

.box-why h3 {
    position: absolute;
    top: -150px;
    color: #00448b!important
}

.box-why .my_h {
    position: absolute;
    top: -152px
}

.box-why .my_h2 {
    position: absolute;
    width: 268px;
    left: -92px;
    top: -205px
}

.box-why .my_h3 {
    position: absolute;
    width: 277px;
    left: -101px;
    top: -213px
}

.box-why:before {
    border-bottom: 30px solid #44a0fe;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -30px;
    width: 0
}

.img_child {
    position: absolute;
    transform: rotate(270deg);
    left: 16px;
    top: -2px
}

.my_col {
    position: relative;
    padding: 0
}

.my_col h2 {
    position: absolute;
    top: 200px;
    right: 40px;
    font-size: 40px
}

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

.office-content-info ul li,.office-content-info ul li a {
    position: relative;
    color: #ccc;
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 10px
}

.office-content-info ul li {
    font-size: 23px;
    margin: 0 8px
}

.fa-spin {
    animation: 2s linear infinite fa-spin
}

.blink {
    text-decoration: blink;
    animation-name: blinker;
    animation-duration: .5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate
}

@keyframes blinker {
    from {
        opacity: 5
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes blinker {
    from {
        opacity: 5
    }

    to {
        opacity: 0
    }
}

.bg-color,.bg-gray {
    background: #f2f3f5
}

.d-flex,.dsigning-india-flex,.list-plan {
    display: flex
}

.tabs_s .vertical-tab .nav-tabs li a h2 {
    text-align: left;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase
}

.tabs_s .vertical-tab .tab-content h3 {
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 5px
}

.tabs_s .seo_content h4 {
    font-size: 22px;
    font-weight: 600;
    color: #00448b;
    position: relative;
    display: inline-block
}

.tabs_s .seo_content h4:after {
    position: absolute;
    background: #080808;
    content: "";
    width: 154px;
    height: 1px;
    right: -188px;
    top: 50%
}

.tabs_s .seo_content .tabs_list {
    column-count: 3;
    padding: 21px 0
}

.tabs_s .seo_content .tabs_list li {
    position: relative;
    margin-bottom: 10px
}

.tabs_s .seo_content .tabs_list li img {
    margin-right: 10px
}

.tabs_s .vertical-tab .nav-tabs li {
    float: none;
    margin: 13px;
    transition: .5s
}

.tabs_s .vertical-tab .nav-tabs li a {
    color: #111;
    background: 0 0;
    border: 1px solid #e1e1e1;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: capitalize;
    text-align: center;
    padding: 10px 7px 11px;
    margin: 0 1px 2px 0;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: .5s
}

.tabs_s .vertical-tab .nav-tabs li.active a:after,.tabs_s .vertical-tab .nav-tabs li:hover a:after {
    position: absolute;
    background: #85bef9;
    content: "";
    width: 26px;
    height: 26px;
    left: 11px;
    top: 17px;
    border-radius: 50%;
    z-index: 1
}

.tabs_s .vertical-tab .nav-tabs li a:after {
    position: absolute;
    background: 0 0;
    border: 1px solid #e1e1e1;
    content: "";
    width: 26px;
    height: 26px;
    left: 11px;
    top: 17px;
    border-radius: 50%;
    z-index: 1
}

.tabs_s .vertical-tab .nav-tabs li a:hover,.tabs_s .vertical-tab .nav-tabs li.active a,.tabs_s .vertical-tab .nav-tabs li.active a:hover {
    background: linear-gradient(to left,#fff,#fff);
    border: 1px solid #e1e1e1;
    border-radius: 10px
}

.tabs_s .vertical-tab {
    background: #fff;
    font-family: Karla,sans-serif
}

.tabs_s .vertical-tab .nav-tabs {
    display: table-cell;
    background: #020024;
    background: linear-gradient(145deg,#004892 10%,#017eff 80%);
    width: 33%;
    min-width: 25%;
    border: none;
    vertical-align: top;
    padding: 30px;
    border-radius: 30px
}

.tabs_s .vertical-tab .tab-content {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    padding: 15px;
    border: none;
    background: 0 0;
    display: table-cell;
    box-shadow: none
}

.main_h,.my_h53 a,.process-title h2 span,.tabs_s .vertical-tab .nav-tabs li a:hover h2,.tabs_s .vertical-tab .nav-tabs li.active a h2 {
    color: #00448b
}

@media only screen and (max-width: 479px) {
    .tabs_s .vertical-tab {
        padding:20px
    }

    .tabs_s .vertical-tab .nav-tabs {
        width: 100%;
        display: block
    }

    .tabs_s .seo_content .tabs_list {
        column-count: 2
    }

    .tabs_s .seo_content h4:after {
        display: none
    }

    .tabs_s .vertical-tab .tab-content {
        font-size: 14px;
        padding: 15px;
        display: block;
        width: 100%
    }
}

.web_banner_section {
    background-image: url(../images/services/web-development.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.box_col:hover .my_img,.button_free,.web_icons.active .icons,.webdesing-content .input-submit::after,.webdesing-content .input-submit::before {
    background: #fff
}

.web_title p {
    color: #efd107;
    font-size: 18px;
    margin-bottom: 36px
}

.button_free {
    border-radius: 20px
}

.web_title .page-info .bread-crumb {
    position: relative;
    font-size: 15px;
    padding: 18px 0 17px
}

.web_banner_img {
    clip-path: polygon(20% 0%,100% 0%,100% 100%,0% 100%)
}

.web_icons {
    background-color: #fff;
    text-align: center;
    cursor: pointer;
    flex: 0 0 18%;
    max-width: 18%;
    padding: 15px;
    box-shadow: 0 0 10px #e1e1e1;
    border-radius: 7px
}

.web_icons h4 {
    color: #000
}

..box_col:hover .pera_one,.box_col:hover a,.box_col:hover p,.consult-left p,.contact-inner-column-2 .upper-box .info-slide .inner h3,.mobile-app-sixbox:hover .mobile-app-contnet,.mobile-app-sixbox:hover .mobile-app-contnet ul li span,.nio-dia-service-innerbox:hover .nio-dia-service-text h3,.nio-dia-service-innerbox:hover .nio-dia-service-text p,.nio-dia-service-innerbox:hover .nio-dia-service-text p a,.process-section .tab .nav-tabs li a:hover,.service_text_shadow h4 a,.smo-content.active h3,.smo-content.active p,.smo-content.active p a,.smo-content:hover h3,.smo-content:hover p,.web_icons.active h4 {
    color: #fff
}

.web_icons.active {
    background: #00448b;
    border-color: #00448b
}

.web_icons .icons {
    display: inline-block;
    padding: 2px;
    margin: 10px 0;
    background: #f7f7f7;
    border-radius: 50%
}

.web_icons_wrapper {
    display: flex;
    justify-content: space-between;
    padding: 20px
}

.brand-section,.ptb {
    padding: 40px 0
}

.web_services .web_content {
    padding: 50px 20px
}

.address-div,.ezlogocenter,.hire,.main-section .container,.section-border span,.web_services {
    position: relative
}

.services_img3 {
    position: relative;
    top: -57px
}

.web_button {
    position: absolute;
    left: 85%;
    background: #d8e5fa;
    border-radius: 20px;
    z-index: 1;
    padding: 10px;
    top: 73%;
    display: inline-block
}

.box_col:hover,.my_img {
    background: #00448b
}

.web_button a {
    font-size: 24px;
    font-weight: 600;
    color: #00448b
}

.web_button p {
    font-size: 16px;
    text-align: right;
    color: #0079ff
}

.pera_one,.pricing_head h2 {
    color: #00448b;
    text-align: center
}

.my_img {
    border-radius: 10px;
    width: 45px;
    margin: 10px auto 16px
}

@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width: 750px) {
    .main_row_img {
        display:flex;
        justify-content: space-between
    }
}

.calls-nx {
    padding: 20px 0
}

.box_col {
    border: 1px solid #999;
    border-radius: 6px;
    padding: 20px;
    text-align: center;
    font-size: 18px;
    transition: .4s ease-in-out
}

.pera_one {
    font-weight: 600;
    font-size: 16px;
    line-height: initial
}

#my1,.box_col:hover .my_img #my,.my-slider.owl-theme .owl-dots .owl-dot span,.process-last:before,.tabs_s,.uix-tabs__content {
    display: none
}

.box_col:hover .my_img #my1,.sevices-six-slide-text.show,.tabs_s.active,.uix-tabs__content.active {
    display: block
}

@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

.sub-tab {
    display: flex;
    justify-content: center;
    background: #e1e1e1;
    align-items: center
}

.sub-tab li a {
    margin: 0;
    background: 0 0;
    color: #000;
    font-size: 18px
}

.pricing_head h2 {
    font-size: 36px;
    font-weight: 700
}

.tabs_s .tab-content {
    border: none;
    padding: 0;
    box-shadow: -1px 6px 10px 0 #dbdbdb
}

.nav-pills>li+li,.review-text p {
    margin: 0
}

.nav-pills.sub-tab>li.active>a,.nav-pills.sub-tab>li.active>a:focus,.nav-pills.sub-tab>li.active>a:hover {
    color: #017eff;
    background-color: initial;
    border-right: 1px solid #858585;
    border-radius: 0
}

.pd,.seo-tabs {
    margin-bottom: 60px
}

.Pricing-page-bread-crumb {
    margin-top: 60px
}

.div_1 {
    background: #abd5ff;
    border-radius: 15px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    min-height: 240px;
    padding: 20px
}

.my_h53 {
    float: left;
    padding-top: 37px;
    padding-left: 0;
    font-weight: 700;
    font-size: 2rem
}

.first_p,h5.service-sub-heading {
    font-size: 20px;
    text-align: center
}

.my_img3 {
    float: right;
    padding-top: 18px;
    padding-right: 28px
}

.my_p2 {
    font-weight: 500;
    float: left;
    width: 100%;
    color: #000
}

.first_p {
    color: #686868;
    max-width: 70%;
    margin: auto
}

.mobile-applctn-heading.padding-bottom {
    padding-bottom: 20px
}

h5.service-sub-heading {
    font-weight: 500
}

h2.service-heading {
    text-align: center;
    font-weight: 600
}

.contact-section-1 {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.contact-inner-column {
    position: relative;
    padding: 30px 35px 10px;
    box-shadow: 1px 5px 4px 0 rgb(195 195 195 / 75%);
    -webkit-box-shadow: 1px 5px 4px 0 rgb(195 195 195 / 75%);
    -moz-box-shadow: 1px 5px 4px 0 rgb(195 195 195 / 75%);
    background: #dbeafa;
    border-radius: 20px
}

.contact-inner-column h2 {
    position: relative;
    color: #0a4a8e;
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 12px;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase
}

.contactus-form input[type=email],.contactus-form input[type=text],.contactus-form textarea {
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    padding: 5px 10px;
    font-weight: 300;
    background: 0 0;
    display: block
}

.contactus-form .form-group {
    margin-bottom: 68px
}

.contactus-form input[type=email],.contactus-form input[type=text] {
    height: 45px;
    border: none;
    border-bottom: 2px solid #fff;
    transition: .5s;
    -webkit-transition: .5s
}

.contactus-form textarea {
    border: 2px solid #fff;
    transition: .5s;
    -webkit-transition: .5s
}

.contactus-form .column:last-child .form-group {
    margin: 0;
    text-align: right
}

.section-contact-bottom {
    background: #f9ecd9;
    padding: 41px
}

.contact-bottom {
    display: flex;
    justify-content: center;
    align-items: end
}

.p-0,.section-tabs .panel-body,.section-tabs .tab-content .tab-pane {
    padding: 0
}

.contact-inner-column-2 {
    background: #00438a;
    border-radius: 70px;
    padding: 10px 33px
}

.info-slide .inner,.leading-img figure,.mobile-applctn-heading p,.my-slider.owl-carousel .owl-dots {
    text-align: center
}

.info-slide .image {
    position: relative;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 15px
}

.lower-box .contact-list .icons {
    text-align: center;
    margin-top: 15px
}

.lower-box .contact-list .icons i {
    color: #fcb03b;
    font-size: 26px
}

.lower-box .contact-list h4 {
    font-size: 25px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.lower-box .contact-list li {
    text-align: center;
    color: #fff
}

.lower-box .contact-list .icons:nth-of-type(2) {
    background: #fcb03b;
    width: 40px;
    border-radius: 50%;
    height: 40px;
    margin: 15px auto auto
}

.section_title {
    margin-bottom: 40px
}

.section_title h2 {
    color: #333;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase
}

.brand_border .fa.fa-minus {
    color: #fff;
    font-size: 8px;
    height: 2px;
    background: #f8c01b;
    width: 100px
}

#service .single_service {
    padding: 32px;
    background: #f3f3f3;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 10%)
}

#service .single_service .single_service-left {
    padding-right: 25px
}

.single_service-left {
    display: table-cell;
    vertical-align: top
}

#service .icon {
    border: 1px solid #666;
    border-radius: 5%;
    color: #333;
    font-size: 35px;
    line-height: 65px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 70px
}

.single_service-body {
    color: #333;
    display: table-cell;
    vertical-align: top
}

.single_service-heading {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000
}

.Startpro {
    background: url(../images/blue-waves.webp) center no-repeat #007eff;
    text-align: center;
    padding: 30px 0
}

.Startpro h2 {
    display: block;
    color: #fff;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 15px
}

.Startpro a {
    display: inline-block;
    width: 210px;
    height: 48px;
    line-height: 48px;
    font-size: 21px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff
}

.contact-form-column {
    float: none;
    padding: 20px 0 102px;
}
.recaptch_contact-form{
    margin-top: -40px;
}

.contact-page-title {
    position: relative;
    background-size: cover;
    background-color: #3cb878;
    background-repeat: no-repeat;
    padding: 100px 0 70px;
    background-position: center bottom
}

.contact-title h1 {
    position: relative;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    line-height: 1.3em;
    margin-bottom: 10px;
    text-transform: capitalize
}

.btn-default,.btn-style-contact,.btn-submit,.submit_btn_form button {
    text-transform: uppercase
}

.contactus-form input[type=email]::-webkit-input-placeholder,.contactus-form input[type=text]::-webkit-input-placeholder,.contactus-form textarea::-webkit-input-placeholder {
    color: #0a4a8e;
    font-size: 16px;
    font-weight: 700
}

.lower-box .contact-list .icons:nth-of-type(2) i {
    color: #00438a;
    line-height: 41px;
    transform: rotate(320deg)
}

.btn-style-contact {
    position: relative;
    color: #fff!important;
    font-size: 18px;
    font-weight: 700;
    background: #fcb03b;
    display: inline-block;
    padding: 12px 32px;
    border-radius: 10px;
    border: 2px solid #fcb03b;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.contact-list li span.icon {
    float: right;
    margin: -15px 0
}

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

.submit_btn_form {
    flex: 0 0 35%;
    max-width: 35%
}

.captcha_robot {
    text-align: center;
    flex: 0 0 45%
}

.captcha_robot img {
    max-width: 30px
}

.submit_btn_form button {
    width: 100%;
    font-weight: 600;
    padding: 10px;
    background: #c8f3fa;
    font-size: 15px
}

.main-banner {
    background: url(https://www.pnjsharptech.com/images/cc/contact-jpg.jpg) 60%/cover;
    height: 280px
}

.main-section {
    background: #d5e7fa;
    padding-top: 50px;
    padding-bottom: 100px;
    position: relative
}

.main-first-img {
    position: absolute;
    left: -162px;
    bottom: 0x
}

.main-first-img img {
    animation: 2s ease-in-out infinite alternate up-down
}

@keyframes up-down {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10px)
    }
}

.main-second-img {
    position: absolute;
    right: -140px;
    bottom: 0
}

.h2-text,.h2-text h3,.pnj-form {
    position: relative
}

.main-section h1 {
    color: #00438a;
    font-weight: 700;
    word-spacing: 5px;
    padding-bottom: 10px;
    font-size: 42px
}

.pnj-form {
    background: #00438a;
    padding-top: 60px;
    padding-bottom: 10px;
    max-width: 90%;
    margin-left: auto
}

.form-control {
    height: 40px;
    font-size: 18px;
    color: #00438a!important;
    font-weight: 600;
    border: none
}

.btn-default {
    color: #00438a;
    background-color: #fff;
    border-color: #ccc;
    padding: 8px 60px 8px 24px;
    border-radius: 0;
    font-weight: 600
}

.h2-text {
    border-radius: 10px;
    margin-top: 96px
}

.h2-text .inner-div-2 {
    position: absolute;
    width: 200px;
    height: 55px;
    background: #00438a;
    border-radius: 20px;
    right: -10px;
    top: -22px;
    z-index: 0
}

.h2-text h3 {
    padding: 10px 20px;
    color: #00438a;
    background: #fff;
    margin: 0;
    z-index: 1;
    width: fit-content;
    border-radius: 50px;
    font-size: 20px
}

.first-p {
    font-weight: 600;
    font-size: 20px;
    color: #000
}

.address-div-pnj {
    background: #fff;
    padding: 0 15px;
    margin-top: 10px
}

.address-div-pnj h4 {
    color: #00438a;
    font-weight: 600;
    text-align: center;
    font-size: 24px;
    padding-top: 10px
}

.first {
    margin-top: 20px
}

.first p {
    line-height: 1;
    text-align: left
}

.first p span {
    font-size: 15px;
    color: #00438a;
    font-weight: 400
}

.first p i {
    width: 40px;
    height: 40px;
    margin-left: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #ebebeb;
    border-radius: 50%;
    border: 1px solid #000
}

.last-image {
    position: absolute;
    left: -2px;
    bottom: -75px
}

.last-image img {
    width: 355px
}

.form-outer {
    position: absolute;
    bottom: -64px;
    left: 0
}

.ad-2,.main-row {
    position: relative
}

.main-row {
    padding: 0 60px
}

.ad-2 {
    left: -100px;
    width: 110%
}

.circle {
    width: 50px;
    height: 50px;
    background: #00438a;
    position: absolute;
    border-radius: 50%;
    right: 16px;
    top: 40px
}

.text-area textarea {
    resize: none
}

.images-container img {
    border: 5px solid #0b3e6f;
    border-radius: 20px 10px 10px;
    transtion: 3s
}

.inside-image:hover img {
    border: 5px solid #fec716;
    border-radius: 20px 10px 10px
}

.inside-image {
    position: relative;
    color: #fff;
    margin-top: 30px;
    width: max-content
}

.service_text_shadow {
    position: absolute;
    top: 8px;
    left: 16px;
    text-shadow: 2px 2px #000;
    font-size: 22px
}

.service_text_shadow h4 {
    text-shadow: 2px 0 0 #000,-2px 0 0 #000,0 2px 0 #000,0 -2px 0 #000,1px 1px #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;
    font-size: 22px;
    width: 60%
}

.images-container {
    padding: 60px 0
}

.second-row {
    margin-top: 50px
}

.images-container h2 {
    text-align: center;
    font-weight: 600;
    padding-top: 20px
}

.above-captcha {
    flex: 0 0 65%;
    max-width: 65%
}

.captcha {
    background-color: #f9f9f9;
    color: #4c4a4b;
    float: right;
    padding: 8px;
    width: 97%
}

.captcha_border {
    border: 2px solid #d3d3d3;
    float: left;
    width: 100%;
    padding: 7px;
    display: flex;
    align-items: center
}

.captcha_robot p {
    font-size: 10px;
    margin: 0;
    line-height: initial!important;
    text-align: center
}

.captcha_robot small {
    font-size: 10px
}

.i-m-not-robot {
    float: left;
    font-size: 14px
}

.spinner {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px
}

.spinner input[type=checkbox] {
    position: absolute;
    opacity: 0;
    z-index: -1
}

.spinner input[type=checkbox]+.checkmark {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #fcfcfc;
    border: 2.5px solid #c3c3c3;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.spinner input[type=checkbox]+.checkmark span {
    content: '';
    position: relative;
    margin-top: -3px;
    transform: rotate(45deg);
    width: .75em;
    height: 1.2em;
    opacity: 0
}

.spinner input[type=checkbox]+.checkmark>span:after {
    content: '';
    position: absolute;
    display: block;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #029f56
}

.spinner input[type=checkbox]+.checkmark>span:before {
    content: '';
    position: absolute;
    display: block;
    width: 3px;
    bottom: 0;
    right: 0;
    background-color: #029f56
}

.spinner input[type=checkbox]:checked+.checkmark {
    animation: 2s forwards spin
}

.spinner input[type=checkbox]:checked+.checkmark>span {
    animation: 1s 1.9s forwards fadein
}

.spinner input[type=checkbox]:checked+.checkmark>span:after {
    animation: .3s 2s forwards bottomslide
}

.spinner input[type=checkbox]:checked+.checkmark>span:before {
    animation: .5s 2.2s forwards rightslide
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes bottomslide {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes rightslide {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

.logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: flex-end;
    margin: .5em 1em
}

.logo p {
    color: #9d9ba7;
    margin: .4em 0 .2em;
    font-size: 1em;
    font-weight: 700
}

.logo small {
    color: #9d9ba7;
    margin: 0;
    font-size: .8em
}

@keyframes spin {
    10% {
        width: 0;
        height: 0;
        border-width: 6px
    }

    30% {
        width: 0;
        height: 0;
        border-radius: 50%;
        border-width: 1em;
        transform: rotate(0);
        border-color: #c7daf5
    }

    50% {
        width: 2em;
        height: 2em;
        border-radius: 50%;
        border-width: 4px;
        border-color: #c7daf5 #5998ef #c7daf5 #c7daf5
    }

    70% {
        border-width: 4px;
        border-color: #c7daf5 #5998ef #c7daf5 #c7daf5
    }

    90% {
        border-width: 4px
    }

    100% {
        width: 2em;
        height: 2em;
        border-radius: 50%;
        transform: rotate(720deg);
        border-color: transparent
    }
}

.pnj-form .form-group input::placeholder {
    font-weight: 400;
    color: #00438a
}

.pnj-form .form-group textarea::placeholder {
    font-weight: 400;
    color: #00438a
}

.pnj-form .form-group textarea {
    height: 100px
}

.tab-flex {
    display: flex;
    gap: 10px
}

.download-img img,.leading-img figure img,.smo-content .icons-box img,.web-process {
    display: inline-block
}

.web-process {
    background: #fffcfc;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    width: 126px;
    height: 126px;
    text-align: center
}

.cta-rquest::after,.smo-services {
    background-repeat: no-repeat;
    background-size: cover
}

.section-title-web h2 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 5px;
    color: #00448b;
    text-transform: capitalize
}

.web-process img {
    position: absolute;
    left: 9%;
    top: 10%
}

.tab-flex p {
    flex: 2
}

.smo-services {
    background-image: url(https://radiustheme.com/demo/html/techkit/assets/images/shape/support-bg-shape.png);
    background-color: #01448b;
    background-attachment: fixed;
    background-position: center 15.7859px;
    padding: 35px 0
}

.smo-content {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 3px 15px 0 rgb(0 0 0 / 11%);
    border: 0 solid #ddd;
    border-radius: 10px;
    text-align: center;
    height: 494px;
    margin-bottom: 30px;
    z-index: 1
}

.smo-content:hover p a {
    color: #fff;
    font-weight: 600
}

.nio-dia-service-innerbox:hover img,.smo-content.hover-img img, {
    transition: .8s linear
}

.smo-title {
    max-width: 1065px;
    margin: auto auto 40px
}

.smo-title h2 {
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px
}

.smo-title p {
    color: #fff;
    text-align: center;
    font-size: 16px
}

.smo-content h3 {
    font-weight: 600;
    color: #00448b;
    font-size: 2.2rem;
    margin-top: 10px
}

.smo-content p {
    font-size: 15px
}

.smo-content.active {
    background-color: transparent;
    background-image: linear-gradient(145deg,#0a54a2,#3e99ff)
}

.cta,.cta-rquest {
    background: linear-gradient(251.22deg,#2678cf 0,#0b498b 99.53%);
    padding: 70px 0;
    position: relative;
    z-index: 2
}

.cta-rquest::after {
    position: absolute;
    content: "";
    background-image: url(../images/bg-decoration.jpg);
    background-position: center center;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    opacity: .2;
    z-index: -1
}

.cta-rquest .part-text h2,.part-text h2 {
    color: #fff;
    font-weight: 600;
    font-size: 32px;
    line-height: 56px;
    letter-spacing: .02em;
    margin: 0
}

.cta-rquest .btn-cta a {
    background: linear-gradient(223.14deg,#f44a33 -17.3%,#e8ae3d 101.56%);
    color: #fff;
    display: inline-block;
    line-height: 48px;
    -webkit-box-shadow: 0 9px 37px rgb(0 0 0 / 20%);
    box-shadow: 0 9px 37px rgb(0 0 0 / 20%);
    border-radius: 50px;
    font-size: 18px;
    text-transform: capitalize;
    padding: 0 24px;
    letter-spacing: 1px;
    position: relative;
    z-index: 2;
    font-weight: 500;
    outline: 0;
    border: none;
    animation: 2s ease-out infinite zoom-in-zoom-out;
    transition: .5s ease-in-out
}

.cta-rquest .btn-cta a:hover {
    animation: none;
    cursor: pointer;
    background: #fff;
    color: #3470b1
}

@keyframes zoom-in-zoom-out {
    0%,100% {
        transform: scale(1,1)
    }

    50% {
        transform: scale(.9,.9)
    }
}

.title-orient {
    padding-top: 10px
}

.social-box h2 {
    position: relative;
    color: #00448b;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 10px
}

.list-items-smo {
    counter-reset: list 0
}

.list-items-smo li {
    position: relative;
    padding-left: 34px;
    margin-bottom: 7px
}

.list-items-smo li:after {
    content: counter(list);
    counter-increment: list 1;
    position: absolute;
    top: 2px;
    left: 0;
    width: 24px;
    font-size: 14px;
    height: 24px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: #0039e4;
    background-image: -moz-linear-gradient(145deg,#4c94cb,#00448b);
    background-image: -webkit-linear-gradient(145deg,#4c94cb,#00448b);
    background-image: linear-gradient(145deg,#4c94cb,#00448b)
}

.why-section {
    padding-top: 60px
}

.process-title {
    padding: 10px 0
}

.process-title h2 {
    font-weight: 700;
    font-size: 3rem;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 15px
}

.webdevelop-section .vertical-tab {
    display: table
}

.webdevelop-section .vertical-tab .nav-tabs {
    display: table-cell;
    width: 28%;
    min-width: 28%;
    vertical-align: top;
    border: none
}

.webdevelop-section .vertical-tab .nav-tabs li {
    float: none;
    vertical-align: top
}

.webdevelop-section .vertical-tab .nav-tabs li a {
    color: #fff;
    background-color: #01448b;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 50px!important;
    text-transform: uppercase;
    padding: 16px 18px;
    margin: 0 5px 10px 0;
    border: none;
    position: relative;
    z-index: 1;
    transition: .5s
}

.webdevelop-section .vertical-tab .nav-tabs li a:hover,.webdevelop-section .vertical-tab .nav-tabs li.active a,.webdevelop-section .vertical-tab .nav-tabs li.active a:hover {
    color: #fff;
    background-color: transparent;
    text-shadow: 3px 3px 0 rgba(0,0,0,.2);
    border: none
}

.webdevelop-section .vertical-tab .nav-tabs li a:after,.webdevelop-section .vertical-tab .nav-tabs li a:before {
    content: '';
    background: linear-gradient(223.14deg,#f44a33 -17.3%,#e8ae3d 101.56%);
    height: 90%;
    width: 80%;
    border-radius: 50px;
    opacity: 0;
    transform: scale(0);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: .3s
}

.webdevelop-section .vertical-tab .nav-tabs li a:after {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    transition: .3s .1s
}

.webdevelop-section .vertical-tab .nav-tabs li a:hover:after,.webdevelop-section .vertical-tab .nav-tabs li a:hover:before,.webdevelop-section .vertical-tab .nav-tabs li.active a:after,.webdevelop-section .vertical-tab .nav-tabs li.active a:before {
    transform: scale(1);
    opacity: 1
}

.webdevelop-section .vertical-tab .tab-content {
    color: #fff;
    background: #01448b;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 25px;
    padding: 12px 15px 12px 25px;
    border-radius: 40px;
    display: table-cell;
    position: relative
}

.nio-dia-service-text h3,.title-png-look p,.webdevelop-section .vertical-tab .tab-content h3 {
    font-weight: 600
}

.webdevelop-section .vertical-tab .tab-content a,.why-content p a {
    color: #fcb03b
}

.process-section .tab .nav-tabs li a {
    color: #fff;
    background: linear-gradient(223.14deg,#1576dd -17.3%,#01448b 101.56%);
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
    padding: 8px 20px 10px;
    margin: 0 10px 16px 0;
    border: none;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: .3s .15s
}

.process-section .tab .nav-tabs li.active a,.process-section .tab .nav-tabs li.active a:hover {
    color: #fff;
    background: linear-gradient(223.14deg,#1576dd -17.3%,#01448b 101.56%);
    border: none;
    box-shadow: 0 -3px 7px rgba(0,0,0,.15)
}

.process-section .tab .nav-tabs li a:before {
    content: "";
    background: linear-gradient(223.14deg,#f44a33 -17.3%,#e8ae3d 101.56%);
    height: 100%;
    width: 100%;
    border-radius: 8px 8px 0 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    transition: .3s ease-out
}

.nio-dia-service-innerbox,.nio-dia-service-innerbox:before,.smo-content:before {
    -webkit-transition: .55s cubic-bezier(.68,1.55,.265,.55);
    -moz-transition: .55s cubic-bezier(.68,1.55,.265,.55);
    -ms-transition: .55s cubic-bezier(.68,1.55,.265,.55);
    -o-transition: .55s cubic-bezier(.68,1.55,.265,.55)
}

.process-section .tab .nav-tabs li a:hover:before,.process-section .tab .nav-tabs li.active a:before {
    top: 0
}

.process-section .tab .tab-content {
    color: #000;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 25px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.2),0 0 0 15px #fff,0 0 30px rgba(0,0,0,.9);
    position: relative
}

.nio-dia-service-innerbox {
    position: relative;
    overflow: hidden;
    display: flex;
    border-radius: 20px;
    margin-bottom: 30px;
    height: 188px;
    padding: 20px;
    background-color: #eeeff1;
    box-shadow: 0 0 9px 0 #00000024;
    z-index: 1;
    transition: .55s cubic-bezier(.68,1.55,.265,.55)
}

.nio-dia-service-innerbox:before,.smo-content:before {
    position: absolute;
    content: '';
    bottom: 100%;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: .55s cubic-bezier(.68,1.55,.265,.55);
    background-image: linear-gradient(145deg,#0a54a2,#3e99ff)
}

.nio-dia-service-innerbox:hover:before,.smo-content:hover:before {
    bottom: 0
}

.nio-dia-service-innerbox .nio-dia-service-text h3 {
    -webkit-transition: .55s cubic-bezier(.68,1.55,.265,.55);
    -moz-transition: .55s cubic-bezier(.68,1.55,.265,.55);
    -ms-transition: .55s cubic-bezier(.68,1.55,.265,.55);
    -o-transition: .55s cubic-bezier(.68,1.55,.265,.55);
    transition: .55s cubic-bezier(.68,1.55,.265,.55)
}

.nio-dia-service-innerbox .nio-dia-service-icon {
    width: 179px;
    height: 80px;
    line-height: 83px;
    margin-right: 10px;
    border-radius: 100%;
    transition: .5s
}

.faq-title h2 {
    font-weight: 600;
    text-transform: capitalize;
    color: #000;
    padding-bottom: 20px
}

.our-faq-wrapper {
    width: 100%;
    padding: 30px;
    background: #fff
}

.accordion .card {
    border: none;
    margin-bottom: 30px
}

.accordion .card-body,.full p,.leading-inner p,.tab-content P,.title-services p {
    text-align: justify
}

.our-faq-wrapper .btn-link {
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    background: #00448b;
    color: #fff;
    border-radius: 7px;
    padding: 7px 15px 12px;
    font-size: 16px;
    overflow: hidden;
    border: none;
    font-weight: 600
}

.our-faq-wrapper .btn-link:focus,.our-faq-wrapper .btn-link:hover {
    text-decoration: none;
    outline: 0
}

.our-faq-wrapper .btn-link:after {
    position: absolute;
    content: '\f068';
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: fontawesome
}

.our-faq-wrapper .btn-link.collapsed:after {
    content: '\f067'
}

.our-faq-wrapper .btn-link:before {
    position: absolute;
    content: '';
    background: #348ae1;
    -webkit-transform: skew(-35deg);
    transform: skew(-35deg);
    height: 100%;
    width: 50%;
    left: 90%;
    top: 0
}

.request-two-section {
    position: relative;
    background-image: url(../images/row-bgimage-5.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
    z-index: 1
}

.request-two-section::after {
    content: "";
    position: absolute;
    background-color: #00528b;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: .9
}

.inner-request {
    padding: 62px;
    background: #007eff;
    border-radius: 26px
}

.inner-column h2 {
    font-size: 28px;
    line-height: normal;
    padding-left: 0;
    text-transform: none;
    font-weight: 600;
    border-bottom: 1px solid rgb(255 255 255);
    padding-bottom: 20px;
    margin-bottom: 25px;
    color: #fff;
    position: relative
}

.inner-column h2::after {
    width: 40px;
    height: 5px;
    background: #fcb03b;
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    z-index: 1
}

.inner-column .text {
    color: #fff;
    margin-bottom: 15px
}

.request-form input[type=email],.request-form input[type=password],.request-form input[type=text],.request-form select[name=service],.request-form textarea {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #848484;
    line-height: 30px;
    padding: 10px 20px;
    background-color: #fff;
    -webkit-background-color: #fff;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    font-weight: 300;
    border: 1px solid #fcb03b;
    transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.request-form .form-group textarea {
    height: 182px
}

.captchaimage img {
    border-radius: 44px;
    margin: 10px 0;
    height: 50px
}

.btn-submit {
    margin-left: 6px;
    position: relative;
    color: #fff!important;
    font-size: 13px;
    font-weight: 700;
    width: 94%;
    background: #fcb03b;
    display: inline-block;
    padding: 11px;
    border-radius: 32px;
    border: 2px solid #fcb03b;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.bussines-growth-section,.smo-section {
    background-repeat: no-repeat;
    position: relative
}

.smo-section {
    background-color: #3cb878;
    padding: 100px 0 50px;
    background-position: center bottom
}

.smo-bst {
    font-size: 6rem;
    font-weight: 600;
    color: #fcb03b
}

.smo-h1 {
    font-size: 5rem;
    font-weight: 1000;
    color: #fff
}

@media (max-width: 799px) {
    .first_p {
        font-size:16px;
        max-width: 100%
    }

    h2.service-heading {
        font-size: 24px
    }

    .cPanelHeader>h3 {
        font-size: 18px
    }
}

.web-designing-title h2 {
    color: #004c9a;
    font-size: 3rem;
    font-weight: 700;
    text-transform: capitalize
}

.hightlight_span {
    color: #0781fe;
    font-weight: 600
}

.web-designing-title h3 {
    color: #00448b;
    margin-top: 20px;
    font-weight: 600
}

.web-desn-img {
    text-align: center;
    -webkit-animation: 3s ease-in-out infinite alternate alltuchtopdown;
    animation: 3s ease-in-out infinite alternate alltuchtopdown
}

.web-list {
    column-count: 2;
    margin-top: 10px
}

.web-list li {
    font-size: 15px;
    padding: 10px 0;
    line-height: 20px;
    display: flex
}

.web-list li span {
    position: relative;
    margin-right: 17px;
    color: #fff
}

.para-style {
    font-style: italic;
    font-size: 20px
}

.busines-growth-para p {
    color: #fff;
    margin-top: 10px
}

.bussines-growth-section {
    background-image: url(../images/busines-growth-bnr.webp);
    padding: 70px 0 20px;
    z-index: 1;
    background-position: center;
    background-size: cover;
    height: 500px
}

.pad-key {
    margin-bottom: 60px;
    margin-top: 60px
}

.bussines-growth-section::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    background: #18447d;
    z-index: -1;
    opacity: .85
}

.busness-title {
    text-align: center;
    position: relative
}

.busness-title h2 {
    font-size: 3rem;
    color: #fff;
    line-height: 36px;
    font-weight: 700;
    text-transform: capitalize
}

.menu__item h3,.steps-count {
    font-weight: 500;
    color: #fff;
    text-align: center
}

.busness-title p {
    color: #fff;
    text-align: center;
    line-height: 1.6
}

.target-section {
    width: 100%;
    background: rgba(250,255,255,.95);
    padding: 20px;
    box-shadow: 0 0 45px -30px #000;
    margin-top: 20px;
    border-radius: 10px;
    min-height: auto;
    margin-bottom: -282px;
    box-shadow: 0 36px 0 -30px #eef5f8,-36px 0 0 -30px #eef5f8,0 -36px 0 -30px #eef5f8,36px 0 0 -30px #eef5f8,0 0 0 5px #fd5900
}

.services-six-icon img,.steps-count {
    background: #0921c1;
    padding: 20px 13px;
    cursor: pointer
}

.mobile-app-contnet,.services-six-right {
    position: relative;
    z-index: 1
}

.steps-img {
    position: absolute;
    display: inline-block;
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
    -ms-transition: 1.5s;
    -o-transition: 1.5s
}

.steps-img .steps-number {
    position: absolute;
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize
}

.steps-count {
    position: absolute;
    font-size: 1.4rem;
    width: 70px;
    border-radius: 50%;
    height: 81px;
    display: flex;
    border: 0 solid #fff;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    -webkit-clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
    clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.menu__border,.section-border,.tabs-inner {
    background-color: #004c9a
}

.menu__border,.menu__item {
    will-change: transform;
    transition: transform var(--timeOut,var(--duration))
}

.steps-count.active {
    background: linear-gradient(223.14deg,#ff2204 -17.3%,#e83d3d 101.56%)!important
}

.steps-img:first-of-type .steps-count {
    top: 3%;
    right: 0;
    background: #07249e
}

.steps-img:first-of-type {
    top: 0;
    left: calc(100% - 66%)
}

.steps-img:nth-of-type(2) {
    top: -4%;
    right: 42%
}

.steps-img:nth-of-type(2) .steps-count {
    top: 0;
    right: 0;
    background: #07249e
}

.steps-img:nth-of-type(3) {
    top: 8%;
    right: 19%
}

.steps-img:nth-of-type(3) .steps-count {
    top: 23%;
    right: 0;
    background: #07249e
}

.steps-img:nth-of-type(4) {
    top: 37%;
    right: 17%
}

.steps-img:nth-of-type(4) .steps-count {
    top: 23%;
    left: 0;
    background: #07249e
}

.steps-img:nth-of-type(5) {
    bottom: 30%;
    right: 25%
}

.steps-img:nth-of-type(5) .steps-count,.steps-img:nth-of-type(6) .steps-count {
    top: 0;
    left: 0;
    background: #07249e
}

.steps-img:nth-of-type(6) {
    bottom: 11%;
    right: 47%
}

.steps-img:nth-of-type(7) {
    bottom: -2%;
    left: 26%
}

.steps-img:nth-of-type(10) .steps-count,.steps-img:nth-of-type(7) .steps-count,.steps-img:nth-of-type(8) .steps-count,.steps-img:nth-of-type(9) .steps-count {
    bottom: 7%;
    left: 40%;
    background: #07249e
}

.steps-img:nth-of-type(8) {
    bottom: 21%;
    left: 8%
}

.steps-img:nth-of-type(9) {
    bottom: 54%;
    left: 8%
}

.steps-img:nth-of-type(10) {
    bottom: 81%;
    left: 23%
}

.sevices-six-slide-text {
    display: none;
    overflow: hidden
}

.menu__item,.tabs-inner {
    display: flex;
    position: relative
}

.services-img {
    -webkit-animation: 39s linear infinite circle;
    animation: 39s linear infinite circle
}

@-webkit-keyframes circle {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes circle {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes inner-circle {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes inner-circle {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.section-tabs {
    padding-bottom: 50px;
    --duration: .7s
}

.section-tabs .tab-content {
    padding: 0;
    border: none;
    line-height: 26px
}

.tabs-inner {
    margin: 0;
    width: 100%;
    font-size: 1.5em;
    padding: 0 1em;
    border-radius: 10px 10px 0 0;
    align-items: center;
    justify-content: center
}

.menu__item {
    all: unset;
    flex-basis: 20%;
    z-index: 100;
    flex-direction: column;
    cursor: pointer;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    padding: .55em 0 .5em
}

.menu__item h3 {
    font-size: 15px;
    margin-top: 10px;
    line-height: 20px;
    letter-spacing: .4px
}

.menu__item::before {
    content: "";
    z-index: -1;
    width: 3.3em;
    height: 3.1em;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    transform: scale(0);
    transition: background-color var(--duration),transform var(--duration)
}

.menu__item.active {
    transform: translate3d(0,-.8em,0)
}

.menu__item.active::before {
    transform: scale(1);
    background-color: var(--bgColorItem)
}

.icon {
    width: 2.3em;
    height: 2.3em;
    stroke: #fff;
    fill: transparent
}

.menu__item.active .icon {
    animation: 1.5s reverse strok
}

@keyframes strok {
    100% {
        stroke-dashoffset: 400
    }
}

.tab-content h3 {
    font-size: 2.6rem;
    color: #202020;
    font-weight: 700
}

.services-content span {
    font-size: 4rem;
    font-weight: 600;
    color: transparent;
    -webkit-text-stroke: 2px #000;
    text-stroke: 2px #000;
    margin: 0 6px 0 0
}

.services-six-single-wrapper h3,.title-services h2,.why-content h2 {
    font-weight: 700;
    text-transform: capitalize
}

.menu__border {
    left: 0;
    bottom: 99%;
    width: 10.9em;
    height: 2.4em;
    position: absolute;
    clip-path: url(#menu)
}

.svg-container {
    width: 0;
    height: 0
}

@media screen and (max-width: 50em) {
    .menu {
        font-size:.8em
    }
}

.tab-box-design {
    padding: 30px 20px;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 35%) 0 5px 15px
}

.heading-child h3:first-child:after,.heading-child3 h3:first-child:after {
    width: 56px
}

.heading-child h3:nth-child(2):after {
    width: 120px
}

.heading-child2 h3:first-child:after {
    width: 86px
}

.heading-child2 h3:nth-child(2):after {
    width: 62px
}

.heading-child3 h3:nth-child(2):after {
    width: 92px
}

.services-heading {
    padding-bottom: 30px
}

.title-services h2 {
    margin: 0;
    font-size: 30px;
    line-height: 45px;
    color: #202020
}

.easier-step-heading h2 span,.leading-inner h2 span,.mobile-app-heading h2 span,.mobile-applctn-heading h2 span,.mobile-inner h2 span,.process-heading span,.title-pnj-look h2 span,.title-services h2 span {
    color: #004c9a
}

.services-six-single-wrapper h3 {
    color: #004c9a;
    font-size: 2.3rem
}

.section-border {
    width: 193px;
    height: 2px;
    transform: translate(0,-7px);
    position: relative;
    margin-left: 20px;
    display: inline-block;
    text-align: left
}

.section-border::after,.section-border::before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    background-color: #0921c1;
    border-radius: 3px
}

.section-border::before {
    width: 6px;
    height: 6px;
    left: -20px;
    background-color: #ff4500
}

.section-border::after {
    width: 4px;
    height: 4px;
    left: -9px
}

.section-border span::after,.section-border span::before {
    content: '';
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background-color: #0921c1;
    border-radius: 3px
}

.section-border span::before {
    width: 6px;
    height: 6px;
    right: -210px;
    background-color: #ff4500
}

.section-border span::after {
    width: 4px;
    height: 4px;
    right: -201px
}

.services-six-area {
    background-image: url(../images/services-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 17px 0 83px
}

.services-six-icon:first-child img {
    position: absolute;
    left: 48%;
    top: 9%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.services-six-icon:nth-child(2) img {
    position: absolute;
    top: 10%;
    right: 9%
}

.services-six-icon:nth-child(3) img {
    position: absolute;
    top: 38%;
    right: -5%
}

.services-six-icon:nth-child(4) img {
    position: absolute;
    right: 7%;
    bottom: 9%
}

.services-six-icon:nth-child(5) img {
    position: absolute;
    bottom: 0;
    right: 39%
}

.services-six-icon:nth-child(6) img {
    position: absolute;
    left: 20%;
    bottom: 3%
}

.services-six-icon:nth-child(7) img {
    position: absolute;
    left: 0;
    bottom: 28%
}

.services-six-icon:nth-child(8) img {
    position: absolute;
    left: 3%;
    top: 25%
}

.services-six-icon:nth-child(9) img {
    position: absolute;
    left: 22%;
    top: 5%
}

.services-six-icon img:hover {
    background-color: #0921c1
}

.services-six-icon img {
    -webkit-clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
    clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.btn-cta a,.services-six-icon.slick-slide.slick-current.slick-center img {
    background: linear-gradient(223.14deg,#f44a33 -17.3%,#e8ae3d 101.56%)
}

.sevices-six-slide-text {
    position: absolute;
    top: 27%;
    left: 19%;
    width: auto;
    max-width: 402px;
    color: #fff
}

.sevices-six-slide-text p {
    font-size: 15px;
    color: #000;
    text-align: center;
    line-height: 1.5
}

.icon-services img {
    display: inline-block;
    text-align: center
}

.h6-services-circle {
    display: inline-block;
    position: relative
}

.h6-services-circle .icon-five,.h6-services-circle .icon-four,.h6-services-circle .icon-one,.h6-services-circle .icon-three,.h6-services-circle .icon-two {
    position: absolute
}

.h6-services-circle .icon-one {
    right: 23%;
    bottom: 20%
}

.h6-services-circle .icon-two {
    top: 34%;
    left: 13%;
    animation: 15s linear infinite animationFramesOne
}

.h6-services-circle .icon-three {
    bottom: 17%;
    left: 26%
}

@keyframes animationFramesOne {
    0%,100% {
        transform: translate(0,0) rotate(0)
    }

    20% {
        transform: translate(73px,-1px) rotate(36deg)
    }

    40% {
        transform: translate(141px,72px) rotate(72deg)
    }

    60% {
        transform: translate(83px,122px) rotate(108deg)
    }

    80% {
        transform: translate(-40px,72px) rotate(144deg)
    }
}

@keyframes opacity-option {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: .05
    }
}

@keyframes running-in {
    0%,100% {
        transform: translate(0,0)
    }

    50% {
        transform: translate(-10px,150px)
    }
}

@keyframes movebounce-in {
    0%,100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(70px)
    }
}

.h6-services-circle .icon-four {
    left: 92px;
    top: 23%;
    animation-name: float_up_down;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: float_up_down;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: float_up_down;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: float_up_down;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: float_left_right;
    -o-animation-duration: 5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear
}

@-webkit-keyframes float_up_down {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 1
    }
}

@keyframes float_up_down {
    0%,100% {
        transform: translateY(0);
        opacity: 1
    }

    50% {
        transform: translateY(30px);
        opacity: 1
    }
}

.h6-services-circle .icon-five {
    right: 32%;
    top: 14%
}

.services-images figure {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(27%)
}

.leading-inner h2 {
    line-height: 1.1;
    margin: 10px 0
}

.inner-why-choose {
    padding: 70px 0;
    background: #1b5a8d;
    border-radius: 10px;
    position: relative
}

.inner-why-choose:before {
    content: '';
    position: absolute;
    width: 70px;
    height: 70px;
    background: #1b5a8d;
    top: -30px;
    left: -30px;
    z-index: -1;
    border-radius: 50%
}

.mobile-app-sixbox:hover:before,.why-img {
    height: 100%
}

.why-img img {
    height: 100%;
    object-fit: cover;
    border-radius: 10px 0 0 10px
}

.why-content {
    padding-right: 22px;
    padding: 15px 22
}

.why-content h2 {
    color: #fff;
    font-size: 3rem;
    line-height: 1.2;
    margin-bottom: 10px
}

.animate-border {
    position: relative;
    display: block;
    width: 115px;
    height: 3px;
    background: #fff;
    margin-bottom: 10px
}

.animate-border:after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    left: 0;
    border: 1px solid #fff;
    background: #1b5a8d;
    bottom: -5px;
    -webkit-animation: 2s linear infinite animborder;
    animation: 2s linear infinite animborder
}

@-webkit-keyframes animborder {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(113px);
        transform: translateX(113px)
    }
}

@keyframes animborder {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(113px);
        transform: translateX(113px)
    }
}

.why-content p {
    color: #fff;
    line-height: 24px;
    text-align: justify
}

.process-work-section {
    background-image: url(../images/process-bg.png);
    background-position: center center;
    background-size: cover;
    padding: 100px 0 70px;
    background-repeat: no-repeat
}

.process-six-step {
    text-align: right;
    margin: 10px 0
}

.process-six-step p {
    border-bottom: 1px dashed #004c9a;
    padding: 5px 0;
    text-align: justify
}

.process-heading h2 {
    text-align: center;
    font-size: 3.4rem;
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: capitalize
}

.process-six-step h3 {
    color: #003379;
    text-align: right;
    font-weight: 600;
    position: relative;
    font-size: 2rem
}

.process-six-step h3:after {
    content: '';
    position: absolute;
    width: 43px;
    height: 3px;
    background: #004c9a;
    bottom: 0;
    top: 32px;
    right: 13%
}

.child-clr .process-six-step:nth-of-type(2) h3:after {
    width: 88px
}

.child-clr .process-six-step:nth-of-type(3) h3:after {
    width: 64px
}

.child-clr2 .process-six-step:nth-of-type(2) h3:after {
    width: 35px
}

.child-clr2 .process-six-step:nth-of-type(3) h3:after {
    width: 68px
}

.process-six-step h3 span {
    margin-left: 5px;
    font-size: 18px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #fff;
    border-radius: 50px;
    display: inline-block;
    position: relative
}

.process-six-step h3 span::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -2px;
    left: -2px;
    right: 0;
    width: 40px;
    height: 40px;
    background-color: #2966be;
    border-radius: 70% 40%
}

.easier-steps-box,.leading-section,.mobile-appliction,.work-process-section {
    padding: 50px 0
}

.leading-inner h2,.title-pnj-look h2 {
    font-weight: 600;
    text-transform: capitalize
}

.leading-inner .animate-border,.mobile-inner .animate-border {
    background: #004c9a
}

.choose-section {
    background: #f2f2f2;
    padding-top: 80px
}

.benifit-four-cntnt {
    background-image: url(../images/pattern-29.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height: 555px
}

.cnter-box {
    transform: translate(50%,0)
}

.benifit-contnt-box {
    background: #fff;
    text-align: center;
    padding: 25px 15px;
    position: relative;
    border-radius: 6px;
    height: 217px;
    overflow: hidden;
    box-shadow: 0 0 15px #0000002e;
    margin-bottom: 30px;
    transition: .6s
}

.benifit-contnt-box h3 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 2rem;
    color: #1b5a8d;
    line-height: 1.3;
    font-weight: 700
}

.benifit-contnt-box .icon-box {
    position: relative;
    z-index: 1;
    margin-left: 15px;
    display: inline-block;
    transition: .6s
}

.benifit-contnt-box .icon-box::before {
    position: absolute;
    content: '';
    left: -15px;
    top: -10px;
    width: 30px;
    height: 30px;
    z-index: -1;
    border-radius: 50%;
    background-color: #7cb1df;
    transition: .6s
}

.benifit-contnt-box p {
    line-height: 1.5;
    text-align: center
}

.portfolio-box h2 i {
    font-size: 15px;
    position: relative;
    top: -7px
}

.portfolio-box h2 {
    text-transform: uppercase;
    font-weight: 700;
    color: #00448b;
    text-align: center;
    display: inline-block;
    position: relative
}

.benifit-you-contnt h2,.main-testimonial .h2-title,.title h2 {
    text-transform: capitalize;
    font-weight: 700
}

.my-slider.owl-carousel .owl-dot {
    border: 1px solid #1f40b4!important;
    width: 50px;
    height: 5px;
    display: inline-block;
    background: initial;
    margin-left: 10px;
    border-radius: 10px
}

.my-slider.owl-carousel .owl-dot.active {
    background: #1f40b4!important
}

.sub-title-box {
    display: inline-block;
    position: relative;
    margin-bottom: 12px;
    text-align: center
}

.sub-title-box .line1::after,.sub-title-box .line1::before,.sub-title-box .line2::after,.sub-title-box .line2::before {
    content: '';
    position: absolute;
    top: 15%;
    left: calc(100% + 10px);
    transform: translate(0,-50%);
    width: 30px;
    height: 2px;
    background: #00448b;
    border-right: 10px
}

.sub-title-box .line1::after {
    left: calc(100% + 45px);
    width: 15px
}

.sub-title-box .line2::before {
    left: auto;
    right: calc(100% + 10px)
}

.sub-title-box .line2::after {
    left: auto;
    right: calc(100% + 45px)
}

.sub-title-box .line1 {
    position: absolute;
    left: 23%;
    top: 14%
}

.sub-title-box .line2 {
    position: absolute;
    right: 20%;
    top: 14%
}

.benifit-four-box .p-left,.mobile-app-contnet ul {
    padding-left: 0
}

.benifit-you-contnt h2 {
    font-size: 3rem;
    line-height: 1.4;
    margin-bottom: 20px
}

.benifit-you-contnt h2 span {
    color: #1b5a8d
}

.main-testimonial {
    position: relative;
    padding: 50px 0 100px;
    margin-bottom: 50px
}

.main-testimonial .title {
    position: relative;
    text-align: center;
    margin-bottom: 20px
}

.main-testimonial .h2-title {
    font-size: 45px;
    line-height: 55px;
    color: #130f40;
    font-family: Rubik,sans-serif;
    margin-bottom: 26px;
    position: relative
}

.main-testimonial .map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    opacity: .05;
    z-index: 0
}

.main-testimonial .map img {
    width: 1375px;
    height: auto;
    max-width: unset;
    display: inline-block;
    filter: brightness(0)
}

.testimonial-animate {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-67%);
    width: 100%;
    min-width: 1920px;
    height: 100%;
    z-index: 1
}

.testimonial-animate .testimonial-img {
    position: absolute;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.1)
}

.testimonial-slider {
    background: #fff;
    box-shadow: 0 0 60px rgba(0,0,0,.08);
    border-radius: 20px
}

.back-img,.customer-reviw-box {
    background-repeat: no-repeat;
    background-size: cover
}

.testimonial-text {
    margin-bottom: 37px
}

.back-img {
    background-position: center
}

.review-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-block
}

.testimonial-box {
    position: relative;
    text-align: center;
    padding: 37px 40px 40px
}

.review-by {
    display: inline-flex;
    align-items: center;
    text-align: left
}

.review-text {
    display: inline-block;
    width: calc(100% - 60px);
    padding-left: 10px
}

.review-slider .owl-next img,.review-slider .owl-prev img {
    top: 28%;
    left: 26%;
    position: absolute
}

.review-text span {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #fba504
}

.testimonial-animate .testimonial-img1 {
    top: 323px;
    left: 40%;
    width: 80px;
    height: 80px;
    -webkit-animation: 8s linear infinite movedelement3;
    animation: 8s linear infinite movedelement3
}

.testimonial-animate .testimonial-img2 {
    bottom: 241px;
    left: 314px;
    width: 100px;
    height: 100px;
    -webkit-animation: 5s linear infinite movedelement;
    animation: 5s linear infinite movedelement
}

.testimonial-text p {
    text-align: center;
    line-height: 1.5
}

.testimonial-text p:last-child {
    margin-bottom: 0
}

.testimonial-animate .testimonial-img3 {
    top: 153px;
    left: 42%;
    width: 70px;
    height: 70px;
    -webkit-animation: 5s linear infinite movedelement4;
    animation: 5s linear infinite movedelement4
}

.testimonial-animate .testimonial-img4 {
    bottom: 200px;
    left: 34%;
    width: 80px;
    height: 80px;
    -webkit-animation: 10s linear infinite movedelement2;
    animation: 10s linear infinite movedelement2
}

.testimonial-animate .testimonial-img5 {
    bottom: -23px;
    right: 41%;
    width: 80px;
    height: 80px;
    -webkit-animation: 7s linear infinite movedelement;
    animation: 7s linear infinite movedelement
}

.testimonial-animate .testimonial-img6 {
    top: 156px;
    right: 7%;
    width: 80px;
    height: 80px;
    -webkit-animation: 6s linear infinite movedelement3;
    animation: 6s linear infinite movedelement3
}

.testimonial-animate .testimonial-img7 {
    bottom: 179px;
    right: 0;
    width: 70px;
    height: 70px;
    -webkit-animation: 6s linear infinite movedelement4;
    animation: 6s linear infinite movedelement4
}

.testimonial-animate .testimonial-img8 {
    top: 65%;
    right: 5%;
    width: 100px;
    height: 100px;
    -webkit-animation: 8s linear infinite movedelement2;
    animation: 8s linear infinite movedelement2
}

.review-slider .owl-next,.review-slider .owl-prev {
    top: auto;
    bottom: -100px;
    width: 60px;
    position: absolute;
    background: linear-gradient(135deg,#0c0b7e,#0a0688)!important;
    padding: 0;
    color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    transition: .3s;
    z-index: 1;
    font-size: 20px;
    outline: 0
}

@keyframes movedelement {
    0%,to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(10px,10px);
        transform: translate(10px,10px)
    }

    50% {
        -webkit-transform: translate(5px,5px);
        transform: translate(5px,5px)
    }

    75% {
        -webkit-transform: translate(10px,-5px);
        transform: translate(10px,-5px)
    }
}

@keyframes movedelement2 {
    0%,to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(-10px,-10px);
        transform: translate(-10px,-10px)
    }

    50% {
        -webkit-transform: translate(-5px,-5px);
        transform: translate(-5px,-5px)
    }

    75% {
        -webkit-transform: translate(-10px,5px);
        transform: translate(-10px,5px)
    }
}

@keyframes movedelement3 {
    0%,to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(15px,15px);
        transform: translate(15px,15px)
    }

    50% {
        -webkit-transform: translate(8px,8px);
        transform: translate(8px,8px)
    }

    75% {
        -webkit-transform: translate(15px,-8px);
        transform: translate(15px,-8px)
    }
}

@keyframes movedelement4 {
    0%,to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translate(-15px,-15px);
        transform: translate(-15px,-15px)
    }

    50% {
        -webkit-transform: translate(-8px,-8px);
        transform: translate(-8px,-8px)
    }

    75% {
        -webkit-transform: translate(-15px,8px);
        transform: translate(-15px,8px)
    }
}

.customer-reviw-box {
    position: relative;
    background-image: url(../images/map.png)
}

.testomnial-heading img {
    max-width: 20%;
    margin: auto auto 20px
}

.testomonial-slider-design {
    background: #fff;
    padding: 40px 50px;
    border-radius: 20px;
    width: 50%;
    margin: auto;
    text-align: center
}

.owl-item.active {
    border-radius: 20px
}

.back-img {
    background-image: url(../images/testimonial-img8.jpg)
}

.review-slider .owl-prev {
    left: calc(50% - 45px);
    transform: translate(-50%,0);
    height: 60px;
    border-radius: 50%!important;
    border: none
}

.review-slider .owl-next {
    right: auto;
    left: calc(50% + 45px);
    height: 60px;
    transform: translate(-50%,0) rotateY(180deg);
    border-radius: 50%!important;
    border: none
}

.cta::after,.webdesign-banner {
    background-repeat: no-repeat;
    background-size: cover
}

.testomnial-heading span {
    color: #003379
}

.webdesign-banner {
    position: relative;
    background-color: #0064cc;
    padding: 62px 0;
    background-position: center
}

.webdesing-content h1 {
    font-size: 4rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.1
}

.Mobile-develop-content h1 {
    font-size: 4rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.1;
    margin-bottom: 30px;
    text-transform: capitalize
}

.request-btn {
    background: #00448b;
    margin-left: 30px;
    color: #fff;
    font-size: 20px;
    border-radius: 29px;
    padding: 6px 23px
}

.cta::after,.mobile-app-section {
    background-position: center center
}

.cta::after {
    position: absolute;
    content: "";
    background-image: url(../images/pattern-shape-developnment.jpg);
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    opacity: .1;
    z-index: -1
}

.btn-cta a {
    color: #fff;
    display: inline-block;
    line-height: 49px;
    -webkit-box-shadow: 0 9px 37px rgb(0 0 0 / 20%);
    box-shadow: 0 9px 37px rgb(0 0 0 / 20%);
    border-radius: 50px;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 0 18px;
    letter-spacing: 1px;
    position: relative;
    z-index: 2;
    outline: 0;
    border: none;
    animation: 2s ease-out infinite zoom-in-zoom-out;
    transition: .5s ease-in-out
}

.consult-left h2,.mobile-inner h2,.rewarding-seo-head h2,.sec-why-chose h2 {
    font-weight: 700;
    text-transform: capitalize
}

.rewarding-seo {
    padding: 50px 0
}

.rewarding-seo .tab-info {
    position: relative;
    top: 67px;
    background: #fff;
    padding: 30px;
    border-top: 1px solid #f9f9f9;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%),0 3px 6px rgb(0 0 0 / 23%);
    border-radius: 10px;
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden
}

.rewarding-seo-head {
    text-align: center;
    margin-bottom: 40px
}

.mobile-inner h2,.rewarding-seo-head h2 {
    line-height: 1.4;
    font-size: 3.2rem
}

.activelinksvg,.click-div.active .tab-btn {
    fill: #54a8fe!important
}

.rewarding-seo-head span {
    color: #004489
}

.rewarding-seo .tab-info .seo-tab-inner h3 {
    color: #253f50;
    font-size: 2.3rem;
    font-weight: 700;
    text-transform: capitalize
}

.ezlogocenterimg {
    position: absolute;
    left: 25%;
    top: 28%;
    width: 169px;
    border-radius: 114px
}

.tab-info .seo-tab-inner span {
    font-size: 5rem;
    font-weight: 600;
    color: #7a1414;
    -webkit-text-fill-color: transparent;
    margin: 0 6px 0 0
}

.tab-info:first-of-type .seo-tab-inner span {
    -webkit-text-stroke: 5px #e99e09
}

.tab-info:nth-of-type(2) .seo-tab-inner span,.tab-info:nth-of-type(3) .seo-tab-inner span {
    -webkit-text-stroke: 5px #54a8fe
}

.tab-info:nth-of-type(4) .seo-tab-inner span {
    -webkit-text-stroke: 5px #733389
}

.tab-info:nth-of-type(5) .seo-tab-inner span {
    -webkit-text-stroke: 5px #004489
}

.tab-info:nth-of-type(6) .seo-tab-inner span {
    -webkit-text-stroke: 5px #4eab56
}

.svg-text {
    fill: #FFF;
    font-family: poppinsbold;
    font-size: 50px
}

.services-section p {
    text-align: unset
}

.services-section.altrenate {
    padding: 169px 0 149px;
    position: relative;
    z-index: -111111;
    background-repeat: no-repeat;
    background-size: cover
}

.sec-why-chose {
    text-align: center;
    padding-bottom: 20px
}

.sec-why-chose h2 {
    position: relative;
    display: block;
    color: #fff;
    font-size: 3.4rem
}

.sec-why-chose p {
    color: #fff;
    font-size: 16px
}

.content-box.content-box-right-icon,.service-block-two .inner-box {
    text-align: right
}

.service-block-two .inner-box .text-box h3 {
    color: #fff;
    font-weight: 600;
    font-size: 2rem
}

.service-block-two:first-child {
    margin: 0 80px 40px 0
}

.service-block-two:nth-child(2) {
    margin: 0 37px 40px 33px
}

.service-block-three:nth-child(2) {
    margin: 0 33px 40px 30px
}

.service-block-three {
    margin: 0 80px 40px -32px
}

.service-block-three .inner-box,.service-block-two .inner-box {
    border: 1px solid #fc0;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    padding: 20px 79px 20px 7px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.service-block-three .inner-box {
    padding: 20px 6px 20px 26px
}

.service-block-three .inner-box .icon-box .icon::after,.service-block-two .inner-box .icon-box .icon::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 7px;
    width: 80px;
    height: 80px;
    border: 1px solid #fff;
    border-radius: 50%
}

.service-block-three .inner-box .text-box h3,.service-block-three .inner-box .text-box p,.service-block-two .inner-box .text-box p {
    color: #fff;
    line-height: 1.6
}

.service-block-three .inner-box .text-box h3 a {
    font-weight: 600;
    font-size: 2rem
}

.service-block-three .inner-box .icon-box::before,.service-block-two .inner-box .icon-box::before {
    content: "";
    position: absolute;
    left: -24px;
    top: -9px;
    width: 140px;
    height: 120px;
    background-image: url(../images/service-shape.png);
    background-repeat: no-repeat;
    z-index: -1;
    opacity: .2;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.service-block-two .inner-box .icon-box {
    right: -44px
}

.service-block-three .inner-box .icon-box {
    left: -44px
}

.service-block-three .inner-box .text-box {
    padding-left: 50px
}

.service-block-three .inner-box .icon-box .icon {
    margin-left: 23px
}

.service-block-three:first-child {
    margin: 0 0 40px 80px
}

.service-block-three .inner-box .icon-box,.service-block-two .inner-box .icon-box {
    position: absolute;
    width: 95px;
    height: 95px;
    border-radius: 50%
}

.red {
    background-image: linear-gradient(#ff0101,#ff0101)
}

.green {
    background-image: linear-gradient(#09930c,#09930c)
}

.light-blue {
    background-image: linear-gradient(#2c5fec,#1f35ac)
}

.blue {
    background-image: linear-gradient(#04158e,#04158e)
}

.yellow {
    background-image: linear-gradient(#ec0909,#fc0)
}

.purple {
    background-image: linear-gradient(#3e013a,#b308b9)
}

.service-block-two .inner-box .icon-box .icon {
    margin-right: 23px
}

.service-block-three .inner-box .icon-box .icon,.service-block-two .inner-box .icon-box .icon {
    line-height: 94px
}

.services-section .center-column .inner-column .image-box {
    animation: 1s infinite alternate bounce;
    -webkit-animation: 1s infinite alternate bounce
}

.nav-bottom {
    position: fixed;
    bottom: 20px;
    z-index: 999999;
    left: 20px
}

.whatsapp-button {
    z-index: 8;
    transition: .3s;
    border: none;
    cursor: pointer;
    text-align: center;
    width: 60px;
    height: 60px;
    background-color: #25d366;
    border-radius: 50px!important;
    padding: 9px;
    box-shadow: 0 0 10px 0 rgb(135 135 135 / 56%)!important;
    bottom: -7px;
    left: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.whatsapp-button a {
    color: #fff;
    font-size: 30px
}

.mobile-app-section {
    position: relative;
    padding: 60px 0;
    background-image: url(../images/consult-bg.png);
    background-repeat: no-repeat;
    z-index: 1
}

.mobile-app-section::after {
    content: "";
    position: absolute;
    top: 0;
    background: linear-gradient(279.3deg,rgba(0,29,172,.9411764706) 2.98%,#000f57 98.6%);
    width: 100%;
    height: 100%;
    z-index: -1
}

.consult-left h2 {
    color: #fff
}

.mobile-company-section {
    padding-top: 50px;
    padding-bottom: 30px;
    background: #f6f6f6
}

.download-img {
    position: relative;
    z-index: 1;
    text-align: center
}

.download-img .download-shape {
    position: absolute;
    background-image: url(../images/download_shape02.png);
    width: 100%;
    height: 330px;
    left: 0;
    bottom: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center
}

.mobile-applictn-img img,.wordpress-dial img {
    width: 100%
}

.mobile-applctn-heading {
    text-align: center;
    max-width: 1005px;
    margin: auto
}

.mobile-applctn-heading h2 {
    text-align: center;
    font-size: 3.2rem;
    font-weight: 600
}

.mobile-four-box {
    display: flex;
    padding: 20px 17px;
    background: #fff;
    box-shadow: rgb(151 136 136 / 35%) 0 5px 15px;
    margin-top: 20px;
    margin-bottom: 15px;
    align-items: center;
    height: 238px;
    transition: .4s ease-in-out;
    border-radius: 10px
}

.mobile-four-img {
    flex-basis: 75%
}

.mobile-four-box:hover {
    transform: translate3d(0,-20px,0);
    transition: .4s ease-in-out
}

.process-left:after,.process-right:after {
    border-bottom: 15px solid #fff;
    border-left: 15px solid #fff;
    top: 42%;
    transform: rotate(45deg);
    z-index: 1;
    content: "";
    display: inline-grid
}

.mobile-four-contnt {
    margin-left: 10px
}

.mobile-four-contnt h3 {
    font-weight: 600;
    line-height: 1.1;
    font-size: 2.3rem
}

.extra-m p {
    margin-bottom: 50px
}

.easier-step-heading h2,.mobile-app-heading h2 {
    text-align: center;
    font-size: 3.4rem;
    font-weight: 600;
    margin-bottom: 30px
}

.mobile-app-sixbox {
    background: #fff;
    box-shadow: rgb(0 0 0 / 35%) 0 5px 15px;
    position: relative;
    padding: 50px 40px;
    margin-top: 60px;
    border-radius: 10px;
    min-height: 250px
}

.mobile-app-icon {
    text-align: center;
    float: left;
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 20px auto auto;
    top: -50px;
    z-index: 3
}

.mobile-app-sixbox:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    left: 0;
    bottom: 0;
    background-image: linear-gradient(127deg,#3680d6 0,#4b0fbf 91%);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 1
}

.mobile-app-contnet h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 5px
}

.mobile-app-contnet ul li {
    list-style: none
}

.mobile-app-contnet ul li span {
    font-size: 10px;
    margin-right: 7px;
    color: #004c9a
}

.process-box {
    background: #fff;
    padding: 11px 12px;
    border-radius: 15px;
    position: relative;
    box-shadow: 2px 2px 7px 0 #00000057
}

.process-left:after {
    border-top: 15px solid #fff;
    border-right: 15px solid #fff;
    position: absolute;
    right: -15px;
    box-shadow: 3px -2px 3px 0 #00000036
}

.process-right:after {
    border-top: 15px solid #fff0;
    border-right: 15px solid #fff0;
    position: absolute;
    left: -15px;
    box-shadow: -1px 1px 3px 0 #0000001a
}

.process-point-right.first::before,.process-point-right:before {
    width: 11px;
    transform: rotate(31deg);
    position: relative;
    left: -53px;
    background: #004c9a
}

.process-step-number {
    background: #004c9a;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    height: 100%;
    padding-top: 15px;
    position: relative;
    top: -36px;
    border-radius: 0 0 10px 10px;
    box-shadow: -6px 8px 0 0 #00000014
}

.process-point-left,.process-point-right {
    background: #fff;
    width: 25px;
    height: 25px;
    box-shadow: 0 0 0 4px #004c9a;
    margin: auto 0;
    position: absolute
}

.process-point-right {
    border-radius: 50%;
    border: 8px solid #fd5900;
    bottom: -90px;
    left: -96px
}

.process-point-right:before {
    content: "";
    height: 167px;
    display: inline-grid;
    top: 6px
}

.process-point-left {
    border-radius: 50%;
    border: 8px solid #fd5900;
    bottom: -108px;
    right: -56px
}

.process-line-l,.process-line-r {
    background: #fd5900;
    height: 4px;
    z-index: 1
}

.process-point-left:before {
    content: "";
    height: 170px;
    width: 11px;
    background: #004c9a;
    display: inline-grid;
    transform: rotate(-31deg);
    position: relative;
    left: 48px;
    top: 5px
}

.process-step-number:after,.process-step-number:before {
    border-bottom: 8px solid #004c9a;
    top: 0;
    position: absolute;
    display: inline-grid;
    content: ""
}

.steps h3 {
    font-weight: 700;
    font-size: 22px
}

.process-box p {
    z-index: 9
}

.process-step-number h2 {
    font-size: 40px;
    font-weight: 700;
    color: #fff
}

.process-step-number:after {
    border-top: 8px solid #04889800;
    border-left: 8px solid #04889800;
    border-right: 8px solid #004c9a;
    left: -16px
}

.process-step-number:before {
    border-top: 8px solid #f000;
    border-left: 8px solid #004c9a;
    border-right: 8px solid #f000;
    right: -16px
}

.process-line-r {
    position: absolute;
    width: 184px;
    right: 100%;
    top: 92px
}

.process-line-l {
    position: absolute;
    width: 130px;
    right: -147px;
    top: 77px
}

.process-point-right.first {
    bottom: -96px;
    left: -82px
}

.process-line-l.first {
    top: 62px
}

.process-point-right.first::before {
    content: "";
    height: 193px;
    display: inline-grid;
    top: -2px;
    z-index: -1
}

@media (min-width: 320px) and (max-width:1199px) {
    .process-left:after,.process-line-l,.process-line-r,.process-none,.process-point-left,.process-point-right,.process-right:after {
        display:none
    }

    .process-width.col-lg-5 {
        margin-top: 40px;
        width: 100%!important;
        max-width: 100%!important;
        flex: auto
    }
}

.mt-5 {
    margin-top: 80px
}

.process-box h5 {
    font-size: 16px;
    font-weight: 600
}

.bg-grad-stellar {
    background: #e5eff6
}

.mobile-process-section {
    background: #f4f9fd;
    padding: 50px 0
}

.common-issue,.hire-main {
    width: 100%;
    background-repeat: no-repeat
}

.title-pnj-look .animate-border {
    background: #004c9a;
    width: 171px
}

.title-pnj-look h3 {
    font-weight: 700;
    line-height: 1.3;
    font-size: 2rem
}

.hire h2 {
    font-size: 26px;
    color: #00448b;
    font-weight: 700;
    line-height: 1.4
}

.hire:before {
    background-image: url(./image/dotted-bg.png)
}

.wordpress-dial-main {
    margin: 40px 0
}

.number {
    color: #00448b;
    font-weight: 700;
    padding: 0 9px
}

.no-word {
    margin: 43px 0
}

.common-issue {
    margin-top: 37px;
    background-image: url(./image/bg_main.png);
    padding: 81px 0 31px;
    background-size: cover;
    height: 100%;
    background-position: center
}

.content-pnj-look {
    margin-left: 39px
}

.common-issue h2 {
    color: #ff8c00;
    margin-bottom: 30px;
    font-weight: 700
}

.hire-main {
    background-image: url(../images/pricing_bg_shape-1.png);
    margin-top: 30px
}

.hire::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 157px;
    background: #00448b;
    right: 0;
    top: 0
}

.common-issue i {
    color: #ff8c00
}

.common-issue ul li {
    text-decoration: none;
    font-weight: 500
}

.common-issue ul {
    list-style-type: none
}

.common-issue span {
    padding: 0 6px
}

.content-pnj-look .item {
    position: relative;
    z-index: 1;
    padding-top: 5px;
    margin-bottom: 27px
}

.content-pnj-look .item .icon {
    height: 31px;
    width: 30px;
    line-height: 29px;
    text-align: center;
    position: absolute;
    left: -39px;
    top: 9px
}

.content-pnj-look .item .icon i {
    color: #00448b;
    font-size: 2.6rem
}

.align-items-center {
    align-items: center
}

.accordion-section .panel-default>.panel-heading {
    border: 0;
    background: #f4f4f4;
    padding: 0
}

.accordion-section .panel-default .panel-title a {
    display: block;
    font-style: italic;
    font-size: 1.5rem
}

.accordion-section .panel-default .panel-title a:after {
    font-family: FontAwesome;
    font-style: normal;
    font-size: 3rem;
    content: "\f106";
    color: #1f7de2;
    float: right;
    margin-top: -12px
}

.accordion-section .panel-default .panel-title a.collapsed:after {
    content: "\f107"
}

.accordion-section .panel-default .panel-body {
    font-size: 1.2rem
}

.points_faq {
    padding-left: 40px
}

.points_faq li {
    list-style: disc
}

.box_col:hover p {
    color: #fff
}

.consult-left p {
    color: #fff
}

.mobile-app-sixbox:hover .mobile-app-contnet h3 {
    color: #fff
}

.mobile-app-sixbox:hover .mobile-app-contnet ul li {
    color: #fff
}

.mobile-app-sixbox:hover .mobile-app-contnet ul li span {
    color: #fff
}

section.work-process-section {
    overflow: hidden
}

.collapse {
    height: initial!important
}

.collapsing {
    transition: height visibility 400ms ease-in-out!important
}

section.banner_bg_color {
    background: -webkit-linear-gradient(left,#027dff 0%,#00448b 100%)
}

.input-blue {
    background: #00448b;
    color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-size: 20px;
    z-index: 1;
    border-radius: 20px;
    padding: 8px 15px;
    transition: 400ms ease-in-out
}

.input-blue:hover {
    color: #fff;
    background: #fcb03b
}

panel-title>a,.panel-title>a:active {
    display: block;
    padding: 15px;
    color: #555;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none
}

.panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s
}

.panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faqq h2 {
    font-size: 26px;
    font-weight: 600;
    margin: 30px 0;
    text-transform: uppercase;
    color: #4d4d4d
}

.FAQ header {
    background-color: #2591e5;
    padding: 10px 10px;
    border: 1px solid #2591e5
}

.FAQ header h2 {
    color: #fff;
    font-weight: 300;
    letter-spacing: 2px
}

.FAQ .questionSection {
    width: 100%;
    margin-bottom: 15px
}

.FAQ .questionSection.active .question img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.FAQ .questionSection.active .answer {
    padding: 10px;
    border-top: 1px solid #2591e5;
    max-height: 1000px
}

.FAQ .questionSection:last-child.active {
    border-bottom: 0
}

.FAQ .questionSection .question {
    width: 100%;
    padding: 4px;
    border: 1px solid #2591e5;
    background-color: #f7fcff
}

.FAQ .questionSection .question h3 {
    padding: 0 10px;
    display: inline-block;
    font-size: 14px;
    color: #135282;
    font-weight: 600
}

.FAQ .questionSection .question img {
    float: right;
    width: 27px;
    position: relative;
    top: 1px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease,-webkit-transform 0.5s ease
}

.FAQ .questionSection .question:hover {
    cursor: pointer
}

.FAQ .questionSection .question:hover img {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.FAQ .questionSection .answer {
    border: 1px solid #2591e5;
    border-top: none;
    border-bottom: none;
    padding: 0;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    box-shadow: inset 0 3px 10px -3px rgba(0,0,0,.3),inset 0 -3px 10px -3px rgba(0,0,0,.3)
}

.FAQ .questionSection .answer p {
    color: #135282;
    font-size: 14px;
    letter-spacing: 1px
}

.services-block .inner-box {
    height: 350px
}

.mt-t {
    margin-top: 15px
}

.smo-section h1 {
    color: #fff
}

.best-h1 {
    font-size: 56px;
    font-weight: 1000;
    color: #007eff;
    text-shadow: 1px 2px 10px #fff
}

.pkg-submit {
    background: #4fa730;
    margin-left: 30px;
    color: #fff;
    font-size: 20px;
    border-radius: 20px
}

.smo-content:hover h3 {
    color: #fff
}

.smo-content:hover .icons-box img {
    filter: brightness(15)
}

.nio-dia-service-innerbox:hover img {
    filter: brightness(3)
}

.nio-dia-service-innerbox:hover h3 {
    color: #fff
}

.nio-dia-service-innerbox:hover p {
    color: #fff
}

.nio-dia-service-innerbox:hover p a {
    color: #fcb03b
}

.nio-dia-service-innerbox p a {
    font-weight: 600
}

.nio-dia-service-innerbox p span {
    font-weight: 600
}

.title-orient {
    margin-bottom: 50px
}

.web-content p a {
    font-weight: 600
}

.section-title-web p a {
    font-weight: 600
}

.section-title-webp p a {
    font-weight: 600
}

.box-content p a {
    font-weight: 600
}

.web-list li span i {
    color: #004789
}

.web-desn-img img {
    display: inline-block;
}

.process-tab-svg {
    position: relative;
    z-index: 2
}

.process-tab-svg div {
    width: 80px;
    height: 80px;
    display: inline-block;
    position: absolute
}

#Layer_5 {
    top: 48px;
    right: 26%
}

#Layer_5_copy {
    top: 185px;
    right: 18%
}

#Layer_5_copy_2 {
    top: 315px;
    right: 25%
}

#Layer_5_copy_3 {
    top: 314px;
    left: 24%
}

#Layer_5_copy_4 {
    top: 185px;
    left: 35px
}

#Layer_5_copy_6 {
    top: 50px;
    left: 25%
}

.process-tab-svg .click-div span {
    font-weight: 600;
    cursor: pointer
}

.process-tab-svg .click-div.active span {
    color: #fff
}

@media screen and (max-width: 1440px) {
    .page-title {
        background-position:70% center
    }
}

@media screen and (max-width: 1200px) {
    .last-image img {
        width:auto
    }

    .last-image {
        bottom: -55px
    }

    .main-section h1 {
        font-size: 36px
    }

    .main-header .nav-outer .outer-box {
        margin-left: 0
    }

    .logo {
        margin: 0
    }

    .h2-text .inner-div-2 {
        width: 140px
    }

    .h2-text h3 {
        font-size: 15px
    }

    .first {
        margin-top: 0
    }

    .address-div-pnj h4 {
        padding-top: 30px
    }
}

@media screen and (max-width: 1199px) {
    .box_col {
        padding:10px
    }
}

@media only screen and (max-width: 1140px) {
    .Mobile-develop-content h1 {
        font-size:2.9rem
    }

    .input-submit {
        font-size: 17px
    }

    .input-blue {
        font-size: 17px
    }

    .main-header {
        position: relative;
        margin: 0!important
    }

    .main-menu .navigation>li>a {
        padding: 10px 8px
    }

    .sec-title h2 {
        font-size: 30px
    }

    .main-header .header-top .top-left ul li:last-child {
        top: 0
    }

    .main-header .header-top .top-left .links li {
        padding-right: 14px;
        margin-right: 14px
    }

    .featured-section .inner-container {
        margin-top: 40px
    }

    .featured-block .inner-box .upper-box {
        position: relative;
        left: 0;
        top: 0;
        bottom: 0;
        opacity: 1;
        visibility: visible;
        padding-left: 0;
        padding-right: 0
    }

    .featured-block .inner-box:hover .lower-box {
        padding-left: 0
    }

    .featured-block {
        padding: 0 15px
    }

    .featured-block .lower-box .lower-inner h3 {
        font-size: 16px
    }

    .marketing-section .content-column h2,.mobile-section .inner-container .form-column h2 {
        font-size: 26px
    }

    .featured-block .inner-box:hover {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    body {
        border: none
    }

    .bottom-parallax .about-section {
        left: 0;
        bottom: 0;
        right: 0
    }

    .marketing-section .image-column .image {
        padding-right: 0
    }

    .score-section .upper-box .sec-title {
        margin-bottom: 0
    }

    .score-section .lower-box .progress-column .inner {
        left: 0
    }

    .score-section .lower-box .progress-column .contact {
        margin-left: 0
    }

    .sec-title.centered h2 {
        padding: 0 0 18px
    }

    .content-image,.sidebar-page-container .sidebar-side .with-border:before {
        display: none
    }

    .header-style-five .main-box {
        background-color: #fff
    }

    .page-title {
        padding: 110px 0
    }

    .mission-section .inner-container::after {
        width: 60%
    }

    .error-section {
        padding-top: 150px
    }

    .time-counter .time-countdown .counter-column {
        padding: 0 60px
    }

    .sidebar-page-container .sidebar-side .with-border {
        padding-left: 0
    }

    .services-block .inner-box {
        padding: 25px
    }
}

@media only screen and (min-width: 992px) {
    .navbar-toggle {
        display:none
    }
}

@media only screen and (min-width: 768px) {
    .main-menu .navigation>li>ul,.main-menu .navigation>li>ul>li>ul {
        display:block!important;
        visibility: hidden;
        opacity: 0
    }
}

@media only screen and (max-width: 1024px) {
    .bussines-growth-section {
        height:100%
    }

    .target-section {
        margin-bottom: 0
    }

    .menu__border {
        display: none
    }

    .menu__item h3 {
        font-size: 13px
    }

    .main-header .main-box .logo-box {
        width: 100%;
        padding-bottom: 10px
    }

    .main-header .nav-outer {
        width: 100%
    }

    .main-menu .navigation>li {
        margin-left: 0;
        margin-right: 18px;
        padding: 0
    }

    .main-header .btn-outer {
        display: none;
        padding: 12px 0
    }

    .fixed-header .main-menu .navigation>li>a {
        padding: 20px 0
    }

    .services-section .owl-dots,.tparrows {
        display: none
    }

    .main-slider h1 {
        font-size: 38px
    }

    .main-header .header-upper .upper-right {
        width: 100%;
        padding-top: 0;
        text-align: center;
        padding-bottom: 20px
    }

    .main-header .info-box {
        float: none;
        margin-left: 15px;
        display: inline-block
    }

    .main-header .sticky-header .main-menu .navigation>li {
        margin-left: 0;
        margin-right: 20px
    }

    .main-header .sticky-header .right-col {
        width: 100%
    }

    .comming-soon-section .text br,.fixed-header .sticky-header,.main-header .header-top .top-left,.main-menu .navigation>li:after,.main-menu .navigation>li:before {
        display: none
    }

    .main-header .header-top .top-right {
        width: 100%;
        text-align: center
    }

    .main-header .header-top .top-right ul li {
        float: none;
        display: inline-block
    }

    .main-header .nav-outer .outer-box {
        margin-top: 10px
    }

    .header-style-four .nav-outer .outer-box {
        margin-top: 30px
    }

    .testimonial-section .title-column h2 br {
        display: none
    }

    .featured-block-two:nth-child(3n+0) {
        border-right: 1px solid #f2f2f2
    }

    .featured-block-two {
        padding-left: 15px;
        padding-right: 15px
    }

    .featured-block-two:nth-child(2n+0) {
        border-right: none
    }

    .featured-block-two .inner-box {
        padding-bottom: 40px!important;
        border-bottom: 1px solid #f2f2f2!important
    }

    .featured-section-two .inner-container .clearfix {
        margin: 0 -15px
    }

    .quote-two-section .form-column .inner-column,.step-block:nth-child(2),.step-block:nth-child(3),.step-block:nth-child(4) {
        margin-top: 0
    }

    .featured-block-two .inner-box .overlay-inner .overlay-icon-box {
        height: 77px
    }

    .testimonial-section .title-column .inner-column {
        padding-top: 0
    }

    .services-block .inner-box {
        padding: 25px
    }

    .mission-section .inner-container .image-column .inner-column .content {
        margin-right: 15px
    }

    .time-counter .time-countdown .counter-column {
        margin-bottom: 40px
    }

    .case-banner {
        padding-top: 100px
    }

    .price-block.alternate .inner-box {
        padding: 30px 10px;
        margin: 0 15px;
        border: 1px solid rgba(255,255,255,.3)!important
    }
}

@media screen and (max-width: 991px) {
    .ad-2 {
        position:relative;
        left: 0
    }

    .page-title {
        background-position: 80% center
    }

    .webdesign-banner {
        background-position: 100% center
    }

    .web-desn-img img {
        display: inline-block
    }

    .web-desn-img {
        text-align: center
    }

    .consult-right {
        text-align: center
    }

    .consult-right img {
        display: inline-block
    }

    .mobile-four-box {
        height: initial
    }

    .mobile-four-img {
        flex-basis: 25%
    }

    .extra-m p {
        margin-bottom: 0
    }

    .mobile-app-sixbox {
        min-height: initial
    }

    .hire::after {
        display: none
    }

    .mobile-applictn-img img,.wordpress-dial img {
        width: initial
    }

    .mobile-applictn-img,.wordpress-dial {
        text-align: center
    }
}

@media screen and (max-width: 815px) {
    .input-blue {
        font-size:16px;
        margin-left: 0
    }

    .input-submit {
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .page-title:before {
        content:'';
        position: absolute;
        inset: 0;
        background: rgba(0 0 0 / 70%)
    }

    .Mobile-develop-content {
        max-width: 100%
    }
    .expectation-one__points {
    /* position: relative; */
    display: block;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px;
}
.expectation-one__points li::before{
    display: none;
}
.enteprise-work:after {
    width: 0%;
}
.deve_icon {
    margin-right: 17px;
}
.pluguin-sec .row {
    display: block;
}
.features li {
    display: flex;
}
.cta-rquest .part-text h2, .part-text h2 {
    line-height: 39px;
    text-align: center;
    margin-bottom: 27px;
}
.design_solution{
    margin-bottom: 177px;
}
.clients_speak h2{
    font-size: 20px;
}
.clients_speak h2 {
    font-size: 27px!important;
    margin-top: 33px;
}
.provan.top-company-sec:before{
    display: none;
}
.expectation-one__points li+li {
    margin-left: 0px;
    margin-top: 38px;
}

    .input-blue {
        bottom: -25px
    }

    .box_col {
        margin-bottom: 20px;
        margin-right: 0
    }

    .elementor-dream-image1 {
        text-align: center
    }

    figure.process-img {
        text-align: center
    }

    figure.process-img img {
        display: inline-block
    }

    .header-top .social-icon,.main-header .header-top .top-right .links li {
        display: inline-block;
        float: none
    }

    .header-upper .logo-outer {
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        margin: 0
    }

    .main-header .header-top .top-left,.main-header .header-top .top-right,.main-header .header-top .top-right .links {
        width: 100%;
        text-align: center
    }

    .main-header .header-top .top-right .links {
        padding-bottom: 15px
    }

    .header-top .social-icon {
        margin-left: 0;
        text-align: center
    }

    .main-menu .collapse,.main-menu .collapse.in,.main-menu .collapsing {
        padding: 10px 0 0;
        margin: 0 0 15px;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        -moz-box-shadow: none
    }

    .sec-title h2 {
        font-size: 24px
    }

    .main-menu .collapse {
        max-height: 300px;
        overflow: auto;
        float: none;
        width: 100%;
        border: none;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        box-shadow: none
    }

    .main-menu .collapse.in,.main-menu .collapsing {
        border: none;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        box-shadow: none
    }

    .main-menu .navbar-header {
        position: relative;
        float: none;
        display: block;
        text-align: right;
        width: 100%;
        padding: 5px 0;
        right: 0;
        z-index: 12
    }

    .main-menu .navbar-header .navbar-toggle {
        display: inline-block;
        z-index: 12;
        border: 1px solid #fcb03b;
        float: none;
        margin: -2px 0 0;
        border-radius: 0;
        background: #fcb03b
    }

    .main-menu .navbar-header .navbar-toggle .icon-bar {
        background: #fff
    }

    .main-menu .navbar-collapse>.navigation {
        float: none!important;
        margin: 0!important;
        width: 100%!important;
        background: #2c2c2c;
        border: 1px solid #fff;
        border-top: none
    }

    .main-menu .navbar-collapse>.navigation>li {
        margin: 0!important;
        float: none!important;
        padding: 0!important;
        width: 100%
    }

    .main-menu .navigation>li>a,.main-menu .navigation>li>ul:before {
        border: none
    }

    .main-menu .navbar-collapse>.navigation>li>a {
        border: none!important
    }

    .main-menu .navigation li.drop>a:after,.main-menu .navigation li.dropdown>a:after,.main-menu .navigation>li.drop>a:before,.main-menu .navigation>li.dropdown>a:before,.main-menu .navigation>li>ul>li>a::before,.main-menu .navigation>li>ul>li>ul>li>a::before {
        color: #fff!important;
        right: 15px;
        font-size: 16px;
        display: none!important
    }

    .main-menu .navbar-collapse>.navigation>li>ul,.main-menu .navbar-collapse>.navigation>li>ul>li>ul {
        position: relative;
        border: none;
        float: none;
        visibility: visible;
        opacity: 1;
        display: none;
        margin: 0;
        left: auto!important;
        right: auto!important;
        top: auto!important;
        padding: 0;
        outline: 0;
        width: 100%;
        background: #fcb03b;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        transition: none!important;
        -webkit-transition: none!important;
        -ms-transition: none!important;
        -o-transition: none!important;
        -moz-transition: none!important;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .main-menu .navbar-collapse>.navigation>li,.main-menu .navbar-collapse>.navigation>li>ul>li,.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li {
        border-top: 1px solid rgba(255,255,255,1)!important;
        border-bottom: none;
        opacity: 1!important;
        top: 0!important;
        left: 0!important;
        visibility: visible!important
    }

    .main-menu .navbar-collapse>.navigation>li:first-child {
        border: none
    }

    .main-menu .navbar-collapse>.navigation>li>a,.main-menu .navbar-collapse>.navigation>li>ul>li>a,.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li>a {
        padding: 12px 20px 10px!important;
        line-height: 22px;
        color: #fff;
        background: #3cb878;
        text-align: left;
        font-size: 14px;
        font-weight: 400
    }

    .main-menu .navbar-collapse>.navigation>li>a:active,.main-menu .navbar-collapse>.navigation>li>a:focus,.main-menu .navbar-collapse>.navigation>li>a:hover {
        background: #ff4800
    }

    .main-menu .navbar-collapse>.navigation>li.current-menu-item>a,.main-menu .navbar-collapse>.navigation>li.current>a,.main-menu .navbar-collapse>.navigation>li:hover>a,.main-menu .navbar-collapse>.navigation>li>ul>li:hover>a,.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li:hover>a {
        background: #3cb878;
        color: #fff!important
    }

    .main-menu .navbar-collapse>.navigation li.drop .dropdown-btn,.main-menu .navbar-collapse>.navigation li.dropdown .dropdown-btn {
        display: block
    }

    .main-menu .navbar-collapse>.navigation li.drop:after,.main-menu .navbar-collapse>.navigation li.dropdown:after,.main-menu .navigation>li>ul:before,.services-section .owl-dots {
        display: none!important
    }

    .main-slider .big-title {
        font-size: 36px
    }

    .main-header .nav-outer {
        padding-right: 0;
        width: 100%
    }

    .main-header .nav-outer .search-box-outer {
        left: 0;
        top: 25px;
        right: auto;
        z-index: 12
    }

    .main-header .nav-outer .outer-box .talk {
        margin-top: 0;
        top: 15px
    }

    .main-header .nav-outer .search-box-outer .dropdown-menu {
        left: 0;
        top: 44px
    }

    .main-header .btn-outer {
        position: relative;
        display: block;
        float: left;
        z-index: 15;
        margin-left: 0;
        margin-bottom: -58px
    }

    .main-header .header-top .top-left .links {
        width: 100%
    }

    .main-header .header-top .top-left .links li {
        float: none;
        display: inline-block
    }

    .fixed-header .sticky-header,.main-header .header-top .top-left .links li:after,.main-header .header-top .top-left .links li:before,.sec-title .text br,.time-counter .time-countdown .counter-column:after {
        display: none
    }

    .main-slider .text {
        font-size: 16px
    }

    .main-header .info-box .icon-box {
        position: relative;
        top: 0;
        text-align: center;
        margin-bottom: 10px
    }

    .main-header .main-box .logo-box {
        text-align: center;
        padding-bottom: 10px
    }

    .main-header .main-box .outer-container {
        padding-bottom: 5px
    }

    .main-header .search-box-btn {
        text-align: left;
        border: 0
    }

    .main-slider h2.alternate {
        font-size: 36px
    }

    .main-menu {
        width: 100%;
        padding-right: 0!important
    }

    .main-header .language {
        margin-top: 0;
        top: -8px
    }

    .main-header .header-top .top-left .links li {
        padding-right: 0
    }

    .main-header .info-box {
        display: block;
        padding: 0;
        margin-bottom: 20px;
        border: 0;
        text-align: center
    }

    .main-header .nav-outer .outer-box {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 12;
        margin-left: 0;
        margin-top: 0
    }

    .featured-block-two,.featured-block-two:nth-child(3n) {
        border-right: 0
    }

    .about-section h2,.case-banner h2,.comming-soon-section h2,.testimonial-section .title-column h2 {
        font-size: 26px
    }

    .testimonial-block .inner-box .text {
        font-size: 18px
    }

    .marketing-section .content-column h2,.sec-title .text {
        font-size: 16px
    }

    .featured-block-two .inner-box {
        padding: 0 0 40px
    }

    .blog-single .inner-box .lower-content h3,.contact-section .contact-form-column h2,.marketing-section-two h3,.news-block-two .inner-box .lower-content h3 {
        font-size: 20px
    }

    .quote-two-section .form-column .inner-column {
        padding: 25px 25px 15px
    }

    .error-section .inner-section {
        background: 0 0
    }

    .testimonial-block-two .inner-box .upper-box .text {
        font-size: 18px
    }

    .solution-icon-block {
        text-align: center
    }

    .blog-single .inner-box .lower-content .text blockquote {
        padding: 25px 15px
    }

    .blog-single .inner-box .lower-content .text .two-column .image-column {
        margin-bottom: 20px
    }

    .author-box .author-comment .inner .image,.sidebar-page-container .comments-area .comment-box .author-thumb {
        position: relative
    }

    .author-box .author-comment .inner,.sidebar-page-container .comments-area .comment {
        padding-left: 0
    }

    .sidebar-page-container .comments-area .comment-box.reply-comment {
        margin-left: 0
    }

    .featured-block .inner-box:hover {
        box-shadow: none
    }

    .page-title h1 {
        font-size: 28px
    }
}

@media only screen and (max-width: 599px) {
    .featured-block .lower-box .lower-inner,.market-content .content-inner {
        padding-left:0
    }

    .featured-block .lower-box .lower-inner .icon-box,.market-content .content-inner .content-number {
        margin-bottom: 20px;
        position: relative
    }

    .main-slider h2 {
        padding-bottom: 0
    }

    .main-slider .text {
        font-size: 14px;
        line-height: 1.4em
    }

    .main-slider h1,.services-single h2 {
        font-size: 24px
    }

    .main-slider h2.alternate {
        font-size: 26px
    }

    .main-header .header-top .top-left {
        padding-bottom: 12px
    }

    .main-slider h2 span {
        font-size: 60px;
        line-height: 1.4em
    }

    .main-slider h2 {
        font-size: 14px
    }

    .marketing-section .content-column h2 br,.mission-section .inner-container:after {
        display: none
    }

    .featured-section .inner-container {
        margin-left: -15px;
        margin-right: -15px
    }

    .services-block .inner-box {
        padding: 25px 20px
    }

    .score-section .lower-box .form-column .inner-column {
        padding: 15px
    }

    .video-box .overlay-box span {
        top: 45%
    }

    .analysis-section .form-column .inner-column {
        padding: 25px 20px 1px
    }

    .error-section {
        padding: 60px 15px
    }

    .quote-section .quote-form-column .inner-column {
        padding: 20px 20px 0
    }

    .quote-section .quote-info-column .inner-column {
        padding: 20px
    }

    .comming-soon-section .text,.news-block-two .inner-box .lower-content h3 {
        font-size: 16px
    }

    .blog-single .inner-box .lower-content,.news-block-two .inner-box .lower-content {
        padding: 15px
    }

    .blog-single .post-share-options .tags {
        width: 100%;
        margin-top: 10px
    }

    .blog-single .inner-box .lower-content h3 {
        font-size: 18px
    }

    .blog-single .inner-box .lower-content .text blockquote .quote-info {
        padding: 12px 0 0
    }

    .sidebar-page-container .comments-area .comment .comment-inner .rating {
        position: relative;
        left: auto;
        right: auto;
        top: 0
    }

    .bottom-parallax .about-section h2 {
        font-size: 20px
    }
}

@media screen and (max-width: 576px) {
    .hire::after {
        display:none
    }
    .kode_pillars_item li {
    margin-left: 49px;
}

    .rewarding-seo .tab-info {
        top: 0%
    }

    .web-designing-title h2 {
        font-size: 2.8rem;
        font-weight: 700
    }

    .web-list li {
        font-size: 1.4rem;
        font-weight: 600
    }

    .h6-services-circle .icon-three,.h6-services-circle .icon-one,.h6-services-circle .icon-two {
        display: none
    }

    .services-six-right {
        position: relative;
        top: 119px
    }

    .steps-count {
        width: 50px;
        height: 50px
    }

    .steps-img:nth-of-type(2) {
        top: -4%;
        right: 52%
    }

    .steps-img:nth-of-type(3) {
        top: 18%;
        right: -2%
    }

    .steps-img:nth-of-type(4) {
        top: 0%;
        right: 33%
    }

    .steps-img:nth-of-type(5) {
        bottom: 42%;
        right: 11%
    }

    .steps-img:nth-of-type(6) {
        bottom: 16%;
        right: 28%
    }

    .steps-img:nth-of-type(7) {
        bottom: -5%;
        left: 37%
    }

    .steps-img:nth-of-type(8) {
        bottom: 14%;
        left: 5%
    }

    .steps-img:nth-of-type(9) {
        bottom: 46%;
        left: -4%
    }

    .steps-img:nth-of-type(10) {
        bottom: 74%;
        left: 7%
    }

    .sevices-six-slide-text {
        position: absolute;
        top: 15%!important;
        left: 0%!important;
        padding: 0 30px
    }

    .tabs-inner {
        display: block
    }

    .leading-inner h2 {
        font-weight: 600;
        font-size: 2.9rem;
        margin-top: 20px
    }

    .services-section.altrenate {
        background-position: center
    }

    .process-work-section,.web-design-section {
        padding: 20px 0px!important
    }

    .service-block-three,.service-block-three:nth-child(1),.service-block-three:nth-child(2) {
        margin: 0 0 40px 39px
    }

    .testimonial-box {
        padding: 37px 15px 40px 15px
    }

    .service-block-two:nth-child(1),.service-block-two:nth-child(2),.service-block-two {
        margin: 40px 30px 40px 0
    }

    .services-six-single-wrapper h3 {
        font-size: 1.6rem
    }

    .sevices-six-slide-text p {
        font-size: 14px
    }

    .cnter-box {
        transform: translate(0%,0%)
    }

    .benifit-four-cntnt,.benifit-contnt-box {
        height: 100%
    }

    .benifit-four-cntnt {
        display: none
    }

    .benifit-you-contnt h2 {
        font-size: 3rem;
        text-align: center
    }

    .sub-title-box .line1,.sub-title-box .line2 {
        display: none
    }

    .choose-section {
        padding-top: 40px
    }

    .dsigning-india-flex {
        display: block;
        padding: 20px
    }

    .menu__item {
        margin: auto;
        margin-bottom: 20px
    }

    .menu__item h3 {
        font-size: 1.9rem
    }

    .ptb {
        padding: 0
    }

    .our-faq-wrapper {
        padding: 20px 0
    }

    .process-title h2 {
        font-size: 2rem;
        margin-bottom: 0
    }

    .social-box h2 {
        font-size: 2rem;
        margin-top: 10px
    }

    .smo-section {
        background-size: cover;
        padding: 50px 0 50px 0
    }

    .smo-bst {
        font-size: 4rem
    }

    .smo-h1 {
        font-size: 3rem
    }

    .smo-section h1 {
        line-height: 50px
    }

    .cta-rquest .part-text h2 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 20px
    }

    .cta-rquest {
        padding: 30px 0
    }

    .webdevelop-section .vertical-tab {
        display: flex;
        flex-direction: column
    }

    .smo-content {
        height: auto
    }

    .inner-request {
        padding: 15px
    }

    .nio-dia-service-innerbox {
        height: auto
    }

    .webdevelop-section .vertical-tab .nav-tabs {
        width: 100%
    }

    .tab-flex {
        flex-direction: column
    }

    .captcha {
        flex-direction: column
    }

    .text {
        margin: 0.5em!important;
        text-align: center
    }

    .logo {
        align-self: center!important
    }

    .spinner {
        margin: 2em .5em .5em 0.5em!important
    }
}

@media only screen and (max-width: 479px) {
    .accordion-box .block:after,.main-slider h1:after,.monthy-block .inner-box .month {
        display:none
    }

    .main-slider .big-title,.partners-section .title-column h2 {
        font-size: 24px
    }

    .main-slider .text {
        font-size: 12px
    }

    .main-header .main-box .logo-box {
        padding-bottom: 0;
        width: 100%;
        margin-bottom: 20px
    }

    .main-slider h1 {
        font-size: 20px;
        padding-bottom: 0
    }

    .accordion-box .block .icon-outer {
        position: relative;
        left: 0;
        margin-bottom: 20px
    }

    .main-slider .medium-title {
        font-size: 24px
    }

    .main-slider h2 {
        line-height: 1em;
        font-size: 11px
    }

    .main-slider h2 span {
        font-size: 30px;
        line-height: 2em
    }

    .testimonial-section .testimonial-column .owl-nav {
        position: relative;
        margin-top: 20px
    }

    .testimonial-section .testimonial-column .owl-nav .owl-next,.testimonial-section .testimonial-column .owl-nav .owl-prev {
        margin-left: 0;
        margin-right: 15px
    }

    .video-box .overlay-box span {
        top: 35%
    }

    .accordion-box .block .acc-btn,.accordion-box .block .content {
        padding-left: 15px
    }

    .mission-section .inner-container .image-column .inner-column .content {
        max-width: 100%;
        margin-right: 0
    }

    .monthy-block .inner-box {
        padding-left: 30px
    }

    .we-are-section .carousel-column .slick-prev {
        left: 42px
    }

    .we-are-section .carousel-column .slick-next {
        left: -8px
    }

    .error-section .inner-section h1 {
        font-size: 100px
    }

    .we-are-section .carousel-column .inner-column::before {
        left: 5px
    }

    .error-section .inner-section {
        padding: 0
    }

    .error-search-form .form-group {
        max-width: 100%;
        display: block
    }

    .error-section .inner-section h2 {
        font-size: 14px
    }

    .contact-section .contact-info-column .inner-column .lower-box {
        padding: 15px
    }

    .mission-section .inner-container .image-column .inner-column {
        padding: 30px 15px
    }
}

.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.html) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3,1.3);
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.why_choosee .inner-column .image-box {
    text-align: center
}

.why_choosee .service-block-two:nth-child(3) {
    margin: 0 0 40px 80px
}

.key_advantage .menu__item {
    flex-basis: inherit;
    z-index: 100;
    flex-direction: column;
    cursor: pointer;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    padding: .55em 0 .5em;
    display: inherit;
    width: 16%;
    text-align: center
}

.key_advantage .menu__item h3 {
    font-size: 15px;
    margin-top: 10px;
    line-height: 20px;
    letter-spacing: .4px;
    font-weight: 600;
    font-family: Open Sans,sans-serif
}

.why_choosee .service-block-three .inner-box .blue {
    background-image: linear-gradient(#061581,#273fed)
}

.why_choosee .service-block-three .inner-box .red {
    background-image: linear-gradient(#c30505,#fd4848)
}

.why_choosee .service-block-three .inner-box .green {
    background-image: linear-gradient(#07810a,#0ca710)
}

.why_choosee .service-block-three .inner-box .text-box h3 {
    color: #fff;
    font-weight: 600;
    font-size: 2rem
}

.website_design_content h1 {
    font-size: 4rem
}

.lastt .process-point-right:before {
    display: none
}

.web-title-1 h3 {
    color: #fff;
    font-size: 30px
}

.web-title-1 p {
    color: #fff;
    text-align: justify
}

.web-section {
    background-image: url(https://radiustheme.com/demo/html/techkit/assets/images/shape/support-bg-shape.png);
    background-color: #01448b;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center 15.7859px;
    padding: 60px 0
}

.heading_midle {
    text-align: center
}

.heading_midle h2 {
    color: #fff
}

.heading_midle p {
    color: #fff
}

.headingg h2 {
    color: #00448b;
    font-size: 30px;
    font-weight: 700
}

.seo_tect {
    padding: 70px 0 40px
}

.new_servv .services-block .inner-box {
    height: 400px;
    padding: 30px;
    border-radius: 22px;
    box-shadow: 0 0 20px #ccc
}

.new_servv .services-block .inner-box p {
    font-size: 15px;
    color: #000;
    line-height: 1.8em;
    font-weight: 400;
    text-align: center
}

.services-block {
    position: relative;
    margin-bottom: 15px;
    transition: 0.2s
}

.midii ul li {
    float: left;
    width: 50%;
    padding-bottom: 4px;
    font-weight: 600
}

.midii {
    margin-top: 50px
}

.new_servv .services-block .inner-box:before {
    background: #00448b;
    border-radius: 20px
}

.new_servv .services-block .inner-box:hover p {
    color: #fff
}

.new_servv .services-block .inner-box:hover h3 {
    color: #000
}

.why_choose_mum .nio-dia-service-innerbox h3 {
    font-size: 20px
}

.why_choose_mum .nio-dia-service-innerbox {
    height: 308px
}

.innerpage_cta .part-text h2 {
    font-size: 26px
}

.form_inner {
    background-color: #fff;
    box-shadow: 0 8px 14px 0 #d4d4d4
}

.form_inner h2 {
    background: #004083;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    font-size: 20px;
    font-weight: 700
}

.form_inner form {
    padding: 20px
}

.form_inner form .form-control {
    border: 0;
    width: 100%;
    font-family: 'Open Sans';
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
    box-shadow: inherit;
    font-weight: 500;
    font-size: 15px
}

.form_inner .input-group-addon {
    background-color: inherit;
    border: 0;
    border-bottom: 1px solid #ccc
}

.form_inner .btn {
    background: #00448b;
    border: 0;
    padding: 10px;
    font-weight: 600;
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-size: 17px;
    margin-top: 14px
}

.seo_nav_tab li {
    margin-bottom: 5px!important
}

.seo_nav_tab li a {
    position: relative;
    display: block;
    padding: 10px 15px;
    background: #01448b;
    font-family: 'Open Sans';
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    margin: 0
}

.seo_nav_tab li.active a {
    background: linear-gradient(223.14deg,#f44a33 -17.3%,#e8ae3d 101.56%)!important
}

.seo_nav_tab li:hover a {
    background: linear-gradient(223.14deg,#f44a33 -17.3%,#e8ae3d 101.56%)!important
}

.seo_nav_tab li.active>a::after {
    border-left: 10px solid #f16135!important
}

.seo_nav_tab .tab-content {
    border-top: 5px solid #f16335;
    border-bottom: 5px solid #f16335
}

.se_serbox {
    text-align: center;
    box-shadow: 0 0 20px #ccc;
    border-radius: 19px;
    padding: 30px 22px;
    transition: 0.3s;
    border: 2px solid #fff
}

.se_serbox h3 {
    font-family: 'Open Sans';
    font-weight: 700;
    line-height: inherit;
    padding-top: 20px;
    font-size: 20px;
    color: #000
}

.se_serbox:hover {
    background: #004083
}

.se_serbox:hover h3 {
    color: #fff
}

.gro_businee_section {
    background: #f5fcff;
    padding: 30px 0;
    margin-top: 40px
}

.box_imgg img {
    border-radius: 20px
}

.faq_innerr .panel-heading a {
    font-size: 16px!important;
    color: #fff;
    padding: inherit;
    text-transform: inherit;
    font-weight: 600;
    font-family: inherit
}

.faq_innerr .panel-heading {
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    background: #00448b;
    color: #fff;
    border-radius: 7px;
    padding: 7px 15px 12px;
    font-size: 16px;
    overflow: hidden;
    border: none;
    font-weight: 600
}

.faq_innerr .panel-heading:before {
    position: absolute;
    content: '';
    background: #348ae1;
    -webkit-transform: skew(-35deg);
    transform: skew(-35deg);
    height: 100%;
    width: 50%;
    left: 90%;
    top: 0
}

.new_heading_common h3 {
    color: #000;
    font-weight: 600;
    line-height: 40px;
    font-size: 20px;
    color: #00448b!important
}

.faq_innerr .panel {
    border: 0;
    margin-bottom: 28px
}

.heading_midle_new {
    margin-bottom: 20px
}

.heading_midle_new h2 {
    color: #00448b;
    font-size: 28px;
    font-weight: 700
}

.new_heading_common h1 {
    color: #000;
    font-weight: 600;
    line-height: 40px;
    font-size: 30px
}

.new_heading_common h1 span {
    color: #00448b!important
}

.new_heading_common h2 {
    color: #000;
    font-weight: 600;
    line-height: 40px;
    font-size: 30px
}

.new_heading_common h2 span {
    color: #00448b!important
}

#what-we-do {
    padding: 70px 0
}

.what-we-do ul li {
    font-size: 15px
}

.faq_innerr {
    padding: 40px 0 30px
}

.boxsetup h3 {
    color: #00448b!important;
    font-size: 25px;
    padding-bottom: 10px
}

.seo_whyy .inner-why-choose {
    background: #00448b
}

.seo_whyy .inner-why-choose:before {
    background: #fcb03b
}

.idea_img img {
    width: 75%;
    float: right
}

#what-we-do .shadow-box {
    transition: 0.2s;
    margin-bottom: 30px
}

#what-we-do .shadow-box:hover {
    background: #0661c1
}

#what-we-do .shadow-box:hover p {
    color: #fff
}

#what-we-do .shadow-box:hover h3 {
    color: #fff!important
}

#what-we-do .shadow-box:hover .text li {
    color: #fff
}

.headdd {
    padding-top: 40px;
    text-align: center;
    padding-bottom: 40px
}

.headdd h2 {
    color: #004c9a;
    font-size: 3rem;
    font-weight: 700
}

.headdd h3 {
    font-size: 20px;
    font-weight: 500;
    color: #000
}

.contentt h3 {
    color: #004c9a;
    font-size: 25px;
    font-weight: 700
}

.contentt ul li {
    padding-bottom: 10px
}

.contentt ul li i {
    color: #004c9a
}

.learn_earn {
    background: #00458b;
    margin: 50px 0;
    padding: 20px 0 0
}

.learn_earn h2 {
    font-weight: 600;
    color: #fff
}

.learn_earn a {
    background: #fcb03b;
    border-radius: 100px;
    padding: 13px 22px;
    display: inline-block;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 11px
}

.learn_earn p {
    color: #fff;
    font-size: 16px
}

.seo_outsource {
    background: #f5fcff;
    padding: 50px 0;
    margin-top: 50px
}

.servv {
    box-shadow: 0 0 30px #ccc;
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
    height: 520px;
    text-align: center;
    margin-top: 30px
}

.servv i {
    width: 79px;
    height: 79px;
    background-image: -webkit-linear-gradient(145deg,#0039e4,#04dbf1);
    background-image: linear-gradient(145deg,#01448b,#3188e7);
    margin: 0 auto;
    margin-bottom: 0;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 50%;
    margin-bottom: 10px;
    color: #fff;
    font-size: 39px
}

.servv h4 a {
    color: #004c9a;
    font-size: 24px;
    font-weight: 600
}

.optimization-outer {
    padding: 70px 0
}

.optimization-outer h3 {
    text-align: center;
    margin-bottom: 21px;
    text-transform: uppercase
}

.optimization-outer h3 strong {
    display: block;
    font-weight: 700!important
}

.optimization-outer h3+p {
    text-align: center;
    max-width: 940px;
    margin: auto
}

.optimization-bottom {
    margin: 48px auto 0
}

.optimization-section {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.optimization-section:not(:first-child) {
    margin-top: -50px
}

.optimization-section:nth-child(2n) {
    justify-content: unset;
    text-align: right
}

.optimization-section-inner {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    margin-right: 12px;
    position: relative
}

.optimization-section-inner:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: #aeaeae;
    top: 60px;
    left: 10px
}

.optimization-section:nth-child(2n) .optimization-section-inner:before {
    left: auto;
    right: 11px
}

.optimization-section:last-child .optimization-section-inner:before {
    background-color: #f6fafd
}

.optimization-section:nth-child(2n) .optimization-section-inner {
    flex-direction: row-reverse;
    margin: 0 0 0 11px
}

.optimization-section-inner-left {
    width: 197px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.optimization-section:nth-child(2n) .optimization-section-inner .optimization-section-inner-left {
    flex-direction: row-reverse
}

.optimization-section-inner-left span {
    width: 33px;
    height: 33px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #f3554a;
    border-radius: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-top: 60px;
    position: relative
}

.optimization-section-pic {
    width: 145px;
    height: 145px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-color: #f3554a;
    background-image: linear-gradient(to right,#f18a3d 0%,#f3554a 100%)
}

.optimization-section-pic svg {
    width: 90px;
    height: auto;
    fill: #fff
}

.optimization-section-pic svg path {
    fill: #fff
}

.optimization-section:nth-child(2n) .optimization-section-inner-left .optimization-section-pic,.optimization-section:nth-child(2n) .optimization-section-inner-left .optimization-section-pic {
    background-image: linear-gradient(to right,#00448d 0%,#0881ff 100%)
}

.optimization-section:nth-child(2n) .optimization-section-inner-left span,.optimization-section:nth-child(2n) .optimization-section-inner-left span {
    background-color: #1aacc9
}

.optimization-section-pic img {
    -webkit-filter: invert(1);
    -moz-filter: invert(1);
    -o-filter: invert(1);
    filter: invert(1)
}

.optimization-section:nth-child(2) .optimization-section-pic img {
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    filter: none
}

.optimization-section-txt {
    width: calc(100% - 197px);
    padding-left: 30px
}

.optimization-section:nth-child(2n) .optimization-section-inner .optimization-section-txt {
    padding: 0 30px 0 0
}

.optimization-section-txt h6 {
    color: #002248;
    font-weight: 600!important;
    margin-bottom: 0;
    font-size: 22px
}

.optimization-section-txt p {
    font-size: 14px!important;
    line-height: 27px!important
}

.optimization-section .morecontent span {
    display: none
}

.optimization-section .morelink {
    display: block
}

.optimization-section a.morelink {
    padding: 6px 11px;
    background-image: none;
    display: block;
    line-height: 1;
    font-size: 21px;
    color: #fff;
    text-align: center;
    background-color: #f3554a;
    background-image: linear-gradient(to right,#f18a3d 0%,#f3554a 100%);
    border-radius: 4px;
    max-width: 35px;
    margin: 10px auto 0 0
}

.optimization-section:nth-child(2n) .optimization-section-txt .morelink,.optimization-section:nth-child(2n) .optimization-section-txt .morelink {
    background-image: linear-gradient(to right,#17c3e5 0%,#0da1be 100%);
    margin: 10px 0 0 auto
}

.optimization-section-txt p * {
    font-weight: 300
}

.bre-new {
    color: #efd107;
    font-size: 24px;
    margin-bottom: 36px
}

.manage_sec {
    padding: 30px 0;
    background: #e7efff
}

.manage_sec .row {
    display: flex;
    justify-content: center;
    align-items: center
}

.newew .services-block .inner-box {
    height: 550px
}

.serv_in .services-block .inner-box {
    height: 670px
}

.height_serv .services-block .inner-box {
    height: 420px
}

.writeinn .services-block .inner-box {
    height: 430px
}

.head_contenttt h2 {
    color: #00448b;
    font-size: 30px;
    font-weight: 700
}

.head_contenttt h3 {
    color: #000;
    font-size: 22px;
    font-weight: 700
}

.head_contenttt h4 {
    color: #000;
    font-size: 22px;
    font-weight: 700
}

.content_twitt h2 {
    color: #00448b;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2
}

.main_twitt .row {
    display: flex;
    justify-content: center;
    align-items: center
}

.main_twitt {
    margin-top: 30px
}

.nnnn .services-block .inner-box {
    height: 500px
}

.inner-box_desii {
    background: #004086;
    padding: 12px;
    border-radius: 10px
}

.inner-box_desii h4 {
    font-size: 18px;
    font-style: italic;
    color: #fff
}

.dream_section {
    background-color: #ecf1ff;
    padding: 50px 0
}

.ignoree {
    margin-top: 40px
}

.ignoree h2 {
    font-size: 25px
}

.ecomservv {
    padding: 50px 0
}

.ecomservv h2 {
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 5px;
    color: #00448b;
    text-transform: capitalize;
    font-size: 30px;
    text-align: center
}

.ecomservv p {
    color: #000;
    text-align: center
}

.ecomservv .web-box {
    border: 1px solid #d9dee2;
    padding: 20px 45px;
    display: block;
    text-align: center;
    border-radius: 0;
    background: #fff;
    margin-top: 13px;
    box-shadow: 0 0 20px #ccc;
    margin-bottom: 14px
}

.ecomservv .icon {
    width: 2.3em;
    height: 2.3em;
    stroke: #fff;
    fill: transparent
}

.ecomservv .web-box h3 {
    line-height: inherit
}

.ecomservv .web-box h3 a {
    font-size: 18px;
    color: #000;
    font-weight: 600
}

.ecomservv .web-box img {
    margin: auto;
    margin-bottom: 15px
}

.midii .row {
    display: flex;
    justify-content: center;
    align-items: center
}

.examplee {
    background: #00448b;
    padding: 20px;
    margin-top: 20px;
    border-radius: 10px
}

.examplee h2 {
    font-size: 23px;
    font-weight: 600;
    color: #fff
}

.examplee p {
    color: #fff
}

.newww h3 {
    font-size: 23px;
    color: #00448b
}

.types-of-content-row-col {
    padding: 20px;
    border: 5px solid #fcb03b;
    border-radius: 30px;
    position: relative;
    background: #fff
}

.types-of-content-icon {
    border: 5px solid #fcb03b;
    display: block;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    bottom: 0;
    right: 0;
    margin-top: 0;
    z-index: 1;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px
}

.types-of-content-row-col h3 {
    color: #000;
    font-size: 21px;
    padding-bottom: 10px;
    font-weight: 600
}

.types-of-content-icon img {
    width: auto;
    height: 35px;
    object-fit: contain;
    display: block
}

.content_new_box {
    background: #00448b;
    padding: 40px 0 90px;
    margin-top: 40px;
}

.content_new_box .new_heading_common h2 {
    color: #fff
}

.content_new_box .new_heading_common p {
    color: #fff!important;
    text-align: center!important;
    padding-bottom: 20px
}

.content_maiiii img {
    float: left;
    margin-right: 20px
}

.content_maiiii {
    padding: 20px;
    box-shadow: 0 0 20px #ccc;
    margin-top: 30px;
    background: #fff;
    display: flex;
    align-items: flex-start;
    transition: 0.4s;
    border-radius: 20px
}

.con_import h4 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 0
}

.con_import p {
    color: #000
}

.important_box {
    padding: 50px 0
}

.important_bo .new_heading_common p {
    text-align: center!important
}

.content_maiiii:hover {
    background: #00448b
}

.content_maiiii:hover h4 {
    color: #fff
}

.content_maiiii:hover p {
    color: #fff
}

.content_maiiii:hover img {
    filter: brightness(0) invert(1)
}

.padding_50 {
    padding: 50px 0
}

.get_started {
    background: #f4f9fd;
    padding: 50px 0
}

.contnt_started ul {
    padding: 0;
    margin: 0
}

.contnt_started li {
    list-style: none;
    margin-bottom: 10px;
    display: flex
}

.contnt_started li i {
    float: left;
    background: linear-gradient(to right,#3224e9 0,#5ad0ff 100%)!important;
    width: 40px!important;
    height: 40px!important;
    color: #fff;
    padding: 12px;
    border-radius: 100px;
    font-size: 18px;
    margin-right: 20px
}

.contnt_started li h3 {
    font-size: 18px;
    font-weight: 600
}

.contnt_started li p {
    color: #000
}

.services_contnet {
    padding: 40px 0;
    background: #00448c1f;
    margin-top: 30px
}

.serv_cont_box {
    padding: 20px;
    height: 390px;
    margin-top: 40px;
    background: #fff;
    box-shadow: 0 0 20px #ccc;
    text-align: center;
    border-radius: 23px;
    transition: 0.4s
}

.serv_cont_box:hover {
    background: #fcb03b
}

.serv_cont_box h4 {
    font-size: 18px;
    font-weight: 600;
    padding-top: 15px;
    line-height: initial;
    padding-bottom: 10px
}

.serv_cont_box p {
    color: #000
}

.serv_cont_box img {
    width: 80px;
    margin: auto
}

.page-title .input-submit {
    background: #fcb03b;
    color: #000;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-size: 17px;
    z-index: 1;
    border-radius: 100px;
    transition: 400ms ease-in-out;
    padding: 8px 25px
}

.popup_get_a_quote .form-control {
    height: 40px;
    font-size: 18px;
    color: #00438a!important;
    font-weight: 600;
    border: none;
    border: 0;
    box-shadow: inherit;
    font-weight: 300;
    font-family: 'Poppins';
    color: #000!important;
    font-size: 17px;
    border-bottom: 1px solid #545454;
    border-radius: 0;
    margin-bottom: 14px;
    background: inherit
}

.popup_get_a_quote .form-control:focus {
    box-shadow: inherit
}

.popup_get_a_quote .modal-body {
    padding: 20px;
    background: #fff3df;
    box-shadow: inset 16px 2px 31px 0 #b7b7b7;
    padding: 40px
}

.popup_get_a_quote .modal-content {
    border: 0;
    max-width: 470px;
    background-image: inherit;
    background: #fff;
    border-radius: 0;
    padding: 18px
}

.popup_get_a_quote .modal-content h3 {
    text-align: center;
    font-weight: 600;
    background: #ffdd83;
    color: #000;
    border-radius: 18px;
    padding: 10px 0;
    line-height: 22px;
    margin-bottom: 20px
}

.popup_get_a_quote .modal-content h3 span {
    display: block;
    font-size: 15px;
    color: #000;
    text-transform: uppercase
}

.popup_get_a_quote .modal-content .close {
    position: absolute;
    position: absolute;
    right: -13px;
    opacity: inherit;
    z-index: 9;
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    top: -17px;
    background: #000!important;
    height: 40px;
    width: 40px;
    border-radius: 100px
}

.popup_get_a_quote .modal-content .captcha {
    width: 87px
}

.popup_get_a_quote textarea {
    border: 0;
    border-bottom: 1px solid #ccc;
    height: 78px;
    font-family: 'Poppins';
    background: inherit
}

.contact-add i {
    color: #000;
    font-size: 20px;
    float: initial
}

.contact-add {
    text-align: center;
    font-size: -10px;
    margin-top: 10px
}

.contact-add span {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    font-style: italic
}

#popgetquote {
    background: #0457ad;
    border: none;
    border-radius: 100px;
    padding: 12px;
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    width: inherit;
    margin-top: 20px
}

.blink_button {
    animation: 2s linear infinite condemned_blink_effect;
    transition: 0.3s;
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate
}

.img_poupp img {
    width: 100%;
    height: 100%
}

@keyframes condemned_blink_effect {
    0% {
        visibility: hidden
    }

    50% {
        visibility: hidden
    }

    100% {
        visibility: visible
    }
}

.new_innerpage_design .page-title {
    padding: 0
}

.new_innerpage_design .Mobile-develop-content {
    padding: 70px 0
}

.popup_get_a_quote .modal-content .row {
    margin: 0;
    box-shadow: inset 0 0 30px #b7b7b7;
    position: relative
}

.popup_get_a_quote .col-sm-6 {
    padding: 0
}

@media only screen and (max-width: 767px) {
    .popup_get_a_quote .modal-dialog {
        height:10%;
        width: 96%;
        margin: auto
    }

    #popgetquot .form-group {
        margin-bottom: 0
    }

    #popgetquote {
        width: 100%
    }

    .popup_get_a_quote {
        padding-top: 20px
    }

    .popup_get_a_quote .modal-content {
        padding: 10px
    }

    .popup_get_a_quote .modal-body {
        padding: 20px;
        background: #fff3df;
        box-shadow: inset 6px 2px 18px 0 #b7b7b7;
        padding: 20px
    }

    .popup_get_a_quote .modal-content .close {
        right: 1px
    }

    .img_poupp {
        display: none
    }

    .midii .row {
        display: inherit;
        justify-content: center;
        align-items: center
    }

    .height_serv .services-block .inner-box {
        height: inherit
    }

    .serv_in .services-block .inner-box {
        height: inherit
    }

    .newew .services-block .inner-box {
        height: inherit
    }

    #what-we-do {
        padding: 40px 0
    }

    .seo_whyy .inner-why-choose {
        padding-bottom: 0
    }

    .seo_nav_tab li a {
        position: relative;
        display: block;
        padding: 10px 4px;
        background: #01448b;
        font-family: 'Open Sans';
        text-transform: uppercase;
        color: #fff;
        font-weight: 600;
        font-size: 10px;
        margin: 0;
        line-height: initial
    }

    .se_serbox {
        margin-bottom: 20px
    }

    .amazing_feature .text {
        text-align: left
    }

    .amazing_feature .text li {
        text-align: left;
        padding-bottom: 10px
    }

    .idea_img img {
        width: 100%;
        float: inherit
    }

    .key_advantage .menu__item {
        width: 30%;
        text-align: center;
        display: inline-block
    }

    .key_advantage .menu__item::before {
        width: 2.3em;
        height: 2.3em
    }

    .key_advantage .icon {
        margin-left: 8px;
        width: 1.5em;
        height: 1.5em
    }

    .why_choosee .service-block-two:nth-child(3) {
        margin: 0 0 40px 39px
    }

    .why_choosee {
        padding: 40px 0px!important;
        background-image: inherit!important;
        background: -webkit-linear-gradient(top,#141c52 0%,#09048e 100%)!important
    }

    .services-six-area {
        background-image: url(../images/services-bg.png);
        background-repeat: no-repeat;
        background-position: center;
        padding: 17px 0 213px;
        background-size: cover
    }

    .key_advantage .menu__item h3 {
        font-size: 11px;
        line-height: 14px
    }

    .key_advantage .menu__item:nth-child(4) {
        margin-bottom: 0
    }

    .key_advantage .menu__item:nth-child(5) {
        margin-bottom: 0
    }

    .key_advantage .menu__item:nth-child(6) {
        margin-bottom: 0
    }

    .web-desn-img img {
        max-width: 100%;
        width: 100%
    }

    .process-six-step h3 {
        text-align: left
    }

    .process-six-step h3:after {
        right: inherit;
        left: 0
    }

    .why_choosee .service-block-two .inner-box .icon-box {
        left: -44px;
        right: inherit;
        text-align: center
    }

    .why_choosee .service-block-two .inner-box .icon-box .icon {
        margin-right: 0
    }

    .why_choosee .service-block-two:nth-child(1),.service-block-two:nth-child(2),.service-block-two {
        margin: 0 0 40px 39px
    }

    .why_choosee .service-block-three .inner-box,.service-block-two .inner-box {
        padding: 20px 15px 20px 59px;
        text-align: left
    }

    .why_choosee .inner-box .text-box {
        padding-left: 5px
    }

    .main-testimonial {
        margin-bottom: 130px
    }

    #Layer_5 {
        top: 60px;
        right: 13%
    }

    #Layer_5_copy {
        top: 176px;
        right: -4%
    }

    #Layer_5_copy_2 {
        top: 286px;
        right: 13%
    }

    #Layer_5_copy_3 {
        top: 286px;
        left: 28%
    }

    .process-tab-svg .click-div span {
        font-weight: 600;
        cursor: pointer;
        font-size: 41px
    }

    .headdd h2 {
        line-height: initial;
        padding-bottom: 10px
    }

    .seo_outsource {
        margin-top: 20px
    }

    .servv {
        height: inherit
    }

    .manage_sec .row {
        display: inherit
    }

    .optimization-section {
        display: inherit;
        background: #fff;
        width: 90%;
        margin: auto;
        border-radius: 10px;
        box-shadow: 0 0 20px #ccc
    }

    .optimization-section-inner {
        width: 100%;
        display: inherit
    }

    .optimization-section-inner-left {
        margin: auto;
        display: inherit;
        width: 91px
    }

    .optimization-section-txt {
        width: 100%;
        padding: 0 30px
    }

    .optimization-section-pic svg {
        width: 60px;
        height: auto;
        fill: #fff
    }

    .optimization-section-pic {
        width: 95px;
        height: 95px
    }

    .optimization-section-inner:before {
        display: none
    }

    .optimization-section-txt h6 {
        text-align: center
    }

    .optimization-section:nth-child(2n) .optimization-section-inner {
        margin: 0
    }

    .optimization-section-txt p {
        padding-bottom: 10px
    }
}

.new-sectitle-design .services-block .inner-box {
    height: 200px;
    border: 2px solid #004589;
    margin-top: 25px;
    border-radius: 20px;
    box-shadow: rgb(0 68 138 / 28%) 0 5px 15px
}

.new-sectitle-design .services-block .inner-box:before {
    background-color: #fff;
    border-radius: 20px
}

.new-sectitle-design .services-block .inner-box .heading {
    margin: 10px 0
}

.new-traffic-d h3 {
    color: #00448b;
    font-size: 28px;
    font-weight: 600;
    line-height: 29px
}

.new-traffic-d p {
    color: #000
}

.list_content_wei li {
    padding-top: 11px
}

.list_content_wei li i {
    color: #0967c5;
    font-size: 17px;
    line-height: initial
}

.maximun-roi-box .services-block .inner-box {
    height: 340px;
    padding: 20px 25px;
    border-radius: 10px;
    box-shadow: 0 25px 54px 0 rgb(3 21 83 / 20%)
}

.maximun-roi-box .inner-box:before {
    background-color: initial
}

.maximun-roi-box .services-block {
    margin-top: 25px
}

.maximun-roi-box .services-block .heading {
    margin: 10px 0;
    width: 100%;
    text-align: left
}

.maximun-roi-box .services-block .inner-box .text {
    width: 100%;
    float: left;
    margin-top: 18px
}

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

.maximun-roi-box .services-block .inner-box .icon-box {
    float: left;
    width: 20%
}

.maximun-roi-box .services-block .heading h3 {
    margin: 18px 0 0 70px;
    font-weight: 600;
    text-transform: capitalize
}

.new-design-contnt {
    background: #fbebe9;
    padding: 20px;
    margin-top: 30px;
    border-radius: 15px;
    box-shadow: rgb(96 96 96 / 54%) 0 5px 15px;
    transition: 400ms ease-in-out;
    border: 1px solid #606060
}

.new-design-contnt:hover {
    box-shadow: rgb(0 0 0 / 35%) 0 5px 15px;
    transform: translate3d(0,-20px,0);
    transition: 400ms ease-in-out
}

.new-design-contnt span {
    font-size: 34px;
    font-weight: 600;
    background: #fff;
    border-radius: 50%;
    padding: 20px 0 0 0;
    display: block;
    height: 65px;
    width: 65px;
    text-align: center;
    box-shadow: rgb(211 223 237 / 50%) 0 5px 15px;
    color: #f1513e!important
}

.new-design-contnt h3 {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 15px;
    margin-bottom: 7px
}

.new-design-contnt2 {
    background: #ebf4e6
}

.new-design-contnt2 span {
    color: #48bb0f!important
}

.new-design-contnt3 {
    background: #e6edf6
}

.new-design-contnt3 span {
    color: #899bff!important
}

.new-ppc-markt {
    margin-top: 50px
}

.extra-gap-b {
    padding-bottom: 50px
}

.new-why-pnj-box {
    padding-top: 250px;
    padding-bottom: 60px
}

.why-pnj-design-contnt {
    background: #00458bf0;
    padding: 40px 50px;
    border-radius: 20px;
    box-shadow: rgb(0 68 138 / 81%) 0 5px 15px;
    color: #fff
}

.why-pnj-design-contnt h4 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #00448b
}

.new-slidebar-design {
    margin-bottom: 50px
}

.service-ul-new {
    margin-top: 18px;
    background: #fff;
    box-shadow: rgb(0 68 139) 0 4px 15px;
    padding: 25px;
    margin-bottom: 50px
}

.our-guest-design {
    margin-top: 40px
}

.maximun-roi-box .services-block .inner-box .text p {
    color: #000;
    text-align: justify;
    line-height: 1.8em
}

.new-certifictn {
    margin-top: 20px
}

.extra-space {
    margin-top: 40px;
    padding-bottom: 40px
}

.bold-para {
    font-size: 17px
}

.new-col-box {
    background: none;
    box-shadow: none;
    border: none;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 30px
}

.new-marketing-box {
    background: #fab846;
    border-top-left-radius: 25px
}

.new-marketing-box2 {
    background: #6b5f8e
}

.new-marketing-box3 {
    background: #e94b4b;
    border-top-right-radius: 25px
}

.new-marketing-box4 {
    background: #19739f;
    border-bottom-left-radius: 25px
}

.new-marketing-box5 {
    background: #8a44ea
}

.new-marketing-box6 {
    background: #2245ba;
    border-bottom-right-radius: 25px
}

.new-col-box .services-single h2 a {
    color: #fff;
    text-transform: uppercase;
    font-size: 22px
}

.new-col-box p {
    color: #fff
}

.bold-para {
    margin-bottom: 30px
}

.new-market-img {
    background: #f6a85a;
    border-radius: 50%;
    padding: 20px;
    font-size: 11px;
    width: 100px
}

.new-marketing-box2 .new-market-img {
    background: #8c82a7
}

.new-marketing-box3 .new-market-img {
    background: #ee7373
}

.new-marketing-box4 .new-market-img {
    background: #4c92b4
}

.new-marketing-box5 .new-market-img {
    background: #a46def
}

.new-marketing-box6 .new-market-img {
    background: #536ec9
}

.shadow-new {
    box-shadow: rgba(0,0,0,.24) 0 3px 8px;
    border-radius: 25px
}

.new-section-two {
    background-color: #00448b12;
    padding: 60px 0!important
}

.new-afrdble-box .services-single h2 {
    text-align: left;
    margin-bottom: 25px
}

.new-v-contnt-list li {
    font-size: 17px
}

.new-v-contnt-list li span {
    margin-right: 15px
}

.new-v-contnt-list li {
    font-size: 17px;
    margin-bottom: 6px;
    transition: 400ms ease-in-out
}

.new-v-contnt-list li a {
    color: #000
}

.new-v-contnt-list li:hover {
    margin-left: 12px;
    transition: ease-in-out;
    transition: 400ms;
    cursor: pointer;
    color: #00448b
}

.new-company-para {
    margin-top: 15px
}

.new-trusted-back .c-box {
    background: none
}

.new-trusted-back {
    background-image: url(../images/how_quickbook_ph_number.png);
    background-color: #00448a;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 40px;
    margin-top: 25px
}

.new-trusted-back h2 {
    color: #fff
}

.new-trusted-back h3 {
    color: #fec25a;
    margin-bottom: 25px;
    font-weight: 600
}

.new-trusted-back .text-left p {
    color: #fff
}

.new-trusted-back .text-left p a {
    color: #ffb330;
    font-weight: 600
}

.new-afrdble-box {
    background: #ceeaff
}

.new-webdevlp-d .process-title h2 {
    color: #0f1341;
    font-size: 26px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 25px
}

.new-section-two h2 {
    margin-top: 0
}

.new-certificate-design .single_service.hvr-curl-top-right {
    box-shadow: rgba(0,0,0,.35) 0 5px 15px!important
}

.new-certificate-design .single_service.hvr-curl-top-right .single_service-body img {
    height: initial!important
}

.our-guest-design .services-block .inner-box {
    height: 260px
}

.new-wy-box-heading h2 {
    color: #00448b;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 10px
}

.new-wy-ppc-box {
    padding: 50px 0
}

.benifit-pcc-heading h2 {
    color: #00448b;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 10px
}

.new-benifit-ppc-bckgrd {
    background-color: #1967d2;
    border-radius: 50px;
    padding: 55px 70px;
    margin-bottom: 30px
}

.new-benifit-ppc-bckgrd {
    background-color: #115192;
    border-radius: 50px;
    padding: 55px 70px;
    margin-bottom: 30px;
    margin-right: 100px
}

.benifit-new-img {
    position: relative;
    left: 135px
}

.benifit-pcc-heading h2 {
    color: #fff
}

.benifit-pcc-heading p {
    color: #fff
}

.ppc-bold {
    color: #fec25a!important;
    font-size: 18px;
    margin: 15px 0
}

.benifit-pcc-heading ul li {
    margin-bottom: 10px;
    color: #fff
}

.benifit-pcc-heading ul li span {
    margin-right: 10px
}

.extra-m {
    margin-top: 20px
}

.process-content:hover .setps {
    opacity: 1
}

.setps {
    opacity: 0;
    font-size: 74px;
    font-weight: 700;
    position: absolute;
    right: 30px;
    top: 54px;
    font-family: Poppins,sans-serif;
    color: #0067ce4f
}

.process-content {
    min-height: 656px;
    overflow: hidden
}

.ree-card {
    background: #fff;
    position: relative;
    place-items: start;
    display: grid;
    border-radius: 14px;
    padding: 40px 30px;
    box-shadow: rgb(0 0 0 / 35%) 0 5px 15px
}

.process-content:hover:after {
    width: 100%
}

.process-content:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0%;
    bottom: 0;
    height: 4px;
    background: linear-gradient(270deg,#fec25a -13%,#00448b 100%);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease
}

.page-headings h2 {
    color: #00448b;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4em
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
    display: flex;
    flex-wrap: wrap
}

.process-content.ree-card {
    margin-bottom: 40px
}

.process-content.ree-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #0f1341;
    margin: 10px 0
}

.icon70 {
    width: 70px
}

.page-headings h2 {
    color: #00448b;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4em
}

.page-headings {
    margin-bottom: 35px
}

.sec-pad {
    padding: 40px 0
}

.new-friendly-contnt {
    padding: 40px 0
}

.friendly-contnt h2 {
    color: #0f1341;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 18px;
    text-transform: uppercase
}

.friendly-contnt h3 {
    color: #0f1341;
    font-size: 24px;
    font-weight: 600;
    margin: 15px 0 10px
}

.friendly-contnt ul li {
    background: #fff;
    box-shadow: rgb(0 0 0 / 35%) 0 5px 15px;
    display: inline-block;
    padding: 10px 20px;
    font-size: 18px;
    margin-bottom: 10px;
    border-radius: 10px
}

.li-spce {
    margin-left: 13px
}

.friendly-contnt ul li span img {
    width: 50px
}

.pdb {
    padding: 40px 0
}

.new-full-box-contnt {
    padding: 10px 20px;
    overflow-y: scroll;
    max-height: 530px
}

.new-full-box-contnt h2 {
    color: #0f1341;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 18px;
    text-transform: uppercase
}

.new-full-box-contnt h3 {
    font-size: 24px;
    font-weight: 600;
    color: #e79200;
    margin-bottom: 10px
}

.scroll-box-new {
    padding: 40px;
    border: 4px solid #fec25a;
    border-radius: 25px;
    background: #fff
}

.new-benifit-seo {
    margin-bottom: 25px
}

.new-full-box {
    background: #004589;
    padding: 60px 0;
    margin: 40px 0
}

.new_heading_common h2 {
    color: #0f1341;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 18px;
    text-transform: uppercase
}

.new_heading_common ul li {
    margin-bottom: 10px
}

.new_heading_common ul li span {
    margin-right: 10px
}

.partner-heding {
    font-size: 24px;
    font-weight: 600;
    margin: 15px 0 15px
}

section.strees_main_wrap .row .col-12 {
    padding: 0
}

.stress_left_image img {
    width: 100%
}

.stress_right_image {
    height: 100%;
    position: relative;
    background: url(https://www.abacusdesk.com/wp-content/uploads/2022/08/dont-stress-bg.jpg);
    width: 100%
}

.strees_right_content h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 700
}

.strees_right_content h3 {
    font-size: 20px
}

.stress_right_image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.stress_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.navigtaion.sticky a.nav-link {
    color: #000
}

.digi_clients_wrap {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%
}

.strees_right_content p {
    color: #fff
}

.strees_right_content h3 {
    font-size: 19px;
    color: #fff;
    line-height: 35px;
    margin-bottom: 15px
}

.strees_right_content {
    top: 0;
    left: 0;
    padding: 40px 90px 40px 90px;
    width: 100%;
    height: 100%;
    align-items: center
}

.strees_right_content p {
    color: #fff;
    width: 100%;
    padding-bottom: 15px;
    font-size: 15px
}

.stress_icon {
    width: 50px;
    height: 50px;
    margin-bottom: 15px
}

.stress_box h5 {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    line-height: 25px
}

.stress_box {
    margin: 20px 0 50px
}

.client .owl-carousel .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 20px #ccc;
    margin: 13px
}

.strees_main_wrap {
    background: url(../images/get-most-trusted-digital-marketing-services-pnj-sharptech.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0
}

.welcome .boxx {
    width: 365px;
    float: left;
    margin: 20px 30px 30px 0;
    padding: 30px;
    border-bottom: 10px solid #0782c8;
    border-radius: 8px;
    -moz-box-shadow: 0 3px 10px #999;
    -webkit-box-shadow: 0 3px 10px #999;
    box-shadow: 0 3px 10px #999;
    text-align: left;
    flex-wrap: wrap
}

.welcome .boxx h3 {
    font-size: 22px!important;
    color: #0d1a2b;
    font-weight: 600;
    line-height: 26px
}

.welcome .boxx h3 span {
    display: block;
    font-size: 15px;
    font-weight: 400
}

.welcome .boxx:hover {
    background: url(../images/webdesign-bg.png) no-repeat center top/cover;
    color: #fff
}

.welcome .box:hover h3 a {
    color: #fff!important
}

.welcome .boxx p {
    text-align: justify
}

.newrr {
    padding-bottom: 40px;
    padding-top: 36px
}

.ehatisguest {
    padding-bottom: 0;
    padding-top: 50px
}

.ehatisguest img {
    border-radius: 20px;
    box-shadow: 0 0 20px #ccc
}

.impact_seo {
    padding-bottom: 40px;
    margin-top: 50px
}

.impact_seo {
    background: #d6eaff;
    border-radius: 40px;
    padding: 40px 30px
}

.v-content p {
    font-size: 15px
}

.ppcc {
    margin-bottom: 220px
}

@media screen and (max-width: 700px) {
    .strees_right_content {
        padding:20px
    }

    .strees_right_content h2 {
        font-size: 22px
    }

    .strees_right_content h3 {
        font-size: 17px;
        line-height: initial
    }

    .welcome .boxx {
        margin: 0;
        margin-bottom: 20px;
        padding: 18px
    }

    .ppcc {
        margin-bottom: 0
    }

    .new-benifit-ppc-bckgrd {
        margin: 0;
        padding: 20px;
        border-radius: 20px
    }

    .benifit-new-img {
        position: relative;
        left: 0;
        text-align: center;
        margin: auto
    }

    .new-wy-ppc-box .row {
        display: inherit
    }

    .our-guest-design .services-block .inner-box {
        height: inherit!important;
        display: inline-block
    }

    .why-pnj-design-contnt {
        padding: 20px
    }
}

/* 19/sep22 */
.center-box-row {
    align-items: center;
    display: flex;
}

.web-designing-title h2 {
    margin-bottom: 10px;
}

/*Angular demo page css abhishek*/
.toptechnology-sec .row {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.services-section.toptechnology-sec p {
    text-align: justify;
    padding-bottom: 20px;
}

/*.fourbox-vl {
   width: 80px;
    height:100px;
      background: linear-gradient(to right, 
                                  transparent 0%, 
                                  transparent calc(50% - 0.81px), 
                                  black calc(50% - 0.8px), 
                                  black calc(50% + 0.8px), 
                                  transparent calc(50% + 0.81px), 
                                  transparent 100%); 
       margin-top: 20px;

}
.number-heading {
 font-size: inherit;
    font-weight: inherit;
    color: #fff;
    text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    letter-spacing: 3px;

}
.number-heading h2 {   
    margin: 10px 20px;

}

.fourbox-design {
    background: #ffffff;
    padding: 15px;
        margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);

}

.fourbox-design:hover {
    background: #fec25a;
}

.fourbox-paragraph p {
    text-align: justify;
    margin-top:10px;
}
.maincontent-fourbox {
    margin: 35px 0px;
}*/
.expertise-sec .row {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.expertise-sec .sec-title h2 {
    color: #fff;
}

.expertise-sec .sec-title h2:before {
    background-image: unset;
}

.expertise-sec p {
    color: #fff;
    text-align: center;
    padding: 0px;
}

.expertise-box-image {
    background: #fec25a;
    height: 75px;
    width: 75px;
    border-radius: 50%;
    /*width: 30%;*/
    /*  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;*/
    /*   position: absolute;
    left: -32px;
    top: 0px;*/
}

.expertise-box-text p {
    color: #000;
}

.expertise-box-image img {
    padding: 16px;
}

.expertise-box-text {
    /* background: #fec25a; */
    font-weight: 600;
    padding: 10px;
    /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; */
    border-radius: 10px;
    width: 70%;
    margin-left: 10px;
    TEXT-ALIGN: LEFT;
}

.expertise-sec .col-md-4 {
    display: flex;
    flex-wrap: wrap;
}

.expertise-sec .col-md-6 {
    display: flex;
    flex-wrap: wrap;
}

.exprtise-double-sec h3 {
    color: #fff;
    margin: 15px;
    font-weight: 600;
}

.expertise-box-design {
    display: flex;
    background: white;
    align-items: center;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 30px;
    width: 100%;
}

.expertise-box-text p {
    font-size: 17px;
    padding: 0;
    margin-bottom: 0;
    text-align: LEFT;
    LINE-HEIGHT: 25px;
}

.expertise-sec {
    padding: 40px 0px;
}

.our-experienced-sec {
    padding: 40px 0px;
    margin-bottom: 40px;
}

/*.our-experienced-sec {
    background: #fafafa;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}*/
.why-best-box {
    background: #fff;
    display: flex;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.whybest-sec {
    padding: 40px 0px;
    background-image: url(../images/whybestbg2.png);
}

.why-best-icons {
    padding: 10px;
    border-radius: 10px;
}

.why-best-text {
    width: 70%;
}

.why-best-text p {
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 15px;
    text-align: start;
    margin: 0px 22px;
    margin-top: 12px;
}

.why-best-icons p {
    margin: 0px;
}

.why-best-icons {
    display: flex;
    width: 30%;
}

.why-best-icons img {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    width: 70px;
    box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.34);
}

.whybest-sec .sec-title h2:before {
    background-image: none;
}

.whybest-sec .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.toptechnology-page h2 {
    position: relative;
    color: #00448b;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4em;
}

.our-experienced-sec .row {
    align-items: center;
    display: flex;
}

.expertise-sec .upper-box {
    padding: 40px 20px 40px;
    background-color: #00448b;
}

.expertise-sec .sec-title2 {
    margin-bottom: 15px;
}

.whybest-sec .services-single h2 {
    text-align: center;
    margin-bottom: 40px;
}

.expertise-sec .col-md-3 {
    display: flex;
    flex-wrap: wrap;
}

/*Responsive css*/
@media(max-width: 767px) {
    .services-section.maximun-roi-box.our-guest-design.new-guest-box {
        margin: 0px;
        padding: 10px !important;
    }

    .services-section p {
        text-align: justify !important;
    }

    .our-experienced-sec .row {
        align-items: center;
        display: block;
    }

    .whybest-sec .row {
        display: block;
    }

    .services-section-two2 .upper-box {
        margin-left: 0px;
        margin-right: 0px;
    }

    .services-block a {
        display: block;
    }

    .services-block .text {
        margin: 0px !important;
    }

    .expertise-sec .col-md-3 {
        display: contents;
    }

    .sec-title2 h2 {
        padding: 15px 0px;
    }
}

/* mobile app page start 28-03-23*/
.mobile-app-page header {
    background-color: #fff;
}

.mobile-app-page .page-title {
    padding: 140px 0 135px 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position-x: 105px;
}

.mobile-app-page .page-title:after {
    position: absolute;
    content: '';
    background: linear-gradient(89deg, black, transparent);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
}

.mobile-app-page .Mobile-develop-content h1 {
    position: relative;
    z-index: 1;
}

.mobile-app-page .Mobile-develop-content {
    position: relative;
    z-index: 1;
}

.mobile-app-page .Mobile-develop-content h1 {
    z-index: 1;
    line-height: 52px;
    margin: 0;
}

.mobile-app-page .Mobile-develop-content h1 span {
    color: #fcb03b;
}

.mobile-app-page .page-title p {
    padding: 23px 0px;
}

.second-heading h2 span {
    color: #fcb03b;
}

.mobile-app-page .calls-nx {
    padding: 46px 0;
    background-color: #fff;
}

.top-company-sec {
    background-image: url(../images/what-make-us.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.top-company-sec:after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000d9;
}

.mobile-app-page .consult-left p {
    color: #fff;
    padding-bottom: 20px;
}

.mobile_sevice_process .make-categories {
    padding: 21px;
    background: #fff;
    border-radius: 10px;
    border-bottom: 7px solid #007fff;
    margin-bottom: 24px;
    transition: 0.3s ease-in-out;
}
}

.mobile_sevice_process .make-categories:hover {
    transform: scale(1.1);
    transition: 0.4s ease-in-out;
}

.mobile_sevice_process .make-categories:hover {
    transform: scale(1.1);
    transition: 0.4s ease-in-out;
}

.mobile_sevice_process .make-categories img {
    width: auto;
    height: auto;
    /* margin-right: 0px; */
}

.mobile_sevice_process .make-categories:hover img {
    -webkit-transform: scale(-1) rotate( 180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate( 180deg);
}

.mobile_sevice_process .make-categories:hover img {
    transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -webkit-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
}

.mobile_sevice_process .make-categories-content p {
    line-height: 23px;
    color: #000;
}

.what-make-us p {
    color: #fff;
}

.make-categories-content h3 {
    font-size: 26px;
    color: #004687;
    font-weight: 600;
    padding-top: 21px;
    text-align: center;
}

.make-categories-content h3 {
    font-size: 21px;
    color: #004687;
    font-weight: 600;
    padding-top: 21px;
    text-align: inherit;
    padding-bottom: 5px;
}

.service-various-plat div {
    width: 90%;
    margin: auto;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-top: -49px;
    position: relative;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 11px 26px 0px;
    height: 294px;
    transition: 0.3s ease-i-out;
}

.service-various-plat:hover div {
    border-bottom: 5px solid #02438a;
    transition: 0.3s ease-i-out;
}

.service-various-plat img {
    width: 100%;
    border-radius: 10px;
}

.service-various-plat div h3 {
    color: #004c9a;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 11px;
}

.service-various-plat div p {
    margin: 0;
}

.ideation-box {
    margin-top: 40px;
    background-image: url(../images/mobile-app-development-process.webp);
    background-repeat: no-repeat;
    background-size: cover;
    position: inherit;
    padding: 61px 0px;
    background-attachment: fixed;
    background-position: -124px;
    background-color: #232d32;
}

.app-process h2 {
    position: relative;
    z-index: 1;
    font-weight: 600;
    LINE-HEIGHT: 33px;
    padding-bottom: 33px;
}

.app-process h2 span {
    color: #fff;
}

.app-process-sec:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000d6;
    z-index: 0;
}

.Industry-section {
    /* border-top: 4px solid #fff; */
    background: linear-gradient(0deg, #004c9a, #236bb140);
    position: inherit;
    margin-top: 4px;
}

.industry-catg span {
    font-weight: 500;
    font-family: 'Poppins';
}

.industry-catg {
    background-color: #fff;
    border-radius: 8px 40px;
    padding: 30px 20px;
    /* width: 192px; */
    /* display: table; */
    /* text-align: center; */
    box-shadow: 0 3.4px 2.7px -30px rgba(0,0,0,.059), 0 8.2px 8.9px -30px rgba(0,0,0,.071), 0 25px 40px -30px rgba(0,0,0,.2);
}

.industry-proudly {
    margin-bottom: 44px;
}

.custom-app-sec {
    background-color: #eee;
    padding: 76px 0px 76px 0px;
    background-image: url(../images/pricing_bg_shape-1.png);
    background-repeat: no-repeat;
    background-position: -16px;
}

section.custom-app-sec .row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.your-reach h2 {
    font-weight: 700;
    margin-bottom: 35px;
    font-size: 42px;
}

.your-reach h2 span {
    color: #004c9a;
}

.custom-app-btn {
    text-align: center;
    margin-top: 37px;
    display: inline-block;
}

.your-reach {
    text-align: center;
    /* margin-bottom: 19px; */
}

.custom-app-btn a {
    background: linear-gradient(45deg, #004288, #1b8cff);
    padding: 13px 41px;
    border-radius: 24px;
    color: #fff;
    font-weight: 500;
    border: 2px solid #004c9a;
    transition: 0.3s ease-in-out;
}

.custom-app-btn a:hover {
    background: linear-gradient(45deg, #1b8cff, #004288);
    transition: 0.3s ease-in-out;
    color: #fff;
    border: 2px solid #004c9a;
}

.custom-app-btn a:hover {
    background-color: #fec25a;
    transition: 0.3s ease-in-out;
    color: #fff;
    border: 2px solid #004c9a;
}

.delivering-feature {
    background-image: url(../images/mobile-app-development-trends.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.second-shape-app {
    background-image: url(../images/Rectangle28.webp);
    background-repeat: no-repeat;
    background-size: cover;
}

.our-services-app {
    background-image: url(../images/feature-shape.webp);
    background-repeat: no-repeat;
    background-size: auto;
    padding: 200px 0px;
}

.shape-main-app {
    position: relative;
}

.shape-content-app {
    position: absolute;
    width: 58%;
    color: #000;
    top: 58px;
    left: 16%;
}

.shape-content-app h3 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 12px;
}

.service-shape-icon {
    padding-top: 10px;
}

.why-need {
    padding-bottom: 50px;
    background: #FFF;
    padding-top: 18px;
}

.industry_box {
    width: 22%;
    background: #fff;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 8px 40px;
    padding: 26px 0px;
    border: 5px solid #6b98c5;
    box-shadow: 0px 0px 4px 1px #01448a;
    transition: 0.3s ease-in-out;
}

.industry_box img {
    display: block;
    margin: 0 auto;
}

.industry_box p {
    text-align: center;
    margin: 0;
}

.proudly-serve h2 {
    color: #000;
    padding-bottom: 12px;
}

.proudly-serve h2 span {
    color: #00448b;
}

.what-make-us h3 {
    color: #fff;
}

/* end */
/* 30-03-23 delevering expectation */
.service-at-pnj {
    position: relative;
    background-image: url(../images/what-make-us.webp);
    position: relative;
    background-attachment: fixed;
}

.service-at-pnj:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000000d1;
    z-index: 0;
    padding: 40px 0px;
}

.service-at-pnj h2 {
    padding-top: 36px;
}

section.our-servive-pnj-sec h2 {
    color: #fff;
    padding-bottom: 29px;
}

.sevice-box-multiple {
    padding: 20px;
    height: 421px;
}

.sevice-box-multiple p {
    line-height: 21px;
    padding-top: 10px;
}

.first-col {
    background-color: #F4DD20;
    color: #000;
}

.first-col {
    /* background-color: #00458b; */
    /* background-image: url(https://www.pnjsharptech.com/images/seo-uni-bg.webp); */
    width: 100%;
    /* padding: 30px 0 30px 30px; */
    background-size: 70% 100%;
    background-repeat: no-repeat;
    background-position: center right;
    color: #fff;
    background: radial-gradient(at top left, #0B1061, #087CE3);
}

.sevice-box-multiple h3 {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
}

.second-col {
    background: #fd5900;
    color: #fff;
}

.third-col {
    background-color: #0c85ff;
    color: #fff;
}

.our-servive-pnj-sec .row .col-lg-7 {
    padding: 4px;
}

.our-servive-pnj-sec .row .col-lg-6 {
    padding: 4px;
}

.our-servive-pnj-sec .row .col-lg-4 {
    padding: 4px;
}

.our-servive-pnj-sec .row .col-lg-3 {
    padding: 4px;
}

.first-box1 {
    padding-left: 4px;
    padding-top: 8px;
}

.eath-box8 {
    padding-right: 4px;
    padding-top: 8px;
}

.sevice-box-multiple img {
    margin: auto;
    display: block;
}

.mobile_app_banner {
    position: relative;
    background-image: url(/images/app-banner.webp);
    padding: 134px 0px 260px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.mobile_app_banner .page-info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: block;
    color: #272727;
    z-index: 1;
}

.mobile_app_banner:before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, black, transparent 70%);
}

.mobile_app_banner img {
    width: 100%;
}

.Mobile-develop-content p {
    color: #fff;
    padding: 23px 58px 23px 0px;
}

.requt-call {
    background-color: #fcb03b;
}

.second-heading h2 {
    padding-bottom: 10px;
}

.bread-mobile {
    padding: 14px 0px 10px!important;
}

.industry_box:hover {
    /* box-shadow: 2px 3px 0px 1px #02438a; */
    transition: 0.3s ease-in-out;
    box-shadow: 0px 0px 7px 2px #01448a;
}

.industry_box:hover img {
    /* transform: rotateY(51deg); */
    transform: rotateY(180deg);
    transition: 0.3s ease-in-out;
}

img.vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

img.vert-move {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.app-process {
    text-align: center;
    color: #fff;
    padding-bottom: 13px;
}

/*flip box*/
.flip-box {
    background-color: transparent;
    width: 300px;
    height: 200px;
    perspective: 1000px;
    margin-bottom: 40px;
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
    transform: rotateX(180deg);
}

.flip-box-front, .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-box-front {
    background-color: #fff;
    color: black;
    padding: 27px;
    border-radius: 10px;
}

.flip-box-back {
    background-color: #0c85ff;
    color: white;
    transform: rotateX(180deg);
    border-radius: 10px;
    padding: 27px;
}

.flip-box-back p {
    line-height: 21px;
}

.app-process h2 span {
    color: #007fff;
}

.make-categories-row .make-categories {
    display: flex!important;
    margin-bottom: 20px;
}

.mobile-app-section.top-company-sec.what-make-us .row:first-child {
    justify-content: center;
    display: flex;
}

.make-categories-row .make-categories img {
    width: 14%;
    margin-right: 25px;
    height: 100%;
}

.make-categories-row .make-categories .make-categories-content {
    width: 70%;
}

/**/
/*industry try second design*/
.technologies-development-home .home-techno-list {
    text-align: center;
    margin: 30px -60px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.technologies-development-home .home-techno-list li {
    flex-basis: 17%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 140px;
    padding: 20px 10px 10px;
    font-size: 16px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    border: 3px solid #077ffe;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin: 15px;
    border-radius: 26px 0px;
    background: #077ffe08;
}

.technologies-development-home .home-techno-list li:hover img {
    transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -webkit-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
}

.technologies-development-home .home-techno-list li:hover img {
    -webkit-transform: scale(-1) rotate( 180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate( 180deg);
}

.technologies-development-home .home-techno-list li img {
    transition: 100ms ease-in-out;
}

.technologies-development-home .home-techno-list li .icon.icon1 {
    background-position: 0 0;
}

.technologies-development-home .home-techno-list li p {
    font-size: 17px;
    line-height: normal;
    text-align: center;
    color: #000000!important;
    padding-top: 12px;
    font-weight: 600;
}

.technologies-development-home .home-techno-list li:hover {
    border-color: #0076ff;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.3);
    box-shadow: 0 0 20px rgba(0,0,0,.3);
}

.technologies-development-home p {
    color: #000!important;
}

section.technologies-development-home {
    padding: 50px 0px;
}

.sevice-box-multiple img {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

.sevice-box-multiple img {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.sevice-box-multiple.first-col:hover {
    background: #0cc4ed;
    transition: 0.3s ease-in-out;
}

.second-col:hover {
    background: #0b277d;
    transition: 0.3s ease-in-out;
}

.third-col:hover {
    background: linear-gradient(45deg, #0b2176, #086ed2);
    transition: 0.3s ease-in-out;
}

.sevice-box-multiple:hover {
    margin-top: -6px;
    transition: 0.3s ease-in-out;
}


.what-make-us .make-categories-row .make-categories:hover img {
    transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -webkit-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
}

.what-make-us .make-categories-row .make-categories:hover img {
    -webkit-transform: scale(-1) rotate( 180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate( 180deg);
}
.service-various-plat {
    overflow: hidden;
   transition: 0.3s ease-in-out;
   border-radius: 10px;
}
.service-various-plat img{
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow: hidden;
    }
.service-various-plat:hover img{
   -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: 0.3s ease-in-out;
}

@media(max-width: 767px) {
    .make-categories-row .make-categories .make-categories-content {
        width: auto!important;
    }
}

@media screen and (max-width: 460px) {
    .kode_pillars_item li {
    margin-left: 22px;
}
}
@media(max-width: 360px){
    .kode_pillars_item li {
    margin-left: 6px;
}
}
@media(max-width: 320px){
    .kode_pillars_item li {
    margin-left: 36px;
}

.technologies-development-home .home-techno-list li {
    flex-basis: 31%!important;
    margin: 7px!important; }

}



/* 10august23 */

.info-list li a {
    color: #000;
    font-weight: 500;
}

.my-contct-frm {
    /* background: #f4f4f4; */
    float: left;
}

.my-contct-frm .contact-form button{
    margin-top: 25px;
}
.contact-section .contact-form-column .inner-column input {
    border-radius: 4px;
    height: 47px;
    /* box-shadow: rgb(210 208 213) 0px 1px 2px 0px, rgb(213 207 219) 0px 1px 1px 0px; */
    border: none;
    background: #edf2f7;
}
.contact-section .contact-form-column .inner-column textarea {
    border: none;
    background: #00448d12;
    border-radius: 4px;
}
.contact-section .contact-form-column .inner-column input::placeholder{
    font-family: poppins!important;
    font-size: 15px;
}
.contact-section .contact-form-column .inner-column textarea::placeholder{
    font-family: poppins;
    font-size: 15px;
}

.inner .image img {
    border: 3px solid #fff;
    border-radius: 100px;
}
.info-slide .inner .emailed a {
    color: #fff;
}


/* 12/09/23 */


.Mobile-develop-content p{
    padding: 0;
}

.new-gest-bac{
    background-size: cover;
}

.no-back-img{
    background-size: cover;
}


@media (max-width: 767px) {
    .dropdown-menu.multi-column {
        min-width:240px!important;
        overflow-x: hidden
    }
    .contact-section .contact-form-column .inner-column {
        padding: 12px 22px 14px;
    }
    .contact-section {
        padding: 51px 0 40px;
    }
}


/* 06/sep/23 */

/* .my_we_boxd .news-block .inner-box .lower-content .upper{
    background: #0a83ff;
}

.my_we_boxd .news-block .inner-box{
    border: 2px solid #042156;
    padding: 10px;
    background: #fff;
} */



.pt-bt-150{padding: 150px 0 !important;}