:root{
     /* --primary-color: #be2edd; */
     --primary-color: linear-gradient( 90deg, #16347f, #1251ff );
     --white: #fff;
     /* --section-bg: purple; */
     --section-bg: linear-gradient(90deg,  #122b6a 10%, #1251ff 90% );

     /* --circle-color: rgb(185, 3, 185); */
     --circle-color: #0232a9;
     --circle-text: #1251ff;
     --section-box: linear-gradient(90deg,#1251ff   10%,  #122b6a 90% );
     --copyright: #0232a9;

     --icons-color:    #232121 ;
     --gray-2: #999;
     --black-2: #121212;
     --themeht-primary-color: #1251ff;
     --themeht-primary-color2: #fc6485;
     --themeht-primary-color3: #0232a9;
     --web_bg: #f4dcd8a1;
     --box-shadow: 0 10px 35px 0 rgba(92.99999999999996, 72.00000000000001, 223, .08);
     
}

html{
    scroll-behavior: smooth;
}

.get-quote,.subcontactform .submit {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ba00', endColorstr='#ea9800', GradientType=0)
}

.heading h1,.heading p,.tc {
    text-align: center
}

.dp_box h5,.hvr-buzz-out,.hvr-wobble-vertical,.icon::before,.inner-service-box,.inner-slider-text,.service-main,.slider-text,.vcenter_fixheight:before {
    vertical-align: middle
}

#filters li span,#info a,.button-4 a,.button-5 a,.buttonn-5 a,.ecommerce_tab .center-block a,.footer-menu ul li a,.footer-menu ul li a:hover,.hovereffectt a.info,.hovereffecttt a.info,.main-timeline6 .timeline-content:hover,.menu li a:hover,.nav-pills a,.promotion_list ul li a,.sitemap_box ul li a:hover,a:hover {
    text-decoration: none
}

.hi-icon:before,.icon::before {
    speak: none;
    font-variant: normal;
    -webkit-font-smoothing: antialiased
}

body {
    padding: 0;
    margin: 0
}

.appinfobtn,.career-tab-btn,.clear,.clearfix:after,.clr,.row:after,.sec04-box:after {
    clear: both
}

body {
    font-size: 14px;
    font-weight: 400;
    font-family: Poppins,sans-serif
}



.cursor1 {
    position: fixed;
    width: 40px;
    height: 40px;
    border: 1px solid var(--circle-text);
    border-radius: 50%;
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: 0.15s;
    transition: 0.15s;
    z-index: 999;
    mix-blend-mode: difference;
  }
  @media (max-width: 1200px) {
    .cursor1 {
      display: none;
    }
  }
  .cursor1.hide {
    opacity: 0;
    visibility: hidden;
  }
  
  .cursor2 {
    position: fixed;
    width: 8px;
    height: 8px;
    background-color: var(--circle-text);
    border-radius: 50%;
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: 0.2s;
    transition: 0.2s;
    z-index: 999;
    mix-blend-mode: difference;
  }
  @media (max-width: 1200px) {
    .cursor2 {
      display: none;
    }
  }
  .cursor2.hide {
    opacity: 0;
    visibility: hidden;
  }
  .cursor2.circle {
    width: 60px;
    height: 60px;
  }
  

.top-header ul {
    margin: 0;
    float: right
}

.displi {
    display: initial
}

.top-header ul li .header-call,.top-header ul li .header-mail,.top-header ul li .header-skype {
    width: 37px;
    height: 35px;
    float: left;
    margin-right: 10px
}

.ani-lft .choose-img,.menu {
    float: right
}

.top-header ul li .header-call {
    background: url(../images/header-phone.jpg) center no-repeat
}

.top-header ul li .header-skype {
    background: url(../images/header-skype.jpg) center no-repeat
}

.top-header ul li .header-mail {
    background: url(../images/header-mail.jpg) center no-repeat
}

.top-header ul li,.top-header ul li a {
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    margin: 0
}

.top-header ul li {
    color: #1f1d1d;
    list-style: none;
    display: inline-block;
    padding: 0 10px
}

.top-header ul li a {
    color: #1f1d1d
}

.get-quote,.menu li a {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase
}

.top-header {
    margin-top: 10px
}

.top-navigation .nav>ul>li {
    line-height: 40px
}

.top-header ul li a:hover {
    color: var(--circle-color)
}

.top-header ul li i {
    margin-right: 6px
}

.logo {
    padding: 8px 0;
    margin-top: -25px;

}
.logo img{
    width: 150px;
}

#header .logo .tc1 {
    display: none;
  
}

#header.affix .logo .tc2 {
    display: block;

}

#header.affix .logo .tc1 {
    display: none;
}

.get-quote,.menu li {
    display: inline-block;
}

#header.affix {
    box-shadow: 1px 1px 4px rgba(0,0,0,.25);
    top: 0;
    z-index: 99;
    background: var(--white);
    transition: top .3s ;

}

#header {
    width: 100%;
    background: var(--white)!important;
}

.navbar-default {
    background: 0 0;
    border: none
}

.navbar.navbar-default {
    margin: 0
}

.menu {
    margin: 0!important
}

.menu li {
    list-style: none;
    padding: 20px 0
}

.menu li a {
    line-height: 22px;
    color: #000!important;
    margin: 9px 0;
    padding: 0 20px;
    border-right: 3px solid #fdc300

}

.menu li a:hover {
    color: #e4b000!important
}

.menu li a.border-none {
    border: none
}

.get-quote {
    line-height: 20px;
    color: #fff!important;
    margin: 0;
    padding: 10px 15px!important;
    border-radius: 5px;
    background: #f2ba00;
    background: -moz-linear-gradient(top,#f2ba00 0,#ea9800 99%);
    background: -webkit-linear-gradient(top,#f2ba00 0,#ea9800 99%);
    background: linear-gradient(to bottom,#f2ba00 0,#ea9800 99%)
}

.get-quote:hover {
    color: #fff!important;
    background: #ea9800;
    background: -moz-linear-gradient(top,#ea9800 1%,#f2ba00 100%);
    background: -webkit-linear-gradient(top,#ea9800 1%,#f2ba00 100%);
    background: linear-gradient(to bottom,#ea9800 1%,#f2ba00 100%)
}

.menu .navbar-default {
    backface-visibility: none;
    border: none
}

.menu li .dropdown-menu {
    padding: 0
}

.menu li .dropdown-menu li {
    list-style: none;
    display: block;
    padding: 0;
    border-bottom: 1px solid #ccc
}

.menu li .dropdown-menu li a {
    font-size: 14px;
    line-height: 22px;
    color: #000!important;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    padding: 10px;
    border-right: none;
    transition: all .2s;
    width: auto
}

.menu li .dropdown-menu li a:hover {
    background: #ea9800;
    background: -moz-linear-gradient(top,#ea9800 1%,#f2ba00 100%);
    background: -webkit-linear-gradient(top,#ea9800 1%,#f2ba00 100%);
    background: linear-gradient(to bottom,#ea9800 1%,#f2ba00 100%);
    padding-left: 15px;
    transition: all .2s
}

.custom_box,.custom_box figure img,.industries_image {
    transition: all .3s linear 0s
}

.menu li .dropdown-menu li ul {
    position: absolute;
    top: -2px;
    left: 100%;
    width: 100%;
    background: #fff;
    border-radius: 1px;
    display: none!important
}

.menu li .dropdown-menu li:hover ul {
    display: block!important
}

.slider {
    background: url(../images/banner/game.jpg) no-repeat;
    background-size: cover
}

.slider-text {
    display: table-cell;
    height: 675px
}

.slider span {
    font-size: 52px;
    line-height: 55px;
    color: #fff;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.slider span strong {
    font-size: 61px;
    line-height: 65px;
    color: #fcc402;
    font-weight: 800;
    margin: 0;
    padding: 0
}

.cryptocurrency-services {
    margin-top: 25px;
    padding: 0
}

.cryptocurrency-services li {
    display: inline-block;
    list-style: none;
    width: 69px;
    margin-right: 10px
}

.cryptocurrency-services li p {
    display: inline-block;
    list-style: none;
    text-align: center;
    font-size: 11px;
    line-height: 15px;
    color: #fcc402;
    font-weight: 300;
    margin: 0;
    padding-top: 10px
}

.heading h1 {
    font-size: 35px;
    line-height: 35px;
    font-weight: 600;
    color: #000;
    margin-bottom: 30px
}

.heading h1 span,section h2 span,section h3 span {
    /* color: #eb463f; */
    background-image: var(--primary-color);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.dp_box:before,.list_icons li:before,.vcenter_fixheight:before,section h1:after,section h2:after,section h3:after {
    content: ""
}

.pricing_table_list ul {
    margin: 0;
    padding: 0
}

.pricing_table_list ul li {
    list-style: none;
    padding: 5px 0;
    font-size: 15px;
    line-height: 26px;
    color: #666;
    font-weight: 400
}

.service_name_heading {
    font-size: 47px;
    color: #6f7a82;
    text-align: left;
    font-weight: 100
}

.service_text {
    color: #6f7a82;
    line-height: 30px;
    font-size: 18px;
    padding: 15px 0;
    text-align: justify
}

.service_name_heading_white {
    font-size: 47px;
    color: #fff;
    text-align: left;
    font-weight: 100
}

.service_text_white {
    color: var(--white);
    line-height: 30px;
    font-size: 18px;
    padding: 15px 0;
    text-align: justify
}

#react_native {
    background: url(../images/mobile_app_page_bg.jpg) no-repeat fixed;
    background-size: 100% 100%
}

#xamarin {
    background: url(../images/xamarin_bg.jpg) no-repeat fixed;
    background-size: 100% 100%
}

#ipad_app {
    background: url(../images/ipad_app_bg.jpg) no-repeat fixed;
    background-size: 100% 100%
}

#windows_mobile {
    background: url(../images/Windows_Mobile_BG.jpg) no-repeat fixed;
    background-size: 100% 100%
}

.customized {
    background: #f5f6f6;
    border-bottom: 1px #d2d1d1 solid;
    padding: 30px 0 50px
}

.custom_box {
    padding-bottom: 20px
}

.custom_box figure {
    border-radius: 5px;
    overflow: hidden
}

.pmb-10 p:last-child,.pmb-20 p:last-child {
    margin-bottom: 0
}

.custom_box p {
    border-radius: 5px;
    background-color: rgba(255,255,255,.9);
    box-shadow: 0 0 29.1px .9px rgba(0,0,0,.2);
    height: 80px;
    padding: 15px;
    margin: -40px 20px 0;
    z-index: 1;
    position: relative;
    color: #000
}

.mad .custom_box {
    cursor: pointer
}

.mad .custom_box p strong {
    display: block;
    max-width: 160px;
    margin: 5px auto auto;
    padding: 5px 25px 5px 5px;
    border-radius: 30px;
    font-size: 14px;
    height: 0;
    opacity: 0;
    z-index: 0;
    transform: scale(1);
    background: #000;
    color: var(--white)
}

.mad .custom_box p strong i {
    padding-left: 10px;
    top: 10px;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-name: to-right;
    animation-name: to-right;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.mad .custom_box:hover p strong {
    height: auto;
    opacity: 1
}

.mad .custom_box:hover p {
    height: 120px;
    margin-top: -80px
}

.custom_box figure img {
    transform: scale(1)
}

.custom_box:hover figure img {
    transform: scale(1.1)
}

.custom_box:hover p {
    background-color: #fead00;
    color: var(--white)
}

.different_industries {
    background: #f8f8f8;
    border-bottom: 1px #d2d1d1 solid;
    padding: 30px 0 50px
}

.new_industry_box {
    background: var(--white);
    border-radius: 10px;
    overflow: hidden;
    margin: 15px 0
}

.industries_image {
    height: 245px;
    position: relative;
    border-bottom: 5px solid #21abce;
    background-position: center center;
    background-size: 100%
}

.new_industry_box .iconn,.new_industry_box h5,.overlay-div {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.industries_image .overlay-div {
    background-color: rgba(0,0,0,.3)
}

.overlay-div {
    background-color: rgba(0,0,0,.5);
    top: 0;
    z-index: 0
}

.new_industry_box .iconn {
    height: 60px;
    width: 60px;
    top: 0;
    margin: auto;
    background: url(../images/mad_industry_icons.jpg)
}

.industries_image:hover {
    background-size: 110%
}

.new_industry_box.two .industries_image {
    border-color: #e63434
}

.new_industry_box.two .industries_image .iconn {
    background-position: -60px 0
}

.new_industry_box.three .industries_image .iconn {
    background-position: -120px 0
}

.new_industry_box.three .industries_image {
    border-color: #ff963a
}

.new_industry_box.four .industries_image .iconn {
    background-position: -180px 0
}

.new_industry_box.four .industries_image {
    border-color: #43ccdb
}

.new_industry_box.five .industries_image .iconn {
    background-position: 0 -60px
}

.new_industry_box.five .industries_image {
    border-color: #fdc300
}

.new_industry_box.six .industries_image .iconn {
    background-position: -60px -60px
}

.new_industry_box.six .industries_image {
    border-color: #ff3980
}

.new_industry_box.seven .industries_image .iconn {
    background-position: -120px -120px
}

.new_industry_box.seven .industries_image {
    border-color: #008972
}

.new_industry_box.eight .industries_image .iconn {
    background-position: -180px -60px
}

.new_industry_box.eight .industries_image {
    border-color: #5b71ab
}

.new_industry_box.nine .industries_image .iconn {
    background-position: 0 -120px
}

.new_industry_box.nine .industries_image {
    border-color: #5caf36
}

.new_industry_box.ten .industries_image .iconn {
    background-position: -60px -120px
}

.new_industry_box.ten .industries_image {
    border-color: #609fed
}

.new_industry_box.eleven .industries_image .iconn {
    background-position: -120px -120px
}

.new_industry_box.eleven .industries_image {
    border-color: #8154c9
}

.new_industry_box.twelve .industries_image .iconn {
    background-position: -180px -120px
}

.new_industry_box.twelve .industries_image {
    border-color: #ef7437
}

.new_industry_box.one .industries_image .iconn {
    background-position: 0 0
}

.new_industry_box.one h5 {
    background: #21abce
}

.new_industry_box h5 {
    background: #21abce;
    margin: auto;
    display: inline-block;
    max-width: 150px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    font-weight: 700
}

.new_industry_box h4 {
    font-weight: 600;
    font-size: 20px;
    color: #000;
    line-height: 30px;
    text-align: center
}

.whitec {
    color: #fff
}

.mobile_app_process {
    padding: 30px 0 0
}

.dp {
    border-bottom: 2px solid #edad01
}

.dp .col-md-2 {
    width: 20%;
    padding-right: 0
}

.dp_box {
    position: relative;
    z-index: 0;
    padding-bottom: 1px;
    height: 100%
}

.dp_box:before {
    position: absolute;
    left: 34px;
    top: 0;
    height: 100%;
    width: 2px;
    background: #edad01;
    z-index: -1
}

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

.dp_box figure {
    height: 70px;
    width: 70px;
    text-align: center;
    border-radius: 50%;
    background: #edad01;
    display: inline-block
}

.vcenter_fixheight:before {
    height: 100%;
    display: inline-block;
    margin-right: -.25em
}

.dp_box figure img {
    max-width: 40px;
    max-height: 40px
}

.dp_box h5 {
    display: inline-block;
    width: calc(100% - 75px);
    padding-left: 10px;
    font-weight: 600;
    font-size: 19px
}

.dp_box ul {
    padding-left: 30px!important;
    padding-top: 10px;
    margin-bottom: 0
}

.list_icons li {
    position: relative;
    padding-left: 25px;
    padding-bottom: 10px;
    text-align: left;
    list-style: none;
    font-size: 13px;
    font-weight: 600;
    background: #edad01;
    margin-left: 15px;
    margin-bottom: 15px;
    border-radius: 10px;
    color: #000;
    padding-top: 9px
}

.dp_box ul.list_icons li:before {
    background: #edad01;
    top: 45%;
    width: 31px;
    left: -12px;
    height: 5px;
    border-radius: 11px
}

.dp_box b,.list_icons li:before {
    position: absolute;
    border-radius: 50%;
    left: 0
}

.list_icons li:before {
    top: 15px;
    height: 10px;
    width: 10px;
    background: #fff
}

.dp_box b {
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
    top: 0;
    background: #000;
    color: #fff
}

.fantasy_sport_heading {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.fantasy_text {
    font-size: 20px;
    color: #fff;
    text-align: center
}

.fantasy_sport_service {
    margin: 0 auto;
    text-align: center;
    padding: 24px 0
}

.fantasy_sport_service ul {
    margin: 0;
    padding: 0
}

.fantasy_sport_service ul li {
    list-style: none;
    display: inline-block;
    color: #fff;
    padding: 0 0 0 30px
}

.service_icon:hover {
    transition: all 1s ease;
    background: #2b9dd9
}

.fantasy_sport_list ul li,.fantasy_sport_list_white ul li {
    background: url(../images/games/football_icon.png) left 2px no-repeat;
    font-weight: 700;
    list-style: none
}

.services_icon_heading {
    font-size: 15px;
    color: #fff;
    margin: 20px 0 0
}

.fantasy_sport_list {
    margin-top: 30px;
    padding-left: 50px
}

.fantasy_sport_list ul {
    margin: 0;
    padding: 0
}

.fantasy_sport_list ul li {
    color: #333;
    padding-left: 25px;
    margin-bottom: 30px
}

.fantasy_sport_list_white {
    margin-top: 20px;
}

.fantasy_sport_list_white ul {
    margin: 0;
    padding: 0
}

.fantasy_sport_list_white ul li {
    color: #fff;
    padding-left: 25px;
    margin-bottom: 30px
}

.service_icon {
    transition: all 1s ease;
    height: 90px;
    width: 90px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
    line-height: 85px
}

.nav-tabs {
    border-bottom: 1px solid #ddd0!important
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    background-color: #f44438;
    border: 0 solid #f44438;
    border-bottom-color: transparent;
    cursor: default;
    box-shadow: 0 6px 30px #979797;
    padding: 15px 35px;
    border-radius: 40px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-top: 10px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #f44438;
    padding: 15px 35px;
    border-radius: 40px;
    font-size: 18px;
    color: #f44438;
    font-weight: 500;
    margin-top: 10px
}

#benefits_offered h5 {
    font-size: 28px;
    color: #333;
    font-weight: 600;
    padding-left: 50px;
    line-height: 36px
}

.fantasy_sport_image {
    margin-left: -30px
}

#common_section_fantasy_sports {
    border-top: 1px #c2c2c2 solid
}

#common_section_fantasy_sports h5 {
    font-size: 28px;
    color: #333;
    font-weight: 600;
    line-height: 32px;
    padding-left: 70px
}

.common_section_fantasy_sports {
    padding-left: 72px
}

.common_img img {
    border-radius: 30px
}

.backend_box {
    border: none;
    padding: 0;
    margin-top: 10px;
    position: relative
}

.backend_box_button {
    font-size: 25px;
    color: #1d1c1c;
    text-align: center;
    background-position: center;
    font-weight: 800
}

.client-name p,section h2,section h2 span {
    font-weight: 600
}

.backend_box_list {
    text-align: center
}

.backend_box_list ul {
    margin: 0;
    padding: 0
}

.backend_box_list ul li {
    list-style: none;
    display: inline-block;
    width: 100%;
    max-width: 14%;
    border: 1px solid #f3f3f3;
    padding: 5px 10px 0;
    border-radius: 5px;
    background: #fff;
    margin: 15px 8px
}

.backend_box_list ul li img {
    width: 100%;
    max-width: 120px
}

.security_token_offering {
    padding-top: 130px;
    color: #fff;
    font-size: 43px;
    text-align: center;
    font-weight: 700
}

.security_token_text {
    padding: 15px 0 30px 0;
    font-size: 20px;
    color: #fff;
    text-align: center
}

.featurrs_tokenization {
    border-top: 1px #d2d1d1 solid;
    margin-top: 70px
}

.industries_section1 h4 {
    font-size: 17px!important
}

.industries_section1 .client-box {
    padding: 45px 10px!important
}

#technology_stack {
    border-top: 1px #c2c2c2 solid;
    background: #f3f3f3
}

section h2,section h3, .hadding5 {
    font-size: 32px;
    line-height: 45px;
    color: #000;
    font-weight: 700;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
}

section h1:after,section h2:after,section h3:after {
    /* background: #eb463f; */
    background: var(--primary-color);
    display: block;
    height: 3px;
    width: 130px;
    margin: 10px auto;
    text-align: center
}

.hadding_f_after:after {
    background: var(--white)!important
}

section p {
    line-height: 25px;
    font-size: 14px;
    font-weight: 400;
    color: #141414;
    text-align: center;
    margin-bottom: 20px
}

.ser-box h4,.ser-box p {
    line-height: 20px;
    margin: 0
}

.services-sec {
    background: url(../images/services-bg.jpg) center no-repeat;
    min-height: 830px;
    padding: 30px 0
}

.ser-box {
    background: var(--white);
    padding: 25px;
    border: 2px solid #ffad00;
    margin-bottom: 30px
}

.ser-box h4 {
    font-size: 17px;
    font-weight: 700;
    color: #1a1a1a;
    padding: 15px 0 10px
}

.ser-box p {
    font-size: 16px;
    font-weight: 400;
    color: #5b5b5b;
    padding-top: 0;
    padding-bottom: 15px
}

.ser-box ul {
    margin: 0;
    padding: 0
}

.ser-box ul li {
    display: inline-block;
    list-style: none;
    margin: 2px
}

.ser-box ul li a {
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    color: var(--white);
    background: #be0c6a;
    padding: 4px 15px;
    margin: 0
}

.ser-box ul li:nth-child(2) a {
    background: #2b9dd9
}

.ser-box ul li:nth-child(3) a {
    background: #6c4192
}

.service-main {
    display: table-cell;
    height: 600px
}

.choose-sec {
    padding: 50px 0 80px
}

.choose-sec2 {
    background: 0 0
}

.choose-sec-new {
    padding: 50px 0 40px;
    background: #f9f9f9
}

.choose-sec-new h4 {
    font-weight: 600;
    margin-top: 20px
}

.choose-sec-new .choose_box {
    margin-top: 30px
}

.choose-sec-new .choose_box p {
    margin-bottom: 0;
    height: 75px
}

.choose-sec-new .choose_box_design p {
    height: 125px
}

.ani-lft .choose-text p {
    text-align: right
}


/* ICO DEVELOPMENT BOX */

.ico_box{
    padding: 25px 45px;
    text-align: center;
    /* background: #f7cad0a9; */
    border-radius: 8px;
    margin: 50px 0 35px;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    height: 310px;
    position: relative;
    z-index: 1;
    text-align: center;
}

.ico_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#fff;
    z-index: -9;
    transform: skewY(10deg);
    border-radius: 30px;
    box-shadow: var(--box-shadow);
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.ico_box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(115deg, var(--themeht-primary-color2), var(--themeht-primary-color), var(--themeht-primary-color3));
    z-index: -9;
    transform: scale(0) skewY(10deg);
    border-radius: 30px;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.ico_box:hover:before{
    transform: skewY(-10deg);

}
.ico_box:hover:after {
    transform: scale(1) skewY(-10deg)
}

.ico_box:hover h4,
.ico_box:hover p{
    color: #fff;
}
.ico_box .ico_box-images {
    width: 200px;
    margin: 0 auto;
    margin-top: -8rem;
}
.ico_box .ico_box_img{
    width: 200px;
}

.ico_box .ico_content{
    margin-top: 2rem;
}
/* ICO DEVELOPMENT BOX  END*/


.software_box {
    background: #fff;
    padding: 25px 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
    border-radius: 8rem 0 8rem 0;
    height: 330px;
    box-shadow: var(--box-shadow);
    transition: border-radius .4s ;

}
.software_box:hover{
    border-radius: 0 8rem 0 8rem;
    box-shadow: none;
}

/* TOKEN DEVELOPMENT BOX  START*/

.ourservices_items {
    background: #7400b8;
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
    border-radius: 1rem;
    height: 330px;
    box-shadow: 0 0 1px rgba(255,255,255,0.5);
}
.ourservices_items:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#76dbef, #fff );
    z-index: -9;
    border-radius: 1rem;
    transform: skewY(4deg);

}
.ourservices_items:hover{
    background: #9f1bec;

}
.ourservices_items:hover:before{
    transform: skewX(-4deg);
    background: linear-gradient( #fff,  #76dbef );

}

.ourservices_items h4 {
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    padding-bottom: 10px;
    margin: 0
}

.ourservices_items p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 0;
    color: #000;
    padding-bottom: 20px
}
.ourservices_items .token_images{
    margin-top: -3rem;
}
.ourservices_items .token_images img{
    width: 100px;
    height: 100px;
    object-fit: cover;
    filter: drop-shadow(0 1rem 0.75rem #eee);
    
}
.ourservices_items:hover img{
    -webkit-animation: wobble-hor-bottom 0.8s both;
	        animation: wobble-hor-bottom 0.8s both;
}

/**
 * ----------------------------------------
 * animation wobble-hor-bottom
 * ----------------------------------------
 */
 @-webkit-keyframes wobble-hor-bottom {
    0%,
    100% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
    }
    15% {
      -webkit-transform: translateX(-30px) rotate(-6deg);
              transform: translateX(-30px) rotate(-6deg);
    }
    30% {
      -webkit-transform: translateX(15px) rotate(6deg);
              transform: translateX(15px) rotate(6deg);
    }
    45% {
      -webkit-transform: translateX(-15px) rotate(-3.6deg);
              transform: translateX(-15px) rotate(-3.6deg);
    }
    60% {
      -webkit-transform: translateX(9px) rotate(2.4deg);
              transform: translateX(9px) rotate(2.4deg);
    }
    75% {
      -webkit-transform: translateX(-6px) rotate(-1.2deg);
              transform: translateX(-6px) rotate(-1.2deg);
    }
  }
  @keyframes wobble-hor-bottom {
    0%,
    100% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
    }
    15% {
      -webkit-transform: translateX(-30px) rotate(-6deg);
              transform: translateX(-30px) rotate(-6deg);
    }
    30% {
      -webkit-transform: translateX(15px) rotate(6deg);
              transform: translateX(15px) rotate(6deg);
    }
    45% {
      -webkit-transform: translateX(-15px) rotate(-3.6deg);
              transform: translateX(-15px) rotate(-3.6deg);
    }
    60% {
      -webkit-transform: translateX(9px) rotate(2.4deg);
              transform: translateX(9px) rotate(2.4deg);
    }
    75% {
      -webkit-transform: translateX(-6px) rotate(-1.2deg);
              transform: translateX(-6px) rotate(-1.2deg);
    }
  }
/* TOKEN DEVELOPMENT BOX  END*/

/* CRYPTO WALLET DEVELOPMENT BOX  START*/

.tcw_item{
    background-color: #fff;
    padding: 20px 35px ;
    box-shadow: var(--box-shadow);
    height: 360px;
    border-radius: 15px;
    margin-bottom: 2rem;
    text-align: center;
    position: relative;
    z-index: 1;
    transition: all 0.3s linear;
}
.tcw_item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background: linear-gradient(135deg, #beaede2b 0%, #e85eb31c 100%);
    transition: all 0.3s;
    z-index: -1;
    border-radius: 15px;
    box-shadow: var(--box-shadow);

  }
  .tcw_item:hover::before{
    width: 100%;
    right: auto;
    left: 0;
  }
  .tcw_item:hover{
    transform: scale(1);
  }
  /* .tcw_item:hover .most_icon{
    outline: 4px solid #f7049ad3;
    outline-offset: 4px;
    transition: outline 0.3s ;

  } */
.tcw_item p{
    text-align: center;
}
.tcw_item .most_icon{
    width: 8rem;
    height: 8rem;
    line-height: 8rem;
    padding: 2rem;
    background: linear-gradient(to right, #f7049ad3,rgba(138, 36, 247, 0.635) );
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: auto;
    box-shadow: var(--box-shadow);
}
.tcw_item .most_icon img{
    width: 45px;
    height: 45px;
}


/* GRAPHICS DESIGNING SECTION START */

.graphics_box{
    padding: 35px 20px;
    text-align: center;
    background: var(--white);
    border-radius: 8px;
    margin-bottom: 25px;
    transition: transform .4s ease-in-out;
    -webkit-transition: transform .4s ease-in-out;
    -moz-transition: transform .4s ease-in-out;
    position: relative;
    z-index: 2;
    box-shadow: var(--box-shadow);
    position: relative;
    overflow: hidden;

}
.graphics_box:before{
    content: '';
    position: absolute;
    top: 0;left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    clip-path: circle(13.7% at 100% 100%);
}
.graphics_box.graphics_box_one:before{
    background-color: #a2d2ff;
}
.graphics_box.graphics_box_two:before{
    background-color: #cfa3e9;
}
.graphics_box.graphics_box_three:before{
    background-color: #ffb3c6;
}
.graphics_box.graphics_box_four:before{
    background-color: #ffa7e4;
}
.graphics_box.graphics_box_five:before{
    background-color: #fac376;
}
.graphics_box.graphics_box_six:before{
    background-color: #ba89fe;
}
.graphics_box:hover:before{
    clip-path: circle(141.4% at 100% 100%);

}
.graphics_box:hover {
    transform: translateY(-8px);
}
.graphics_box:hover .arrow-right{
    transform: translateX(5px) rotate(220deg);

}
.arrow-right{
    position: absolute;
    bottom: 0rem;
    right: 0rem;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 4rem;
    border-radius: 20px 0 8px 0;
    color: #fff;
    transition:  .4s linear;
    -webkit-transition:  .4s linear;
    -moz-transition:  .4s linear;
}

.arrow-right span i{
    font-size: 20px;
}

.graphics_box:hover h4{
    -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
.graphics_box:hover img{
    -webkit-animation: tilt-in-top-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: tilt-in-top-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.graphics_box:hover p{
    -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}


/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
 @-webkit-keyframes fade-in-bottom {
    0% {
      -webkit-transform: translateY(50px);
              transform: translateY(50px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes fade-in-bottom {
    0% {
      -webkit-transform: translateY(50px);
              transform: translateY(50px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
/**
 * ----------------------------------------
 * animation tilt-in-top-1
 * ----------------------------------------
 */
 @-webkit-keyframes tilt-in-top-1 {
    0% {
      -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
              transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
      opacity: 0;
    }
    100% {
      -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
              transform: rotateY(0deg) translateY(0) skewY(0deg);
      opacity: 1;
    }
  }
  @keyframes tilt-in-top-1 {
    0% {
      -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
              transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
      opacity: 0;
    }
    100% {
      -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
              transform: rotateY(0deg) translateY(0) skewY(0deg);
      opacity: 1;
    }
  }
  
  
@-webkit-keyframes tracking-in-expand {
    0% {
      letter-spacing: -0.5em;
      opacity: 0;
    }
    40% {
      opacity: 0.6;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes tracking-in-expand {
    0% {
      letter-spacing: -0.5em;
      opacity: 0;
    }
    40% {
      opacity: 0.6;
    }
    100% {
      opacity: 1;
    }
  }
  
/* GRAPHICS DESIGNING SECTION END */


/* CRYPTO WALLET DEVELOPMENT BOX  END*/



.service_divbox {
    padding: 35px 20px;
    text-align: center;
    background: var(--white);
    border-radius: 8px;
    margin-bottom: 25px;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    position: relative;
    z-index: 1;
    height: 300px;
    box-shadow: 0 2px 3px 0 rgba(228, 226, 226, 0.6);

}
.service_divbox:hover {
    box-shadow: 0 0px 2px  rgba(255,255, 255,0.3);
}


.service_divbox:before{
    content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	clip-path: circle(0.0% at 50% 50%);
    z-index: -1

}
.service_divbox:hover:before{
	clip-path: circle(70.4% at 50% 50%);
}
.service_divbox_one:hover:before{
	background: #a2d2ff;
}
.service_divbox_two:hover:before{
	background: #cdd885;
}
.service_divbox_three:hover:before{
	background: #ffa4ce;
}
.service_divbox_four:hover:before{
	background: #fadf83;
}
.service_divbox_five:hover:before{
	background: #ee89ee;
}
.service_divbox_six:hover:before{
	background: #f46d96;
}
.service_divbox_seven:hover:before{
	background: #c77dff;
}
.service_divbox_eight:hover:before{
	background: #92ed9b;
}
.service_divbox_nine:hover:before{
	background: #7de0ef;
}
.choose_box_design55 .service_divbox {
    height: 370px
}

.c_wd .service_divbox {
    height: 350px
}

.choose-sec-new,.choose-text,.choose-text p {
    text-align: left
}

.awards,.choose-img,.video_btn {
    text-align: center
}




.service_divbox:hover p {
    color: var(--white)
}

.service_divbox .img2 {
    display: none
}

.service_divbox:hover .img2 {
    display: inline-block
}

.service_divbox:hover .img1 {
    display: none
}


/*** Services Start ***/
.services-item {
    transition: 0.5s;
    background: #fff;
    padding: 30px 25px;
    text-align: start;
    margin-bottom: 30px;
    box-shadow: var(--box-shadow);
    border-radius: 15px;
}
.border_left{
    border-left: 4px solid #8338ec;
}
.border_right{
    border-right: 4px solid #f92e71;
}

.services-item:hover {
    background: #fff;
   
}

 .services-item:hover .services-content p,
.services-item:hover .services-content h3 {
    color: var(--bs-white);
    transition: 0.5s;
}


.services-img {
    overflow: hidden;
    width: 150px;
    height: 150px;
    border-radius: 15px;

}

.services-img img {
    transition: 0.5s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.services-item .services-img img:hover {
    transform: scale(1.3);
}
/* .service_btn{
    padding: 10px 20px;
    background-color: #fbc7fc;
    display: inline-block;
    border-radius: 5px;
    color: #666;
    font-size: 15px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.service_btn:hover{
    color: #fff;

} */

.service_btn {
    position: relative;
    margin: auto;
    padding: 10px 18px;
    transition: all 0.2s ease;
    border: none;
    background: none;
    cursor: pointer;
    display: inline-block;
  }
  
  .service_btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 50px;
    background: #d9eff7;
    width: 40px;
    height: 40px;
    line-height: 40px;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .service_btn span {
    position: relative;
    font-family: "Ubuntu", sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #234567;
  }
  
  .service_btn svg {
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #234567;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all 0.3s ease;
  }
  
  .service_btn:hover:before {
    width: 100%;
    background: #cef0fa;
  }
  
  .service_btn:hover svg {
    transform: translateX(0);
  }
  
  .service_btn:active {
    transform: scale(0.95);
  }
  
/*** Services End ***/

.choose-box {
    margin: 60px 0 0
}

.choose-img {
    float: left;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background: var(--white);
    box-shadow: 0 4px 15px #ccc;
    line-height: 90px
}

.choose-img img {
    width: 60px
}

.ani-lft .choose-text {
    padding-right: 100px;
    padding-left: 0;
    text-align: right
}

.choose-text h4 {
    font-size: 22px;
    line-height: 25px;
    font-weight: 600;
    color: #fec96b;
    padding: 0 0 5px;
    margin: 10px 0 0
}

.choose-text .yllo-color {
    color: #1fb398
}

.choose-text .blu-color {
    color: #f44438
}

.choose-text .grn-color {
    color: #262e45
}

.choose-text p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #000;
    padding-top: 0;
    padding-bottom: 15px;
    margin: 0
}

.footer-mail,.footer-phone,.footer-skype {
    width: 68px;
    height: 63px;
    margin-right: 15px;
    float: left
}

.f-contact-info .f-contact-data p a {
    display: block
}

.f-contact-info .f-contact-data p span {
    font-size: 16px;
    color: var(--white);
}

.f-contact-info .f-contact-data .span {
    width: 32px;
    margin-right: 15px
}

.f-contact-info .f-contact-data .span img {
    width: 32px;
    height: auto
}

.footer_nav {
    background: #043668;
    padding: 40px 0 30px;
    margin-top: 50px;
}

.maincontactform h5 {
    color: var(--white);
    font-size: 18px;
    font-weight: 500;
    margin: 30px 0 5px;
    height: 20px;
    letter-spacing: 1px
}

.footer_nav ul {
    padding: 14px 0 0;
}

.contactform h3 {
    font-size: 28px;
    line-height: 35px;
    font-weight: 500;
    text-align: left;
    margin-top: 0;
    text-transform: capitalize
}

.contactform img {
    margin: 0 0 10px;
    width: 100%;
    height: 47px!important;
    border-radius: 5px;
    background: var(--white);
    border: 1px solid #8e8e8e
}

.subcontactform input,.subcontactform textarea {
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    width: 100%
}

.subcontactform input,.subcontactform textarea:active .subcontactform input:active {
    border: 1px solid #8e8e8e;
    border-radius: 4px;
    outline: 0;
    min-height: 45px
}
.subcontactform input:focus{
    border-color: #002cff;
}
.subcontactform textarea {
    border: 1px solid #8e8e8e;
    border-radius: 4px;
    min-height: 100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.subcontactform textarea:focus{
    border:1px solid #002cff!important;
}
.subcontactform .submit {
    font-size: 16px;
    line-height: 50px;
    display: block;
    font-weight: 600;
    color: var(--white);
    letter-spacing: .5px;
    text-align: center;
    margin: 15px auto 0;
    padding: 0 28px;
    text-transform: uppercase;
    width: auto;
    /* background: #004388 */
    background: var(--section-bg);
}

.footer-lft p,.footer-menu ul li a,.footer-rgt p,.hireing a {
    line-height: 20px;
    text-transform: uppercase
}

.subcontactform .submit:hover {
    /* background: #0f73da */
    background: var(--section-box);
}

.footer-lft {
    padding-left: 50px
}

.subcontactform input::placeholder {
    opacity: 1;
    color: #838484
}

.subcontactform textarea::placeholder {
    opacity: 1;
    color: #838484
}

.subcontactform input::-moz-placeholder {
    opacity: 1;
    color: #838484
}

.subcontactform textarea::-moz-placeholder {
    opacity: 1;
    color: #838484
}





.footer-main {
    background: rgba(0,0,0,.4);
    padding: 15px 0;
    margin-top: 40px
}

.hireing img {
    float: left;
    margin-right: 10px
}

.hireing a {
    font-size: 14px;
    font-weight: 600;
    color: var(--white);
    text-align: left;
    margin: 0
}

.hireing a:hover {
    opacity: .9
}

.footer-menu ul {
    margin: 0;
    padding: 20px 0
}

.footer-menu ul li {
    display: inline-block;
    list-style: none;
    padding: 0 12px
}

.footer-menu ul li a {
    font-size: 15px;
    font-weight: 400;
    color:var(--white)!important;
    text-align: center;
    margin: 0
}

.footer-menu ul li a:hover {
    color: #ec9c00!important
}

.footer-lft p,.footer-rgt p {
    font-size: 14px;
    color: var(--white);
    font-weight: 400
}

.footer-lft p {
    text-align: left;
    margin: 0;
    padding: 8px 0
}

.footer-rgt p {
    padding: 0;
    margin: 0
}

.social-icons ul {
    margin: 20px 0 0;
    text-align: center;
    padding: 0
}

.social-icons ul li {
    display: inline-block;
    padding: 10px 5px 0
}

.social-icons ul li .added {
    font-size: 18px;
    color: #10345b;
    height: 35px;
    width: 35px;
    display: inline-block;
    background: var(--white);
    border: 1px solid var(--white);
    border-radius: 39% 61% 66% 34% / 35% 33% 67% 65% ;
    -webkit-border-radius: 39% 61% 66% 34% / 35% 33% 67% 65% ;
    -moz-border-radius: 39% 61% 66% 34% / 35% 33% 67% 65% ;
    -ms-border-radius: 39% 61% 66% 34% / 35% 33% 67% 65% ;
    -o-border-radius: 39% 61% 66% 34% / 35% 33% 67% 65% ;
    line-height: 32px;
    text-align: center;
    padding: 0;
    position: relative;
}

.social-icons ul li a:hover .added {
    background: var(--white);
    color: var(--circle-color);
}

.social-icons ul li img:hover {
    opacity: .8
}

.copyright {
    border-top: 1px solid var(--section-box);
    padding: 13px 0;
    /* background: #043668; */
    background: var(--copyright);
    margin-top: 40px;
}

.copyright p {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    color: var(--white);
    text-align: center;
    margin: 0;
    padding: 0
}


/* FOOTER SECION START  */

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
    font-size: 14px;
    background: #1251ff;

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

  }
  
  #footer .footer-newsletter h4 {
    font-size: 24px;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 1;
    font-weight: 600;
    color: #333;
  }
  
  #footer .footer-newsletter form {
    margin-top: 30px;
    background: #f00;
    padding: 6px 10px;
    position: relative;
    border-radius: 50px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06);
    text-align: left;
  }
  
  #footer .footer-newsletter form input[type=email] {
    border: 0;
    padding: 4px 8px;
    width: calc(100% - 100px);
  }
  
  #footer .footer-newsletter form input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    background: none;
    font-size: 16px;
    padding: 0 20px;
    background: #47b2e4;
    color: #fff;
    transition: 0.3s;
    border-radius: 50px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  }
  
  #footer .footer-newsletter form input[type=submit]:hover {
    background: #1251ff;
  }
  
  #footer .footer-top {
    padding: 60px 0 30px 0;
    background: #edf2f4;
  }
  
  #footer .footer-top .footer-contact {
    margin-bottom: 30px;
  }
  
  #footer .footer-top .footer-contact h3 {
    font-size: 28px;
    margin: 0 0 10px 0;
    padding: 2px 0 2px 0;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
    color: #444;
  }
  
  #footer .footer-top .footer-contact p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    font-family: "Jost", sans-serif;
    color: #333;
  }
  
  #footer .footer-top h4 {
    font-size: 16px;
    font-weight: bold;
    color: #444;
    position: relative;
    padding-bottom: 12px;
  }
  
  #footer .footer-top .footer-links {
    margin-bottom: 30px;
  }
  
  #footer .footer-top .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  #footer .footer-top .footer-links ul i {
    padding-right: 2px;
    color: #1251ff;
    font-size: 18px;
    line-height: 1;
  }
  
  #footer .footer-top .footer-links ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
  }
  
  #footer .footer-top .footer-links ul li:first-child {
    padding-top: 0;
  }
  
  #footer .footer-top .footer-links ul a {
    color: #555;
    transition: 0.3s;
    display: inline-block;
    line-height: 1;
  }
  
  #footer .footer-top .footer-links ul a:hover {
    text-decoration: none;
    color: #1251ff;
    transform: translateX(10px);
  }
  
  #footer .footer-top .social-links a {
    font-size: 18px;
    display: inline-block;
    background: #1251ff;
    color: #fff;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
  }
  
  #footer .footer-top .social-links a:hover {
    background: #1251ff;
    color: #fff;
    text-decoration: none;
    transform: translateY(-10px) rotate(1turn);
  }
  
  #footer .footer-bottom {
    padding-top: 30px;
    padding-bottom: 10px;
    color: #fff;

  }
  

  .number,
  .office-mail,
  .address {
      display: flex;
      width: 100%;
      align-items: center;
      margin-bottom: 20px
  }
  
  .number p,
  .office-mail p,
  .address p {
      font-weight: 400;
      /* font-size: 14px; */
      letter-spacing: .03em;
      color: #555;
      margin: 0
  }
  
  @media only screen and (min-width:768px) and (max-width:991px) {

    .number p,
    .office-mail p,
    .address p {
        font-size: 14px
    }
}

.phone a,
.email a {
    font-weight: 400;
    letter-spacing: .03em;
    color: #555;
    display: block;
    padding-bottom: 5px;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s
}

@media only screen and (min-width:768px) and (max-width:991px) {

    /* .phone a,
    .email a {
        font-size: 13px
    } */
}

.phone a:hover,
.email a:hover {
    color: #1251ff
}

.num-icon,
.mail-icon,
.address-icon {
    min-width: 35px
}

@media only screen and (min-width:768px) and (max-width:991px) {

    .num-icon,
    .mail-icon,
    .address-icon {
        min-width: 30px
    }
}

.num-icon i,
.mail-icon i,
.address-icon i {
    color: #1251ff;
    font-size: 20px
}

@media only screen and (min-width:768px) and (max-width:991px) {

    .num-icon i,
    .mail-icon i,
    .address-icon i {
        font-size: 20px
    }
}

  #footer .credits {
    text-align: CENTER;
    font-size: 15px;
  }
  
  #footer .credits a {
    transition: 0.3s;
  }
  
  @media (max-width: 768px) {
    #footer .footer-bottom {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  
    #footer .copyright,
    #footer .credits {
      text-align: center;
      float: none;
    }
  
    #footer .credits {
      padding-top: 4px;
    }
  }

/* FOOTER SECTION END */




.inner-slider,.inners,.portfolio-banner {
    padding: 40px 0 30px;
    margin: 0;
    margin-top: 90px;
}

.copyright a {
    font-weight: 500;
    color: #fcc402
}

.copyright a:hover {
    color: #fcc402
}

.inner-slider {
    background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.9)), url(../../assets/img/about/about.png) no-repeat;
    background-size: cover;
    min-height: 528px
}

.portfolio-banner {
    background: url(../images/banner/portfolio.jpg) no-repeat;
    background-size: cover;
    min-height: 528px
}

.inners {
    min-height:40vh;
    background-size: cover!important;
    background-position: center!important;

}

.web-designer {
    background: url(../images/banner/website-designer-banner.jpg) no-repeat;
    background-size: cover
}

.re1 {
    background: url(../images/banner/re1.jpg) no-repeat;
    background-size: cover
}

.ecommerce-website {
    background: url(../images/banner/ecommerce-website-development-banner.jpg) no-repeat;
    background-size: cover
}

.mobile-application {
    background: url(../images/banner/mobile-application-development-banner.jpg) no-repeat;
    background-size: cover
}

.dappbanner {
    background: url(../images/banner/dapp.jpg) no-repeat;
    background-size: cover
}

.hire-dedicated-developer {
    background: url(../images/banner/hiredeveloper.jpg) no-repeat;
    background-size: cover
}

.fantasy_sports_application_development {
    background: url(../images/banner/fantasy_sports_application_development_bg.jpg) no-repeat;
    background-size: cover
}

.software-development {
    background: url(../images/banner/software-development.jpg) no-repeat;
    background-size: cover
}

.web-development {
    background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.9)), url(../../assets/img/about/step-3.jpg) no-repeat;
    background-size: cover
}

.stock-exchange {
    background: url(../images/banner/stock_exchange_software_development.jpg) no-repeat;
    background-size: cover
}

.forex-exchange {
    background: url(../images/banner/forex.jpg) no-repeat;
    background-size: cover
}

.blockchain-slider {
    background: url(../images/banner/blockchain-banner.jpg) no-repeat;
    background-size: cover
}

.poc-blockchain-application {
    background: url(../images/banner/poc-blockchain-application.jpg) no-repeat;
    background-size: cover
}

.ico-development-banner {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../../assets/img/ico-dev.png) no-repeat;
    background-size: cover
}
.token-development-banner {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../../assets/img/token-bg.jpg) no-repeat;
    background-size: cover
}
.crypto-development-banner {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../../assets/img/cryptocurrency-wallet.gif) no-repeat;
    background-size: cover
}
.nft-development-banner {
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../../assets/img/nft-bg.jpg) no-repeat;
    background-size: cover
}
.smartcon-development-banner{
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../../assets/img/smart_contract_bg.png) no-repeat;
    background-size: cover
}
.cryptomlm-development-banner{
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../../assets/img/crypto-mlm-bg.jpg) no-repeat;
    background-size: cover
}
.graphics-development-banner{
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../../assets/img/graphics_bg.webp) no-repeat;
    background-size: cover
}
.mobileapp-development-banner{
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../../assets/img/mobile_bg_2.jpg) no-repeat;
    background-size: cover
}
.software-development-banner{
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../../assets/img/software_bg.jpg) no-repeat;
    background-size: cover 
}
.ecom-development-banner{
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../../assets/img/ecommerce_bg.jpg) no-repeat;
    background-size: cover
}
.web3-development-banner{
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../../assets/img/web_3.0_bg.jpg) no-repeat;
    background-size: cover  
}
.game-development-banner{
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../../assets/img/game_development_bg.webp) no-repeat;
    background-size: cover    
}
.contact-us-banner{
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../../assets/img/about/contact-us.webp) no-repeat;
    background-size: cover    
}
.erc-token {
    background: url(../images/banner/erc-token.jpg) no-repeat;
    background-size: cover
}

.cryptocurrency-banner {
    background: url(../images/banner/currency.jpg) no-repeat;
    background-size: cover
}

.security-token-offering {
    background: url(../images/banner/security-token-offering-sto-development-company.jpg) no-repeat;
    background-size: cover
}

.mlm-banner {
    background: url(../images/banner/mlm.jpg) no-repeat;
    background-size: cover
}

.exchanges-banner {
    background: url(../images/banner/exchanges_banner.jpg) no-repeat;
    background-size: cover
}

.hire-ethereum-developers {
    background: url(../images/banner/hire-ethereum-developers.jpg) no-repeat;
    background-size: cover
}

#private_blockchain {
    width: 100%;
    background: url(../images/banner/private-blockchain.jpg) no-repeat;
    background-size: cover
}

.ppc_top {
    background: url(../images/banner/ppc.jpg) no-repeat;
    background-size: cover
}

.inner-slider span,.inners span{
    font-size: 45px;
    line-height: 55px;
    /* background-image: var(--primary-color);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent; */
    font-weight: 700;
    color: #fff;
    margin: 0;
    padding: 0;
}


.inner-slider span strong,.inners span strong {
    color: #fff;
    font-weight: 800;
    margin: 0;
    padding: 0
}

.inner-slider-p {
    font-size: 16px;
    text-align: left;
    color: #fff;
    font-weight: 500;
    display: block
}

.inner-service-box ul {
    margin: 0;
    padding: 40px 0 0
}

.inner-service-box ul li {
    list-style: none;
    display: inline-block;
    padding: 0 25px 15px 0;
    width: 49%
}

.inner-service-box ul li span {
    font-size: 30px;
    line-height: 40px;
    color: #f2b600;
    font-weight: 800;
    display: block
}

.inner-service-box ul li strong {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-weight: 400
}

.inner-service-box {
    display: table-cell
}

.rqstform {
    background: #fff;
    border-radius: 12px;
    width: 94%;
    margin: 0 auto;
    height: auto;
    padding: 13px 25px 20px;
}

.rqstform h4 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    color: #f44438;
    text-align: left;
    padding-left: 10px;
    text-transform: capitalize;
    border-left: 2px solid #f44438;
    margin-bottom: 15px
}

.inner_hding h1,.subrqstform .submit {
    text-align: center
}

.subrqstform input,.subrqstform textarea {
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 400;
    background: 0 0;
    color: #000;
    width: 100%;
    outline: 0
}

.subrqstform input {
    margin-bottom: 10px;
    border: #b7b7b7 solid 1px;
    border-radius: 8px;
}

.subrqstform input.rqstphone {
    width: 74%
}

.subrqstform textarea {
    margin: 0 0 15px;
    border: 1px solid #b7b7b7;
    min-height: 110px;
    border-radius: 3px
}

.subrqstform .submit {
    font-size: 16px;
    color: #fff;
    margin: 15px 0 0;
    padding: 10px 0;
    text-transform: uppercase;
    width: 100%;
    border: none;
    background: #f44438;
    border-radius: 3px;
}

.cont-addrs h5:after,.cont-map h2:after {
    border-radius: 10px;
    display: block
}

.subrqstform input::placeholder {
    opacity: 1;
    color: #3c3c3c
}

.subrqstform textarea::placeholder {
    opacity: 1;
    color: #3c3c3c
}

.subrqstform input::-moz-placeholder {
    opacity: 1;
    color: #3c3c3c
}

.subrqstform textarea::-moz-placeholder {
    opacity: 1;
    color: #3c3c3c
}

.inner_hding {
    padding: 60px 0 40px
}

.inner_hding h1 {
    font-size: 32px;
    line-height: 50px;
    font-weight: 600;
    color: #000
}

.inner_hding h1 span {
    font-weight: 600;
    background-image: var(--primary-color);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.inner_hding p {
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    color: #000;
    text-align: center;
    margin-bottom: 25px
}

.ourservices_pg {
    text-align: center;
    background: #f5f6f6;
    padding: 50px 0
}

.ourservices_pg h2 {
    font-weight: 600
}

#filters li span,.about_man .top_hadding,.aboutheader h4,.comp-award h3,.sitemap_box h3,.value h3,.vision a,.vision h4 {
    text-transform: uppercase
}

.ourservices_pg h3 {
    font-size: 25px;
    line-height: 50px;
    font-weight: 700
}

.ourservices_icon {
    padding-top: 30px
}


.currency_icon,.currency_sec {
    padding: 30px 0
}

.animate_line:hover::after,.animate_line:hover::before {
    width: 50%;
    height: 50%;
    background: #ffbc13
}

.animate_line::after,.animate_line::before {
    content: "";
    height: 4px;
    width: 0;
    position: absolute;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    margin: 12px
}

.animate_line::after {
    left: 0;
    bottom: 0
}

.animate_line::before {
    right: 0;
    top: 0
}

.currency_sec h2 {
    font-weight: 600;
    line-height: 30px
}

.currency_icon h4 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin: 0;
    padding-top: 15px
}

.contact-header {
    background: url(../images/contact-slider.jpg) top no-repeat;
    padding: 215px 0 50px;
    min-height: 400px
}

.contact-header h2 {
    font-size: 60px;
    line-height: 65px;
    font-weight: 600;
    padding-bottom: 10px;
    margin: 0;
    color: #fcc402
}

.contact-header h2 span {
    color: #fff;
    font-weight: 400
}

.cont-map h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    padding-bottom: 10px;
    margin: 0 0 30px;
    color: #000;
    text-align: center
}

.cont-map h2 span {
    display: block
}

.cont-map h2:after {
    background: #edb800;
    height: 6px;
    text-align: center;
    width: 50px;
    margin: 30px auto 0
}

.contact-header p {
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    margin: 0;
    color: #fff
}

.cont-addrs h5,.cont-addrs p {
    line-height: 30px;
    text-align: center
}

.cont-map {
    margin: 50px 0
}

.cont-addrs {
    min-height: 450px;
    padding: 80px 70px;
    box-sizing: border-box
}

#info,#info .info-wrapper,#portfoliolist .portfolio {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box
}

.button-4,.button-5,.buttonn-5 {
    box-sizing: border-box;
    overflow: hidden
}

.cont-addrs h5 {
    font-size: 25px;
    font-weight: 600;
    padding: 20px 0;
    margin: 0;
    color: #005093
}

.cont-addrs h5:after {
    background: red;
    height: 5px;
    text-align: center;
    width: 25px;
    margin: 10px auto 0
}

.cont-addrs p {
    font-size: 17px;
    font-weight: 500;
    padding-bottom: 10px;
    margin: 0;
    color: #000
}

.sitemap-header {
    background: url(../images/banner/sitemap.jpg) no-repeat;
    background-size: cover
}

.new_section_add {
    font-size: 35px!important;
    line-height: 45px!important;
    color: #000;
    text-align: center
}

.why_hire_cryptocurrency .cont b {
    margin: 40px 0 10px;
    display: block;
    text-align: left
}

.ul0 {
    padding: 0
}

.why_hire_cryptocurrency ul li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #000;
    background-repeat: no-repeat;
    background-position: left 1px;
    background-size: 20px;
    list-style: none;
    text-align: left;
    font-size: 16px;
    display: flex
}

.why_hire_cryptocurrency ul li i {
    color: #eb9c00;
    margin-right: 8px
}

.sitemap {
    background: #f7f6f6
}

.sitemap-header h2 {
    font-size: 60px;
    line-height: 65px;
    font-weight: 600;
    padding-bottom: 10px;
    margin: 0;
    color: #fcc402
}

.sitemap-header h2 span {
    color: #fff;
    font-weight: 400
}

.sitemap_box {
    margin-top: 40px;
    padding: 15px 25px;
    margin-bottom: 20px;
    border: thin solid #ccc
}

.sitemap_box h3 {
    color: #000;
    display: block;
    font-size: 25px;
    line-height: 30px;
    font-weight: 800;
    padding-bottom: 20px;
    margin: 0;
    text-align: center
}

.sitemap_box h2 {
    color: #fcc402;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 0;
    border-bottom: 3px solid #fcc402;
    padding-bottom: 7px
}

.sitemap_box ul {
    margin: 0;
    padding: 0;
    text-align: center
}

.sitemap_box ul li {
    list-style: none;
    padding: 5px 0
}

.sitemap_box ul li a {
    color: #fffbfb;
    font-size: 16px;
    line-height: 35px;
    transition: all .3s ease 0s;
    background: #2e70b4;
    display: block;
    font-weight: 700
}

.sitemap_box ul li a:hover {
    color: #fcc402;
    background: #000
}

#panel,.pane2,.pane3,.panel,.panel1 {
    display: none
}

.hvr-buzz-out,.hvr-wobble-vertical {
    display: inline-block;
    box-shadow: 0 0 1px transparent
}

.team-text {
    padding: 40px 80px;
    min-height: 570px;
    background: linear-gradient(to right,#2b9dd9 0,#082971 100%);
    color: #fff
}

.teamblock:hover {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2)
}

.teamblock {
    height: 570px;
    width: 100%;
    float: left;
    background-size: cover!important;
    background-position: center top;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease
}

.team-photo .wid33 .teamblock {
    height: 200px
}

.team-text h4 {
    font-size: 40px;
    font-weight: 700
}

.team-text h6 {
    font-size: 18px
}

.fn-fct-bx2 {
    box-shadow: 0 1px 4px #ccc;
    padding: 15px 0;
    border-radius: 8px
}

.fn-fct-bx2 span {
    font-size: 24px!important
}

.fn-fct-bx2 p {
    margin-bottom: 0
}

.company-icon-img img {
    width: 60px
}

.our-team span {
    font-size: 15px
}

.our-team h3 {
    font-size: 46px;
    color: #20324e;
    font-weight: 800;
    margin: 0 0 10px
}

.our-team p {
    color: #fff;
    text-align: left
}

.our-team .rounded-btnhome2,.rounded-btnhome3 {
    margin-top: 10px;
    font-size: 18px;
    padding: 8px 25px;
    display: inline-block;
    color: #fff
}

.aboutheader h4,.award_box,.nine-input,.thanq_page,.thanq_page h3,.thanq_page p,.thanq_page p span,.value h3,.value ul li,.value ul li p,.vision h3,.vision p {
    text-align: center
}

.team-photo .wid50 {
    overflow: hidden;
    float: left;
    width: 50%
}

.team-photo .wid33 {
    overflow: hidden;
    float: left;
    width: 33%
}

.rounded-btnhome3 {
    background: #2b9dd9;
    border-radius: 100px;
    border: 2px solid transparent;
    margin-left: 10px
}

.rounded-btnhome3:hover {
    border: 2px solid #fff;
    background: 0 0;
    color: #fff
}

.our-team .rounded-btnhome2 {
    background: #94c11f;
    border-radius: 100px;
    border: 2px solid transparent
}

.our-team .rounded-btnhome2:hover {
    border: 2px solid #fff;
    background: 0 0;
    color: #fff
}

.award_box_man {
    padding: 40px 0 0
}

.award_box {
    box-shadow: 0 2px 8px #c7c7c7;
    border-radius: 5px;
    padding: 25px;
    margin-bottom: 30px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    height: 220px
}

.award_box:hover {
    box-shadow: 0 2px 20px #797979
}

.award_box p {
    width: 90%;
    margin: 15px auto 0;
    color: #676464
}

.award_box img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    margin: auto
}

.award_box:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

@-webkit-keyframes hvr-buzz-out {
    10%,30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20%,40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50%,70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60%,80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes hvr-buzz-out {
    10%,30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }

    20%,40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }

    50%,70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }

    60%,80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.hvr-buzz-out {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0)
}

.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover {
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hvr-wobble-vertical {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0)
}

.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.nine-input {
    float: left;
    width: 22%!important;
    padding: 0!important;
    line-height: 42px;
    margin-right: 10px
}

.phone-input {
    width: 73%!important;
    float: right;
    min-height: 45px
}

.contact-banner {
    background: url(../images/contact-slider.jpg) no-repeat;
    background-size: cover;
    padding: 35px 0 10px;
    margin: 0;
    min-height: 510px
}

.thanq_page {
    padding: 150px 0 70px;
    margin: 0 auto
}

.thanq_page h3 {
    font-size: 43px;
    line-height: 50px;
    font-weight: 900;
    color: #fff;
    padding: 10px 0;
    margin: 0
}

.thanq_page p,.thanq_page p span {
    font-weight: 500;
    color: #878787;
    margin: 0
}

.thank_bg {
    background: #000
}

.thanq_page p {
    font-size: 26px;
    line-height: 30px;
    padding: 10px 0 0
}

.thanq_page p span {
    font-size: 22px;
    line-height: 32px;
    padding: 10px 200px;
    display: block
}

.thanq_page a {
    width: 35%;
    padding: 15px 20px;
    color: #fff;
    text-align: center;
    margin: 30px auto;
    transition: all .3s;
    display: block;
    font-size: 30px;
    font-weight: 600;
    border-radius: 80px;
    background: -moz-linear-gradient(top,#f2ba00 0,#ea9800 99%);
    background: -webkit-linear-gradient(top,#f2ba00 0,#ea9800 99%);
    background: linear-gradient(to bottom,#f2ba00 0,#ea9800 99%)
}

.award-box,.nav-pills a {
    transition: all .3s ease
}

.thanq_page a:hover {
    background: #ea9800;
    background: -moz-linear-gradient(top,#ea9800 1%,#f2ba00 100%);
    background: -webkit-linear-gradient(top,#ea9800 1%,#f2ba00 100%);
    background: linear-gradient(to bottom,#ea9800 1%,#f2ba00 100%)
}

.aboutheader h4 {
    font-size: 45px;
    line-height: 1.4
}

.aboutheader {
    color: #fff;
    padding-top: 100px
}

.aboutheader p {
    color: #fff;
    margin-top: 15px;
    font-size: 24px
}

.about_man h1:after {
    display: none
}

.about_man .top_hadding {
    color: #717171;
    letter-spacing: 1px
}

.value {
    background: url(../images/value-sec.jpg) no-repeat;
    padding: 80px 0;
    background-size: cover
}

.value h3:after,.vision h3:after {
    background: #f0ad00;
    height: 5px;
    display: block
}

.value h3 {
    font-size: 35px;
    line-height: 30px;
    font-weight: 400;
    padding-bottom: 45px!important;
    color: #fff;
    margin: 0
}

.value h3:after {
    width: 30px;
    margin: 26px auto 0
}

.value h3 span {
    font-weight: 700;
    color: #f0ad00
}

.value ul {
    margin: 0
}

.value ul li {
    display: block;
    float: left;
    width: 20%;
    position: relative
}

.value ul li:after {
    content: url(../images/value-plus.png);
    position: absolute;
    top: 40%;
    right: 0
}

.comp-award h3:after,.value ul li:last-child:after,.vision h3:after,.webservices ul li:after {
    content: ""
}

.value ul li p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    padding: 20px;
    color: #fff
}

.vision h3,.vision p {
    color: #000
}

.value ul li p span {
    display: block;
    font-weight: 800
}

.vision {
    padding: 50px 0
}

.vision h3 {
    font-size: 35px;
    line-height: 40px;
    font-weight: 600;
    padding-bottom: 10px;
    margin: 0
}

.vision h3:after {
    width: 30px;
    margin: 16px auto 0
}

.vision p {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    text-align: left;
    position: relative;
    color: #fff;
    margin-top: 25px
}

.vision_right,.vision_right p {
    text-align: right
}

.vision_right {
    float: right
}

.missionbg {
    background: linear-gradient(  #04102e, #021957b0 ), url(../../assets/img/about/aboutus.jpg) center no-repeat;
    background-size: 100%;
    color: #fff
}

.vision h4 {
    font-size: 40px;
    margin-bottom: 0;
    font-weight: 700
}

.missin_hadding {
    display: inline-block
}

.comp-award {
    background: #f1f1f1;
    padding: 70px 0
}

.comp-award h3 {
    font-size: 35px;
    line-height: 30px;
    font-weight: 400;
    padding-bottom: 45px!important;
    color: #000;
    text-align: center;
    margin: 0
}

.comp-award h3:after {
    background: #f0ad00;
    height: 5px;
    width: 30px;
    margin: 26px auto 0;
    display: block
}

.comp-award h3 span {
    font-weight: 700;
    color: #f0ad00
}

.award-box {
    padding: 25px 15px;
    border-radius: 20px
}

.award-box:hover {
    background: #fff;
    box-shadow: 2px 5px 5px #999
}

.award-img {
    float: left;
    margin-right: 20px
}

.award-text h4 {
    font-size: 17px;
    line-height: 25px;
    font-weight: 600;
    padding-bottom: 10px;
    color: #000;
    text-align: left;
    margin: 0
}

.award-text h4 span {
    color: #15456c;
    font-weight: 700
}

.award-text p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding-bottom: 0;
    color: #000;
    text-align: left;
    margin: 0
}

#erc_token {
    background: url(../images/erc_token.jpg) center no-repeat
}

.ani-lftt,.ani-rgtt {
    color: #fff;

}
.ani-rgt{
    text-align: justify!important;
}
.inner-para-text b{
    font-size: 1.6rem;
    color: #000!important;
}
#erc_token h4 {
    color: #fff;
    font-size: 22px;
    padding-top: 15px
}

.erc_icon {
    position: relative;
    text-align: center;
    margin-top: 35px
}

.erc_icon img {
    -webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite
}

.erc_icon .icon_text {
    position: absolute;
    width: 100%;
    top: 58px;
    left: 0;
    font-size: 38px;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    color: #fff
}

.erc_icon .icon_text span {
    font-size: 50px;
    display: block
}

.nav-pills {
    margin-top: 30px
}

.nav-pills a {
    display: block;
    padding: 18px 15px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    position: relative;
    border-radius: 10px;
    margin: 0 5px;
    min-width: 180px;
}

.nav-pills a:hover {
    opacity: .7
}

.nav-pills a:active,.nav-pills a:focus {
    box-shadow: none
}

a#v-pills-home-tab {
    background: #fe9c13
}

a#v-pills-profile-tab {
    background: #6c4192
}

a#v-pills-messages-tab {
    background: #be0c6a
}

a#v-pills-settings-tab {
    background: #33aeef
}

a#v-pills-creative-tab {
    background: #94c11f
}

.rjd {
    background: #2c9dd9!important
}

.nav-pills span {
    padding-right: 0;
    display: block;
    text-align: center;
    font-size: 40px
}

.tab-content {
    display: block;
    margin: 25px 0 0
}

.tab-content h4 {
    font-size: 28px;
    margin: 20px 0 10px;
    background: 0 0
}

.tab-content p strong {
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: #000;
    border-bottom: 1px solid #999;
    display: block
}

.career_list li {
    background: url(../images/pills-icon.png) left no-repeat;
    padding-left: 25px;
    margin-bottom: 18px;
    font-size: 15px;
    color: #000;
    font-weight: 400;
    list-style: none
}

.career-tab-btn {
    display: block;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 50px
}

.career-tab-btn a {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    padding: 8px 20px;
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    margin-left: 20px;
    background: #f2ba00;
    background: -moz-linear-gradient(top,#f2ba00 0,#ea9800 99%);
    background: -webkit-linear-gradient(top,#f2ba00 0,#ea9800 99%);
    background: linear-gradient(to bottom,#f2ba00 0,#ea9800 99%)
}

.career-tab-btn a:hover {
    background: #ea9800;
    background: -moz-linear-gradient(top,#ea9800 1%,#f2ba00 100%);
    background: -webkit-linear-gradient(top,#ea9800 1%,#f2ba00 100%);
    background: linear-gradient(to bottom,#ea9800 1%,#f2ba00 100%)
}

.resume_section {
    width: 100%;
    background: #e5e5e5;
    padding: 0 20px 10px;
    margin-top: 30px;
    margin-bottom: 30px
}

.resum-heading {
    margin: 0 -20px 10px;
    padding: 14px 12px;
    background: #fe9c13;
    color: #fff
}

.resum-heading h4 {
    font-size: 20px;
    font-weight: 600;
    padding: 0;
    margin: 0;
    color: #fff
}

.resume_section input,.resume_section textarea {
    width: 100%;
    font-size: 15px;
    line-height: 24px;
    text-align: left;
    padding: 10px;
    background: #fff;
    border: none;
    margin: 5px 0;
    font-weight: 500
}

.resume_section input {
    border-radius: 5px
}

.resume_section textarea {
    border-radius: 5px;
    min-height: 130px
}

.resume_section .submt {
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    padding: 8px 20px;
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    margin: 10px auto;
    background: #f2ba00;
    background: -moz-linear-gradient(top,#f2ba00 0,#ea9800 99%);
    background: -webkit-linear-gradient(top,#f2ba00 0,#ea9800 99%);
    background: linear-gradient(to bottom,#f2ba00 0,#ea9800 99%)
}

.resume_section .submt:hover {
    background: #ea9800;
    background: -moz-linear-gradient(top,#ea9800 1%,#f2ba00 100%);
    background: -webkit-linear-gradient(top,#ea9800 1%,#f2ba00 100%);
    background: linear-gradient(to bottom,#ea9800 1%,#f2ba00 100%)
}

.career-head {
    padding: 50px 0 0!important
}

.webapplications {
    padding: 50px 50px 62px;
    background: var(--primary-color);
}

.webservices ul li {
    width: 25%;
    float: left;
    border-bottom: 1px solid #fff;
    position: relative;
    padding: 15px 15px 15px 0
}

.webservices ul li a {
    color: #fff
}

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

.webservices ul li:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    background-color: #fff;
    height: 100%
}

.webservices ul li:nth-child(4):after,.webservices ul li:nth-child(8):after {
    background-color: transparent
}

.webservices ul li:nth-child(5),.webservices ul li:nth-child(6),.webservices ul li:nth-child(7),.webservices ul li:nth-child(8) {
    border-bottom: none
}

.webservices {
    text-align: center
}

.webapplications .services_btn {
    text-align: left;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 30px auto 20px;
    padding: 10px 15px!important;
    border-radius: 5px;
    display: block;
    width: 200px;
    background: #f2ba00;
    background: -moz-linear-gradient(top,#f2ba00 0,#ea9800 99%);
    background: -webkit-linear-gradient(top,#f2ba00 0,#ea9800 99%);
    background: linear-gradient(to bottom,#f2ba00 0,#ea9800 99%)
}

#filters,.hoverEff,.marquee-slider,.shine,.shine ul,.shine ul li {
    text-align: center
}

.webapplications .services_btn a {
    color: #fff
}

#info {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fcf8e3;
    border: 1px solid #fbeed5;
    width: 95%;
    max-width: 900px;
    margin: 0 auto 40px;
    font-family: arial;
    font-size: 12px
}

#filters li span.active,#filters li span.active span,#filters li.all span,#filters li:hover span {
    border-radius: 5px
}

#info .info-wrapper {
    padding: 10px
}

#info a {
    color: #c09853
}

#info p {
    margin: 5px 0 0
}

#filters {
    margin: 3% 0 2%;
    padding: 0;
    list-style: none
}

#filters li {
    display: inline-block
}

#filters li span {
    font-size: 17px;
    display: block;
    padding: 5px 8px;
    font-weight: 500;
    color: #000;
    cursor: pointer
}

.call-left h2,.develop-sec h2,.g-offer h2,.marquee-slider h2,.platform .platform-box p,.shine h4 {
    text-transform: capitalize
}

#filters li span.active,#filters li.all span {
    background: #ea9800;
    background: -moz-linear-gradient(top,#ea9800 1%,#f2ba00 100%);
    background: -webkit-linear-gradient(top,#ea9800 1%,#f2ba00 100%);
    background: linear-gradient(to bottom,#ea9800 1%,#f2ba00 100%);
    color: #fff
}

#filters li span.active span,#filters li:hover span {
    color: #fff;
    background: #ea9800;
    background: -moz-linear-gradient(top,#ea9800 1%,#f2ba00 100%);
    background: -webkit-linear-gradient(top,#ea9800 1%,#f2ba00 100%);
    background: linear-gradient(to bottom,#ea9800 1%,#f2ba00 100%)
}

#portfoliolist .portfolio {
    width: 48%;
    margin: 1%;
    display: none;
    float: left;
    overflow: hidden
}

.portfolio-wrapper {
    overflow: hidden;
    position: relative!important;
    background: #000;
    cursor: pointer
}

.portfolio img {
    max-width: 100%;
    position: relative;
    top: 0;
    -webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
    transition: all .6s cubic-bezier(.645,.045,.355,1)
}

.portfolio .label {
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: -40px;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

.portfolio .label-bg {
    background: #e95a44;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.clear,.clearfix:after,.clearfix:before,.row:after,.row:before {
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden
}

.portfolio .label-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px
}

.prtflio:after,.prtflio:before {
    box-shadow: none;
    transition: all .5s ease 0s;
    z-index: 3
}

.portfolio .text-category {
    display: block;
    font-size: 9px
}

.portfolio:hover .label {
    bottom: 0
}

.clearfix:after,.clearfix:before,.row:after,.row:before {
    content: '\0020'
}

.develop-sec h2:after,.g-offer h2:after,.marquee-slider h2:after,.prtflio:after,.prtflio:before,.seo-services h2:after,.shine:after {
    content: ""
}

.clearfix,.row {
    zoom:1}

hr.underline {
    background: #666;
    height: 1px;
    width: 80%;
    margin: 15px auto;
    padding-top: 0
}

.portfolio-heading {
    padding: 50px 0
}

.portfolio-heading p {
    font-size: 16px;
    text-align: center;
    font-weight: 500
}

.prtflio {
    position: relative
}

.hoverEff,.prtflio:after,.prtflio:before {
    opacity: 0;
    position: absolute
}

.prtflio.white:after,.prtflio.white:before {
    background: rgba(255,255,255,.7)
}

.b {
    color: #000
}

#pricing_table_part h3 {
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 30px;
    color: #000
}

#pricing_table_part h3 span {
    color: #0b6cb7
}

.prtflio:after {
    bottom: 0;
    left: 100%;
    right: 0;
    top: 100%
}

.prtflio:before {
    bottom: 100%;
    left: 0;
    right: 100%;
    top: 0
}

.hoverEff {
    height: 100%;
    left: 0;
    padding: 20%;
    top: 0;
    transition: all .5s linear 0s;
    width: 100%;
    z-index: 5
}

.prtflio:hover .hoverEff {
    opacity: 1
}

.prtflio:hover:before {
    bottom: 0;
    opacity: 1;
    right: 0
}

.prtflio:hover:after {
    top: 0;
    opacity: 1;
    left: 0
}

.g-offer {
    background: url(../images/game-page/offer-bg.jpg) no-repeat;
    padding: 50px 0;
    background-size: cover
}

.g-offer h2 {
    font-size: 40px;
    line-height: 50px;
    color: #ffb401;
    font-weight: 300;
    margin-bottom: 50px
}

.g-offer h2 span {
    color: #fff;
    font-weight: 700
}

.g-offer h2:after {
    display: block;
    background: url(../images/game-page/offer-after.png) center no-repeat;
    width: 192px;
    height: 32px
}

.g-offer .col-sm-3 span {
    display: block;
    padding: 15px 0 0;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    font-style: italic;
    margin-bottom: 30px
}

.platform {
    padding: 20px 0;
}
.platform_bg{
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url(../../assets/img/game_section_bg.jfif) no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}
.develop-sec {
    background: url(../images/game-page/develop.jpg) no-repeat;
    padding: 50px 0;
    background-size: cover
}

.develop-sec h2 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    font-weight: 300
}

.develop-sec h2 span {
    color: #fff;
    font-weight: 800
}

.develop-sec h2:after {
    display: block;
    width: 39px;
    height: 5px;
    background: #fff;
    border-radius: 10px;
    margin: 20px auto
}

.platform .platform-box {
    padding: 30px 30px;
    margin-bottom: 3rem;
    height: 330px;
    border-radius: 15px;
    background: rgba( 162, 156, 156, 0.3 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
    position: relative;
    transition: all 0.3s ease-in-out;
    z-index: 2;
    overflow: hidden;
}
.platform-box:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 10px;
    background: rgba( 162, 156, 156, 0.2 );
    
   
}
.platform-box:hover::before{
    width: 100%;
    right: auto;
    left: 0;
}
.platform-box:hover img{
    transform: scale(.9);
}
.platform .platform-box img{
    width: 30%;
    height: 30%;
    object-fit: cover;
    transition: transform .4s ;
}

.platform .platform-box h4 {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 15px
}

.platform .platform-box p {
    font-size: 14px;
    line-height: 22px;
    color: #eee;
    font-weight: 400;
    margin: 0
}

.shine {
    width: 100%;
    padding: 20px;
    background-color: none;
    border: 1px solid #fff;
    color: #fff;
    position: relative;
    margin: 20px 0;
    display: block;
    height: 320px
}

.shine ul,.shine:after {
    position: absolute;
    left: 0
}

.shine:after {
    top: 0;
    width: 0%;
    height: 100%;
    background-color: rgba(255,255,255,.8);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    z-index: 1
}

.shine:hover:after {
    width: 100%;
    background-color: rgba(255,255,255,0);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.shine h4 {
    font-size: 21px;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 15px
}

.shine ul {
    z-index: 99999;
    right: 0;
    bottom: 20px;
    margin: 0 auto;
    display: block
}

.shine ul li {
    list-style: none;
    padding-right: 5px;
    display: inline-block
}

.marquee-slider {
    padding: 20px 0
}

.marquee-slider h2 {
    font-size: 40px;
    line-height: 50px;
    color: #000;
    font-weight: 300
}

.marquee-slider h2 span {
    color: #000;
    font-weight: 800
}

.marquee-slider h2:after {
    display: block;
    width: 39px;
    height: 5px;
    background: red;
    border-radius: 10px;
    margin: 20px auto
}

.top_heading {
    font-size: 60px;
    color: #fff;
    margin-top: 200px;
    font-weight: 700
}

#supply_chain {
    width: 100%;
    background: url(../images/supply.jpg) no-repeat;
    background-size: cover
}

#supply_chain_background_part {
    background: url(../images/supply_bg.jpg) no-repeat;
    padding: 0;
    min-height: 600px;
    background-size: cover;
    position: relative
}

.supply_chain_background_part_bg {
    background: url(../images/bg_services.gif);
    min-height: 600px;
    opacity: .6;
    position: absolute;
    background-size: cover
}

#supply_chain_background_part h2 {
    font-size: 40px;
    line-height: 52px;
    color: #fff;
    margin-top: 50px
}

#supply_chain_background_part P {
    color: #fff;
    line-height: 22px;
    font-size: 14px
}

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

.services-inner {
    height: 145px;
    border: 2px solid #48c7ec;
    margin-left: 25px;
    transition: .3s
}

.our-services-img {
    float: left;
    margin-left: -36px;
    margin-right: 16px;
    margin-top: 28px
}

.our-services-text {
    overflow: hidden;
    padding: 15px 5px 20px 0
}

.our-services-text h4 {
    color: #edad01;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px;
    position: relative
}

.our-services-wrapper:hover .services-inner {
    background: #fff;
    border: 2px solid transparent;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.2)
}

.our-services-text p {
    margin-bottom: 0;
    text-align: left
}

.our-services-wrapper:hover p {
    color: #000!important
}

#role_of_blockchain {
    background: url(../images/smart-contract-parallax-2.png) no-repeat fixed;
    background-size: 100% 100%
}

#role_of_blockchain h3 {
    font-size: 17px;
    color: #333;
    font-weight: 700
}

#role_of_blockchain p,#role_of_blockchain_right p {
    text-align: justify
}

#role_of_blockchain_right {
    background: url(../images/smart-contract-parallax-1.png) no-repeat fixed;
    border-top: 10px #fff solid;
    background-size: 100% 100%
}

#role_of_blockchain_right h4 {
    font-size: 20px;
    color: #333;
    font-weight: 700
}

.seo-in-banner {
    background: url(../images/seo-in-banner.jpg) no-repeat;
    padding: 20px 0;
    background-size: cover
}

.seo-services {
    padding-bottom: 50px
}

.seo-services h2 {
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    color: #000;
    margin-bottom: 50px;
    position: relative
}

.seo-services h2 span {
    color: #0b6cb7;
    font-weight: 700
}

.seo-services h2:after {
    display: block;
    text-align: center;
    width: 50px;
    height: 5px;
    border-radius: 10px;
    background: #0b6cb7;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px
}

.call-left h2:after,.call-right h2:after {
    display: none
}

.seo-services .seo-services-box {
    background: #f4f4f4;
    margin-top: 100px;
    padding: 40px 20px;
    max-height: 215px
}

.seo-services .seo-services-box img {
    margin: -35% auto 0
}

.seo-services .seo-services-box h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    margin: 0
}

.seo-services .seo-services-box p {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000;
    padding: 10px 0;
    margin: 0
}

.call-action {
    background: url(../images/call-action-bg.jpg) center no-repeat;
    padding: 50px 0
}

.call-left {
    padding: 40px 50px 30px 0
}

.call-left h2 {
    font-size: 23px;
    line-height: 35px;
    font-weight: 400;
    text-align: right;
    color: #fff;
    margin-bottom: 15px;
    margin-top: 0
}

.call-left h2 span {
    font-weight: 700;
    color: #fff
}

.call-left p {
    font-size: 17px;
    line-height: 22px;
    font-weight: 400;
    text-align: right;
    color: #fff;
    margin: 0
}

.call-right h2,.call-right p {
    margin-bottom: 5px;
    text-align: center
}

.call-right {
    width: 50%;
    float: right;
    padding-top: 30px
}

.call-right h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #2092ed;
    text-transform: uppercase
}

.call-right p {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    color: #7e7c7c
}

.call-right a,.call-right span {
    font-weight: 700;
    text-align: center
}

.call-right span {
    font-size: 40px;
    line-height: 45px;
    color: #3b3a3a;
    margin: 0;
    display: block
}

.call-right a {
    font-size: 30px;
    line-height: 40px;
    background: #1687e1;
    color: #fff;
    padding: 4px 20px;
    margin: 10px auto 0;
    border-radius: 5px;
    display: inline-block;
    width: 100%
}

.call-right a:hover {
    background: #0975cb
}

.our-work2 {
    padding-bottom: 50px
}

.our-work2 h2 {
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    color: #000
}

.our-work2 span {
    color: #66981b;
    font-weight: 700
}

.our-work2 .work-box {
    margin-top: 80px;
    padding: 50px 20px
}

.our-work2 .work-box h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    color: #000;
    padding: 10px 0 0;
    margin: 0
}

.our-work2 .work-box p {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #000;
    padding: 10px 0;
    margin: 0
}

.main-heading {
    text-align: center;
    padding: 65px 0
}

.main-heading h1 {
    font-size: 35px;
    line-height: 50px;
    font-weight: 800;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 25px
}

.main-heading p:after,.main-heading span.court-heading:after {
    content: url(../images/heading-tag.jpg);
    right: 0;
    top: -15px;
    margin: 0 auto;
    z-index: 99999;
    text-align: center;
    left: 0
}

.main-heading h1 span {
    color: #0b6cb8
}

.main-heading p,.main-heading span.court-heading {
    color: #000;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf
}

.main-heading p {
    font-size: 20px;
    line-height: 25px;
    font-weight: 500px;
    padding: 18px 150px;
    position: relative
}

.main-heading p:after {
    position: absolute;
    display: inline-block
}

.main-heading span.court-heading {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-weight: 800;
    padding: 30px 0;
    position: relative;
    display: block
}

.sec04 h2,.seo-choose h2,.seo-process h2 {
    text-transform: capitalize
}

.main-heading span.court-heading strong {
    color: #0b6cb8;
    font-weight: 800
}

.main-heading span.court-heading:after {
    position: absolute;
    display: inline-block
}

.choose-us .choose-us-box h4:after,.color-box h4:after,.promo-banner h3:after,.sec04-box:after,.tabs-style-iconfall .icon::before {
    content: ""
}

.sec04 {
    padding: 60px 0 0
}

.sec04 h2 {
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    color: #000;
    margin-bottom: 80px
}

.sec04 h2 span {
    color: #0b6cb7;
    font-weight: 700
}

.sec04 h2:after {
    display: none
}

.sec04-box-left {
    float: left;
    width: 35%
}

.sec04-box-rigth {
    float: right;
    width: 65%;
    margin: 0 0 40px
}

.sec04-box-rigth h4 {
    text-align: left;
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 600
}

.sec04-box-rigth p {
    text-align: left;
    font-size: 14px;
    line-height: 20px
}

.sec04-box:after {
    display: block
}

.sec04-img {
    margin: 50px 0
}

.seo-process {
    padding: 50px 0
}

.seo-process h2 {
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    color: #000;
    margin-bottom: 100px
}

.seo-process h2 span {
    color: #0c7bd4;
    font-weight: 600
}

.seo-process h2:after {
    display: none
}

.seo-process-left ul li {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 10px;
    display: block;
    list-style: none;
    background: url(../images/process-errow.png) left 0 top 8px no-repeat;
    padding-left: 30px
}

.seo-choose {
    background: url(../images/choose-background.png) center no-repeat fixed;
    padding-bottom: 50px
}

.seo-choose h2 {
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    color: #000;
    margin-bottom: 25px;
    position: relative
}

.seo-choose h2 span {
    color: #0b6cb7;
    font-weight: 600
}

.seo-choose h2:after {
    display: none
}

.seo-choose .seo-services-box {
    background: #f4f4f4;
    margin-top: 30px;
    padding: 35px 20px;
    height: 365px;
    box-shadow: 2px 2px 5px #ccc
}

.seo-choose .seo-services-box h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    margin: 10px 0 0
}

.seo-choose .seo-services-box p {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    padding: 0 0 10px;
    margin: 0
}

.sec04-box {
    height: 165px
}

.aso-banner {
    background: url(../images/Aso-banner.jpg) no-repeat;
    padding: 180px 0;
    height: 550px;
    background-size: cover
}

.aso-banner p {
    font-family: oswald,sans-serif;
    font-size: 65px;
    line-height: 90px;
    color: #fff;
    text-align: left
}

.aso-banner p span {
    font-weight: 800;
    color: #ebf52e
}

.ico-marketing-banner {
    background: url(../images/ico-marketing-banner.jpg) no-repeat right;
    background-size: cover;
    padding: 315px 0 0
}

.ico-banner-text {
    font-size: 55px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    line-height: 55px
}

.ico-banner-text span.ico-blue-text {
    color: #0975cb
}

.ico-banner-text strong {
    display: block;
    font-size: 58px;
    line-height: 70px
}

.ico-marketing-banner p {
    font-size: 17px;
    letter-spacing: 3px;
    font-weight: 500;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
    margin: 10px auto
}

.choose-us h2,.color-box-sec h3,.heading-h1 h1,.promo-banner h3 {
    text-transform: capitalize
}

.heading-h1 {
    background: #f3f3f3;
    padding: 50px 0
}

.heading-h1 h1 {
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    color: #000;
    margin-bottom: 30px
}

.heading-h1 h1 span {
    color: #eb463f;
    font-weight: 600
}

.heading-h1 p {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #666
}

.promo-banner {
    background: url(../images/ico-marketing/promo-banner.jpg) no-repeat fixed;
    background-size: cover;
    padding: 70px 0
}

.promo-banner h3 {
    font-size: 40px;
    font-weight: 800;
    text-align: center;
    color: #fff;
    margin-bottom: 15px
}

.promo-banner h3:after {
    background: #fff;
    display: block;
    height: 3px;
    width: 35px;
    margin: 20px auto 10px;
    text-align: center
}

.promo-banner p {
    text-align: center;
    font-size: 25px;
    line-height: 35px;
    color: #fff
}

.choose-us {
    padding: 70px
}

.choose-us h2 {
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    color: #000;
    margin-bottom: 25px;
    position: relative
}

.choose-us h2 span {
    color: #0b6cb7;
    font-weight: 600
}

.choose-us h2:after {
    display: none
}

.choose-us .choose-us-box {
    background: #fff;
    margin-top: 30px;
    padding: 40px 20px;
    height: 340px
}

.choose-us22 .choose-us-box {
    height: 280px
}

.choose-us .choose-us-box h4 {
    font-size: 19px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    color: #0975cb;
    margin: 10px 0 0
}

.color-box-sec h3 {
    margin-bottom: 30px
}

.color-box-sec h3:after,.glyphicon-chevron-left:before,.glyphicon-chevron-right:before {
    display: none
}

.choose-us .choose-us-box p {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    color: #8f8f8f;
    padding: 0 0 10px;
    margin: 0
}

.sec04 h4 {
    font-size: 20px;
    text-align: left
}

.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev {
    height: 75px;
    width: 52px;
    margin-top: -50px
}

.glyphicon-chevron-left {
    background: url(../images/arrow-left.png) center no-repeat!important;
    opacity: 1!important
}

.glyphicon-chevron-right {
    background: url(../images/arrow-right.png) center no-repeat!important;
    opacity: 1!important
}

.color-box-sec .col-sm-3 {
    padding: 0!important
}

.color-box-sec h3 {
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    color: #000;
    margin-bottom: 55px;
    position: relative
}

.color-box-sec h3 span {
    color: #0b6cb7;
    font-weight: 600
}

.color-box {
    background: #dc1c5d;
    padding: 35px 30px;
    height: 360px
}

.color-box h4,.color-box p {
    text-align: left;
    padding: 0;
    color: #fff
}

.color-box-sec .col-sm-3:nth-child(2) .color-box {
    background: #2092ed
}

.color-box-sec .col-sm-3:nth-child(3) .color-box {
    background: #169d5c
}

.color-box-sec .col-sm-3:nth-child(4) .color-box {
    background: #2092ed
}

.color-box h4 {
    font-size: 22px;
    line-height: 35px;
    font-weight: 600;
    margin: 25px 0;
    position: relative
}

.color-box h4:after {
    display: block;
    text-align: left;
    width: 30px;
    height: 5px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -14px;
    border-radius: 10px
}

.color-box p {
    font-size: 14px;
    line-height: 22px;
    margin: 0
}

.choose-us-box {
    background: #fff59d;
    padding: 60px 30px;
    text-align: center;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    transition: all .5s cubic-bezier(.165,.84,.44,1) 0s
}

.choose-us-box img {
    transition: all 2s
}

.choose-us-box:hover img {
    transform: rotate(360deg)
}

.choose-us-box:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,.2)
}

.hire_new {
    padding: 50px 0 80px
}

.services_btn2 {
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 20px auto;
    padding: 10px 15px!important;
    border-radius: 5px;
    display: block;
    width: 200px;
    background: #f2ba00;
    background: -moz-linear-gradient(top,#f2ba00 0,#ea9800 99%);
    background: -webkit-linear-gradient(top,#f2ba00 0,#ea9800 99%);
    background: linear-gradient(to bottom,#f2ba00 0,#ea9800 99%)
}

.services_btn2 img {
    width: 27px;
    margin-top: -4px;
    margin-right: 8px;
    float: left
}

.services_btn a,.services_btn2 a {
    color: #fff
}

.tabs-style-iconfall nav li::before {
    margin-left: -20px
}

.tabs nav ul li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tabs-style-iconfall .nav-tabs>li a {
    border: none;
    font-weight: 600;
    font-size: 20px;
    color: #74777b
}

.tabs-style-iconfall .nav-tabs>li.active>a {
    border: none;
    color: #1994d6;
    background: #fff
}

.tabs-style-iconfall .nav-tabs>li a:hover {
    color: #1994d6;
    background: #fff
}

.tabs-style-iconfall {
    margin-top: 80px
}

.tabs-style-iconfall ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex
}

.tabs-style-iconfall a::before {
    display: block;
    margin: 0 0 .35em;
    opacity: 0;
    -webkit-transition: -webkit-transform .2s,opacity .2s;
    transition: transform .2s,opacity .2s;
    -webkit-transform: translate3d(0,-100px,0);
    transform: translate3d(0,-100px,0);
    pointer-events: none
}

.tabs-style-iconfall .icon::before {
    position: absolute;
    width: 100%;
    height: 80px;
    top: -75px;
    left: 0
}

.tabs-style-iconfall .icon-home::before {
    background: url(/images/post-requirements.png) center center no-repeat
}

.tabs-style-iconfall .check_resumes::before {
    background: url(/images/check_resumes.png) center center no-repeat
}

.tabs-style-iconfall .interview::before {
    background: url(/images/interview.png) center center no-repeat
}

.tabs-style-iconfall .choose_hiring::before {
    background: url(/images/choose_hiring.png) center center no-repeat
}

.tabs-style-iconfall .pay_started::before {
    background: url(/images/pay_started.png) center center no-repeat
}

.tabs-style-iconfall .nav-tabs {
    border-bottom: 0 dotted #ccc
}

.hire_new .tab-content {
    display: block;
    padding: 15px 30px;
    border: 2px dotted #ccc;
    margin: 0 0 35px;
    text-align: center
}

.hire_new .tab-content p {
    text-align: center;
    font-size: 16px
}

.icon::before {
    z-index: 10;
    display: inline-block;
    margin: 0 .4em 0 0;
    text-transform: none;
    font-weight: 400;
    font-size: 1.3em;
    font-family: stroke7pixeden;
    line-height: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.tabs-style-iconfall nav li::before {
    position: absolute;
    bottom: -17px;
    left: 43%;
    width: 70px;
    height: 4px;
    background: #1994d6;
    content: '';
    opacity: 0;
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    -webkit-transform: scale3d(0,1,1);
    transform: scale3d(0,1,1);
    z-index: 9
}

.web-img {
    margin-top: 50px
}

.tabs-style-iconfall .nav-tabs {
    padding-bottom: 15px
}

.tabs-style-iconfall nav li.active .icon::before {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.tabs-style-iconfall nav li.active::before {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
}

.company_home_box {
    box-shadow: 0 2px 4px #dedede;
    margin-bottom: 30px;
    padding: 25px 15px;
    text-align: center;
    border-radius: 4px
}
.company_home_box img{
    width: 64px;
}
.company_home_box h4 {
    margin-top: 20px
}

.company_home_box h4 span {
    display: block
}

.industries_section {
    background: url(../images/industries.jpg) no-repeat;
    background-size: cover;
    padding: 50px 0 80px
}

.industries_section h2 {
    color: #fff
}

.industries_section h4 {
    color: #fff;
    font-size: 20px;
    margin-top: 15px
}

.industries_section .client-box {
    border-width: 1px;
    border-color: #686766;
    border-style: dashed;
    border-radius: 8px;
    padding: 45px 30px;
    text-align: center;
    background: transparent;
    height: 180px
}

#app-services,#app-store {
    border-bottom: 1px #f1f1f1 solid
}

.app_marketing_box p {
    text-align: left;
    font-size: 16px;
    color: #313131;
    line-height: 23px!important
}

.industries_section .client-box:hover {
    background: #1994d6
}

.industries-view .item {
    margin: 0 5px
}

.industries-view {
    margin-top: 30px
}

.industries_section .client-box img {
    width: auto!important;
    margin: auto
}

.industries-view .owl-dots {
    display: none
}

.industries-view .owl-nav {
    position: absolute;
    top: 40%;
    width: 100%
}

.industries-view .owl-prev {
    position: absolute;
    left: -40px;
    opacity: .5
}

.industries-view .owl-next {
    position: absolute;
    right: -40px;
    opacity: .5
}

.industries-view .owl-next:hover,.industries-view .owl-prev:hover {
    opacity: 1
}

.solution_img {
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out
}

.solution_img img {
    width: 100%
}

#wrapper_top {
    width: 100%;
    background: url(/img/banner_img.jpg) no-repeat;
    background-size: 100% 100%;
}

#wrapper_top h1 {
    font-size: 60px;
    color: #fff;
    font-weight: 600;
    line-height: 70px;
    margin-top: 200px
}

#wrapper_top p {
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    text-align: justify
}

#app-store {
    padding: 50px 0 40px
}

#app-store h2 {
    text-align: center;
    margin: 0;
    padding-bottom: 20px
}

#app-services {
    text-align: center;
    padding: 50px 0 30px
}

#app-services h2 {
    margin: 0
}

.app_marketing_box h4 {
    margin: 0;
    font-size: 23px;
    color: #f0b101;
    font-weight: 600;
    padding-top: 20px
}

.app_marketing_box p {
    margin: 0;
    line-height: 25px;
    padding-top: 20px
}

.app_marketing_box {
    box-shadow: 0 0 5px 0 rgba(0,0,0,.17);
    padding: 30px;
    margin: 30px 0;
    background: #fff;
    border-radius: 15px;
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    height: 620px
}

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

.services_img {
    width: 100%;
    max-width: 220px;
    margin: 0 auto
}

#app-solution {
    padding: 50px 0
}

#app-solution p {
    line-height: 20px;
    font-weight: 300;
    text-align: left;
    font-size: 13px;
}

#app-solution h2 {
    text-align: center;
    margin: 0
}

.solution_box {
    margin-top: 20px
}

#app_promotion h2,#tabile_part_box h2,#tabile_part_box p {
    margin: 0;
    padding-bottom: 20px;
    text-align: center
}

.solution_box .col-md-3 {
    padding-right: 8px
}

#tabile_part_box {
    border-top: 1px #f1f1f1 solid;
    padding: 50px 0
}

#tabile_part_box p {
    font-size: 14px;
    color: #313131;
    text-align: justify;
}

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

.inner_portfolio h2,.process-sec h2 {
    font-weight: 600;
    color: #fc5a02;
    text-align: center;
    margin: 0
}

.bottom_testimobottom_testimo #quote-carousel .left.carousel-control,.bottom_testimobottom_testimo #quote-carousel .right.carousel-control {
    display: block!important
}

.sticky-quote {
    display: none
}

.tablist-block ul,.tabul li {
    display: inline-block
}

.v_company_page img {
    max-width: 100%!important
}

.process-sec {
    padding: 50px 0
}

.process-sec h2 {
    font-size: 30px;
    padding-top: 0;
    padding-bottom: 15px
}

.inner_portfolio {
    padding: 50px 0;
    border-top: solid 1px #d5d5d5
}

.inner_portfolio h2 {
    font-size: 35px;
    padding-top: 0;
    padding-bottom: 30px
}

.v_get_a_quote h2 {
    font-size: 25px;
    line-height: 35px
}

.v_get_a_quote input {
    font-size: 16px
}

.v_get_a_quote textarea {
    font-size: 13px
}

.marketing-imp {
    padding: 30px 0
}

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

.marketing-imp h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    color: #000!important;
    padding-top: 0;
    padding-bottom: 30px;
    margin: 0
}

.marketing-imp p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #000;
    padding-top: 0;
    padding-bottom: 15px;
    margin: 0
}

#app_promotion {
    border-top: 1px #f1f1f1 solid;
    padding: 50px 0
}

.promotion_list ul {
    margin: 0;
    padding: 0
}

.promotion_list ul li {
    text-align: justify;
    margin-left: 25px;
    padding: 8px 0;
    list-style: url(/img/promotion_list_arrow.png)
}

.devBg ul,.post-meta,.tabul,.why_ppc ul li {
    list-style: none
}

.career_list,.tabul,.tabul p {
    padding: 0
}

.promotion_list ul li a {
    font-size: 15px;
    color: #000
}

.tabul p {
    color: #fff
}

.tabul .active a {
    /* box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19); */
}

.tabinimg {
    float: right;
    margin-top: 80px
}

.tabul p {
    margin: 0!important
}

#overflow-slide_2 {
    padding: 15px 0
}

#overflow-slide_2 p {
    margin-top: 15px
}

.development-tabing-block .tablist-block {
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: center
}

.tablist-block ul li:after,.tablist-block ul li:before {
    content: '';
    position: absolute
}

#overflow-slide h2:after {
    background: #fff
}

.technologiesProvide .development-tabing-block {
    padding: 58px 0 40px;
    background: #104275
}

.tablist-block ul {
    max-width: inherit;
    width: auto;
    margin-top: -26px
}

.tablist-block ul li {
    padding: 26px 15px 0;
    overflow: hidden
}

.technologiesProvide .tablist-block ul li div.center-block {
    height: 100px;
    display: block;
    width: 100%
}

.development-process-block {
    background: #fff
}

.technologiesProvide .tablist-block ul li a {
    color: #fff;
    width: 100%;
    display: inline-block;
    height: 100%;
    outline: 0
}

.technologiesProvide .tablist-block ul li a span {
    font-size: 18px;
    margin-top: 10px;
    display: inline-block
}

.tablist-block ul .active:before {
    left: 0;
    background-color: #fff
}

.tablist-block ul li:after {
    bottom: -3px;
    right: 0;
    height: 27px;
    width: 1px;
    background: rgba(255,255,255,.1)
}

.tablist-block ul li:before {
    width: 100%;
    left: -100%;
    bottom: 0;
    height: 3px;
    background-color: rgba(255,255,255,.2);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.main-timeline .timeline-icon:before,.srv-bx3:before,.why_ppc ul li:after,.world_class .col-md-3 article:after {
    content: ""
}

.world_class h2:after {
    background: #fff
}

.tablist-block .nav-tabs {
    border-bottom: 1px solid #648bb3
}

.tablist-block ul li:last-child:after {
    display: none
}

.application-option ul li {
    display: inline-block;
    float: none;
    margin-bottom: 28px;
    vertical-align: top;
    width: 13%
}

.application-option {
    margin-top: 15px
}

.application-option ul {
    width: 100%;
    padding: 0
}

.application-option ul li span {
    display: block;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 1px;
    font-size: 15px;
    color: #fff;
    margin-top: 18px
}

#best_design {
    padding: 30px 0 0
}

#best_design h4 {
    font-weight: 600;
    margin-top: 20px
}

.solution_box2 img {
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.solution_box2:hover img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

#best_design .solution_box2 {
    margin-top: 30px;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.why_ppc {
    background: #f9f9f9;
    padding: 50px 0 80px
}

.why_ppc ul li {
    position: relative;
    margin-bottom: 15px;
    font-weight: 560;
    color: #4a4a4a;
    font-size: 15px
}

.why_ppc ul li:after {
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: -20px;
    top: 4px;
    background: #8ba500;
    border-radius: 50%
}

.choose_box {
    padding: 30px 0 60px
}

.ppc_management {
    padding-top: 50px
}

.ppc_management .box_text {
    padding: 50px 30px 35px
}

.ppc_management .box_text h4 {
    font-size: 30px;
    font-weight: 600
}

.ppc_management .box_text p {
    text-align: left
}

.ppc_management .box_text2 h4,.ppc_management .box_text2 p {
    text-align: right
}

.main-timeline .timeline {
    padding: 0 2px;
    position: relative;
    width: 20%;
    float: left
}

.main-timeline {
    padding: 40px 50px
}

.main-timeline .timeline-icon {
    display: block;
    text-align: center;
    padding: 24px 0 55px;
    z-index: 1;
    position: relative
}

.main-timeline .timeline:nth-child(2n) .timeline-icon {
    padding: 55px 0 20px
}

.main-timeline .timeline-icon:before {
    width: 1px;
    height: 60%;
    background: #1994d6;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transition: all .3s ease 0s
}

.main-timeline .timeline:nth-child(2n) .timeline-icon:before {
    bottom: auto;
    top: 0
}

.main-timeline .timeline:hover .timeline-icon:before {
    background: #dc4e4e
}

.main-timeline .timeline-icon i {
    width: 20px;
    height: 20px;
    margin: 15.5px;
    line-height: 35px;
    border-radius: 50%;
    background: #1994d6;
    font-size: 14px;
    color: #fff;
    transition: all .3s ease 0s;
    display: inline-block
}

.main-timeline .timeline:hover .timeline-icon i {
    background: #dc4e4e;
    animation: icon-load 2.5s ease 0s infinite
}

.main-timeline .border {
    height: 7px;
    background: #1994d6;
    margin-bottom: 20px;
    transition: all .3s ease 0s
}

.main-timeline .timeline:hover .border {
    background: #dc4e4e
}

.main-timeline .timeline:first-child .border {
    border-radius: 4px 0 0 4px
}

.main-timeline .timeline:last-child .border {
    border-radius: 0 4px 4px 0
}

.main-timeline .timeline:nth-child(2n) .border {
    margin: 18px 0 0
}

.main-timeline .timeline-content {
    padding: 15px 5px;
    border: 1px solid #ddd;
    background: #f9f9f9;
    border-radius: 3px;
    transition: all .3s ease 0s
}

.main-timeline .timeline:hover .timeline-content {
    background: #dc4e4e
}

.main-timeline .title {
    font-size: 17px;
    font-weight: 600;
    color: #1994d6;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 10px;
    transition: all .3s ease 0s
}

.main-timeline .timeline:hover .title {
    color: #fff
}

.timeline-content .description {
    font-size: 14px;
    color: #888;
    margin: 0;
    transition: all .3s ease 0s
}

.main-timeline .timeline:hover .description {
    color: #fff
}

@keyframes icon-load {
    0% {
        transform: rotate(-12deg)
    }

    8% {
        transform: rotate(12deg)
    }

    10%,28%,30%,48%,50%,68% {
        transform: rotate(24deg)
    }

    18%,20%,38%,40%,58%,60% {
        transform: rotate(-24deg)
    }

    100%,75% {
        transform: rotate(0)
    }
}

.inners .wite {
    color: ;
    text-align: left;
    font-size: 30px;
    margin-top: 5px
}

.tcimg img {
    margin: auto
}

.why_list {
    margin-top: 30px
}

.ppcdrop {
    padding: 50px 0;
    background: #f9f9f9;
}

.our_ppc .service_divbox {
    height: 280px
}

.world_class {
    background: #f8edeb;
    padding: 35px 0 60px

}

.world_class h2 {
    color: #333;
}
.world_class h1{
    text-align: center;
}

.world_class  article {
    z-index: 1;
    overflow: hidden;
    transition: transform  0.4s;
    -webkit-transition: transform  0.4s;
    -moz-transition: transform  0.4s;
    -ms-transition:  transform 0.4s;
    position: relative;
    box-shadow: var(--box-shadow);
    border-radius: 15px;
    background-color: rgba(255,255,255,.01);
    padding: 105px 25px 25px;
    height: 310px;
    background-color: #fff;
    margin-bottom: 30px
}

.world_class22  article {
    height: 270px
}
.world_class  article:hover{
    transform: translateY(-8px);
}
.world_class  article.one_article:hover{
    border-bottom: 2.4px solid #9b5de5;
}
.world_class  article.two_article:hover{
    border-bottom: 2.4px solid #e80054;
}
.world_class  article.three_article:hover{
    border-bottom: 2.4px solid #00bbf9;
}
.world_class  article.four_article:hover{
    border-bottom: 2.4px solid #19cbb7;
}
.world_class  article.five_article:hover{
    border-bottom: 2.4px solid #5465ff;
}
.world_class  article.six_article:hover{
    border-bottom: 2.4px solid #ffa91a;
}
.hovereffectt a.info:hover,.hovereffecttt a.info:hover {
    box-shadow: 0 0 5px #fff;
}

.world_class  article figure {
    position: absolute;
    left: 30px;
    top: 30px;
    transition: .8s linear;
    -webkit-transition: .8s linear;
    -moz-transition: .8s linear;
    -ms-transition: .8s linear;
}

.world_class article:hover figure{
    -webkit-animation: flip-vertical-right 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: flip-vertical-right 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
.world_class article:hover figcaption h4{
    -webkit-animation: slide-in-left 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-left 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.world_class article:hover figcaption P{
    -webkit-animation: slide-in-left 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-left 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ANIMATION CODE START */

/**
 * ----------------------------------------
 * animation flip-vertical-right
 * ----------------------------------------
 */
 @-webkit-keyframes flip-vertical-right {
    0% {
      -webkit-transform: rotateY(0);
              transform: rotateY(0);
    }
    100% {
      -webkit-transform: rotateY(180deg);
              transform: rotateY(180deg);
    }
  }
  @keyframes flip-vertical-right {
    0% {
      -webkit-transform: rotateY(0);
              transform: rotateY(0);
    }
    100% {
      -webkit-transform: rotateY(180deg);
              transform: rotateY(180deg);
    }
  }

 /**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
    0% {
      -webkit-transform: translateX(-1000px);
              transform: translateX(-1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-left {
    0% {
      -webkit-transform: translateX(-1000px);
              transform: translateX(-1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }


  /**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-right {
    0% {
      -webkit-transform: translateX(1000px);
              transform: translateX(1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-right {
    0% {
      -webkit-transform: translateX(1000px);
              transform: translateX(1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
  
  /* ANIMATION CODE END */
  .world_class  article::before {
    content: attr(data-number);
    display: block;
    position: absolute;
    top: 0rem;
    right: -0rem;
    width: 70px;
    height: 70px;
    font-size: 25px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.world_class article.one_article::before{
    background: url(../../assets/img/shape/blob_1.svg);
}
.world_class article.two_article::before{
    background: url(../../assets/img/shape/blob_2.svg);
}
.world_class article.three_article::before{
    background: url(../../assets/img/shape/blob_3.svg);
}
.world_class article.four_article::before{
    background: url(../../assets/img/shape/blob_4.svg);
}
.world_class article.five_article::before{
    background: url(../../assets/img/shape/blob_5.svg);
}
.world_class article.six_article::before{
    background: url(../../assets/img/shape/blob_6.svg);
}

.world_class article:hover::before{
    -webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* .world_class  article:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -moz-linear-gradient(left,rgba(255,255,255,.05) 0,rgba(0,0,0,.05) 100%);
    background: -webkit-linear-gradient(left,rgba(255,255,255,.05) 0,rgba(0,0,0,.05) 100%);
    background: linear-gradient(to right,rgba(255,255,255,.05) 0,rgba(0,0,0,.05) 100%);
    transform: translate(100%);
    -webkit-transform: translate(100%);
    -moz-transform: translate(100%);
    -ms-transform: translate(100%);
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s
} */

.world_class  article figcaption h4 {
    color: #222;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 1px
}

.world_class  article figcaption p {
    text-align: left;
    margin: 20px 0;
    color: #666;
    opacity: .8;
    font-size: 13px;
    line-height: 20px
}

.world_class  article figcaption .gold-gradient-color:hover {
    text-shadow: none;
    background: linear-gradient(to right,#ff6f0d,#fc9c0b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all .3s
}



.haddind_p {
    width: 70%;
    margin: auto auto 30px;
}

.world_class .haddind_p {
    color: #555;

}

/* ---------------------------
WEB 3.0 DEVELOPMENT  START
--------------------------- */
.web3_bg{
   background: var(--web_bg); 
}
.web_development_services{
    z-index: 1;
    overflow: hidden;
    transition: transform  0.4s;
    -webkit-transition: transform  0.4s;
    -moz-transition: transform  0.4s;
    -ms-transition:  transform 0.4s;
    position: relative;
    box-shadow: var(--box-shadow);
    border-radius: 15px;
    background-color: rgba(255,255,255,.01);
    padding: 30px 25px 25px;
    height: 300px;
    background: #fff;
    text-align: center;
    margin-bottom: 30px; 
}
.web_development_services .web_content{
    margin-top: 2rem;
}
/* ---------------------------
WEB 3.0 DEVELOPMENT  END
--------------------------- */




/* ECOMMERCE TAB */

.ecommerce_tab .application-option {
    margin-top: 30px;
    text-align: center
}

.tablist-block ul li {
    width: 180px
}

.ecommerce_tab {
    background: #045580!important
}

.ecommerce_tab .haddind_p,.ecommerce_tab h2 {
    color: #fff
}

.ecommerce_tab .center-block img {
    width: 45px
}

.ecommerce_tab .center-block a {
    display: block!important;
    width: 100%
}

.ecommerce_tab .center-block a span {
    display: block;
    width: 100%;
    font-size: 17px;
    line-height: 22px;
    text-transform: capitalize;
    margin: 10px 0 20px;
    color: rgba(255,255,255,.3)
}

.client2 h5,.hovereffectt a.info, .varifohiring h4,.whowework_box .col-md-3 h3 {
    text-transform: uppercase
}

.ecommerce_tab .center-block a img {
    opacity: .6
}

.ecommerce_tab .active .center-block img,.ecommerce_tab .center-block a:hover img {
    opacity: 1
}

.ecommerce_tab .active .center-block a span {
    color: #fff
}

.ecommerce_tab .center-block a:hover span {
    color: #fff
}

.ecommerce_tab .tablist-block .nav-tabs {
    border-bottom: 1px solid #50acdc
}

.ecommerce_tab .main-content-block p {
    text-align: center;
    color: #fff!important
}

.ecommerce_tab .tab-content {
    margin: 15px 0 0
}

.whowework_box .col-md-3:nth-child(1) {
    background: #5ddeb4
}

.whowework_box .col-md-3:nth-child(2) {
    background: #ff9f64
}

.whowework_box .col-md-3:nth-child(3) {
    background: #725ad4
}

.whowework_box .col-md-3:nth-child(4) {
    background: #00a5f7
}

.whowework_box .col-md-3:nth-child(5) {
    background: #5d85de
}

.whowework_box .col-md-3:nth-child(6) {
    background: #246ac1
}

.whowework_box .col-md-3:nth-child(7) {
    background: #53ac56
}

.whowework_box .col-md-3:nth-child(8) {
    background: #295a77
}

.whowework_box .col-md-3:nth-child(1):hover {
    border-bottom: 25px solid #5ddeb4
}

.whowework_box .col-md-3:nth-child(2):hover {
    border-bottom: 25px solid #ff9f64
}

.whowework_box .col-md-3:nth-child(3):hover {
    border-bottom: 25px solid #725ad4
}

.whowework_box .col-md-3:nth-child(4):hover {
    border-bottom: 25px solid #00a5f7
}

.whowework_box .col-md-3:nth-child(5):hover {
    border-bottom: 25px solid #5d85de
}

.whowework_box .col-md-3:nth-child(6):hover {
    border-bottom: 25px solid #246ac1
}

.whowework_box .col-md-3:nth-child(7):hover {
    border-bottom: 25px solid #53ac56
}

.whowework_box .col-md-3:nth-child(8):hover {
    border-bottom: 25px solid #295a77
}

.whowework_box .col-md-3 {
    position: relative;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 380px;
    padding: 30px 20px
}

.whowework_box .col-md-3 figure {
    text-align: center
}

.whowework_box .col-md-3 figure i {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: #fff;
    border-radius: 50%
}

.whowework_box .col-md-3 figure i img {
    width: 60%
}

.whowework_box .col-md-3 figcaption h2 {
    text-align: center
}

.whowework_box .col-md-3 figcaption p {
    text-align: center;
    font-size: 14px;
    margin-top: 15px;
    color: #fff;
    line-height: 20px
}

.whowework_box .col-md-3 h3 {
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin-top: 25px;
    display: block;
    line-height: normal
}

.whowework_box .col-md-3 h3:after {
    display: none
}

.whowework_box .row .col-md-3:hover {
    background: #333;
    -webkit-transform: translate3d(0,0,-30px) rotateX(20deg);
    -moz-transform: translate3d(0,0,-30px) rotateX(20deg);
    -ms-transform: translate3d(0,0,-30px) rotateX(20deg);
    transform: translate3d(0,0,-30px) rotateX(20deg)
}

.inds_cat_set img {
    max-width: 100%
}

.hovereffectt {
    width: 100%;
    height: 185px;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    margin-top: 30px
}

.button-4,.button-5 {
    cursor: pointer
}

.hovereffectt .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}

.hovereffectt img {
    width: 100%;
    display: block;
    position: relative;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in
}

.hovereffectt:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.hovereffectt h2 {
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0,0,0,.6)
}

.hovereffectt a.info {
    display: inline-block;
    padding: 7px 14px;
    border: 1px solid #fff;
    margin: 170px 0 0;
    background-color: transparent
}

.button-4,.button-5,.button_client a {
    border: 2px solid #fab702
}

.hovereffectt a.info,.hovereffectt h2 {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in;
    opacity: 0;
    color: #fff
}

.button-4 a,.eff-4 {
    transition: all .5s ease
}

.hovereffectt:hover a.info,.hovereffectt:hover h2 {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.post-meta {
    padding-left: 0;
    margin: 0 0 13px;
    display: inline-block;
    text-align: center
}

.post-meta>li,.wdgt .post-meta>li {
    display: inline-block;
    margin: 10px 10px 0;
    letter-spacing: 0;
    font-size: 13px;
    color: #828282
}

.post-meta>li a {
    color: #2e2e2e
}

#blog h4 {
    font-weight: 500;
    padding-top: 10px;
    height: 55px;
    overflow: hidden;
    line-height: 22px
}

.home_blockhight p:first-child {
    display: none
}

.home_blockhight {
    height: 205px
}

#blog p {
    text-align: left
}

#client_part h4,.box,.button-5,.button-5 a,.fn-fct-bx {
    position: relative
}

.eff-4,.eff-5 {
    background: #fab702
}

.button_client {
    margin-top: 50px
}

.button_client a {
    font-size: 25px;
    color: #fab702;
    display: inline-block;
    padding: 6px 0;
    width: 187px;
    font-weight: 600
}

.button_client a:hover {
    background: #fab702;
    color: #333
}

.text-center .fn-fct-bx {
    margin-bottom: 30px
}

.button-5 {
    color: #fab702;
    margin: 0 auto;
    float: left
}

.button-5 a {
    font-size: 13px;
    color: #000;
    line-height: 35px;
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    z-index: 2;
    font-weight: 600
}

.eff-5 {
    left: -130px;
    position: absolute;
    transition: all .5s ease;
    z-index: 1
}

.hovereffecttt,.hovereffecttt .overlay {
    height: 100%;
    width: 100%;
    overflow: hidden
}

.button-5:hover .eff-5 {
    left: 0
}

#development_part h4 {
    font-size: 23px;
    color: #fff
}

.mrg {
    margin: 0;
    margin-bottom: px
}

.mrg>div {
    padding: 0
}

.rspn-mnu-cls,:before {
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.hovereffecttt {
    position: relative;
    cursor: default;
    margin-bottom: 10px
}

.hovereffecttt .overlay {
    position: absolute;
    top: 0;
    left: 0
}

.hovereffecttt img {
    display: block;
    position: relative;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in
}

.hovereffecttt:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.hovereffecttt h2 {
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0,0,0,.6)
}

.hovereffecttt a.info {
    display: inline-block;
    padding: 7px 14px;
    border: 1px solid #fff;
    margin: 170px 0 0;
    background-color: transparent
}

.hovereffecttt a.info,.hovereffecttt h2 {
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in;
    opacity: 0;
    color: #fff;
    text-transform: uppercase
}

.hovereffecttt:hover a.info,.hovereffecttt:hover h2 {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.inner_page_box {
    padding: 0;
    box-shadow: 0 0 5px 3px rgba(0,0,0,.12);
    background-color: #fff;
    min-height: 370px;
    margin-bottom: 25px
}

#blog_inner_page {
    padding: 50px 0 0
}

#blog_inner_page h4 {
    font-weight: 600;
    padding: 10px 0 0 15px
}

#blog_inner_page .inner_page_box p {
    text-align: left;
    padding: 0 15px;
    color: #383838;
    font-size: 15px
}

#canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.srv-wrp3 {
    float: left;
    width: 100%
}

.srv-bx3 {
    text-align: center;
    background-size: cover;
    background-position: center;
    float: left;
    padding: 70px 10px;
    position: relative;
    width: 100%;
    z-index: 1;
    height: 380px
}

.srv-bx3:before {
    background-color: rgba(25,24,38,.85);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.srv-bx3>i {
    display: block;
    color: #fff;
    font-size: 70px
}

.srv-bx3>h4 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 17px
}

.srv-bx3>p {
    color: #fff;
    margin-bottom: 0;
    line-height: 25px;
    padding: 0 38px
}

.srv-bx3:hover>h4,.srv-bx3:hover>i,.srv-bx3:hover>p {
    color: #080808
}

.srv-bx3:hover:before {
    opacity: .87;
    background: -webkit-linear-gradient(160deg,rgba(250,183,2,.85) 0,rgba(250,183,2,.85) 35%,rgba(255,79,25,.85) 100%);
    background: -ms-linear-gradient(160deg,rgba(250,183,2,.85) 0,rgba(250,183,2,.85) 35%,rgba(255,79,25,.85) 100%);
    background: -o-linear-gradient(160deg,rgba(250,183,2,.85) 0,rgba(250,183,2,.85) 35%,rgba(255,79,25,.85) 100%);
    background: linear-gradient(160deg,rgba(250,183,2,.85) 0,rgba(250,183,2,.85) 35%,rgba(255,79,25,.85) 100%);
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    top: 15px;
    left: 15px
}

.srv-bx3:hover a {
    color: #000
}

.srv-bx3>h4 a:focus,.srv-bx3>h4 a:hover {
    color: #262626
}

.no-bf:before {
    display: none
}

.hyperledger_bg {
    background: url(../images/hyperledger_bg.jpg) no-repeat;
    background-size: cover;
    padding: 20px 0 75px;
    position: relative
}

.client2,.client2:hover {
    background-color: #fff;
    cursor: pointer
}

.client2 h5 {
    margin-top: 21px;
    line-height: 20px;
    font-size: 18px;
    color: #014a71
}

.main-timeline2 .timeline-icon:before,.main-timeline2 .year:before {
    border-radius: 50%;
    margin: auto;
    content: ""
}

.hyperledger_bg h2 {
    color: #fff
}

.client2 {
    width: 20%;
    height: 280px;
    float: left;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    transition: all .1s;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 40px 15px
}

.client2 p {
    font-size: 14px;
    text-align: left;
    line-height: 20px;
    font-weight: 400;
    color: #575757
}

.client3 {
    height: 325px
}

.client2:hover {
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
    -webkit-box-shadow: 10px 10px 91px 0 #c14f52;
    -moz-box-shadow: 10px 10px 91px 0 #c14f52;
    box-shadow: 10px 10px 91px 0 #c14f52;
    z-index: 9999;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.features_box {
    text-align: center;
    transition: all .4s ease-in-out
}

.features_box1 {
    background: url(../img/sprite.png) center 0 no-repeat;
    height: 119px;
    padding-top: 32px;
    transition: all .4s ease-in-out 0s
}

.features_man,.maintimeline2 {
    padding: 50px 0 0
}

.features_box:hover .features_box1 {
    background-position: center -118px
}

.features_box h4 {
    display: #000
}

.main-timeline2 {
    overflow: hidden;
    position: relative
}

.main-timeline2 .timeline {
    width: 50%;
    float: left;
    z-index: 1;
    position: relative
}

.main-timeline2 .timeline:after,.main-timeline2 .timeline:before {
    content: "";
    display: block;
    clear: both
}

.main-timeline2 .timeline:before {
    content: "";
    width: 4px;
    height: 100%;
    background: #727cb6;
    position: absolute;
    top: 0;
    right: -2px
}

.main-timeline2 .timeline:last-child:before {
    height: 0
}

.main-timeline2 .timeline-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #727cb6;
    overflow: hidden;
    text-align: center;
    position: absolute;
    top: 0;
    right: -40px;
    z-index: 3
}

.main-timeline2 .timeline-icon:before {
    width: 60px;
    height: 60px;
    background: #fff;
    border: 2px solid #727cb6;
    box-shadow: 0 0 0 4px #a5afe4;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.main-timeline2 .timeline-icon i {
    font-size: 33px;
    color: #303a3b;
    line-height: 82px;
    z-index: 1;
    position: relative
}

.main-timeline2 .year {
    display: block;
    padding: 0 60px 0 30px;
    font-size: 30px;
    color: #303a3b;
    text-align: right;
    border-bottom: 2px solid #303a3b;
    z-index: 2;
    position: relative
}

.main-timeline2 .year:before {
    display: block;
    width: 30px;
    height: 30px;
    background: #727cb6;
    border: 5px solid #fff;
    box-shadow: 0 0 0 4px #727cb6;
    position: absolute;
    bottom: -15px;
    left: 4px
}

.main-timeline2 .year:after {
    content: "";
    border-left: 10px solid #303a3b;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    bottom: -11px;
    left: 50px
}

.main-timeline2 .timeline-content {
    padding: 18px 60px 18px 40px;
    text-align: right;
    position: relative;
    z-index: 1
}

.main-timeline2 .timeline:last-child .timeline-content:after,.main-timeline2 .timeline:last-child .timeline-content:before {
    width: 0;
    height: 0
}

.main-timeline2 .title {
    font-size: 22px;
    font-weight: 600;
    color: #727cb6;
    margin-top: 0
}

.main-timeline2 .description {
    font-size: 15px;
    color: #4d5052;
    line-height: 25px
}

.main-timeline2 .timeline:nth-child(2) {
    margin-top: 140px
}

.main-timeline2 .timeline:nth-child(even) {
    margin-bottom: 80px
}

.main-timeline2 .timeline:nth-child(odd) {
    margin: -140px 0 0
}

.main-timeline2 .timeline:first-child,.main-timeline2 .timeline:last-child:nth-child(even) {
    margin: 0!important
}

.main-timeline2 .timeline:nth-child(2n) .timeline-icon,.main-timeline2 .timeline:nth-child(2n):before {
    right: auto;
    left: -2px;
    background: #e77e21
}

.main-timeline2 .timeline:nth-child(2n) .timeline-icon {
    left: -40px
}

.main-timeline2 .timeline:nth-child(2n) .year {
    padding: 0 30px 0 60px;
    text-align: left
}

.main-timeline2 .timeline:nth-child(2n) .year:before {
    left: auto;
    right: 3px
}

.main-timeline2 .timeline:nth-child(2n) .year:after {
    border-left: none;
    border-right: 10px solid #303a3b;
    right: 50px
}

.main-timeline2 .timeline:nth-child(2n) .timeline-content {
    padding: 18px 40px 18px 60px;
    text-align: left
}

.main-timeline2 .timeline:nth-child(2n) .timeline-content:before {
    left: -95px
}

.main-timeline2 .timeline:nth-child(2n) .timeline-content:after {
    left: 15px
}

.main-timeline2 .timeline:nth-child(2n) .timeline-icon:before {
    border-color: #e77e21;
    box-shadow: 0 0 0 4px #f1a563
}

.main-timeline2 .timeline:nth-child(2n) .year:before {
    background: #e77e21;
    box-shadow: 0 0 0 4px #e77e21
}

.main-timeline2 .timeline:nth-child(2n) .title {
    color: #e77e21
}

.main-timeline2 .timeline:nth-child(3n) .timeline-icon,.main-timeline2 .timeline:nth-child(3n):before {
    background: #008b8b
}

.main-timeline2 .timeline:nth-child(3n) .timeline-icon:before {
    border-color: #008b8b;
    box-shadow: 0 0 0 4px #50b5b4
}

.main-timeline2 .timeline:nth-child(3n) .year:before {
    background: #008b8b;
    box-shadow: 0 0 0 4px #008b8b
}

.main-timeline2 .timeline:nth-child(3n) .title {
    color: #008b8b
}

.main-timeline2 .timeline:nth-child(4n) .timeline-icon,.main-timeline2 .timeline:nth-child(4n):before {
    background: #ed687c
}

.main-timeline2 .timeline:nth-child(4n) .timeline-icon:before {
    border-color: #ed687c;
    box-shadow: 0 0 0 4px #f798a8
}

.main-timeline2 .timeline:nth-child(4n) .year:before {
    background: #ed687c;
    box-shadow: 0 0 0 4px #ed687c
}

.main-timeline2 .timeline:nth-child(4n) .title {
    color: #ed687c
}

.main-timeline2 p {
    text-align: inherit
}

.wmulti_allet .service_divbox p {
    font-size: 14px;
    margin-bottom: 0
}

#multi_cryptocurrency {
    width: 100%;
    background: url(../images/multi_cryptocurrency.jpg) left no-repeat fixed
}

#wallet_bg {
    width: 100%;
    background: url(../images/wallet_bg.jpg) right no-repeat fixed
}

#development_part .srv-bx3 a {
    color: #44a9ff
}

#development_part .srv-bx3:hover a {
    color: #000
}

#cryptocurrency-wallet-development {
    background: url(../images/banner/cryptocurrency-wallet-development.jpg) no-repeat;
    background-size: cover
}

.slider_hadding {
    display: block
}

.no i,.yes i {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    line-height: 1
}

.feature-box-4 .icon,.no i,.ocp ul li,.yes i {
    display: inline-block
}

.theme-color-bg {
    background-color: #2b61d9!important;
    color: #fff!important
}

button-md {
    font-size: 14px;
    font-weight: 500;
    padding: 13px 25px
}

.primary-button {
    background: #d21e2b;
    color: #fff;
    border-radius: 50px;
    transition: all .4s ease
}

.primary-button:hover {
    background: #222;
    color: #fff
}

.software_features .currency_icon {
    width: 100%;
    text-align: center;
    padding: 30px 10px;
    transition: all .4s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.section-height .feature-desc {
    text-align: left
}

.section-height {
    height: 200px
}

.software_features h2,.software_features p {
    color: #fff
}

.ocp {
    background: #0e2134;
    color: #fff;
    text-align: center
}

.ocp h3 {
    font-size: 34px;
    font-weight: 600;
}

.software_features .currency_icon h4 {
    font-size: 17px;
    margin: 0;
    padding-top: 15px;
    color: #fff
}

.software_features .currency_icon p {
    line-height: 23px
}

.software_features .currency_icon:hover {
    margin-top: -4px;
    background: rgba(255,255,255,.05)
}

.software_development .currency_icon {
    width: 100%;
    text-align: center;
    padding: 50px 10px
}

.software_development {
    background: #fff;
    padding: 50px 0 25px
}

.softweare_deveoplment {
    padding-top: 50px
}

.o_services .ourservices_items {
    height: 280px
}

.ocp ul li {
    width: 19%
}

.ocp ul {
    margin: 0;
    padding: 0
}

.owl-carousell .item {
    padding: 20px;
    text-align: center;
    box-shadow: 0 1px 10px #d0cdcd;
    background: #fff!important;
    border-radius: 10px
}

.demo_list ul li span::before,.demo_list ul li::after {
    content: "";
    background-color: #156caa
}

.owl-carousell .owl-item img {
    width: auto!important;
    margin: auto
}

.owl-carousell .owl-nav {
    display: none
}

.owl-carousell .owl-stage-outer {
    padding: 20px 0 15px
}

.owl-carousell h4 {
    height: 50px
}

.owl-carousell .pppp {
    padding: 8px
}

.collaborate_secon {
    padding: 50px 0;
}

.inho .service_divbox {
    height: 300px
}

.ourservices_pg555 .service_divbox {
    height: 400px
}

.benefits {
    padding: 50px 0
}

.benefits h2 {
    margin-bottom: 60px
}

.benefits h4 {
    font-size: 30px;
    color: #156caa;
    font-weight: 600;
    margin: 70px 0 0
}

.demo_list ul li::after {
    height: 100%;
    width: 1px;
    position: absolute;
    left: 3px;
    top: 0;
    bottom: 0
}

.benefits_box {
    padding: 50px 0
}

.demo_list ul li span {
    display: block;
    padding: 6px 0 6px 20px;
    position: relative;
    font-weight: 600
}

.demo_list ul li {
    position: relative;
    list-style: none
}

.demo_list ul {
    margin: 0;
    padding: 0
}

.demo_list {
    margin-top: 20px
}

.demo_list ul li span::before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: absolute;
    left: 0;
    top: 14px
}

.ocdp {
    padding: 50px 0
}

.ocdp h3 {
    margin-bottom: 40px
}

contacth2 {
    font-size: 35px;
    text-align: center;
    margin: 40px 0 30px;
    color: #000
}

.contacth2 span {
    display: block
}

.our-office figure {
    background: #f5f5f5;
    text-align: center;
    padding: 20px 5px;
    color: #0a0a0a;
    height: 420px
}

.our-office {
    color: #0a0a0a
}

.our-office .map-icon {
    width: 40px
}

.our-office figure figcaption p {
    margin-bottom: 10px;
    font-size: 18px;
    color: #000;
    line-height: 30px
}

.our-office figure figcaption p a {
    color: #000
}

.w-img {
    width: 100%;
    border-top: 2px solid #dedede
}

.our-office h3 {
    margin-bottom: 30px;
    font-size: 30px
}

.our-office h4 {
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 5px;
    margin-top: 20px
}

.features-of-cryptocurrency {
    background: #00141b;
    padding: 40px 0 50px
}

.features-of-cryptocurrency h3 {
    margin-bottom: 35px;
    color: #fff
}

.platform_box {
    text-align: center;
    color: #fff;
    height: 305px;
    border-radius: 5px;
    padding: 25px 20px;
    margin-bottom: 25px;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    background: rgb(255 255 255 / 2%);
}

.platform_box h4 {
    margin-top: 20px;
    font-weight: 600
}

.platform_box p {
    color: #fff;
    font-size: 14px
}

.platform_box img {
    margin: auto;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.platform_box:hover img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.platform_box:hover {
    transform: translate(0, -8px);
}

@media screen and (max-width: 767px) {
    .hirepage .technologies-tabs ul li {
        width:100%!important
    }

    .choose-us .choose-us-box {
        height: auto
    }

    #pricing_table_part h3,.ocp h3 {
        font-size: 22px
    }
}

.cryptocurrency_wallet_app {
    padding: 35px 0 40px;
}

.anip {
    font-weight: 600;
    margin-bottom: 30px;
    color: #353535;
    margin-top: 10px
}

.anip p {
    text-align: left
}

.wallit_list {
    padding: 0
}

.wallit_list li {
    list-style: none;
    padding: 0 0 10px 28px;
    background: url(../img/n_aero.png) left 2px no-repeat;
    font-size: 16px
}

.anip i {
    color: #1873ca;
    font-size: 30px;
    margin-right: 5px
}

.cryto-wallet {
    margin: auto
}

.googlemap {
    width: 100%;
    height: 420px
}

.insure_man .service_text {
    color: #000;
    line-height: 26px;
    font-size: 16px
}

.web-choose-container .grid2 {
    grid-row-gap: 20px;
    grid-column-gap: 20px
}

@media (min-width: 767px) {
    .grid2 {
        grid-template-columns:1fr 1fr 1fr
    }
}

.grid2 {
    display: grid;
    grid-row-gap: 40px;
    grid-column-gap: 50px;
    padding: 10px 15px
}

.what_does_our_crm {
    padding: 35px 0 50px
}

.gird-web {
    display: grid;
    grid-template-columns: 80px auto;
    align-items: center
}

.web-chose-img {
    float: left;
    width: 65px;
    margin-right: 12px;
    margin-bottom: 7px
}

.web-chose-img img {
    border: 1px solid #ccc;
    padding: 1px;
    background: #fff;
    border-radius: 50%
}

.gird-web h4 {
    margin-top: 0;
    font-weight: 600;
    font-size: 17px;
    line-height: 22px
}

.hire_for_web {
    background: url(../images/crm/footer-banner.jpg) no-repeat bottom;
    padding: 100px 0;
    background-size: cover
}

.hire_for_web_hadding {
    text-transform: inherit;
    color: #fff
}

.hire_for_web p {
    max-width: 690px;
    color: #fff;
    margin: 20px auto 80px;
    font-size: 22px;
    line-height: 30px
}

.img-responsive22 {
    max-width: 100%
}

.tr {
    text-align: right
}

.insure_hadding22 {
    font-size: 22px;
    color: #000;
    text-align: left;
    font-weight: 600;
    line-height: initial;
    margin-top: 80px
}

@media only screen and (max-width: 990px) {
    .insure_man .service_text {
        line-height:23px;
        font-size: 16px
    }

    .hire-dedicate-inner span {
        width: 56px
    }

    .arrow1 {
        display: none!important
    }

    .govt {
        display: block
    }

    .awards {
        display: none
    }

    .main-timeline2 .timeline {
        width: 100%
    }

    .main-timeline2 .timeline:nth-child(even),.main-timeline2 .timeline:nth-child(odd) {
        margin: 0
    }

    .main-timeline2 .timeline:before,.main-timeline2 .timeline:nth-child(2n):before {
        left: 40px
    }

    .main-timeline2 .timeline-icon,.main-timeline2 .timeline:nth-child(2n) .timeline-icon {
        left: 0
    }

    .main-timeline2 .timeline:nth-child(2n) .year,.main-timeline2 .year {
        text-align: left;
        padding: 0 30px 0 100px
    }

    .main-timeline2 .timeline:nth-child(2n) .year:before,.main-timeline2 .year:before {
        left: auto;
        right: 4px
    }

    .main-timeline2 .year:after {
        left: auto;
        right: 50px;
        border-right: 10px solid #303a3b;
        border-left: none
    }

    .main-timeline2 .timeline-content,.main-timeline2 .timeline:nth-child(2n) .timeline-content {
        text-align: left;
        padding: 18px 40px 18px 100px
    }

    .main-timeline2 .timeline-content:after,.main-timeline2 .timeline-content:before {
        width: 0;
        height: 0
    }
}

.blockchain-iot-development {
    background: url(../images/banner/blockchain-iot-development.jpg) no-repeat;
    background-size: cover
}

.service_divbox {
    font-size: 50px;
    color: var(--circle-color);
}

.service_divbox:hover {
    color: #fff
}

.services-inner2 {
    padding: 10px 25px 5px 50px;
    border-radius: 4px;
    transition: .3s;
    position: relative;
    box-shadow: 0 1px 7px grey;
    margin: 15px 0;
    height: 150px
}

.buttonn-5 a,.efff-5,a {
    transition: all .5s ease
}

.services-inner2 span {
    left: -30px;
    position: absolute;
    top: 30px;
    background: #1994d6;
    color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    border-radius: 50%;
    text-align: center
}

.services-inner2 h4 {
    font-size: 18px;
    font-weight: 600
}

.services-inner2 p {
    font-size: 15px;
    color: #5b5b5b;
    text-align: left
}

.blockchain-game-development {
    background: url(../images/banner/blockchain-game-development.jpg) no-repeat;
    background-size: cover
}

#smart_contract {
    width: 100%;
    background: url(../images/smart-contract.jpg) no-repeat;
    background-size: cover
}

#smart_contract_bottam {
    width: 100%;
    background: url(../images/smart_bg.png) no-repeat right fixed;
    background-size: 100% 100%
}

.smart_contract p {
    text-align: justify
}

.smart_contract {
    background: #f2f2f2;
    padding: 40px
}

.smart_contract h3 {
    font-size: 35px;
    line-height: 45px;
    font-weight: 800;
    color: #000;
    text-align: center
}

.feature-box-4 .icon {
    color: #47b475;
    font-size: 27px!important;
    line-height: 44px!important
}

.feature-box-4 p {
    text-align: left
}

.feature-box-4 .feature-title {
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
    margin-bottom: 20px;
    margin-left: 10px;
    font-size: 19px;
    font-weight: 600
}

.buttonn-5,.efff-5 {
    width: 210px;
    height: 46px
}

.business_box {
    padding: 20px 15px;
    background: #fff;
    box-shadow: 0 1px 7px #e6e6e6;
    border-radius: 10px;
    margin-bottom: 30px;
    height: 150px;
    width: 100%
}

.business_box h4 {
    font-weight: 600;
    margin-top: 17px
}

#business_sectors {
    padding: 50px 0 30px;
    text-align: center
}

.buttonn-5 {
    border: 2px solid #fab702;
    text-align: center;
    cursor: pointer;
    position: relative;
    color: #fab702;
    float: left;
    margin: 20px 0
}

.efff-5 {
    left: -212px;
    background: #fab702;
    position: absolute;
    z-index: 1
}

.buttonn-5 a {
    font-size: 20px;
    color: #000;
    line-height: 40px;
    z-index: 2;
    position: relative;
    font-weight: 600
}

.buttonn-5:hover .efff-5 {
    left: 0
}

.servics_chart {
    margin-top: 50px
}

#blockchain-consulting-services {
    background: url(../images/banner/blockchain-consulting-services.jpg) no-repeat;
    background-size: cover
}

#game-slider {
    background: url(../images/game-page/game-slider.jpg) no-repeat;
    background-size: cover
}

#consulting_bg {
    width: 100%;
    background: url(../images/consulting_bg.jpg) right no-repeat fixed
}

#consulting_bg2 {
    width: 100%;
    background: url(../images/consulting_bg2.jpg) left no-repeat fixed
}

.hiredeveloper_box {
    color: #fff;
    padding-top: 100px
}

.hiredeveloper_box p {
    color: #fff;
    font-size: 20px;
    margin-bottom: 97px
}

.hire-dedicated-developer h4 {
    font-size: 55px;
    text-align: center
}

.devBg em {
    display: block;
    text-align: right
}

.headerButton,.processContent,.processNub {
    text-align: center
}

.devBg em img {
    width: 55px
}

.devBanner {
    margin-top: -83px
}

.devBg {
    padding: 12px 20px 15px;
    background: #fff;
    box-shadow: 0 0 12px silver;
    -moz-box-shadow: 0 0 12px silver;
    -webkit-box-shadow: 0 0 12px silver;
    -ms-box-shadow: 0 0 12px silver;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    -ms-border-radius: 14px
}

.devBg h4 {
    font-size: 22px
}

.devBg .mb-list li {
    margin-bottom: 5px;
    color: #656464
}

.devBg .mb-list li b {
    color: #1b1a1a
}

.devBg ul {
    padding: 0
}

.headerButton .btn {
    margin: 0 18px 10px;
    padding: 8px 36px!important;
    font-weight: 400!important;
    font-size: 17px!important;
    line-height: 26px!important;
    border-radius: 23px!important;
    -moz-border-radius: 23px!important;
    -webkit-border-radius: 23px!important;
    -ms-border-radius: 23px!important;
    color: #fff;
    border: 2px solid transparent
}

.headerButton .btn:hover {
    border: 2px solid #fff;
    background: 0 0
}

.headerButton .prpl_btn {
    background: #2b9dd9
}

.headerButton .blue_btn {
    background: #eb9c00
}

.hire-dedicated .tablist-block ul li div.center-block {
    height: 120px
}

.hire-dedicated h2 {
    color: #fff;
    margin-bottom: 40px
}

@media (min-width: 990px) {
    .inners .row, .inner_banner .row {
        display: flex;
        align-items: center;
    }

    .processBg .col-md-3 {
        width: 20%
    }
}

#hiring_hiring {
    padding: 65px 0 50px
}

.processBg {
    max-width: 1089px;
    margin: 60px auto 0;
    background: url(/img/processbg.png) center top no-repeat;
    background-size: contain
}

.processImg {
    height: 165px
}

.processImg span {
    display: table;
    width: 100%;
    height: 100%
}

.step01 {
    padding-left: 72px
}

.step02 {
    padding-left: 38px
}

.step02 .processNub {
    position: absolute;
    top: -22px;
    left: 40px;
    right: 0
}

.step02 .processImg {
    margin-left: 7%
}

.step03 .processNub {
    margin-top: -52px
}

.step05 .processNub {
    margin-top: -52px;
    margin-left: -23px
}

.step02 h4,.step04 h4 {
    margin-top: 26px
}

.processImg span span {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.step01 .processNub {
    margin-top: -52px;
    margin-left: -12px
}

.processNub {
    font-size: 65px;
    line-height: 70px;
    color: #dedede;
    font-weight: 600
}

.step04 .processNub {
    position: absolute;
    left: 0;
    top: -22px;
    right: 18px
}

.processContent h4 {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 19px;
    line-height: 27px
}

.processContent p {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400
}

.hire-inner-developer {
    background-image: linear-gradient(90deg,#0fb3ed 0,#4f00b1 100%,#19bbd5 100%);
    position: relative;
    margin-top: 50px
}

.hire-inner-developer2 {
    background-image: linear-gradient(90deg,#0b63e6 0,#00b167 100%,#1976d5 100%);
    position: relative
}

.banner_hadding {
    font-size: 38px;
    color: #fff;
    margin-bottom: 25px
}

.list-unstyled img {
    float: left;
    display: table;
    padding-top: 4px
}

.hi-icon,.rounded-btn,.rounded-btnhome {
    display: inline-block
}

.list-unstyled p {
    padding-left: 32px;
    font-size: 17px;
    font-weight: 500;
    line-height: 2em;
    text-align: left;
    color: #fff;
    margin-bottom: 10px
}

.headerButton2 {
    margin-top: 30px
}

.headerButton2 .btn {
    margin: 0 18px 10px 0;
    padding: 8px 36px!important;
    font-weight: 400!important;
    font-size: 18px!important;
    line-height: 26px!important;
    border-radius: 23px!important;
    -moz-border-radius: 23px!important;
    -webkit-border-radius: 23px!important;
    -ms-border-radius: 23px!important;
    color: #fff;
    border: 2px solid transparent
}

a {
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease
}

.arrow2 {
    animation: slide1 1s ease-in-out infinite;
    margin-left: 4px
}

.headerButton2 .btn:hover {
    background: 0 0;
    border: 2px solid #fff
}

.headerButton2 .prpl_btn {
    background: #4b09b4
}

.headerButton2 .blue_btn {
    background: #94c11f
}

.hire-inner-developer:after {
    background: url(/img/developers-bg.png) bottom no-repeat;
    position: absolute;
    bottom: -1px;
    content: '';
    width: 100%;
    height: 100%;
    background-size: 100%;
    z-index: 1
}

.hire-inner-developer .container {
    position: relative;
    z-index: 9
}

.info-text .primary {
    font-size: 24px;
    color: #000;
    line-height: 36px;
    border-left: 3px solid #ed184f;
    padding-left: 30px;
    text-align: left
}

.rounded-btnhome {
    border-radius: 100px;
    font-size: 15px;
    padding: 7px 18px;
    background: #f44438;
    border: 2px solid transparent;
    color: #fff
}

.rounded-btnhome:hover {
    border: 2px solid #f44438;
    background: 0 0;
    color: #f44438
}

.rounded-btnhome2 {
    margin-top: 20px;
    font-size: 20px;
    padding: 10px 30px
}

.rounded-btn {
    border-radius: 100px;
    font-size: 18px;
    padding: 10px 30px;
    background: #4b0ab4;
    border: 2px solid transparent;
    color: #fff
}

.rounded-btn:hover {
    border: 2px solid #4b0ab4;
    background: 0 0;
    color: #4b0ab4
}

.info-text .secondary {
    color: #333;
    font-size: 18px;
    padding-left: 33px;
    line-height: 30px
}

.info-text h2 {
    text-align: left
}

.hire_hadding {
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 600
}

.p-0-50 {
    padding: 0 0 50px
}

.what_make {
    padding: 58px 0 40px;
    background: #104275;
    color: #fff;
    text-align: center
}

.what_make .solution_box1 {
    height: 310px;
    background: rgb(0 0 0 / 15%);
    margin-bottom: 25px;
}

.hire_hadding2 {
    font-weight: 600;
    margin-bottom: 15px
}

.solution_box1 {
    -webkit-transition: .5s ease;
    transition: .5s ease;
    padding: 20px
}

.solution_box1 img {
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.solution_box1 h4 {
    font-size: 20px;
    margin: 22px 0 10px
}

.solution_box1 p {
    line-height: 24px;
    opacity: .8;
    height: 105px;
    letter-spacing: .5px
}

.hadding_p {
    margin: 0 auto 30px;
    width: 60%
}

.solution_box1:hover img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.p-50 {
    padding: 50px 0;
    text-align: center
}

.varifohiring .boxed {
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    background-color: #fff;
    padding: 30px;
    min-height: 500px;
    box-shadow: 0 0 50px rgba(0,0,0,.2);
    text-align: center
}

.varifohiring .boxed:hover {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.varifohiring .boxed img {
    width: 70px
}

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

.varifohiring .boxed h5 {
    font-weight: 600;
    font-size: 17px;
    color: #484848;
    margin-bottom: 5px
}

.varifohiring hr {
    margin-top: 12px;
    margin-bottom: 12px
}

.varifohiring .boxed p {
    margin-bottom: 0;
    color: #4c4c4c
}

.process-section-hire {
    background: #104275;
    color: #fff;
    text-align: center
}

.hi-icon-wrap {
    text-align: center;
    margin: 0 auto;
    padding: 2em 0 3em
}

.hi-icon {
    position: relative;
    margin-top: 20px
}

.hi-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.hi-icon:before {
    font-family: ecoicon;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    display: block
}

.hi-icon-effect-4 .hi-icon {
    width: 110px;
    height: 110px;
    padding: 24px
}

.hi-icon-effect-4a .hi-icon {
    -webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    transition: box-shadow .2s
}

.hi-icon-effect-4 .hi-icon:before {
    line-height: 92px
}

.hi-icon-effect-4 .hi-icon:after {
    top: -4px;
    left: -4px;
    padding: 0;
    z-index: 10;
    border: 4px dashed #fbc301
}

.hi-icon-effect-4 .hi-icon:hover {
    box-shadow: 0 0 0 0 transparent;
    color: #fff
}

.hi-icon-effect-4b .hi-icon {
    -webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    transition: box-shadow .2s
}

.hi-icon-effect-4b .hi-icon:after {
    -webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite
}

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@keyframes spinAround {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.process-section-hire p {
    margin-top: 20px;
    font-size: 20px
}

.arrow1 {
    animation: slide1 1s ease-in-out infinite;
    margin-left: 9px;
    position: absolute;
    top: 43px;
    right: -88%;
    font-size: 30px!important;
    height: 22px
}

@keyframes slide1 {
    0%,100% {
        transform: translate(0,0)
    }

    50% {
        transform: translate(10px,0)
    }
}

.service-name {
    text-align: center;
    margin-bottom: 40px
}

.iws h4 {
    text-transform: uppercase;
    font-size: 18px;
    margin: 15px 0;
    font-weight: 600
}

.why_hire_our .animate_line:hover::after,.why_hire_our .animate_line:hover::before {
    background: #2e70b4;
    margin: 12px
}

.ourservices_items:hover {
    box-shadow: none
}

.why_hire_our img {
    margin: 13px 0
}

.hire-dedicate-inner {
    position: relative;
    margin-top: 45px;
}

.hire-dedicate-inner span {
    position: absolute;
    top: 20%;
    left: 27%;
    margin: auto
}

.insure {
    background: url(../images/insure.jpg) no-repeat;
    background-size: cover
}

.insure22 {
    background: url(../images/school-management.jpg) no-repeat;
    background-size: cover
}

.hotel {
    background: url(../images/marketmyhotel.jpg) no-repeat;
    background-size: cover
}

.indonesia {
    background: url(../img/indonesia.jpg) no-repeat;
    background-size: cover
}

.crm_bg {
    background: url(../images/crm_management.jpg) no-repeat;
    background-size: 100% 100%
}

.banner_text {
    text-align: center;
    color: #fff;
    padding-top: 165px
}

.banner_text .fl-heading-text {
    font-size: 45px;
    line-height: 1.4;
    text-transform: uppercase;
    margin: 10px 0
}

.banner_text p {
    color: #fff;
    font-size: 20px;
    margin-bottom: 100px
}

.insure_hadding {
    font-size: 30px;
    color: #0c397b;
    text-align: left;
    font-weight: 600;
    line-height: initial
}

.bgwhite {
    background: #fff
}

.happ_cylients .owl-nav {
    display: none
}

.hire2222:hover {
    border: 2px solid #eb9c00!important;
    color: #eb9c00
}

.spanhight {
    display: block;
    height: 15px
}

.features-left {
    text-align: right;
    margin-top: 40px
}

.features-right {
    text-align: left;
    margin-top: 40px
}

.feature {
    margin: 15px 0 35px
}

.features-left .icon-container {
    float: right;
    margin-left: 20px
}

.feature .icon-container {
    display: block;
    min-height: 100px;
    margin-top: 5px
}

.feature .icon-container .icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
    -webkit-transition: all ease-in .25s;
    transition: all ease-in .25s;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.feature .icon-container .icon {
    border: 1px solid #1c1c2d;
    color: #1c1c2d
}

.feature .icon-container .icon i {
    line-height: 50px
}

.features-right .icon-container {
    float: left;
    margin-right: 20px
}

.feature:hover .icon-container .icon {
    background: #1c1c2d;
    color: #fff;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 0 2px #1c1c2d;
    box-shadow: 0 0 0 2px #1c1c2d
}

.services_part223 {
    background: url(../img/png.png) no-repeat;
    background-size: 100%;
    padding: 66px 20px!important;
    margin-top: 15px;
    max-width: 266px;
    margin: auto
}

.features-left p,.fetaure-details p {
    text-align: inherit;
    line-height: 20px;
    color: #000;
    font-size: 14px
}

.includes_modules {
    padding: 30px 0;
    background: #fcc402
}

.includes_modules h3 {
    margin-bottom: 40px
}

.main-color {
    font-weight: 600;
    letter-spacing: .4px
}

.key_features span {
    display: block;
    text-align: center;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 6px rgba(0,0,0,.2);
    border-radius: 20px;
    width: 130px;
    margin: 0 auto 15px
}

.key_features span img {
    width: 70px
}

.key_features {
    margin-bottom: 15px;
    height: 175px;
    color: #000
}

#key_features h2 {
    margin-bottom: 40px
}

.social_networking_bg {
    background: url(../images/social_networking_bgg.jpg) no-repeat;
    background-size: cover
}

.feature_text {
    font-size: 16px!important;
    text-align: center!important
}

.ourservices_pgg {
    background: #f5f6f6
}

.help_box {
    padding: 80px 0 100px;
    margin-top: 50px;
    position: relative;
    z-index: 9
}

.help_box h3 {
    color: #fff;
    text-align: left
}

.help_box p {
    color: #fff;
    text-align: left
}

.about_boxx {
    position: relative;
    margin-bottom: 35px
}

.about_boxx .inbox {
    position: absolute;
    background: #3763eb;
    left: 5%;
    width: 49%;
    box-shadow: 0 1px 3px #ccc;
    top: -17%;
    height: 475px;
    padding: 24px 90px 13px 40px
}

.image_right_help {
    z-index: 1;
    margin-right: 35px
}

.image_right_help img {
    box-shadow: 0 15px 40px 0 rgba(11,9,64,.15);
    border-radius: 3px
}

.help_list ul {
    margin: 0;
    padding: 0
}

.help_list ul li {
    list-style: none;
    font-size: 18px;
    color: #fff;
    padding: 5px 0
}

.help_list ul li i {
    font-size: 15px;
    margin-right: 5px
}

.blue-crm {
    background: url(../images/social_networking_bgg.jpg) no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: fixed
}

.section-padding {
    padding: 75px 0
}

.blue-crm:before {
    position: absolute;
    content: " ";
    background: linear-gradient(111deg,rgb(10 20 68 / 99%),rgba(0,32,131,.92));
    width: 100%;
    height: 100%;
    opacity: .9;
    top: 0;
    left: 0
}

.blue-crm .heading {
    color: #fff;
    font-size: 35px;
    font-weight: 600
}

.blue-crm .sub-heading {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 30px
}

.sub-heading {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    line-height: 1.33;
    color: #000048
}

.benefits-of-social {
    position: relative;
    z-index: 99;
    padding: 50px 0;
    background: #f5f6f6
}

.bgn {
    background: 0 0!important
}

.social_networking_box {
    height: 280px!important;
    padding: 25px!important
}

.social_bt {
    margin-top: 25px;
    position: relative;
    z-index: 9
}

.benefits_heading {
    font-size: 26px;
    color: #0c397b;
    text-align: left;
    font-weight: 600;
    line-height: initial
}

.massconnects {
    background: #0c0719;
    padding: 50px 0
}

.massconnects h3 {
    color: #fff;
    display: inline-block
}

.mssconnects_heading {
    font-size: 32px;
    color: #fcc402;
    text-align: left;
    font-weight: 600;
    line-height: initial;
    margin: 25px 0
}

.massconnects p {
    color: #fff;
    text-align: left
}

.massconnectsimg {
    margin: -109px -85px -100px 0
}

.insure_man .service_text2 {
    color: #000;
    line-height: 26px;
    font-size: 16px;
    padding: 15px 0 0;
    text-align: justify;
    margin-bottom: 0
}

.social-networking-platform .benefits_heading {
    margin-top: 50px
}

.crm_box {
    color: #666;
    font-size: 14px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 7.68px .32px rgba(155,147,147,.2);
    box-shadow: 0 0 7.68px .32px rgba(155,147,147,.2);
    text-align: center;
    display: block;
    padding: 25px 20px;
    text-transform: capitalize;
    position: relative;
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
    margin-bottom: 25px;
    border-radius: 10px
}

.crm_box img {
    display: block;
    margin: 0 auto 5px
}

.crm_box:hover {
    background: #0a57f4
}

.crm_solutions {
    background: url(../images/crm/cms-solutions-bg.jpg) no-repeat;
    background-size: cover;
    padding: 50px 0
}

.crm_solutions h2,.crm_solutions p {
    color: #fff
}

.crm_solutions_box {
    color: #fff;
    font-size: 20px;
    display: block;
    padding: 20px 20px;
    margin-bottom: 25px;
    position: relative;
    border: 1px dashed #fff;
    overflow: hidden;
    height: 165px
}

.crm_solutions_box:hover {
    background-image: linear-gradient(304deg,#00eaff,#002cff)
}

.crm_solutions_box .solutions1 {
    display: block;
    margin-bottom: 10px
}

.solutions11 {
    position: absolute;
    right: 0;
    top: 0;
    opacity: .08;
    height: 100%
}

.fl-span {
    font-size: 45px
}

.indonesia .fl-heading-text {
    font-weight: 600;
    font-size: 45px;
    line-height: 1.4;
    text-transform: uppercase;
    margin: 10px 0
}

.refreshimg {
    margin: 0 0 10px;
    width: 100%;
    border: 1px solid #8d8d8d;
    height: 47px!important;
    border-radius: 5px
}

.indonesia p {
    letter-spacing: 1px;
    font-size: 22px;
    text-align: left;
    color: #fff
}

.indonesia_page {
    padding: 50px 0
}

.indonesia_page .ani-rgt {
    text-align: justify;
    margin-top: 0;
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    color: #313131
}

.subrqstform22 textarea {
    background: #fff;
    border: 1px solid #8d8d8d;
    min-height: 100px;
    width: 100%;
    padding: 5px 10px;
    color: #000
}

.subrqsth4 {
    background-color: #0686d1;
    border-radius: 8px 8px 0 0;
    color: #fff;
    font-size: 25px;
    padding: 15px 18px;
    margin: 0
}

.subrqstform22 input {
    background: #fff;
    border: 1px solid #8d8d8d;
    color: #000;
    min-height: 45px;
    width: 100%;
    padding: 5px 10px
}

.subrqstform22 .submit {
    margin-top: 15px
}

.subrqstform22 h4 {
    display: none
}

.subrqstform22 .nine-input {
    float: left;
    width: 22%!important;
    padding: 0!important;
    line-height: 42px;
    margin-right: 10px
}

.subrqstform22 input.rqstphone {
    width: 74%
}

.subrqstform22 {
    padding: 20px;
    background: #f3f3f3;
    border: 1px solid #d6d6d6;
    border-radius: 0 0 8px 8px
}

.subrqstform22 input::-webkit-input-placeholder {
    color: #fff
}

.subrqstform22 input:-ms-input-placeholder {
    color: #fff
}

.subrqstform22 input::placeholder {
    color: #fff
}

.subrqstform22 textarea::-webkit-input-placeholder {
    color: #fff
}

.subrqstform22 textarea:-ms-input-placeholder {
    color: #fff
}

.subrqstform22 textarea::placeholder {
    color: #fff
}

.banner_indonesia {
    background: #0957f5;
    width: 50%;
    text-align: left;
    padding: 250px 20px 100px 10rem;
    color: #fff
}

.font-bold {
    font-weight: 600
}

.hotel_marketing_banner {
    position: relative
}

.hotel_marketing_banner img {
    width: 100%
}

.hotel_banner_text {
    position: absolute;
    left: 0;
    top: 0;
    padding: 20% 0 0 8%;
    color: #fff
}

.hotel_banner_text p {
    font-size: 20px
}

.hotel_marketinghadding {
    font-size: 45px;
    line-height: 1.4;
    text-transform: uppercase;
    margin: 10px 0;
    font-weight: 600
}

.effect-roxy {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    background: #000;
    text-align: center;
    cursor: pointer;
    margin-top: 20px
}

.effect-roxy img {
    max-width: none;
    width: -webkit-calc(100% + 60px)!important;
    width: calc(100% + 60px)!important;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(-50px,0,0);
    transform: translate3d(-50px,0,0)
}

.effect-roxy figcaption,.effect-roxy figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.effect-roxy figcaption {
    padding: 2em 30px;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.effect-roxy h4 {
    padding: 40% 0 10px 0;
    text-align: center;
    font-size: 22px;
    color: #fff;
    position: relative;
    z-index: 9;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 1px
}

.effect-roxy figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid rgba(25,154,222,.74);
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0);
    background: rgba(25,154,222,.74)
}

.effect-roxy:hover figcaption::before {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.effect-roxy:hover img {
    opacity: .7;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.hotel_services .col-md-3 {
    padding-left: 5px;
    padding-right: 5px
}

.border_radius_100 {
    border-radius: 100%
}

.what_hotel_do {
    padding: 50px 0
}

.what_hotel_bg {
    background: #f5f6f6
}

.what_hotel_do ul {
    padding: 0
}

.what_hotel_do ul li {
    border: 1px solid #b9b9b9;
    padding: 5px 10px;
    margin: 0 10px 10px 0;
    color: #000;
    background-size: 20px;
    list-style: none;
    text-align: left;
    font-size: 16px;
    display: inline-block
}

.what_hotel_do li i {
    margin-right: 7px
}

.what_hotel_do .insure_hadding {
    color: #040404;
    margin-top: 20px
}

.service_text22 {
    line-height: 25px;
    font-size: 18px;
    padding: 10px 0;
    text-align: left
}

.happy_clients_logo {
    position: relative;
    margin-top: 20px
}

.happy_clients_logo .view_more {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    text-align: center;
    background: rgba(2,63,93,.6);
    display: flex;
    margin: 0;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease
}

.happy_clients_logo:hover .view_more {
    height: 100%
}

.happy_clients_logo b {
    display: block;
    position: absolute;
    width: 100%;
    top: 28%;
    font-size: 20px
}

.happy_clients_logo .view_more a {
    margin: auto;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid #fff;
    padding: 3px 20px
}

.happy_clients_Text {
    padding: 10px 7% 30px
}

.happy_clients_Text p {
    text-align: justify;
    font-size: 17px
}

.happy_clients_logo img {
    padding: 4px;
    background: #fff
}

.happy_clients_in {
    padding: 50px 0;
    background: #174b80
}

.happy_clients_in h5 {
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    margin: 15px
}

.happy_clients_in h3,.happy_clients_in p {
    margin-top: 0;
    color: #fff
}

.case_study {
    border: 1px solid #fff;
    color: #fff;
    font-size: 20px;
    padding: 6px 25px;
    border-radius: 0
}

.case_study:hover {
    color: #174b80;
    background: #fff
}

.new_p_hadding {
    line-height: 28px;
    font-weight: 300;
    color: #fff;
    text-align: left;
    font-size: 18px
}

.types_of_cryptocurrency {
    padding: 60px 0
}

.types_of_cryptocurrency h2 {
    color: #000;
    border-radius: 5px
}

.types_of_cryptocurrency .types_box {
    color: #000;
    padding: 30px 30px 10px;
    text-align: center;
    /* margin-bottom: 20px; */
    border-radius: 15px;
    min-height: 315px;
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    background: #fff;
    box-shadow: 0 10px 35px 0 rgba(92.99999999999996, 72.00000000000001, 223, .09);
}

.types_box h4 {
    font-weight: 700;
    line-height: 30px
}

.type_img_box{
    width: 7rem;
    height: 7rem;
    line-height: 7rem;
    background-color: blueviolet ;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    border-radius: 31% 69% 70% 30% / 30% 33% 67% 70% ;
    position: relative;
    z-index: 2;
   
}
.type_box_content{
    margin-top: 2rem;
}
.type_img_box.sec{
    background-color: #ff006e;
}
.type_img_box.sec:before{
    background-color: #ff006e;
    filter: blur(30px);

}
.type_img_box.third{
    background: #3ae374;
}
.type_img_box.third::before{
    background-color: #3ae374;
    filter: blur(30px);
}
.type_img_box::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    z-index: -1;
    background-color: blueviolet;
    filter: blur(30px);
}
.type_img_box img{
    width: 40px;
    -webkit-animation: fa-spin 6s infinite linear;
    animation: fa-spin 3s infinite linear
}
.round_icon img {
    -webkit-animation: fa-spin 6s infinite linear;
    animation: fa-spin 3s infinite linear
}

.round_icon {
    margin-top: -138px
}

.same_font_size {
    font-size: 35px;
    line-height: 45px;
    color: #000;
    text-align: center
}

.hire-dedicated p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    margin-bottom: 25px
}

.hire-dedicated h5 {
    color: #344256;
    font-size: 16px;
    font-weight: 600
}

.hirepage .technologies-tabs ul {
    clear: both;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin: 0 0 60px;
    margin: 0;
    padding: 0
}

.hirepage .technologies-tabs ul li {
    width: 23%;
    margin: 1%;
    background: #fff;
    border: 2px solid #eee;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    border-radius: 5px;
    transition: all .5s ease 0s;
    list-style: none;
    display: flex;
    align-items: center;
    padding: 11px 10px
}

.hirepage ul li .iconss img {
    width: 38px
}

.hirepage .technologies-tabs .blockchain-techno .icon1 {
    background-position: 3px 1px
}

.hirepage .technologies-tabs .blockchain-techno i {
    background: url(images-2/blockchain-sprite.png) left no-repeat
}

.hirepage .technologies-tabs i {
    width: 38px;
    height: 38px;
    margin: 0 10px 0 0
}

.hirepage .our-services a:hover {
    text-decoration: none
}

.hirepage .technologies-tabs ul li:hover {
    box-shadow: 6px 6px 6px #67a1da;
    border: 2px solid #eb9b00
}

.hire_top_heading {
    font-size: 26px;
    color: #fff;
    font-weight: 400;
    margin-top: 20px
}

.hair_top_text {
    font-size: 16px;
    color: #fff;
    margin-bottom: 25px;
    padding-top: 8px
}

.most_appropriate_part {
    padding: 50px 0
}

.most_appropriate_part_box {
    text-align: left;
    background: #243a68;
    padding: 30px 35px;
    border-radius: 15px;
    color: #fff;
    margin-bottom: 25px;
    height: 430px;
}

.most_appropriate_part_box p {
    text-align: justify;
    color: #fff;
    font-size: 14px
}

.most_appropriate_part_box h4 {
    font-size: 18px;
    margin: 0;
    font-weight: 600;
    padding-bottom: 8px;
    line-height: 25px;
    color: #fff
}

.most_appropriate_part_box .most_icon {
    margin-bottom: 15px
}

.most_appropriate_part_box2 p {
    text-align: left
}

.most_appropriate_part_box2 {
    text-align: left;
    background: #fff;
    padding: 30px 35px;
    border-radius: 5px;
    margin-bottom: 25px;
    height: 450px;
    border-left: 6px solid #f44438
}

.most_appropriate_part_box2 h4 {
    font-size: 18px;
    margin: 13px 0 0;
    font-weight: 600;
    padding-bottom: 8px;
    line-height: 25px
}

.pp50 {
    padding: 50px 0
}

.white_label_crypto_part img {
    width: 95%
}

.tj {
    text-align: justify
}

.feature_box {
    margin: 50px 0 20px
}

.investment_box_wrapper {
    background: #fff;
    padding: 50px 15px 0;
    position: relative;
    text-align: center;
    height: 265px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    border: 1px solid #e2e2e2
}

.investment_box_wrapper:before {
    content: '';
    position: absolute;
    bottom: -6px;
    right: 0;
    width: 95%;
    height: 5px;
    background: 0 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.investment_box_wrapper:after {
    content: '';
    position: absolute;
    bottom: -6px;
    right: -5px;
    width: 5px;
    height: 95%;
    background: 0 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.investment_content_wrapper {
    margin-top: 15px;
    margin-bottom: 6px
}

.investment_content_wrapper h4 {
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
    font-size: 20px
}

.investment_border_wrapper {
    position: relative;
    width: 15px;
    height: 15px;
    background: #bd4cec;
    text-align: center;
    display: inline-block;
    margin-top: 8px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s
}

.investment_border_wrapper:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: -6px;
    right: 0;
    width: 27px;
    height: 27px;
    line-height: 27px;
    border: 2px solid #bd4cec;
    margin: 0 auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s
}

.investment_icon_circle {
    color: #fff;
    text-align: center;
    width: 65px;
    height: 65px;
    line-height: 65px;
    background: #bd4cec;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 24px;
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s
}

.investment_box_wrapper:hover:before {
    background: #f6c60d;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.investment_icon_circle:after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 5px;
    height: 30px;
    background: #bd4cec;
    margin: 0 auto;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s
}

.investment_box_wrapper:hover .investment_border_wrapper,.investment_box_wrapper:hover .investment_content_wrapper h1 a:after,.investment_box_wrapper:hover .investment_icon_circle,.investment_box_wrapper:hover .investment_icon_circle:after,.investment_box_wrapper:hover .plans_btn a {
    background: #f6c60d;
    color: #111;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s
}

.investment_box_wrapper:hover:after {
    background: #f6c60d;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.investment_box_wrapper:hover .investment_border_wrapper:after {
    border: 2px solid #f6c60d;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s
}

.red_border_wrapper,.red_btn_plans a,.red_content_wrapper h1 a:after,.red_info_circle,.red_info_circle:after {
    background: #eb6c40
}

.blue_border_wrapper,.blue_btn_plans a,.blue_content_wrapper h1 a:after,.blue_icon_circle,.blue_icon_circle:after {
    background: #00aaef
}

.green_border_wrapper,.green_content_wrapper h1 a:after,.green_info_circle,.green_info_circle:after,.green_plan_btn a {
    background: #19ccb1
}

.yellow_border_wrapper,.yellow_content_wrapper h1 a:after,.yellow_info_circle,.yellow_info_circle:after,.yellow_plan_btn a {
    background: #f6c60d
}

.red_border_wrapper:after {
    border: 2px solid #eb6c40
}

.blue_border_wrapper:after {
    border: 2px solid #00aaef
}

.green_border_wrapper:after {
    border: 2px solid #19ccb1
}

.yellow_border_wrapper:after {
    border: 2px solid #f6c60d
}

.main-timeline8 {
    position: relative
}

.main-timeline8:after {
    content: '';
    display: block;
    clear: both
}

.main-timeline8:before {
    content: '';
    height: 100%;
    width: 2px;
    border: 1px dashed #fff;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: 30px
}

.main-timeline8 .timeline {
    width: 50%;
    padding: 100px 70px 0 25px;
    margin: 0 50px 0 0;
    float: left;
    position: relative
}

.main-timeline8 .timeline-content {
    padding: 15px 15px 15px 40px;
    border: 2px dashed #fff;
    border-radius: 15px 0 15px 15px;
    display: block;
    position: relative
}

.main-timeline8 .timeline-content:hover {
    text-decoration: none
}

.main-timeline8 .timeline-content:after {
    content: '';
    background-color: #fff;
    height: 18px;
    width: 15px;
    position: absolute;
    right: -15px;
    top: -2px;
    clip-path: polygon(100% 0,0 0,0 100%)
}

.main-timeline8 .timeline-year {
    color: #fff;
    background-color: #0c1c2c;
    font-size: 32px;
    font-weight: 900;
    text-align: center;
    line-height: 98px;
    height: 105px;
    width: 105px;
    border-radius: 50%;
    position: absolute;
    right: -120px;
    top: -85px;
    display: inline-block;
    border: 2px dashed #fff
}

.main-timeline8 .timeline-year:after {
    content: '';
    height: 130px;
    width: 130px;
    border: 2px dashed #fff;
    border-left-color: transparent;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(-20deg);
    position: absolute;
    left: 50%;
    top: 50%
}

.main-timeline8 .title {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0 0 7px 0
}

.main-timeline8 .description {
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    text-align: justify;
    margin: 0 0 5px
}

.main-timeline8 .timeline:nth-child(even) {
    padding: 100px 25px 0 70px;
    margin: 0 0 0 50px;
    float: right
}

.main-timeline8 .timeline:nth-child(even) .timeline-content {
    padding: 15px 40px 15px 15px;
    border-radius: 0 15px 15px 15px
}

.main-timeline8 .timeline:nth-child(even) .timeline-content:after {
    transform: rotateY(180deg);
    right: auto;
    left: -15px
}

.main-timeline8 .timeline:nth-child(even) .timeline-year {
    right: auto;
    left: -120px
}

.main-timeline8 .timeline:nth-child(even) .timeline-year:after {
    transform: translateX(-50%) translateY(-50%) rotate(200deg)
}

.how_to_timeline {
    background: #0c1c2c;
    margin-top: 40px
}

.how_to_timeline h3,.how_to_timeline p {
    color: #fff
}

.dapp {
    padding-top: 50px;
    padding-bottom: 35px
}

.hire_hadding22 {
    font-size: 30px;
    margin: 0 0 20px;
    font-weight: 700;
    color: #272727
}

.decentralized_application p {
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
    color: #363636;
    margin-bottom: 20px
}

.decentralized_application {
    background: #f5f6f6
}

.dapp_bannerp {
    color: #fff;
    text-align: left;
    line-height: 25px;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .main-timeline8:before {
        display:none
    }

    .main-timeline8 .timeline {
        width: 100%;
        padding-top: 80px;
        padding-right: 12px;
        margin-bottom: 20px
    }

    .main-timeline8 .timeline:nth-child(even) {
        padding-left: 10px;
        padding-top: 80px;
        margin-bottom: 20px
    }

    .main-timeline8 .main-timeline .timeline:nth-child(even) .timeline-content,.main-timeline8 .timeline-content {
        padding-top: 40px 15px 25
    }

    .main-timeline8 .timeline-content:after {
        display: none
    }

    .main-timeline8 .timeline-year {
        right: 0
    }

    .main-timeline8 .timeline-year:after {
        display: none
    }

    .main-timeline8 .timeline:nth-child(even) .timeline-year {
        left: 3px
    }
}

@media screen and (max-width: 567px) {
    .main-timeline8 .title {
        font-size:18px
    }
}

.whatsapp_btn {
    text-align: left;
    margin: 0
}

.whatsapp_btn .btn {
    margin: 0 10px 0 0;
    padding: 8px 20px!important
}

.whatsapp_btn .btn:hover {
    border: 2px solid #eb9c00;
    color: #eb9c00
}

.advantages_box {
    width: 100%;
    margin-top: 20px;
    background: #003973;
    padding: 10px;
    position: relative;
    overflow: hidden
}

.advantages_box .advantages_box_in {
    width: 50px;
    height: 60px;
    text-align: center;
    margin: 0 auto 10px
}

.advantages_box .divp {
    line-height: 24px;
    color: #fff;
    padding-left: 10px;
    font-size: 17px
}

.advantages_box>div {
    display: table-cell;
    vertical-align: middle
}

.bg_light {
    background: #f5f6f6
}

.varifohiring .boxed2:hover {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.varifohiring .boxed3,.varifohiring .boxed3:hover {
    -ms-transform: scale(1.09);
    -webkit-transform: scale(1.09);
    transform: scale(1.09);
    background: #003973;
    color: #fff;
    position: relative;
    z-index: 9
}

.varifohiring .boxed3 h5,.varifohiring .boxed3 p {
    color: #e2e2e2
}

@media (min-width: 992px) {
    .advantages_man .col-md-2 {
        width:20%;
        padding-left: 5px;
        padding-right: 5px
    }

    #business_sectors .col-md-2 {
        width: 20%
    }
}

.why_go_with {
    padding: 50px 0
}

.why_go_with p {
    text-align: left
}

.why_go_mar {
    margin-top: 50px
}

.exchange_faq {
    background: #f9f9f9
}

.exchange_faq_box {
    background: #fff;
    margin: 10px 0
}

.exchange_faq p {
    text-align: justify;
    padding: 0 10px 5px;
    margin-bottom: 0
}

.exchange_faq h4 {
    font-size: 18px;
    color: #000;
    background: #eaeaea;
    padding: 13px 25px 13px 13px;
    position: relative
}

.exchange_faq .exchange_faq_box h4::before {
    content: "\f077";
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    right: 10px
}

.exchange_faq .exchange_faq_box h4.collapsed::before {
    content: "\f078"
}

.advantages_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 1;
    -webkit-transform: translate(-105%,0);
    transform: translate(-105%,0);
    background-color: rgba(255,255,255,.6)
}

.advantages_box:hover:before {
    opacity: 0;
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.hiring_rocess {
    padding-bottom: 50px
}

.most_3bos .most_appropriate_part_box2 {
    padding: 30px 30px;
    border-left: 4px solid #fcc402
}

.ocp2 h3 {
    line-height: 50px
}

.ocp2 ul li {
    width: 16%
}

.benefits22 .advantages_box_in {
    background: #002548;
    width: 60px
}

.benefits22 {
    padding: 35px 0 60px
}

.hr_email a {
    font-size: 16px;
    display: inline-block;
    font-weight: 600;
    color: #2e70b4;
    text-align: center;
    padding: 10px 20px;
    border: 1px solid #2e70b4;
    border-radius: 5px;
    min-width: 240px;
    margin: 10px;
}

.types_of_mlm .most_appropriate_part_box2 {
    height: 555px;
}



	/* navbar dropdown  */
    @media (min-width: 991px){
		
        .top-navigation .nav .dropdown_menu ul {
            display: block;
            position: absolute;
            top: calc(100% + 40px);
            margin: 0;
            padding: 10px 0;
            z-index: 99;
            opacity: 0;
            visibility: hidden;
            background-color: #0232a9;
            transition: 0.3s;
            border-radius: 5px;
          }
          
          .top-navigation .nav .dropdown_menu ul li {
            min-width: 180px;
            list-style: none;
            padding: 3px 0;
          }
    
          .top-navigation .nav .dropdown_menu ul li:hover{
            background-color: rgba(255,255,255,0.2);
            
          }
          
          .top-navigation .nav .dropdown_menu ul li a {
            padding: 0px 20px;
            font-size: 14px;
            text-transform: none;
            font-weight: 400;
            background: none;
               
          }
      
        
          .dropdown_menu  i {
            font-size: 15.5px;
            color: #1f1d1d!important;
            padding-left: .4rem;
            vertical-align: middle;
            font-weight: 500;
          }
          
          .top-navigation .nav .dropdown_menu:hover>ul {
            opacity: 1;
            top: 100%;
            visibility: visible;
          }
          
          .top-navigation .nav .dropdown_menu .dropdown_menu ul {
            top: 0;
            left: calc(100% - 30px);
            visibility: hidden;
          }
         
        }
    
    

@media (max-width: 991px) {
     .nav {
        overflow-y: scroll!important;
    }
    .nav::-webkit-scrollbar{
       display: none; 
    }
          .top-navigation .nav .dropdown_menu  a i{
            float: right;
          }
          .top-navigation {
            z-index: 999;
          }
          .top-navigation .nav .dropdown_menu ul {
            background-color: #0232a9;
            width: 100%;
            display: none;
          }
          /* .top-navigation .nav .dropdown_menu.showMenu ul{
            display: block;
          } */
          .top-navigation .nav .dropdown_menu ul li {
            min-width: 180px;
            list-style: none;
            padding: 3px 0;
    
          }
          .top-navigation .nav .dropdown_menu ul li:hover{
            background-color: rgba(255,255,255,0.2);
    
          }
          
          .top-navigation .nav .dropdown_menu ul li a {
            padding: 0px 20px;
            font-size: 14px;
            text-transform: none;
            font-weight: 400;
            background: none;
          }  
          .after_btn{
            z-index: 1!important;
          }  
      }

 @media (max-width: 1366px) {
		.navbar .dropdown .dropdown_menu ul {
		  left: -90%;
		}
	  
		.navbar .dropdown .dropdown_menu:hover>ul {
		  left: -100%;
		} 
	  } 






      .switcher__area {
        position: relative;
      }
      @media only screen and (max-width: 767px) {
        .switcher__area {
          display: none;
        }
      }
      .switcher__icon {
        position: fixed;
        width: 50px;
        height: 50px;
        line-height: 50px;
        background: var(--white);
        left: 0px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        z-index: 999;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        mix-blend-mode: exclusion;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
      }
      .switcher__icon button {
        font-size: 31px;
        color: var(--black-2);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 100%;
        width: 100%;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        box-shadow: 0 0 3px rgba(0,0,0,0.2);

      }
      .switcher__icon button:hover {
        color: var(--gray-2);
      }
      .switcher__icon button#switcher_open i {
        -webkit-animation: wcSpinner 5s infinite linear;
                animation: wcSpinner 5s infinite linear;
      }
      @keyframes wcSpinner {
        from {
          -webkit-transform: rotate(0turn);
          transform: rotate(0turn);
        }
        to {
          -webkit-transform: rotate(1turn);
          transform: rotate(1turn);
        }
      }
      .switcher__items {
        width: 280px;
        background: #f7f1e3;
        padding: 30px 20px;
        position: fixed;
        left: -280px;
        top: 50%;
        z-index: 99;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        font-family: "Kanit", sans-serif;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        box-shadow: 0 0 3px rgba(0,0,0,0.3);
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
      }
      .switcher__items .wc-col-2 {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
      }
      /* .switcher__item {
        margin-bottom: 30px;
      } */
      /* .switcher__item:last-child {
        margin-bottom: 0;
      } */
      .switcher__title {
        font-weight: 500;
        font-size: 20px;
        line-height: 1.5;
        color: #333;
        text-transform: capitalize;
        padding-bottom: 10px;
        margin-top: 0;
      }
      .switcher__btn button {
        display: inline-block;
        font-weight: 500;
        font-size: 14px;
        line-height: 1.5;
        color: var(--gray-2);
        background: #2B2B2F;
        border-radius: 4px;
        padding: 10px 15px;
        text-transform: capitalize;
      }
      .switcher__btn button:hover, .switcher__btn button.active {
        color: var(--white);
      }
      .switcher__btn select {
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5;
        /* color: var(--gray-2); */
        width: 100%;
        border: none;
        padding: 9px 10px;
        border-radius: 4px;
        /* background: #2B2B2F; */
        text-transform: capitalize;
        outline: none;
        cursor: pointer;
      }
      
      #switcher_close {
        display: none;
      }
      





      .scroll-top {
        width: 47px;
        height: 47px;
        line-height: 55px;
        position: fixed;
        right: 25px;
        bottom: -50px;
        z-index: 90;
        border-radius: 100px;
        color: var(--white);
        background: var(--white);
        -webkit-transition: bottom 0.4s ;
        transition: bottom 0.4s ;
        mix-blend-mode: exclusion;
        border: 1px solid var(--gray-2);
        justify-content: center;
        align-items: center;
      }
      .scroll-top.active{
        bottom: 25px;
      }
      .scroll-top i {
        font-size: 25px;
        color: var(--black-2);
      }
      .scroll-top:hover {
        color: var(--gray-2);
      }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .scroll-top {
        }
      }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .scroll-top {
          right: 25px;
        }
        .scroll-top.active{
            bottom: 50px;
          }
      }
      @media only screen and (max-width: 767px) {
        .scroll-top {
          right: 20px;
        }
        .scroll-top.active{
            bottom: 35px;
          }
      }