@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Anton&display=swap);
@import url();
@import url(style-quote.css);
@import url(style-blockchain-pages.css);
@import url(style-ui-ux.css);
@import url(style-blockchain.css);
@import url(style-industry.css);
@import url(style-portfolios-tabs.css);
@import url(style-simply-portfolio.css);
@import url(style-portfolio-detailc619.css?v=1.0);

/* Color Management  */
:root {
  --base-color: #312D2D;
  --white-color: #ffffff;
  --white-clr: 255,255,255;
  --black-color: #000000;
  --orange-light-color: #FFF1E4;
  --orange-color-400: #FF860C;
  --orange-color-500: #F98C57;
  --orange-color-600: #DB5D22;
  --primary-color: #D85D27;
  --body-color: #f8f9fe;
  --pink-dark: #f12af4;
  --violet-color: #38306a;
  --purple-color: #1c1254;
  --purple-300: #1d2955;
  --blue-500: #17057f;
  --grey-300: #E4E4E4;
  --green-light-400: #97BFC9;
  --dark-black-600: #312D2D;
  --medium-grey: #E6E5E3;
  --light-grey: #e7e6e3;
  --light-blue: #d2fafd;
  --light-grey-pink: #E8E5ED;
  --clr-cream-400: #EFDFD0;
  --orange-300: #ffefdc;
  --green-300: #e7f2ea;
  --green-400: #c8f1ea;
  --blue-400: #e2f1f7;
  --red-400: #ffe4db; --pink-400: #fde8e9; --yellow-100: #fff8ee; --pink-100: #fff4f4; --light-green-100: #f4f9f5; --orange-100: #fff3ee; --red-100: #fde8e9; --blue-100: #f2f9fc; --green-100: #e5f8f5; --purple-100: #f3eaf7; --skyblue-300: #d3effc; --dark-black-500: #13131B; --dark-blue-500: #110C26;--sky-extra-light:#ebf1f6;  --bg-purple-dark-100: #09070D; }

/* Custom CSS */
html { overflow-x: hidden; }
body { font-family: 'Lato',sans-serif; font-weight: 400; color: #131313; overflow-x: hidden; }
.anton {font-family: "Anton", sans-serif;font-weight: 400;font-style: normal;}
h3, h4, h5, h6 { font-weight: 700; }
.h1, h1 { font-size: 42px; font-weight: 600; }
.h2, h2 { font-size: 32px; font-weight: 600; }
.h3, h3 { font-size: 25px; }
.h4, h4 { font-size: 21px; }
.h5, h5 { font-size: 20px; }
.h6, h6 { font-size: 18px; }
img {height: auto;}
table { border-collapse: collapse; border-spacing: 0; }
* { outline: 0!important; }
::-webkit-scrollbar { height: 4px; width: 4px; }
::-webkit-scrollbar-thumb { background: #d85d27; -webkit-border-radius: 10px; }
::-webkit-scrollbar-corner { background: #000; }
* { -webkit-text-rendering: optimizeLegibility; }
.es_caption { padding-bottom: 1em; padding-right: .5em; }
.es_msg { padding-top: 5px; padding-bottom: 5px; color: red; }
.es_textbox { padding-bottom: 10px; }
.es_button { padding-top: 10px; padding-bottom: 5px; }
.es_textbox_class { width: 200px; }
.es_textbox_button { width: 130px; }
.es_lablebox { padding-bottom: 3px; }
.es_form_success .es_msg { color: #008600; }
.list-title { margin: 0; }
.gap-10{gap: 10px;}
p { font-size: 17px; color: #585858; line-height: 1.5; font-weight: 400; }
@media (max-width:767px) {
  p { font-size: 14px; line-height: 1.4; }
}
a { outline: 0; color: #222121; -webkit-transition-duration: 500ms; -o-transition-duration: 500ms; transition-duration: 500ms; }
a:hover { text-decoration: none; color: #d85d27; }
a, button { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; border: 0; }
figure img { max-width: 100%; outline: 0; }
input { line-height: 1; outline: 0; border-radius: 0; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; }
ul { padding: 0; margin: 0; list-style: none; }
li { font-size: 17px; color: #585858; }
button { outline: 0!important; }
input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], select, textarea { font-size: 17px; color: #1a1a1a; font-weight: 400; border-width: 0 0 2px; border-color: #e2ebee; width: 100%; min-height: 48px; outline: 0; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #585858; border-radius: 0; background: transparent; background-image: url(img/drop_arrow.png); background-repeat: no-repeat; background-size: 16px; background-position: right center; outline: 0; }
.light_black { background-color: #42485b; }
.teal_bg { background-color: #276f8d; }
.purple_bg { background-color: #871b56; }
.light_grey { background-color: #858585; }
.dark-black-bg { background-color: #282c38; }
.light-purple-bg { background-color: #827ea3; }
.dark-purple-bg { background-color: #792e8c; }
.brightcyan-bg { background-color: #39aea3; }
.light-purple-bg { background-color: #827ea3; }
.grey-bg { background-color: #4e4e4e; }
.oragne-grd { background: #d85d27; background: -moz-linear-gradient(left, rgba(255, 136, 81, 1) 0, rgba(219, 93, 34, 1) 100%); background: -webkit-linear-gradient(left, rgba(255, 136, 81, 1) 0, rgba(219, 93, 34, 1) 100%); background: linear-gradient(to right, rgba(255, 136, 81, 1) 0, rgba(219, 93, 34, 1) 100%); }
.radius_edges { border-radius: 40px 40px 5px; overflow: hidden; }
.controller { max-width: 1170px; margin: 0 auto; position: relative; }
#header { position: fixed; top: 0; left: 0; width: 100%; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; z-index: 999; background-color: #fff;}
#header.sticky { background: #fff; box-shadow: 0 0 5px #ddd; top: 0; }
#header.sticky nav { box-shadow: none; }
.navbar-brand { padding: 0; }
.navbar-brand img { width: 100px; transition: all .2s ease; height: auto; }
.sticky .navbar-brand img { transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; }
.sticky #navbarCollapse { -o-transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease; }
.navbar-default { box-shadow: none; background-image: none; background-color: transparent; border: 0; margin: 0; }
.navbar-header { float: left; width: 100%; padding: 10px 0; }
#navbarCollapse { transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; }
#header .navbar-nav { padding: 0; }
#header .navbar-nav>li { margin: 0 13px; position: relative; }
#header .navbar-nav li:last-child { margin-right: 0; }
#header .navbar-nav>li>a { font-size: 17px; font-weight: 400; color: #333; background-image: none; position: relative; line-height: 20px; box-shadow: none; background-color: transparent; }
#header.sticky .navbar-nav li>a { color: #333; }
#header .navbar-nav>li>a:before { content: ''; position: absolute; left: 0; bottom: -10px; width: 0; height: 2px; background: #d85d27; -moz-transition: width .3s; -webkit-transition: width .3s; transition: width .3s; }
#header .navbar-nav li.quote_menu>a { background: #fff; color: #1a1a1a; border-radius: 5px; padding: 9px 16px 10px; min-width: 165px; box-shadow: 0 0 10px #f5f5f5; }
#header .navbar-nav li.quote_menu>a:hover:before { display: none; }
#header.sticky .navbar-nav li>a:before { background: #d85d27; }
#header.sticky li.quote_menu>a { color: #fff; background: #ff8851; background: -moz-linear-gradient(left, rgba(255, 136, 81, 1) 0, rgba(219, 93, 34, 1) 100%); background: -webkit-linear-gradient(left, rgba(255, 136, 81, 1) 0, rgba(219, 93, 34, 1) 100%); background: linear-gradient(to right, rgba(255, 136, 81, 1) 0, rgba(219, 93, 34, 1) 100%); }
#header .navbar-nav li.current-menu-item>a:before, #header .navbar-nav li.current-menu-parent>a:before, #header .navbar-nav>li>a:hover:before { width: 50%; }
#header .navbar-nav>li.current-menu-item>a { font-weight: 500; color: rgba(255, 135, 80, 1); }
#header .navbar-nav>li.current-menu-item.black_clr a { color: #000; }
#header .navbar-nav>li.current-menu-item.black_clr>a:before { background: #000; }
#header ul li.current-menu-parent ul li.current-menu-item>a { color: #ff8851; }
#header .navbar-nav li>a span { display: block; font-weight: 400; text-transform: initial; color: #7a7a7a; padding: 16px 27px; }
.dropdown-menu { background: #fff; }
.dropdown-menu a { width: 100%; display: block; font-size: 16px; border-bottom: 1px solid #eee; color: #000; padding: 8px 15px; }
#header.sticky .navbar-nav .dropdown-menu a:hover, .dropdown-menu a:hover { color: #db5d22; }
.sub-menu { display: none; z-index: 1; min-width: 230px; position: absolute; top: 24px; left: 0; background: #fff; border-top: 2px solid #d85d27; box-shadow: 0 3px 10px #848484; padding: 0; border-radius: 5px; padding-bottom: 4px; }
.dropdown:hover>.dropdown-menu { display: block; }
@media (min-width:1200px) {
  .sub-menu { display: block; visibility: hidden; transform: translate3d(0, -200%, 0); -webkit-transform: translate3d(0, -200%, 0); opacity: 0; will-change: transform; -webkit-animation-duration: .58s; animation-duration: .358s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
  .navbar-nav li:hover .sub-menu { display: block; visibility: visible; -webkit-animation-name: bounceInDown; animation-name: bounceInDown; top: 24px; opacity: 1; right: 0; left: auto; }
}
.new-portfolio_banner .badge-wrap {
  display: inline-flex;
  background: linear-gradient(90deg, #FFF1E4 0%, rgba(255, 241, 228, 0.00) 103.85%);
  border-radius: 8px;
  color: #D85D27;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  padding: 10px;
  gap: 8px;
}
.navbar-nav li .sub-menu li:last-child { border-bottom: 0; }
#header.sub-menu { box-shadow: 0 3px 12px #ddd; }
.sub-menu li a { color: #1a1a1a; display: block; line-height: 1.3; padding: 9px 15px; border-bottom: 1px solid #eee; }
.sub-menu li:last-child a { border-bottom: 0; }
.sub-menu li:hover a { color: #f47c43; }
.quote_menu { position: fixed; max-width: 50px; right: 0; top: 120px; margin: 0; padding: 0; box-shadow: none; color: #fff; border-radius: 5px 0 0 5px; border: 1px solid #f47c43; background-color: #f47c43; cursor: pointer; z-index: 111; min-width: 45px; max-height: 160px; min-width: initial!important; min-height: 150px; }
.quote_menu:hover { background-color: #d85d27; color: #fff; }
.quote_menu:focus { box-shadow: none; }
.quote_menu span { writing-mode: vertical-lr; text-orientation: mixed; padding: 18px 12px; color: #fff; min-width: 45px; }
.quote_menu a { color: #fff; }
@media (max-width:820px) {
  body { padding-bottom: 45px; }
  .quote_menu { left: 5px; width: calc(100% - 10px); max-width: calc(100% - 10px); top: auto; bottom: 5px; border-radius: 0; min-height: 44px; }
  .quote_menu span { writing-mode: initial; }
}
.logo_DropMenu .menu-menu-1-container { display: none; }
.logo_DropMenu { margin-left: 15px; position: relative; }
.logo_DropMenu em { cursor: pointer; font-size: 17px; color: #333; display: flex; justify-content: center; align-items: center; font-style: normal; position: relative; padding-right: 25px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; }
.logo_DropMenu em::after { content: ''; background: url(img/arrow_down_black.png) no-repeat; background-position: center; background-size: 12px; width: 20px; height: 20px; position: absolute; right: 0; top: 5px; }
.logo_DropMenu.active em::after { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.mega_menu_btn, .menu-item-has-children { padding-right: 20px; }
.mega_menu_btn::after, .menu-item-has-children::after { content: ''; background: url(img/arrow_down_black.png) no-repeat; background-position: center; background-size: 12px; width: 20px; height: 20px; position: absolute; right: 0; top: 5px; }

@media (min-width:1280px) {
  header.sticky .logo_DropMenu em::after { background: url(img/arrow_down_black.png) no-repeat; background-position: center; background-size: 16px; width: 20px; height: 20px; position: absolute; right: 0; top: 5px; }
  header.sticky .logo_DropMenu em { color: #333; }
}
@media (max-width:1379px) {
  .logo_DropMenu em { font-size: 15px; }
  #header .navbar-nav>li:nth-child(2)::after,   .logo_DropMenu em::after { background-size: 15px; width: 15px; height: 12px; top: 8px; }
}
@media (max-width:767px) {
  .quote_menu span { padding: 15px 7px; }
}
.over_banner { position: absolute; top: 0; left: 52%; width: 905px; height: 600px; opacity: 1; margin: -1px; overflow: hidden; z-index: -1; border-radius: 50px; background: rgba(255, 135, 80, 1); background: -moz-linear-gradient(left, rgba(255, 135, 80, 1) 0, rgba(222, 100, 38, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 135, 80, 1)), color-stop(100%, rgba(222, 100, 38, 1))); background: -webkit-linear-gradient(left, rgba(255, 135, 80, 1) 0, rgba(222, 100, 38, 1) 100%); background: -o-linear-gradient(left, rgba(255, 135, 80, 1) 0, rgba(222, 100, 38, 1) 100%); background: -ms-linear-gradient(left, rgba(255, 135, 80, 1) 0, rgba(222, 100, 38, 1) 100%); background: linear-gradient(to right, rgba(255, 135, 80, 1) 0, rgba(222, 100, 38, 1) 100%); will-change: transform; -webkit-transform: rotate(-6deg); -ms-transform: rotate(-6deg); transform: rotate(-6deg); -webkit-animation: animte 5s infinite; -webkit-animation-direction: alternate; animation: animte 5s infinite; animation-direction: alternate; box-shadow: 0 0 40px rgba(244, 124, 67, 0.6); }

.over_banner img { width: 100%!important; min-height: 100%; object-fit: cover; max-height: 120%; }
.over_banner video { width: 100%!important; height: auto; }
.shadow_clr { box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); }
.design_service .over_banner { display: none; }
.design_service .desktp_bg .over_banner { left: 0; display: block; }
.design_service .carousel-inner { overflow: visible; }
.single_banner { min-height: 570px; padding: 70px 0 0; }
.home_illustration { text-align: center; }
.home .home_illustration { margin-bottom: -66px; }
.home_illustration img { max-width: 100%; height: auto; }
.static_banner .single_banner { padding: 0; }
.video_banner { background: none!important; animation: none!important; box-shadow: none!important; }
.video_banner video { border-radius: 50px; }
.summary_banner { max-width: 80%; height: 100%; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; }
.summary_banner a { color: #f47c43; }
.summary_banner h1 ,.summary_banner .h1{ color: #1a1a1a; line-height: 54px; margin: 0 0 20px; }
.summary_banner h1 img,.summary_banner .h1 img { max-width: 100%; height: 50px; object-position: left center; object-fit: contain;
  vertical-align: bottom;  display: inline-block;}
.summary_banner h1 span { color: #f47c43; }
.summary_banner h6 { font-weight: 400; margin: 32px 0; }
.summary_banner h6 span { margin: 0 5px; text-transform: uppercase; }
.event-row h1 strong { font-size: clamp(42px, 5.2vw, 73px); }
.event-banner img { max-width: 100%; }
.event-row h1 { text-transform: capitalize; }
.event-banner { gap: 10px; display: grid; }
.select-field { position: relative; }
.select-field::before { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #90a0b9; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
@media(min-width:767px) {
  .event-banner { display: grid; grid-template-columns: repeat(12, 1fr); gap: 29px; align-items: center; }
  .apply-button button { margin-left: auto; min-width: 155px; }
  .event-col img { border-radius: 10px; }
  .event-col:first-child { grid-row-start: 1; grid-row-end: 3; grid-column-start: 1; grid-column-end: 6; }
  .event-col:nth-child(2) { grid-row-start: 1; grid-row-end: 1; grid-column-start: 6; grid-column-end: 13; }
  .event-col:nth-child(3) { grid-row-start: 2; grid-row-end: 2; grid-column-start: 6; grid-column-end: 13; }
}
.stats { display: flex; justify-content: space-around; text-align: left; flex-direction: row; }
.counter { margin: 40px 0 0; }
.counter li { display: inline-block; position: relative; padding: 10px 16px; }
.stats_box { display: flex; justify-content: left; text-align: center; flex-direction: column; min-width: 25%; }
.stats_box h4 { color: #f47c43; font-weight: 400; }
.stats span { font-weight: 300; }
.stats_box h4:after { content: '+'; }
.counter li:first-child:before { display: none; }
.counter li:first-child { padding-left: 0; }
.counter li:before { content: ''; background: #d1d2d3; width: 1px; height: 100%; position: absolute; top: 0; left: 0; }
.home .summary_banner { padding: 100px 0; justify-content: unset; }
.home .counter { position: relative; bottom: unset; left: 0; width: 100%; }
@media (max-width:767px) {
  .home .summary_banner { padding: 0 2px 50px 10px; }
  .summary_banner h1 br , .summary_banner .h1 br { display: none; }
  .home .counter li { width: 25%; margin: 0; text-align: center; }
  .home .counter .stats_box h4 { margin: 0; }
  .summary_banner .h1 img {
    height: 30px;
    display: block;
  }
}
@media (max-width:480px) {
  .summary_banner .h1 br, .summary_banner h1 br { display: none; }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .home .summary_banner { padding: 20px 0; }
  .summary_banner h1 br, .summary_banner .h1 br  { display: none; }
  .home .counter li { margin: 0; }
  .home .counter .stats_box h4 { margin: 0; }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .home .summary_banner { padding: 20px 0; }
  .home .counter li { margin: 0; }
  .home .counter .stats_box h4 { margin: 0; }
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  .home .summary_banner { padding: 70px 0; }
}
@media (min-width: 1280px) {
  .home .design_service .summary_banner { min-height: auto; }
}
@keyframes animte {
  0% { transform: rotate(-6deg); -webkit-transform: rotate(-5deg); }
  25% { transform: rotate(-5deg); -webkit-transform: rotate(-4deg); }
  50% { transform: rotate(-6deg); -webkit-transform: rotate(-5deg); }
  75% { transform: rotate(-5deg); -webkit-transform: rotate(-4deg); }
  100% { transform: rotate(-7deg); -webkit-transform: rotate(-6deg); }
}
@keyframes myfirst {
  0% { transform: rotate(-14deg); -webkit-transform: rotate(-13deg); }
  25% { transform: rotate(-13deg); -webkit-transform: rotate(-14deg); }
  50% { transform: rotate(-14deg); -webkit-transform: rotate(-12deg); }
  75% { transform: rotate(-11deg); -webkit-transform: rotate(-13deg); }
  100% { transform: rotate(-10deg); -webkit-transform: rotate(-12deg); }
}
@media (min-width:1025px) {
  .design_service .desktp_bg .over_banner { left: 18px; }
}
@media (min-width:1280px) {
  .design_service .desktp_bg .over_banner { top: -67px; height: 550px; }
  .design_service .desktp_bg .over_banner.video_banner { height: 700px; }
  .over_banner video { height: 80%; }
  .design_service .desktp_bg .over_banner.video_banner.game_video_banner video { height: auto; }
  .design_service .summary_banner { min-height: 600px; }
}
@media (max-width:1279px) {
  .design_service .over_banner { top: -170px; }
  .design_service .desktp_bg .over_banner { top: -93px; height: 550px; }
}
@media screen and (min-width:768px) and (max-width:991px) {
  .design_service .summary_banner { height: 452px; }
}
@media (max-width:1200px) {
  .design_service .desktp_bg .over_banner { top: -138px; }
  .single_banner { padding: 70px 0; }
  .design_service .over_banner { top: -240px; }
}
@media screen and (min-width:1280px) and (max-width:1440px) {
  .design_service .desktp_bg .over_banner { top: -93px; }
}
@media (min-width:1680px) {
  .over_banner video { height: 85%; }
  .summary_banner { min-height: 632px; }
}
section { padding: 45px 0; width: 100%; float: left; }
@media (max-width:1200px) {
  section { padding: 35px 0; }
}
@media (min-width:1680px) {
  section { padding: 50px 0; }
}

section.front_portfolio { padding: 100px 0; }
.home_services { padding-top: 20px; margin-top: 20px; }
.grey_bg { background: #f8f8f8!important; }
.title_left { line-height: 45px; margin: 20px 0; position: relative; }
.title_left:before { content: ''; position: absolute; left: 0; top: -10px; background: #d85d27; border-radius: 1.5px; width: 75px; height: 3px; }
.title_left:after { content: ''; position: absolute; left: 52px; top: -10px; background: #fff; border-radius: 1.5px; width: 10px; height: 3px; }
.boxes { max-width: 100%; width: 308px; background: #fff; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08); border-radius: 40px 40px 4px; padding: 40px 30px; min-height: 240px; margin-bottom: 40px; display: block; -webkit-transition-duration: 800ms; -o-transition-duration: 800ms; transition-duration: 800ms; }
.service_rht .col-md-6:first-child a { margin-top: 40px; }
.boxes:hover { box-shadow: 0 10px 90px rgba(0, 0, 0, 0.08); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.boxes i { display: inline-block; margin-bottom: 30px; height: 60px; overflow: hidden; }
.boxes:last-child { margin-bottom: 0; }
.boxes h5 { font-weight: 400; margin: 0; }
.boxes:hover, .md-boxes:hover { background: #d85d27; color: #fff; }
.boxes:hover h5, .boxes:hover p, .md-boxes:hover h5, .md-boxes:hover p { color: #fff; }
.boxes img, .md-boxes img { object-fit: none; object-position: 0 -60px; transition: all .4s ease; -webkit-transition: all .4s ease; }
.why_choose_updated .md-boxes img { display: inline-block; height: 60px; width: auto; object-fit: contain; object-position: center; transition: all .4s ease; -webkit-transition: all .4s ease; margin-bottom: 15px; }
.why_choose_updated .boxes:hover img, .why_choose_updated .md-boxes:hover img { filter: brightness(100%) invert(1); }
.why_choose_updated .md-boxes p { text-align: justify; }
.home_services .service_cols { position: relative; max-width: 100%; overflow: hidden; padding: 30px 25px; width: 100%; background: var(--white-color); min-height: calc(100% - 30px); border-radius: 30px 30px 0; box-shadow: 0 0 44px rgb(162 162 162 / 25%); -webkit-transition-duration: 800ms; -o-transition-duration: 800ms; z-index: 1; transition-duration: 800ms; }
@media (max-width:991px) {
  .home_services .service_cols { box-shadow: 0 0 10px rgb(162 162 162 / 25%); }
}
.home_services .service_cols:hover h3, .home_services .service_cols:hover p { color: #fff; }
.home_services .service_cols h3 { margin: 0 0 10px; font-weight: 700; }
.home_services .service_cols p { margin: 0; }
.home_services .service_cols i img { object-fit: none; object-position: 0 -84px; display: inline-block; height: 84px; overflow: hidden; transition: all .4s ease; -webkit-transition: all .4s ease; }
.home_services.updated_services .service_cols i img { display: inline-block; height: 60px; transition: all .4s ease; -webkit-transition: all .4s ease; margin-bottom: 15px; object-fit: contain; object-position: center; }
.home_services .service_cols i { margin-bottom: 5px; }
.home_services .service_cols:hover { background: #d85d27; color: #fff; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.home_services .service_rht { padding: 0 20px; }
@media (max-width:767px) {
  .home_services .service_cols:hover { background: #d85d27; color: #fff; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
}
.home_services.updated_services .service_cols:hover i img { object-position: 0 0; cursor: pointer; filter: brightness(100%) invert(1); }
.home_services .service_cols:hover i img { object-position: 0 0; cursor: pointer; }
.boxes:hover img, .md-boxes:hover img { object-position: 0 0; cursor: pointer; }
.achievement_wrap { background: #fff; padding: 60px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); border-radius: 16px; margin-top: 50px; }
.achievement_wrap figure figcaption { font-size: 21px; color: #000; line-height: 24px; padding: 10px 0 0; }
.home .title_center { text-align: center; margin-bottom: 30px; }
.title_center { margin-bottom: 30px; }
.title_center h2 { display: inline-block; position: relative; text-transform: capitalize; }
.title_center h2:before { content: ''; position: absolute; left: 0; top: -14px; background: #d85d27; border-radius: 1.5px; width: 75px; height: 3px; }
.title_center h2:after { content: ''; position: absolute; left: 52px; top: -14px; background: #fff; width: 10px; height: 3px; }
.achievement_list ul li { float: left; width: 50%; padding: 25px 10px; }
.achievement_list p { font-size: 18px; margin: 0; }
.howWork { background: #fff; box-shadow: 0 10px 36px rgba(0, 0, 0, 0.08); border-radius: 12px; display: flex; display: -ms-flex; flex-direction: row; justify-content: center; align-items: center; margin: 80px 0 30px; min-height: 240px; }
@media (min-width:1200px) {
  .howWork { max-height: 260px; min-height: 260px; }
}
.work_wrap { padding-bottom: 40px; }
.work_box { min-width: 16.66%; transition: max-height .85s ease-out; padding: 20px 40px; position: relative; }
.work_box span { background: #efefef; color: #1a1a1a; font-size: 20px; width: 58px; height: 58px; line-height: 58px; text-align: center; display: inline-block; border-radius: 100%; font-weight: 500; }
.work_box h3 { font-size: 18px; color: #000; margin: 20px 0 16px; }
.work_box p { font-size: 17px; color: #1a1a1a; line-height: 22px; padding-bottom: 25px; margin: 0; opacity: 1; -webkit-transition: max-height 1.3s; -moz-transition: max-height 1.3s; -ms-transition: max-height 1.3s; -o-transition: max-height 1.3s; transition: max-height 1.3s; }
@media (min-width:768px) and (max-width:991px) {
  .work_box p { font-size: 16px; }
}
@media (min-width:768px) and (max-width:1280px) {
  .work_box h6 { font-size: 19px; }
}
.number { position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: .5s; transition: .5s; -moz-transition: .5s; }
.work_box span { transition: top .9s ease; -webkit-transition: top .9s ease; -moz-transition: top .9s ease; }
.work_box.active { box-shadow: 0 10px 36px rgba(0, 0, 0, 0.08); transition: transform 1.5s ease; -webkit-transform: transform 1.5s ease; }
.work_box.active .number { top: -32px; }
.work_box.active .number span { background: #f47c43; color: #fff; }
.work_box.active h6 { color: #000; margin-top: 40px; }
.work_slot { display: flex; width: 100%; float: left; justify-content: center; flex-direction: column; overflow: hidden; transition: transform 1.5s ease; }
.work_max { max-height: 103px; transition: transform 1.5s ease; }
.work_box.active .work_max { max-height: 100%; min-height: 240px; transition: transform 1.5s ease; }
.work_box.active:before { content: ''; background: #f47c43; height: 40px; width: 100%; left: 0; position: absolute; top: -40px; border-radius: 7px 7px 0 0; }
.work_box.active:after { content: ''; background: #f47c43; height: 40px; width: 100%; left: 0; position: absolute; bottom: -40px; border-radius: 0 0 10px 10px; }
.chose_left { padding-right: 100px; margin-top: 20px; }
.md-boxes { max-width: 100%; width: 368px; background: #fff; box-shadow: 0 10px 50px rgba(0, 0, 0, 0.08); border-radius: 30px 30px 0; padding: 45px 32px; min-height: 330px; margin-bottom: 40px; -webkit-transition-duration: 800ms; -o-transition-duration: 800ms; transition-duration: 800ms; }
.md-boxes i { margin-bottom: 15px; display: inline-block; height: 60px; overflow: hidden; }
.md-boxes:first-child, .md-boxes:nth-child(2n+1) { margin: 40px 35px 30px 0; }
.md-boxes h3 { margin-bottom: 16px; }
.md-boxes p { margin: 0; }
.btn_coman { display: inline-block; border: 1px solid #d85d27; border-radius: 6px; min-width: 166px; height: 50px; padding: 11px 15px; text-align: center; font-size: 17px; color: #d85d27; font-weight: 400; }
.btn_coman:hover { color: #fff; background: rgba(255, 136, 81, 1); background: -moz-linear-gradient(left, rgba(255, 136, 81, 1) 0, rgba(219, 93, 34, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 136, 81, 1)), color-stop(100%, rgba(219, 93, 34, 1))); background: -webkit-linear-gradient(left, rgba(255, 136, 81, 1) 0, rgba(219, 93, 34, 1) 100%); background: -o-linear-gradient(left, rgba(255, 136, 81, 1) 0, rgba(219, 93, 34, 1) 100%); background: -ms-linear-gradient(left, rgba(255, 136, 81, 1) 0, rgba(219, 93, 34, 1) 100%); background: linear-gradient(to right, rgba(255, 136, 81, 1) 0, rgba(219, 93, 34, 1) 100%); }
.updated_button.btn_coman { background: linear-gradient(to right, rgba(255, 136, 81, 1) 0, rgba(219, 93, 34, 1) 100%); color: var(--white); }
.updated_button.btn_coman:hover { background-color: #d85d27; color: var(--white); }

.services_grid_custom .row{row-gap:30px}
.service_item{border-radius:15px;padding:25px;width:100%;transition:ease all .5s;-webkit-transition:ease all .5s}
.service_item:hover{transform:scale(1.05);-webkit-transform:scale(1.05)}
.service_item:hover .h5{color:var(--primary-color)}
.service_item i{margin-right:15px;padding:15px 0}
.service_item i img{width:60px;max-height:60px}
.service_item .h5{margin-bottom:0;font-weight:500;line-height:1.3;color:var(--base-color)}
.box_col{border-radius:14px;padding:30px;width:100%}
.box_col .h5{color:var(--base-color);text-align:center;font-size:18px;font-weight:500;line-height:1.3;text-transform:capitalize;margin-bottom:0}
.box_col em img{height:60px}

/* Home Portfolio */
.home_portfolio .portfolio_box { max-width: 100%; padding: 40px 0 0; border-radius: 14px; margin-top: 20px; box-shadow: none; }
.home_portfolio .portfolio_box h2 { font-weight: 400; color: var(--white-color); padding: 0 10px; position: relative; text-transform: capitalize; text-align: center; }
.home_portfolio .portfolio_box figure { margin: 0; position: relative; }
.home_portfolio .portfolio_box figure img { -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); transition: 1.2s transform cubic-bezier(.165,.84,.44,1); -webkit-transition: 1.2s transform cubic-bezier(.165,.84,.44,1); -moz-transition: 1.2s transform cubic-bezier(.165,.84,.44,1); }
.home_portfolio .portfolio_box:hover figure img { transform: none; }
.home_portfolio { position: -webkit-sticky; position: sticky; top: 140px; }
.services .services_icon { background-color: #fff1e4; }
.services_grid_home .service_item { border-radius: 14px; border: 1px solid #ffe5d8; background: var(--white-color); box-shadow: 0 2px 52px 0 rgba(255,211,171,0.20); }
.services_grid_home .service_item h3 { font-weight: 600; }
.services_grid_home { display: grid; grid-template-columns: repeat(5,1fr); gap: 1rem; }
.services_grid_home .service_grp p {margin-bottom: 0;}
@media (min-width:1200px) {
  .services_grid_home { gap: 24px; }
}
@media (max-width:767.98px) {
  .services_grid_home .service_item {padding:20px; flex-direction: row!important; align-items: flex-start!important; }
}
@media (max-width:575.98px) {
  .services_grid_home { grid-template-columns: repeat(1,1fr); }
}
@media (min-width:576px) and (max-width:767.98px) {
  .services_grid_home { grid-template-columns: repeat(2,1fr); }
}
@media (min-width:768px) and (max-width:1199.98px) {
  .services_grid_home { grid-template-columns: repeat(3,1fr); }
  .services_grid_home .service_item { flex-direction: column!important; align-items: flex-start!important; }
}
@media (min-width:1200px) {
  .services_grid_home .service_item:first-child { grid-row: 1/3; grid-column: 1/2; }
  .services_grid_home .service_item:nth-child(3) { grid-row: 2/3; }
  .services_grid_home .service_item:nth-child(4) { grid-row: 1/3; grid-column: 3/4; }
  .services_grid_home .service_item:last-child { grid-row: 1/3; grid-column: 5/5; }
}

@media (min-width:1200px) {
  .home .right_btn { top: 70%; }
}

.svgBanner img { width: 100%; height: auto; }
.svgBanner svg { width: 100%; height: 100%; }
@media (max-width:767px) {
  .svgBanner img { margin-top: 15px; }
}

.expert_btn .cta_btn em { width: 30px; height: 30px; background: #fff; border-radius: 30px; display: flex; justify-content: center; align-items: center; margin-left: 10px; margin-right: 0; margin-top: 0; }
.expert_btn .cta_btn em img { max-width: 15px; }
.expert_btn .cta_btn:focus em img, .expert_btn .cta_btn:hover em img { filter: none;}

@media (max-width:1199.98px) {
  .expert_btn .cta_btn em { width: 20px; height: 20px; border-radius: 30px; margin-left: 10px; margin-right: 0; }
  .expert_btn .cta_btn em img { max-width: 12px; max-height: 12px; }
}
@media (max-width:767px) {
  .expert_btn { display: flex; justify-content: center; align-items: center; width: 100%; text-align: center; }
}
.start-column img { width: auto!important; max-height: 20px; }

@media (max-width:767.98px) {
  .row.gutter_row {margin-left: -8px; margin-right: -8px;}
  .gutter_row > [class*="col-"] {
    padding-right: 8px; padding-left: 8px;
  }
  .start-column img {max-height: 15px;}
}
/* End */

.portfolio_box { max-width: 100%; padding: 20px 7px 0; border-radius: 30px 35px 5px; margin-top: 20px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4); overflow: hidden; position: relative; }
.portfolio_box img { width: 100%; object-fit: contain; }
.portfolio_box h2 { font-weight: 400; color: #fff; padding: 50px 6% 30px; font-size: 21px; position: relative; text-transform: capitalize; }
.view_btn { min-width: 300px; margin-top: 30px; }
.portfolio_box h2 span { font-size: 16px; font-weight: 300; position: absolute; top: 24px; }
.portfolio_box figure { margin: 0; position: relative; }
.portfolio_box figure img { -ms-transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); transition: 1.2s transform cubic-bezier(.165, .84, .44, 1); -webkit-transition: 1.2s transform cubic-bezier(.165, .84, .44, 1); -moz-transition: 1.2s transform cubic-bezier(.165, .84, .44, 1); }
.portfolio_box:hover figure img { -ms-transform: scale(1.11); transform: scale(1.11); -moz-transform: scale(1.11); -webkit-transform: scale(1.11); }

footer {clear: both; width: 100%; background: #f8f8f8; padding: 0 20px 20px; border-radius: 0; color: #7a7c81; font-size: 16px; margin: 20px 0 0; position: relative; box-shadow: none; z-index: 11; }
footer h5 { color: #222121; font-weight: 600; display: inline-block; margin: 0 0 15px; position: relative; text-transform: capitalize; }
footer h5:after { content: ''; background: #fff; height: 1px; width: 100%; margin: 7px 0; display: none; }
footer ul li { font-weight: 400; font-size: inherit; position: relative; }
footer .links_new ul li { border-left: 1px solid #ccc; position: relative; }
footer .links_new ul li::before { content: ''; font-size: 14px; position: absolute; left: 0; width: 12px; height: 1px; background: #ccc; top: 17px; }
footer ul.f-contact li a { display: block; }
.f-contact li { line-height: 27px; }
footer ul li a { line-height: 1; padding: 10px 0; display: inline-block; font-weight: 400; font-size: inherit; color: inherit; }
footer ul li:hover a, footer ul li:hover:before { color: #e55825; }
footer p { color: inherit; font-size: inherit; margin: 0; line-height: 22px; }
.footer-wrap { width: 100%; }
footer li { padding-left: 18px; line-height: 35px; }
footer li:before { content: '\f140'; font-family: 'FontAwesome'; font-size: 14px; position: absolute; left: 0; top: 1px; }
footer ul.f-contact li { padding-left: 33px; margin-bottom: 6px; }
footer ul.f-contact li::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; }
footer ul.f-contact li:first-child:before { background: url(img/footer-icons/emailblack.svg); background-repeat: no-repeat; background-position: center; background-size: 20px; }
footer ul.f-contact li:nth-child(2):before { background: url(img/footer-icons/telephoneblack.svg); background-repeat: no-repeat; background-position-y: top; background-size: 13px; }
footer ul.f-contact li:nth-child(3):before { background: url(img/footer-icons/landline.svg); background-repeat: no-repeat; background-position-y: top; background-size: 20px; }
footer ul.f-contact li:last-child:before { background: url(img/footer-icons/locationblack.svg); background-repeat: no-repeat; background-position-y: top; background-size: 20px; }
.social_icons { margin: 15px 0; }
.social_icons a { width: 36px; height: 36px; margin-right: 3px; display: inline-block; background: #ec7a2f; border-radius: 50%; border: 1px solid #ec7a2f; }
.fb_icon { background-position: -90px 0; }
.fb_icon:hover { background-position: -90px -38px; }
.twt_icon { background-position: -134px 0; }
.twt_icon:hover { background-position: -134px -38px; }
.tube_icon { background-position: -45px 0; }
.tube_icon:hover { background-position: -45px -38px; }
.in_icon { background-position: 0 0; }
.in_icon:hover { background-position: 0 -38px; }
.copyrht { width: 100%; text-align: left; font-size: 15px; color: #65676d; margin: 20px 0 0; }
.copyrht a { font-size: inherit; color: #65676d; }
.copyrht a:hover { color: #e55825; }
.copyrht p { text-align: center; }
.chat_button { background-color: #d85d27; fill: #fff; padding: 10px; border-radius: 10px; height: 62px; width: 62px; position: absolute; bottom: -15px; right: -10px; cursor: pointer; }
.chat_button svg { position: relative; top: 3px; }
.home .summary_banner { max-width: 100%; }
.summary_banner h2 { font-weight: 400; margin: 0 0 20px; }
.summary_banner p { text-align: justify; color: #929292; }
.services_categoris { margin: 0; justify-content: flex-start; }
@media (min-width:1200px) {
  .services_categoris { margin-top: 50px; }
  .slider_common .services_categoris { margin-top: 0; }
}
.services_categoris li, .services_categoris li.active { display: inline-block; padding-right: 47px; margin-top: 7px; position: static; }
.services_categoris li a { color: #4e4e4e; font-size: 20px; font-weight: 400; padding: 4px 0; text-transform: capitalize; }
.services_categoris li.active a { color: #1a1a1a; border-bottom: 2px solid #000; position: static; }
.services_categoris li:focus a { color: #4e4e4e; border-bottom: 0 solid #000; }
div#services_slider { padding: 0 0 50px; }
.app_summary h1 { margin: 0 0 20px; }
.app_summary p { margin: 0; font-size: 20px; font-weight: 400; line-height: 32px; padding-right: 6%; }
.page-template-design-services-page-template .portfolio-group figure img { width: 100%; }
.download_btn { display: inline-block; min-width: 200px; }
.mt-7 { margin-top: 70px; }
.project_info { width: 70%; margin: 0 auto; }
.portfolio-group h1 { color: #fff; }
.portfolio-group span { display: block; color: #fff; font-size: 1.615rem; font-weight: 300; }
.portfolio-group span:first-letter { text-transform: capitalize; }
.portfolio-group .app_summary h1 { color: #1a1a1a; }
.portfolio-group .app_summary h1:first-letter { text-transform: capitalize; }
.view_case { border: 1px solid #fff; min-width: 240px; margin-top: 30px; color: #fff; }
.portfolio-group .flex-row-reverse .text-right { text-align: left!important; }
.pl-110 { padding-left: 110px!important; }
.portfolio-group figure { margin: 0; }
.store-download { margin: 35px 0 0; }
.store-download a { display: inline-block; margin: 0 0 10px 5px; }
.single_pagination { margin: 30px 0 0; }
.our_status { width: 100%; margin-top: 50px; float: left; padding: 25px 0; background: #ff8851; background: -moz-linear-gradient(top, #ff8851 24%, #e56c33 100%); background: -webkit-linear-gradient(top, #ff8851 24%, #e56c33 100%); background: linear-gradient(to bottom, #ff8851 24%, #e56c33 100%); }
.status_wrap { text-align: center; }
.status_wrap li h2 { display: inline-block; margin: 0; position: relative; }
.status_wrap li h2:after { content: '+'; display: inline-block; }
.status_wrap li { display: inline-block; color: #fff; border-left: 1px solid #f19d75; min-width: 24%; }
.status_wrap li:first-child { border-left: 0; }
.status_wrap p { color: #fff; margin: 0; }
.form_wrap { box-shadow: 0 0 40px #f5f5f5; padding: 80px 100px 60px; width: 82%; margin: 0 auto; border-radius: 12px; }

/* Check this need to remove */
.choose-services { text-align: center; margin-bottom: 40px; }
.choose-services .wpcf7-list-item { display: inline-block; position: relative; margin: 10px; }
.choose-services .wpcf7-list-item input[type="checkbox"] { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; opacity: 0; cursor: pointer; }
.choose-services .wpcf7-list-item span { border: 1px solid #d1d1d1; min-width: 206px; padding: 5px 15px; text-align: center; color: #1a1a1a; height: 48px; display: inline-block; line-height: 34px; width: 100%; }
.choose-services .wpcf7-list-item input[type="checkbox"]:checked+span { background: #ff8851; color: #fff; }
/* end  */

.form_wrap .form-group { margin-bottom: 30px; }
.submit_btn { text-align: center; margin: 20px 0 0; }
.submit_btn input[type="submit"] { color: #fff; min-width: 150px; text-align: center; padding: 5px 10px; min-height: 50px; line-height: 1; border-radius: 5px; font-size: 17px; text-transform: capitalize; cursor: pointer; transition: none; background: rgba(255, 136, 81, 1); border: 1px solid #f47c43; background-color: #f47c43; }
.submit_btn input[type="submit"]:hover { background: #d85d27; }
.team_list { text-align: center; }
.team_list li { display: inline-block; margin: 0 2.7%; text-align: center; }
.team_list figure { margin: 40px 0; }
.team_list figure img { border-radius: 50px 50px 10px 50px; box-shadow: 0 0 20px rgba(0, 0, 0, .1); }
.team_list span { color: #d85d27; font-size: 17px; }
.our_team .team_list li { margin: 0 1%; }
.contact_map { margin-bottom: 50px; }
.our_address { max-width: 430px; display: inline-block; border-radius: 40px 40px 6px; background: #fff; padding: 45px; margin: 20px 4%; text-align: left; vertical-align: top; min-height: 388px; }
.contact_address .our_address:first-child { margin-top: 40px; }
.our_address h4 { font-weight: 400; margin: 0 0 34px; font-size: 29px; }
.our_address ul li { position: relative; text-align: left; font-size: 17px; padding-left: 42px; margin-top: 27px; }
.our_address ul li i { position: absolute; top: 0; left: 0; }
.blog_list .widget { margin-bottom: 20px; }
.widget { border-radius: 4px; margin: 0; }
.widget h5 { font-weight: 500; text-transform: capitalize; color: #000; }
.search-widget form { position: relative; }
.search-widget form input[type="text"] { position: relative; width: 100%; height: 48px; padding: 16px 50px 16px 16px; border-radius: 6px; border: 1px solid #e9eef2; background: #fafbfd; }
.search-widget button, .search-widget input[type="submit"] { color: grey; text-align: center; width: 36px; height: 36px; line-height: 30px; cursor: pointer; position: absolute; right: 6px; bottom: 6px; border-radius: 3px; background: #e2e0df; }
.tags-widget { text-align: left; }
.tags-widget a { background: #f8f8f8; color: #898989; font-size: 15px!important; padding: 9px 12px; border-radius: 5px; display: inline-block; margin: 7px 5px 0 0; text-transform: capitalize; }
.tags-widget a:focus, .tags-widget a:hover { background: #ff8851; color: #fff; }
.subscriber-widget { background: #f8f8f8; width: 100%; border-radius: 5px; padding: 25px; }
.subscriber-widget h4 { color: #000; font-weight: 400; margin: 0 0 20px; }
.subscriber-widget label { width: 100%; }
.subscriber-widget span { font-size: 14px; color: #000; }
.subscriber-widget input[type="email"] { border: 1px solid #e5e5e5; border-radius: 4px; width: 100%; min-height: 44px; height: 44px; font-size: 15px; padding: 5px 10px; }
.subscriber-widget input[type="submit"] { width: 100%; color: #fff; border-radius: 5px; height: 44px; line-height: 1; text-align: center; border: 0; text-transform: capitalize; margin: 0; cursor: pointer; background: #ff8851; background: -moz-linear-gradient(left, rgba(255, 136, 81, 1) 0, rgba(219, 93, 34, 1) 100%); background: -webkit-linear-gradient(left, rgba(255, 136, 81, 1) 0, rgba(219, 93, 34, 1) 100%); background: linear-gradient(to right, rgba(255, 136, 81, 1) 0, rgba(219, 93, 34, 1) 100%); }
.post-category { border: 1px solid #ebebeb; }
.post-category li { background: url(img/arrow-nxt.png) #fafbfd; background-repeat: no-repeat; background-position: 95% center; color: #8d8d8d; font-size: 16px; display: block; border-bottom: 1px solid #ebebeb; }
.post-category li:last-child { border-bottom: 0; }
.post-category li a { color: #98a7be; padding: 14px 44px 14px 20px; display: block; border-radius: 6px; }
.post-category li a:focus, .post-category li a:hover { color: #000; }
.pre_nxt { display: inline-block; line-height: 54px; width: 30px; }
.pre { opacity: .5; }
.pre:hover { opacity: 1; }
.pagination a, .pagination li { display: inline-block; font-size: 21px; margin: 0 10px 0 0; height: 54px; line-height: 54px; width: 54px; text-align: center; border-radius: 100%; }
.pagination li a, .pagination span { display: inline-block; color: #1a1a1a; line-height: 54px; height: 54px; width: 54px; text-align: center; border-radius: 100%; margin: 0 10px 0 0; }
.pagination a.next { font-size: 0; position: relative; background: url(img/nxt_arrow.png) no-repeat center; }
.pagination a.prev { font-size: 0; position: relative; background: url(img/pre_arrow.png) no-repeat center; }
.pagination a:hover, .pagination li a:focus, .pagination li.active, .pagination li:hover a, .pagination span.current { background-color: #d85d27; color: #fff; }
.single_detail { padding-top: 25px; }
.single_detail .single-blog { margin-bottom: 0; }
.blog_tag span { color: #000; display: inline-block; }
.blog_tag a { background: #f8f8f8; font-size: 14.5px; margin: 0 0 5px 5px; color: #898989; display: inline-block; padding: 10px 15px; border-radius: 5px; }
.blog_tag a:focus, .blog_tag a:hover { background: #eeebeb; color: #898989; }
.portfolio_pagi { margin-top: 100px; }
.pagination li.nxt_btn:hover a, .pagination li.pre_btn:hover a { background: transparent; }
.port_des.descrip li { width: 98%; display: inline-flex; padding: 6px 25px; background-image: url(img/check.png); background-repeat: no-repeat; background-position: left top 11px; background-size: 16px; }
.black_bg { background: #262626; }
.portfolio_cont { box-shadow: 0 0 20px rgba(0, 0, 0, .2); border-radius: 25px; width: 100%; float: left; }
.portfolio_cont>ul>li { padding: 40px; border-bottom: 1px solid #e8e8e8; width: 100%; float: left; }
.portfolio_cont .port_des.screenshot ul { text-align: center; }
.portfolio_cont .port_des.screenshot li { display: inline-block; width: 24%; padding: 10px; border: 0; float: none; vertical-align: top; }
.port_lft { float: left; }
.portfolio_cont .port_des.screenshot ul li:nth-child(even) { padding-top: 35px!important; }
.portfolio_cont ul li .key_feat li, .portfolio_cont ul li .techno li { border: 0; display: inline-flex; width: 98%; padding: 6px 10px 6px 30px; background: url(img/check.png); background-repeat: no-repeat; background-position: top 10px left; background-size: 20px; }
.portfolio_cont .port_des ul li img { width: 100%; height: auto; }
.project_logo, .project_title { display: inline-block; vertical-align: middle; }
.project_logo img { height: 66px; width: auto; border-radius: 10px; }
.project_title { padding-left: 20px; }
.project_title h4 { font-weight: 400; margin: 0 0 5px; }
.port_rht { float: right; padding: 10px 0 0; }
.port_rht a { margin: 5px 10px 0 0; display: inline-block; }
.port_rht a img { max-width: 150px; }
.port_rht a:last-child { margin-right: 0; }
a.visit_web { background: #000; color: #fff; padding: 10px 15px; min-width: 140px; border-radius: 7px; text-align: center; margin: 0; }
a.visit_web:hover { background: #333; }
.port_des { position: relative; padding-left: 60px; }
.port_icon { position: absolute; top: 0; left: 0; }
.port_icon img {width: 30px; max-height: 30px; object-fit: contain;}
.port_des h5 { font-weight: 400; margin: 0 0 15px; color: #000; }
.port_des.descrip p:last-child { margin-bottom: 0; }
.portfolio_screenshots { padding: 30px 15px; }
a.thumbnail img { margin-bottom: 20px; }
.mt-miuns-2 { margin-top: -2rem; }
#image-gallery .close { position: absolute; top: 10px; right: 10px; cursor: pointer; }
.btn-group { position: absolute; top: 50%; width: 100%; }
.btn-group button { background: #fa824b; border: 0; cursor: pointer; }
#show-previous-image { left: 0; position: absolute; border-radius: 0 5px 5px 0; }
#show-next-image { position: absolute; right: 0; border-radius: 5px 0 0 5px; }
.game_service li { font-size: 19px; color: #000; font-weight: 300; position: relative; padding-left: 30px; margin: 25px 0; }
.game_service li:before { content: ''; width: 7px; height: 14px; background-image: url(img/nxt_arrow.png); background-repeat: no-repeat; background-size: 100%; position: absolute; top: 8px; left: 0; }
.unit_accordin .card { border: 0; box-shadow: 0 0 21px rgba(0, 0, 0, .2); margin-bottom: 15px; border-radius: 5px; }
.unit_accordin .card-header { background-color: transparent; padding: 20px; border: 0; }
.unit_accordin h3 { font-weight: 400; margin: 0; position: relative; }
.unit_accordin h3 i { display: inline-block; text-align: left; transform: none; margin-right: 0; min-width: 36px; text-align: center; }
@media (max-width:1199px) {
  .unit_accordin h3 i { position: absolute; left: 0; max-height: 36px; max-width: 35px; min-width: 35px; top: 50%; transform: translateY(-50%); }
  .unit_accordin h3 { padding-left: 50px; }
}
.unit_accordin h3 i img { max-height: 36px; max-width: 35px; }
.unit_accordin .card-body { font-size: 15px; font-weight: 400; line-height: 29px; letter-spacing: 1px; padding-top: 0; }
.unit_accordin a h3:before { content: ''; float: right; width: 22px; height: 22px; margin: 7px 0 0; background-image: url(img/unity/minus_icon.png); background-repeat: no-repeat; }
.unit_accordin a.collapsed h3:before { background-image: url(img/unity/plus_icon.png); background-repeat: no-repeat; }
.game_service { width: 70%; margin: 0 auto; }
.unity_port { position: relative; width: 80%; margin: 0 auto 40px; display: block; }
.thumb_portfolio img { border-radius: 50px; box-shadow: 0 10px 22px rgba(0, 0, 0, .3); width: 100%; }
.unity_port h2 { position: absolute; top: 30px; left: 0; color: #fff; text-transform: capitalize; padding: 60px; }
.unity_port .position_witch { position: absolute; top: -30px; right: -20px; box-shadow: none; }
.game-service figure { margin-top: -20px; }
.game-bg { background-size: 100% 92%; background-position: top center; }
.game-bg .row { max-width: 1800px; margin: 0 auto; }
.navbar-expand-lg .navbar-collapse { flex-direction: row-reverse; }
.div.wpcf7-mail-sent-ok, div.wpcf7-acceptance-missing, div.wpcf7-validation-errors { text-align: center; }
#searchform button { z-index: 1; }
a.md-boxes.wow.fadeInUp { display: block; }
.carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; -webkit-transition-duration: .6s; transition-property: opacity; -webkit-transition-property: opacity; }
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { opacity: 1; }
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; }
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active { transform: translateX(0); transform: translate3d(0, 0, 0); -webkit-transform: translateX(0); -webkit-transform: translate3d(0, 0, 0); }
.portfolio_box a { display: block; }
.single .home_illustration img { max-height: 580px; height: auto; max-width: 100%; width: auto!important; }
.portfolios-template-slots-game-template .mobile-bg .over_banner+img { padding: 0 15px; }
.single-portfolios .summary_banner h4 { width: 70%; line-height: 38px; font-weight: 500; }
.single-portfolios .summary_banner p strong { color: #f47c43; font-weight: 400; }
.single-portfolios .summary_banner p { text-align: left; }
.page-template-design-portfolio-page .portfolio_box { padding: 0; box-shadow: none; margin: 0 auto; cursor: zoom-in;}
.page-template-design-portfolio-page #Animations .portfolio_box { cursor: pointer; }
.port_des.screenshot img { max-width: 100%; }
.page-template-design-portfolio-page .portfolio_box a { position: relative; }
#chat-widget-container { bottom: 10%; right: 5%; }
#Characters .col-sm-5:nth-child(2n+1), #ConceptArt .col-sm-5:nth-child(2n+1), .d3 .col-sm-5:nth-child(2n+1), .portfolio_wrap #Characters .col-sm-5:first-child, .portfolio_wrap #ConceptArt .col-sm-5:first-child, .portfolio_wrap .d3 .col-sm-5:first-child { margin-top: 0; }
.page-template-design-portfolio-page .portfolio_box figure img { transform: none; }
.grey_bg .title_center h2:after, .grey_bg .title_left:after { background: #f8f8f8; }
.single-portfolios h3 { margin: 20px 0; font-weight: 400; }
.port_des.descrip .full li, .portfolio_cont ul li .key_feat .full li, .portfolio_cont ul li .techno .full li { width: 98%; }
.single-chicmic_services .single_detail .col-lg-9.col-md-8.col-sm-12.blog_list li { border: 0; display: inline-flex; width: 49%; padding: 8px 10px 8px 30px; background: url(img/check.png); background-repeat: no-repeat; background-position: top 10px left; background-size: 18px; }
.single-chicmic_services .single_detail .col-lg-9.col-md-8.col-sm-12.blog_list ul { margin-bottom: 20px; }
.single-chicmic_services .single_detail { padding-top: 0; }
.portfolio_cont .port_des.screenshot ul.landscape li { width: 32%; }
.portfolio_cont .port_des.screenshot ul.landscape li:nth-child(even) { padding-top: 0!important; }
.portfolio_cont .port_des.screenshot ul.landscape li:nth-child(3n-1) { padding-top: 35px!important; }
a#lg-download { display: none; }
.mobile-bg .over_banner { display: none; }
p.disclosure { font-size: 14px; line-height: 20px; }
.howWork_Mobile { display: none; }
.es_button { padding-top: 0; }
input#es_txt_email { border: 1px solid #e5e5e5; padding: 5px 10px; font-size: 15px; }
.Search_page h2.entry-title { font-size: 28px; }
.Search_page article { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px; }
@media(max-width:991px) {
  .reqmodal-title { font-size: 22px; }
}
.main_banner { background: var(--white-color); position: relative; z-index: 1; overflow: hidden; }
@media (min-width:1200px) and (max-width:1366px) {
  .main_banner { min-height: 550px; }
}
@media (min-width:1367px) {
  .main_banner { min-height: 750px; }
}
@media (min-width:1025px) {
  .main_banner { padding-top: 80px;}
}
.our_team .team_list figure { margin: 30px 0 0; }

/* Portfolio Detail */
.carousel-control-prev svg { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); }
.br-39 { border-radius: 39px; }
.radius_box { border-top-left-radius: 40px; border-top-right-radius: 40px; box-shadow: 0 0 10px #ddd; margin-bottom:30px; }
.app_store { width: 180px; padding-bottom: 7%; }
.app_store img { width: 100%; }
.des_title { text-align: center; margin-bottom: 30px; color: #fff; }
.des_title h2 { text-align: center; position: relative; font-weight: 700; color: inherit; margin: 0; }
.des_title h2:after { content: ''; background: #fff; height: 1px; display: block; width: 140px; margin: 10px auto; }
.wrap_lr4 { padding: 0 40px; width: 100%; clear: both; }
.appdev_wrap { padding: 0 100px; }

.block1 { margin-left: -6%; float: left; margin-top: 6%; }
.block3 { margin-right: -6%; float: right; margin-top: 6%; }

.white_bg { background: var(--white-color); box-shadow: inset 0 0 20px rgba(0, 0, 0, .6); padding: 10px 0; }3
.blue_bg { background: #0088b8; box-shadow: inset 0 0 20px rgba(0, 0, 0, .6); padding: 10px 0; }
.ex_feat { width: 100%; float: left; margin: 50px 0 0; }
.feat_tech { width: 100%; display: flex; justify-content: center; flex-direction: row; }
.clear { clear: both; }
.screeshots { width: 100%; float: left; margin: 40px 0 0; }
.screeshots img { border: 5px solid #fff; box-shadow: 0 0 30px rgba(0, 0, 0, .4); width: 100%; }
.appDev_section { color: #fff; font-size: 18px; margin: 30px 0 0;}
.appDev_section figure { margin: 0; }
.appDev_section h3, .appDev_section p { color: inherit; }
.san_g2 { margin: 70px 0; position: relative; }
.blue_title h4 { background: #002e97; color: #fff; display: inline-block; padding: 10px 30px; border-radius: 7px; font-weight: 500; min-width: 200px; margin: 0 0 40px; text-align: center; }
.portfolio_des { position: relative; margin: 60px 0; z-index: 111; }
.webDevelopment_section { margin: 30px 0 0; }
.webDevelopment_section figure { margin: 0; }
.bg-blue .tag-details, .bg-blue p, .bg-blue ul { background: #1f113a; padding: 30px; border-radius: 15px; margin-top: 50px; }
.bg-blue .tag-details p { padding: 0; margin-top: 20px; }
.Apps_icons a { margin: 10px 0; }
.Apps_icons a img { width: 170px; }
.app_rating_icon h2 { color: var(--white); margin: 0; font-weight: 500; }
.app_rating_icon figure { margin: 0; box-shadow: 0 0 15px rgba(0, 0, 0, .5); border-radius: 40px; max-width: 152px; }
.app_rating_icon .detail_sum { margin-left: 20px; }
.app_rating_icon .detail_sum .stars { margin: 5px 0 0; }
.app_rating_icon .detail_sum .stars img { width: 130px; }
.app_stores a { display: block; margin: 10px 0 0; }
.app_stores a img { width: 160px; }
.game_wrap { padding: 0 50px; }
.app_play_store figure { float: left; }
.app_play_store figure img { border-radius: 44px; box-shadow: 0 0 28px rgba(0, 0, 0, .4); }
.app_play_store summary { display: inline-block; padding-left: 25px; text-transform: uppercase; }
.app_play_store { display: flex; align-items: center; }
.bluff_hd { margin: 0; }
.web_section li, .web_section p { color: var(--white); font-size: 18px; }
.tapclock_hd { padding: 30px; }
.d_inline a { display: inline-block; }
.white_txt li, .white_txt p { color: var(--white); font-size: 18px; }
.visit_bttn { background: var(--white); color: #1f3a93; float: right; font-size: 16px; padding: 3px 7px; border-radius: 3px; min-width: 150px; text-align: center; margin: 15px 0 0; }
.visit_bttn i { margin-left: 5px; font-size: 15px; color: var(--white); display: inline-block; vertical-align: top; }
.ui_listing { width: 100%; float: left; padding: 0 30px 40px; }
.ui_listing li { width: 50%; float: left; position: relative; padding-left: 36px; margin: 0 0 15px; text-align: left; }
.ui_listing li:last-child { margin-bottom: 0; }
.ui_listing li:nth-child(2n+1) { clear: both; }
.shadow_10 img { box-shadow: 0 0 12px rgba(0, 0, 0, .4); }
.grey_title { margin: 0 0 30px; text-align: center; }
.grey_title h5 { min-width: 300px; background: #676767; color: var(--white); display: inline-block; font-weight: 400; padding: 10px 30px; border-radius: 7px; margin: 0; text-transform: uppercase; text-align: center; }
.web_font li, .web_font p { font-size: 18px; }

.web_banner { width: 100%; float: left; margin: 0 0 30px; }
.web_banner figure img { width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, .2); }
.web_banner a { border: 1px solid #6a27fc; color: #6a27fc; float: right; border-radius: 5px; padding: 3px 7px; background: var(--white); min-width: 150px; text-align: center; text-transform: capitalize; }
.web_banner a:hover { border: 1px solid #6a27fc; color: #6a27fc; float: right; border-radius: 5px; padding: 3px 7px; background: var(--white); min-width: 150px; text-align: center; text-transform: capitalize; }
.web_banner a i { display: inline-block; margin-left: 5px; font-size: 15px; vertical-align: text-bottom; }
.web_description { width: 100%; margin: 0 0 30px; clear: both;}
.w-auto figure img { width: auto; }
.redx_listing { width: 100%; float: left; margin: 0 0 20px; }
.redx_listing li { padding: 0 7px 0 24px; margin: 0 0 15px; position: relative; }
.redx_listing li:last-child { margin-bottom: 0; }
.redx_listing li:before { content: ''; background: #9185bc; width: 11px; height: 11px; position: absolute; top: 8px; border-radius: 12px; left: 0; }
.redx_listing figure { margin: 0; }
.web_banner h2, .web_banner p { color: #727e81; }
.web_head { background: var(--white); padding: 40px 50px; border-radius: 35px 35px 0 0; }
.web_btn { background: #1d78ca; color: var(--white); padding: 18px 40px; display: inline-block; font-weight: 600; border-radius: 7px; }
.web_btn:hover { color: var(--white); }
.store_app { margin: 30px 0 0; }
.store_app a { display: inline-block; margin: 5px; }
.store_app a img { width: 180px; }
.web_desc:after { content: ''; background: rgba(96, 129, 41, .2); padding: 23%; height: 90%; border-radius: 20%; position: absolute; right: -15%; top: 0; transform: rotate(25deg); -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); z-index: -1; }

.job-role { padding-bottom: 0; }

.tech_stack li { padding-left: 45px; position: relative; padding-bottom: 25px; font-size: 20px; color: #848484; }
.tech_stack li:before { position: absolute; content: ""; left: 0; background: url(img/tasktraker/li_before.png) no-repeat center; background-size: contain; padding: 15px; }
.tech_stack ul { padding-top: 15px; }

.vist_summit { background: var(--white); color: #000; border-radius: 5px; padding: .8rem 2rem; font-weight: 600; text-transform: capitalize; }
.text-black { color: #000!important; }

.ar_key { background: #1a1a1a; }

.samsung_logo { padding: 100px 80px 50px; }
.samsung_logo .web_btn { padding: 15px 60px; }
.samsung_head { position: relative; }
.samsung_head:after { content: ''; background-image: url(img/samsung_page/paper-plane-right.png); background-repeat: no-repeat; background-size: 100%; padding: 7%; position: absolute; right: 0; top: 40%; }
.samsung_box { margin: 80px 0 30px; position: relative; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px;}
.samsung_box .des_title h2:before { position: absolute; content: ""; left: 0; right: 0; width: 100px; height: 1px; margin: auto; bottom: -8px; background: #fff; }
.samsung_box .web_wrap p { padding-left: 60px; padding-right: 60px; }
.samsung_hdr { position: relative; border-radius: 40px!important; background: #512ca7; }
.samsung_hdr img { width: 100%; }
.samsung_hdr .samsung_summry { position: relative; z-index: 1; }
.samsung_hdr .samsung_summry:before { content: ''; background-image: url(img/samsung_page/samsung.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; top: 0; right: 0; width: 30%; padding: 20%; z-index: -1; border-radius: 0 40px 0 0; }
.samsung_hdr .samsung_summry .web_wrap p:last-child { margin-bottom: 0; }
.samsung_box .samsung_hdr .web_wrap { position: relative; }
.samsung_box .samsung_hdr .web_wrap:before { content: ''; background-image: url(img/samsung_page/paper-plane.png); background-repeat: no-repeat; background-size: 100%; padding: 3.5%; position: absolute; left: -2%; top: 4%; z-index: 1; }
.samsung_box .samsung_hdr .web_wrap:after { content: ''; background-image: url(img/samsung_page/paper-plane-right.png); background-repeat: no-repeat; background-size: 100%; padding: 3.5%; position: absolute; right: -2%; bottom: -10%; }
.samsung_box .web_wrap p { color: #fff; }
.text-purple { color: #512ca7!important; }
.portfolio_title h2 { position: relative; font-weight: 700; }
.portfolio_title { text-align: center; margin-bottom: 30px; }
.portfolio_title h2:after { position: absolute; content: ''; background: #512ca7; height: 2px; display: block; width: 80px; margin: 10px auto; left: 0; right: 0; bottom: -20px; }
.portfolio_key_tech_list { padding: 50px; padding-bottom: 0; position: relative; }
.portfolio_key_tech_list ul li { position: relative; margin: 0 0 15px; padding-left: 40px; letter-spacing: .8px; color: #fff; }
.samsung_box .profile-key ul li {color: #333;}
.portfolio_key_tech_list .tech_list_view ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; padding-left: 20px; }
.tech_list_view { padding-top: 50px; }
.portfolio_key_tech_list li:before { content: ""; position: absolute; top: 4px; left: 0; background-image: url(img/samsung_page/paper-plane.png); background-position: center; background-repeat: no-repeat; background-size: contain; padding: 12px; }
.bg-shadow { position: absolute; content: ""; left: 0; right: 0; background-image: url(img/samsung_page/bg-shadow.png); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 27% 50%; top: 48%; z-index: -1; }
.app-maker { z-index: 1; position: relative; }
.samsung_box .profile-key { overflow: hidden; border-radius: 40px; }
.samsung_box .profile-key h2, .samsung_box .profile-key p { color: #512ca7; text-align: center; }
.samsung_box .profile-key h2:after, .samsung_box .profile-key h2:before { background: #512ca7; }
.samsung_box .profile-key ul li:before { background-image: url(img/samsung_page/send.png); }
.samsung_box .profile-key figure { position: relative; }
.samsung_box .profile-key figure:before { background-image: url(img/samsung_page/bg-profile.png); position: absolute; content: ""; padding: 75%; top: -80%; right:-50%; z-index: -1; background-repeat: no-repeat;background-size: 100% }

.store_btn { display: block; }
.store_btn a { margin: 10px; display: inline-block; }
.store_btn a img { max-width: 200px; }

.logo_summry p { color: #000; }
.logo_summry h2 { font-weight: 600; }
.sum_det { padding-left: 40px; }
.proxy_lft { position: relative; }
.proxy_lft::after, .proxy_lft::before {
  content: "";
  background: url(img/vpn-proxy/top_circle_bg.png) no-repeat center; background-size: contain;
  position: absolute;
  z-index: -1;
}
.proxy_lft:before {left: -8%; padding: 25%; top: -20%; }
.proxy_lft:after {left: -40px; padding: 13%; z-index: -1; bottom: 15%; }

.sms_reminder-detail { padding-top: 60px; }
.sms-reminder_box { overflow: hidden; position: relative; background: #dde5ef; color: #000!important; z-index: 1; margin-top: 60px; }
.sms-reminder_box:before { content: ""; position: absolute; left: -10%; padding: 20%; background: #ccd4df; top: -4%; z-index: -1; border-radius: 50%; }
.sms-reminder_hdr { padding-top: 100px; }
.sms_img_right { position: relative; z-index: 1; }
.sms_img_right:before { position: absolute; content: ""; right: -30%; padding: 65% 82%; background: url(img/sms-reminder/bg_before.png) no-repeat top; background-size: contain; top: -5%; z-index: -1; }
.sms_img_right:after { position: absolute; content: ""; left: -70%; padding: 4%; background: #429afa; bottom: 5%; z-index: -1; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.icon_reminder a { margin: 10px; }
.sms_reminder_logo img { max-width: 65%; margin: 30px 0 20px; }
.sms_reminder_star img { max-width: 150px; }
.icon_reminder { margin-top: 30px; }
.sms_reminder_sum .web_wrap { padding: 0 100px; }
.sms-reminder_box .app_stores a { padding-left: 0; }
.sms_reminder_sum { padding-top: 130px; }
.det_aftr .sms_reminder_deat { position: relative; }
.det_aftr .sms_reminder_deat:before { position: absolute; content: ""; background: #e99293; right: 15%; border-radius: 50%; padding: 3%; bottom: 0; }
.sms_reminder_deat li { padding-left: 45px; padding-top: 25px; position: relative; }
.sms_reminder_deat li:before { position: absolute; content: ""; left: 0; background: url(img/sms-reminder/li_before.png) no-repeat center; background-size: contain; padding: 15px; }
.sms_reminder_title h2 { padding-bottom: 10px; position: relative; display: inline-block; margin-bottom: 30px; font-weight: 600; }
.sms_reminder_title h2:before { position: absolute; content: ""; left: 0; background: url(img/sms-reminder/title_before.png) no-repeat center; width: 100%; height: 2px; background-position: left; bottom: 0; }
.sms_reminder_sum h4 { padding-top: 30px; }
.sms_reminder_sum .img_lft { position: relative; z-index: 1; }
.sms_reminder_sum .img_lft:before { position: absolute; content: ""; background: url(img/sms-reminder/key_before.png) no-repeat center; background-size: contain; padding: 65%; z-index: -1; left: -30%; }
.sms_reminder_sum .sms_img_right:before { padding: 70% 80%; top: -20%; }
.sms_reminder_feature { margin-bottom: -5%; }
.isparkle_box { position: relative; overflow: hidden; margin-top: 50px; }
.isparkle_box:before { background: url(img/isparkle/background.png) repeat center; background-size: 100%; position: absolute; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; content: ""; opacity: .5; }
.isparkle_box li, .isparkle_box p { color: #424242; font-size: 22px; }
.isparkle_title h3 { color: #000; font-size: 2.5rem; }
.isparkle_logo_summry h2 { font-size: 7rem; font-weight: 700; color: #fff; }
.isparkle_hdr { position: relative; background: url(img/isparkle/top_banner.jpg) no-repeat center; background-size: 100% 100%; padding: 50px 0; }
.isparkle_hdr .app_stores { padding-top: 100px; padding-left: 100px; }
.isparkle_hdr .app_stores a { padding-left: 0; }
.isparkle_logo { position: absolute; left: 40%; top: 10%; max-width: 150px; }
.isparkle_stars img { max-width: 45%; }
.isparkle_stars { padding: 20px 0; }
.isparkle_logo_summry h4 { font-size: 2.3rem; padding-bottom: 15px; color: #fff; }
.isparkle_logo_summry p { color: #fff; }
.isparkle_hd img { max-width: 120%; }
.key_isparkle li { position: relative; padding-left: 45px; padding-bottom: 30px; }
.key_isparkle li:before { position: absolute; content: ""; background: url(img/isparkle/li_before.png) no-repeat; background-size: contain; padding: 12px; left: 0; top: 8px; }
.right_isparkle { position: relative; z-index: 1; }
.right_isparkle:before { position: absolute; content: ""; right: -18%; background: url(img/isparkle/left_isparkle.png) no-repeat right; background-size: contain; padding: 65% 60%; z-index: -1; }
.left_isparkle { position: relative; z-index: 1; }
.left_isparkle:before { position: absolute; content: ""; left: -18%; background: url(img/isparkle/left_isparkle.png) no-repeat left; background-size: contain; padding: 65% 60%; z-index: -1; }
.isparkle_info h4 { font-size: 4rem; color: #272729; font-weight: 600; }
.isparkle_info span { font-size: 20px; color: #858585; }
.isparkle_box .tagline-tag img { max-width: 70%; }
.isparkle_box .tagline-tag { position: absolute; top: -70%; }
.isparkle_box .tagline-tag:before { position: absolute; content: ""; background: url(img/isparkle/rectangle_fill.png) no-repeat center; background-size: contain; padding: 60%; top: 40%; left: 160%; }
.isparkle_info { position: relative; }
.isparkle_info .isparkle_summ { padding-right: 5%; }
.isparkle_info .isparkle_summ strong { font-size: 22px; }
.isparkle_list { padding-top: 100px; position: relative; }
.tagline_square { position: absolute; top: -20%; }
.techno_isparkle .right_isparkle:before { bottom: -30%; padding: 85% 62%; }
.techno_isparkle .right_isparkle { margin-top: -10%; }
.isparkle_title h4 { font-size: 2.8rem; padding-bottom: 30px; }
.techno_isparkle .tagline_square { top: 15%; }
.techno_isparkle .right_isparkle:after { content: ""; background: url(img/isparkle/rectangle_before.png) no-repeat center; background-size: contain; padding: 20%; position: absolute; right: 0; top: -20%; }
.wizcard_box { overflow: hidden; position: relative; margin-top: 50px; }
.wizcard_hdr { padding-top: 90px; position: relative; }
.wizcard_hdr .web_wrap { padding-left: 60px; padding-right: 60px; }
.wizcard_hdr:before { position: absolute; content: ""; left: -6%; background: url(img/wizcard/logo_before.png) no-repeat left; background-size: 70%; padding: 15% 22%; top: -4%; }
.wizcard_hdr:after { position: absolute; content: ""; right: -22%; background: url(img/wizcard/wizcard_after.png) no-repeat left; background-size: 70%; padding: 15% 22%; top: -5%; }
.wizcard_icons a { margin: 15px; }
.wizcard_logo_detail { position: relative; }
.wizcard_logo_detail:before { position: absolute; content: ""; right: 5%; top: 2%; padding: 10%; background: url(img/wizcard/dots.png) no-repeat center; background-size: contain; }
.wizcard_logo_detail figure img { max-width: 170px; margin-bottom: 10px; }
.shapes__wizcard p { padding-top: 20px; font-size: 22px; color: #616161; }
.wizcard_projects { background: #0060ff; margin-top: -5%; }
.wizcard_projects p { color: #fff; font-size: 22px; }
.wizcard_key_feature li { position: relative; padding-left: 40px; padding-bottom: 30px;color: var(--white); }
.wizcard_key_feature li:before { position: absolute; content: ""; background: url(img/wizcard/li_before.png) no-repeat center; background-size: contain; padding: 2.5%; top: 0; left: 0; }
.wizcard_key_feature h2 { font-size: 3rem; padding-bottom: 30px; font-weight: 600; text-transform: capitalize; }
.key_left, .key_right { position: relative; }
.key_left:before { content: ""; background: url(img/wizcard/before.png) no-repeat left; background-size: contain; padding: 60% 67%; position: absolute; left: -53%; z-index: 0; bottom: 0; }
.key_right:after { position: absolute; content: ""; background: url(img/wizcard/after.png) no-repeat left; background-size: contain; padding: 60% 67%; right: -53%; z-index: 0; bottom: 0; }
.key_left figure, .key_right figure { z-index: 1; position: relative; }
.wizcard_tech_list ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
.wizcard_projects .graphic_icon figure { margin-bottom: 0; padding-bottom: 15px; }
.yufa_box { background: #2c5cd9; overflow: hidden; }
.yufa_box .web_wrap { padding: 0 70px; }
.yufa_sec1 { background: url(img/yufa/logo_bg.jpg) no-repeat bottom; background-size: cover; position: relative; padding: 50px 0; }
.yufa_box .app_stores { position: absolute; right: 50px; bottom: 30%; }
.yufa_box .bluff_hd { margin-top: -10%; text-align: center; }
.yufa_box .bluff_hd img { max-width: 80%; }
.yufa-sec2 { background: url(img/yufa/bg_des.jpg) no-repeat; background-size: cover; position: relative; padding: 50px 0; text-align: center; }
.yufa-sec2 p { margin-bottom: 0; }
.yufa_title h5 { position: relative; display: inline-block; padding: 10px 45px; font-size: 1.6rem; background: #ffac2c; border-radius: 10px; text-align: center; border-bottom: 8px solid #e1751d; z-index: 1; font-weight: 800; }
.yufa_title h5:before { position: absolute; content: ""; left: 0; right: 0; background: url(img/yufa/curve.png) no-repeat center; background-size: 100%; padding: 10% 50%; top: 0; z-index: -1; }
.key_feat_yufa li { position: relative; padding-left: 45px; padding-bottom: 25px; }
.key_feat_yufa li:before { position: absolute; content: ""; left: 0; background: url(img/yufa/li_before.png) no-repeat center; padding: 16px; background-size: contain; top: 5px; }
.key_feat_yufa { padding-top: 50px; }
.yufa-sec3 { padding-top: 60px; padding-bottom: 20px; }
.yufa_feat { position: relative; }
.yufa_feat:before { position: absolute; content: ""; left: -90px; background: url(img/yufa/feat_before.png) no-repeat center; background-size: contain; padding: 42% 9%; top: -48px; }
.yufa_feat ul { margin-left: -50px; }
.yufa-sec4 { background: url(img/yufa/img_bg.jpg) no-repeat top; background-size: cover; position: relative; padding: 50px 0; box-shadow: inset -2px 10px 33px -5px rgba(0, 0, 0, 0.51); }
.yufa-sec5 { background: url(img/yufa/img_bg_images.jpg) no-repeat top; background-size: cover; position: relative; padding: 50px 0; }
.yufa_screens figure { max-width: 25%; margin-top: 50px; padding: 10px; }
.yufa_screens figure img { border: 3px solid #fff; }
.yufa_screens figure:nth-child(odd) { margin-top: -30px; }
.yufa_logos figure { margin: 30px 0; }
.yufa_logos figure:nth-child(3) { width: 100%; text-align: center; }
.tech_stack_yufa .key_feat_yufa { padding-top: 0; }
.tech_stack_yufa { padding: 50px 0 0; margin-bottom: 50px; }
.tech_stack_yufa ul { padding: 20px 0; }
.natrela_box { overflow: hidden; position: relative; margin-top: 50px; }
.natrela_box li, .natrela_box p { font-size: 20px; }
.natrela_box .web_wrap { padding: 0 100px; }
.natrela_hdr { background: url(img/natrela/top_bg.png) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; padding-top: 100px; }
.natrela_hdr h3 { padding: 20px 0; }
.natrela_hdr p { color: #fff; }
.natrela_logo img { border-radius: 15px;  max-width: 90px;}
.natrela_hdr .app_stores a { margin-right: 10px; margin-top: 25px; }
.natrela_sum h5 { color: #000; }
.natrale_des { padding-right: 100px; position: relative; }
.natrela_sum { padding: 20px 0; }
.natrela_sum p { font-size: 18px; }
.natrela_brief { padding-top: 60px; color: #000; }
.key_natrella li { position: relative; padding-left: 35px; padding-bottom: 30px; }
.key_natrella li:before { position: absolute; content: ""; left: 0; padding: 5px; border-radius: 50%; background: #3b2dcb; top: 13px; }
.natrale_des:before { position: absolute; top: 0; left: -30px; background: url(img/natrela/bg_before.png) no-repeat center; background-size: contain; padding: 35% 47%; content: ""; z-index: -1; }
.natrela_list { padding-top: 100px; }
.natrela_title h4 { color: #000; font-size: 2.4rem; padding-bottom: 20px; }
.natrela_det { padding: 20px 70px; }
.natrela_icon .natrela_sum h5 { padding: 10px 0; }
.natrala_tech { position: relative; margin-bottom: -10px; margin-top: 70px; }
.natrala_tech:after { content: ""; background: url(img/natrela/btn_bg.png) no-repeat right; background-size: 95% 100%; width: 100%; height: 100%; padding-top: 100px; position: absolute; top: 0; z-index: -1; right: -20px; }
.natrala_tech figure { margin-bottom: 0; }
.natrela_sumery .web_wrap { padding: 0 200px; }
.natrela_sumery .natrela_sum { padding-right: 80px; }
.dodge_box { position: relative; overflow: hidden; }
.dodge_box li, .dodge_box p { font-size: 20px; color: #000; }
.dodge_hdr { position: relative; background: url(img/dodge/top_bg.jpg) no-repeat center; background-size: 100% 100%; padding: 70px 0 50px; }
.dodge_icons { padding-top: 30px; position: relative; }
.dodge_title img { padding-bottom: 10px; }
.dodge_hdr .web_wrap { padding: 0 100px; }
.dodge_hdr h4 { color: #000; padding-bottom: 10px; }
.dodge_hdr p { padding: 0 100px; position: relative; }
.dodge_hdr p:before { position: absolute; content: ""; background: url(img/dodge/stars.png) no-repeat left; background-size: contain; padding: 15px; left: 50px; top: 0; }
.dodge_hdr p:after { position: absolute; content: ""; background: url(img/dodge/stars.png) no-repeat left; background-size: contain; padding: 15px; right: 50px; top: 0; }
.dodge_hdr .app_stores:before { position: absolute; content: ""; background: url(img/dodge/stars.png) no-repeat left; background-size: contain; padding: 15px; left: 15%; bottom: 0; }
.dodge_hdr .app_stores:after { position: absolute; content: ""; background: url(img/dodge/stars.png) no-repeat right; background-size: contain; padding: 15px; right: 20%; bottom: 0; }
.dodge_icons:before { position: absolute; content: ""; background: url(img/dodge/stars.png) no-repeat left; background-size: contain; padding: 15px; left: 0; bottom: -20px; }
.dodge_icons:after { position: absolute; content: ""; background: url(img/dodge/stars.png) no-repeat right; background-size: contain; padding: 15px; right: 0; bottom: -20px; }
.dodge_hdr .app_stores { padding: 10px 0; position: relative; }
.dodge_hdr .app_stores a { margin-right: 25px; }
.dodge_list { padding: 50px 0; }
.key_dodge li { position: relative; padding-left: 45px; padding-bottom: 30px; }
.key_dodge li:before { position: absolute; content: ""; left: 0; background: url(img/dodge/li_before.png) no-repeat center; background-size: contain; padding: 12px; }
.dodge_logo img { margin-bottom: 20px; }
.shapes { position: relative; }
.shape_1, .shape_2, .shape_3, .shape_4 { position: relative; z-index: 1; }
.shape_1 i, .shape_2 i, .shape_3 i, .shape_4 i { position: absolute; z-index: 1; }
.shape_1 i { right: 4%; top: 150px; }
.shape_2 i { left: 6%; top: 150px; }
.shape_3 i { right: 6%; top: 500px; }
.shape_4 i { left: 6%; top: 500px; }
.shapes img { max-width: 70%; }
.dodge_keyfeat { position: relative; background: url(img/dodge/key_feat_bg.jpg) no-repeat center; background-size: 100% 100%; }
.dodge_heading { position: relative; }
.dodge_heading .dodge_title i { position: absolute; left: 0; right: 0; top: 50px; }
.dodge_selct { background: url(img/dodge/select-avtar.jpg) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; padding: 50px 0; }
.dodge_selct p { padding: 20px 100px 50px; }
.dodge_techfeat { position: relative; background: url(img/dodge/technolody_stack_bg.jpg) no-repeat center; background-size: 100% 100%; padding: 50px 0; }
.dodge_screenshot { position: relative; background: url(img/dodge/screenshot.jpg) no-repeat center; background-size: 100% 100%; padding: 50px 0; }
.dodge_screenshot .dodge_img_block { margin-bottom: -20%; }
.shadow-lg { -webkit-filter: drop-shadow(0 0 7px rgba(0, 0, 0, .175)); filter: drop-shadow(0 0 7px rgba(0, 0, 0, .175)); }
.engage_box p { color: #6d6d6d; font-size: 21px; line-height: 1.6; }
.engage_box { margin-top: 50px; }
.engage_summary .engage_details h4 { line-height: 40px; }
.engage_summary .engage_details p { line-height: 35px; }
.engage_summary ul li:nth-child(odd) .engage_details { padding-left: 40px; }
.engage_summary ul li:nth-child(even) .engage_details { padding-right: 40px; }
.engage_section { margin-top: 10px; }
.engage_section .appdev_wrap { padding: 0 70px; }
.engage_icons a:first-child { margin-right: 15px; }
.engage_section .key_features { background: #ddf2ff; padding: 70px 0 50px; margin: 50px 0; }
.key_features h3 { padding-bottom: 50px; }
.key_list_project figure { max-width: 80%; margin: auto; }
.engage_list li { position: relative; padding-left: 40px; padding-bottom: 30px; color: #6d6d6d; font-size: 18px; }
.engage_list li:before { position: absolute; content: ""; background: url(img/engage/li_before.png) no-repeat center; background-size: contain; padding: 2%; left: 0; top: 3px; }
.engage_section h3 { font-weight: 700; font-size: 2.8rem; }
.key_list_project h3 { margin-bottom: 40px; line-height: 1.5; font-size: 2.8rem; }
.tech_engage ul.engage_list { columns: 2; -moz-columns: 2; -webkit-columns: 2; }
.tech_engage .key_list_project h3 { text-align: center; }
.engage_btm { padding: 50px 0 70px; }
.engage_summary h3 { padding: 80px 0 30px; font-size: 2.8rem; }

.casino_box { overflow: hidden; position: relative; }
.casino_hdr_box { position: relative; }
.casino_box li, .casino_box p { font-size: 20px; }
.casino_detail { position: absolute; top: 120px; }
.casino_detail h2 { font-size: 3.5rem; font-weight: 600; letter-spacing: 1px; }
.casino_detail h3 { padding: 30px 0 20px; }
.casino_detail p { color: #fff; line-height: 1.7; }
.visit_casino_Website { background: #22c061; padding: .6rem 1rem; border-radius: 5px; margin-top: 30px; color: #fff; display: inline-block; font-weight: 600; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6); }
.key_casino li { position: relative; padding-left: 40px; padding-bottom: 25px; color: #000; }
.key_casino li:before { position: absolute; content: ""; left: 0; background: url(img/casino/li_before.png) no-repeat center; background-size: contain; padding: 10px; top: 6px; }
.casino_title h4 { font-size: 2.5rem; color: #000; padding-bottom: 20px; }
.casino_list { padding-top: 100px; }
.casino_left { position: relative; }
.casino_left:before { position: absolute; content: ""; background: url(img/casino/img_before.png) no-repeat center; background-size: contain; left: -10%; top: -25%; padding: 45% 50%; z-index: -1; }
.casino_des h5 { color: #000; padding: 15px 0; }
.casino_sum i img { height: 200px; object-fit: cover; }
.casino_right { position: relative; }
.casino_right:before { position: absolute; content: ""; background: url(img/casino/img.png) no-repeat right; background-size: contain; right: -10%; top: -25%; padding: 45% 50%; z-index: -1; }
.project_casino p { padding: 20px 100px; color: #fff; line-height: 1.7; }
.casino_tab { position: relative; color: #fff; }
.project_casino { position: absolute; bottom: 0; }
.casino_pro_tab { padding-bottom: 50px; }
.casino_tab .project_casino h4 { font-size: 2.3rem; }
.ofc_box { overflow: hidden; position: relative; }
.ofc_hdr { position: relative; background: url(img/ofc/ofice_bg.jpg) no-repeat center; background-size: 100% 100%; padding: 50px 0 20px; }
.ofc_logo { padding-bottom: 20px; }
.ofc_title h3 { font-size: 2.5rem; color: #000; padding-bottom: 30px; }
.ofc_list { padding-top: 70px; }
.ofc_sum { background: #fff; padding: 20px 10px; position: relative; min-height: 150px; }
.ofc_sum h4 { color: #280a5f; font-size: 23px; }
.ofc_sum i img { max-width: 46px; }
.ofc_sum i { margin-bottom: 20px; width: 100%; float: left; }
.ofc_sum p { line-height: 2; color: #333333;}
.ofc_pro p { padding: 0 130px; margin-bottom: 0; }
.ofc_box .app_store { margin-left: auto; }
.ofc_box .key_feat ul, .ofc_box .tech_ofc, .ofc_box .tech_ofc ul, .ofc_brief, .ofc_sum, .ofc_tec { position: relative; z-index: 1; }
.ofc_box .key_feat ul:after, .ofc_box .tech_ofc:after, .ofc_brief:after { position: absolute; content: ""; background: url(img/ofc/triangle.png) no-repeat right; right: 5%; padding: 15px; background-size: contain; bottom: 0; }
.ofc_tec:before { position: absolute; content: ""; background: #dde0f0; left: 15%; padding: 7px; top: 10%; transform: rotate(45deg); }
.ofc_box .ofc_brief:after { z-index: 1; }
.ofc_tec:after { position: absolute; content: ""; background: #dde0f0; right: 5%; padding: 7px; bottom: 50%; transform: rotate(45deg); }
.ofc_box .tech_ofc ul:before { position: absolute; content: ""; background: url(img/ofc/triangle.png) no-repeat right; right: 5%; padding: 15px; background-size: contain; top: 0; z-index: -1; }
.ofc_box .tech_ofc ul:after { bottom: -50%; }
.ofc_box .key_feat p {color: #333333;}
.ofc_box .key_feat li { position: relative; padding-left: 40px; padding-bottom: 30px; color: #212121; }
.ofc_box .key_feat li:before { position: absolute; top:5px; content: ""; left: 0; padding: 10px; background: url(img/ofc/li_before.png) no-repeat center; background-size: contain; }
.play_games { position: relative; background: #ffefef; padding: 50px 0 30px; margin-top: 50px; }
.ofc_title h4 { font-size: 2rem; padding-bottom: 15px; color: #212121; font-weight: 700; }
.tech_ofc ul { columns: 2; -moz-columns: 2; -webkit-columns: 2; padding-left: 10%; padding-top: 20px; position: relative; }
.tech_ofc:before { position: absolute; content: ""; padding: 50%; background: url(img/ofc/tech_before.png) no-repeat right; background-size: 96% 100%; z-index: -1; }
.ofc_faq { position: relative; }
.ofc_faq:before { position: absolute; content: ""; background: url(img/ofc/faq_before.png) no-repeat left; left: -40%; padding: 60%; background-size: contain; top: -50%; z-index: -1; }
.ofc_right { position: relative; }
.ofc_right:before { position: absolute; content: ""; background: url(img/ofc/project_after.png) no-repeat right; right: -6%; padding: 39%; background-size: contain; top: -30%; z-index: -1; }
.ofc_pro { position: relative; }
.ofc_pro:after { position: absolute; content: ""; background: url(img/ofc/project_after.png) no-repeat right; right: 0; padding: 6%; background-size: contain; top: 12%; z-index: -1; opacity: .7; }
.xian_box h3 { font-weight: 600; }
.xian_box { position: relative; margin-top: 30px; overflow: hidden; }
.xian_box .detail_sum, .xian_box .web_wrap { padding-left: 100px; padding-right: 100px; }
.tech_xian .xian_key { padding: 0; }
.xian_details, .xian_store { position: relative; }
.xian_store:before { background: url(img/2xian/up_shap.jpg) no-repeat center; background-size: cover; position: absolute; content: ""; padding: 35%; left: 0; right: 0; -webkit-clip-path: polygon(0 0, 100% 0, 100% 60%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 60%, 0% 100%); }
.xian_store img { max-width: 300px; }
.xian_box .detail_sum { padding-top: 5%; color: #fff; padding-left: 50px; padding-right: 50px; }
.xian_box .detail_sum p { color: #fff; font-size: 20px; }
.website-visit { position: absolute; top: 15%; right: 5%; }
.detail_sum .btn-orange { background: #ff660b; border-radius: 5px; padding: .75rem 1rem; text-transform: capitalize; color: #fff; }
.xian_image { z-index: 1; position: relative; padding-top: 50px; }
.xian_image img, .xian_key figure { max-width: 80%; text-align: center; margin: auto; }
.xian_key { padding-top: 60px; }
.xian_key .techno-stack ul { columns: 1; -webkit-columns: 1; -moz-columns: 1; }
.xian_key ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
.xian_key li { padding-bottom: 15px; padding-left: 30px; position: relative; color: #333333;}
.tech_xian { background: #efefef; padding-top: 60px; margin: 40px 0; }
.xian_key li:before { position: absolute; content: ""; background: url(img/2xian/li_before.png) center no-repeat; background-size: contain; width: 22px; height: 22px; left: 0; top: 3px; }
.xian_key h3.text-center { color: #057bff; }
.detail_xian { padding-top: 50px; }
.detail_xian h3 { padding-bottom: 20px; }
.technology_2xian_details h3 { position: relative; z-index: 1; }
.technology_2xian_details { position: relative; padding-bottom: 80px; }
.technology_2xian_details .xian_image { padding-top: 50px; }
.technology_2xian_details:before { content: ""; background: url(img/2xian/down_shap.jpg) no-repeat center; background-size: cover; position: absolute; padding: 45%; left: 0; right: 0; -webkit-clip-path: polygon(0 55%, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 55%, 100% 0, 100% 100%, 0 100%); }
.Sweet_memory_box { overflow: hidden; position: relative; }
.Sweet_memory_box .web_wrap { padding: 0 80px; }
.Sweet_memory_box li, .Sweet_memory_box p { font-size: 20px; color: #fff; }
.Sweet_memory_hdr { background: url(img/sweet-memory/top_bg.jpg) no-repeat center; background-size: cover; position: relative; padding: 10px 0; }
.Sweet_memory_hdr .visit-website { text-align: right; }
.play_game_memory { background: #000; color: #fff; border-radius: 5px; padding: .8rem 1.5rem; font-size: 20px; }
.sweet_memory_area { background: url(img/sweet-memory/background.jpg) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; position: relative; }
.sweet_memory_area:before { position: absolute; content: ""; background: url(img/sweet-memory/before.png) no-repeat left; background-size: contain; padding: 16px; bottom: 0; left: 0; }
.sweet_memory_area:after { position: absolute; content: ""; background: url(img/sweet-memory/after.png) no-repeat right; background-size: contain; padding: 16px; bottom: 0; right: 0; }
.sweet_memory_list { padding-top: 70px; }
.sweet_memory_key li { position: relative; padding-left: 40px; padding-bottom: 30px; }
.sweet_memory_key li:before { content: ''; background-image: url(img/sweet-memory/li_before.png); background-repeat: no-repeat; background-size: 100%; width: 26px; height: 28px; position: absolute; left: 0; top: 1px; }
.Sweet_memory_dark_bg { background: url(img/sweet-memory/border_bg.png) no-repeat center; background-size: 100% 100%; padding: 50px; }
.Sweet_memory_dark_bg p { line-height: 1.5; }
.title_Sweet_memory h4 { display: inline-block; color: #fff; background: #88343e; border-radius: 12px; outline: 0; border: 2px solid #fff; font-weight: 400; padding: 12px 20px; margin: 0; box-shadow: 0 0 10px rgba(0, 0, 0, .3); text-transform: uppercase; margin-bottom: 30px; }
.title_Sweet_memory h5 { display: inline-block; color: #fff; background: #88343e; border-radius: 12px; outline: 0; font-weight: 400; padding: 12px 20px; margin: 0; box-shadow: 0 0 10px rgba(0, 0, 0, .3); text-transform: uppercase; margin-bottom: 30px; }
.Sweet_memory_dark_bg .title_Sweet_memory { margin-top: -76px; }
.key_memory { display: inline-block; background: url(img/sweet-memory/bg.png) no-repeat center; background-size: 100% 100%; padding: 70px; min-height: 500px; max-width: 100%; min-width: 420px; }
.sweet_memory_key h4 { font-size: 2rem; }
.sweet_memory_key .memory_key_feat { margin-top: 150px; }
.sweet_memory_screen { padding-bottom: 50px; }
.sweet_memory_screen h4 { margin-bottom: 80px; }
.cf11_box { position: relative; overflow: hidden; background: #1f1552; }
.cf11_box p { font-size: 20px; color: rgba(255, 255, 255, 0.85); text-align: justify; }
.cf11_hdr { position: relative; }
.cf11_hdr .web_wrap { padding: 0 100px; }
.cf11_list { padding-top: 120px; }
.cf11_detail { position: absolute; top: 150px; }
.cf11_detail h3 { font-size: 2.6rem; padding: 15px 0; }
.cf11_title { text-align: center; padding-bottom: 40px; }
.cf11_title h4 { position: relative; display: inline-block; z-index: 1; }
.cf11_title h4:before { position: absolute; content: ""; background: url(img/cf11/title_before.png) no-repeat left; background-size: contain; padding: 20%; left: -30%; top: -72%; z-index: -1; }
.cf11_sum { position: relative; background: url(img/cf11/detail_sum_before.png) no-repeat top; background-size: 100% 100%; padding: 0 20px; min-height: 200px; display: flex; align-items: center; flex-direction: column; justify-content: center; max-width: 290px; margin: auto; width: 100%; }
.cf11_sum p { color: rgba(255, 255, 255, 0.85); font-size: 18px; margin-bottom: 0; }
.cf11_tab { background: url(img/cf11/tab_bg.png) no-repeat center; background-size: cover; width: 100%; height: 100%; margin-top: 50px; }
.key_feat_cf11 { padding-left: 100px; padding-right: 70px; }
.key_feat_cf11 li { padding-left: 30px; padding-bottom: 30px; position: relative; }
.key_feat_cf11 li:before { content: ""; background: url(img/cf11/title_before.png) no-repeat left; background-size: contain; position: absolute; left: 0; padding: 10px; }
.cf11_left { position: relative; z-index: 1; }
.cf11_left:before { position: absolute; content: ""; background: url(img/cf11/before.png) no-repeat right; background-size: contain; right: -30%; padding: 54%; top: -30%; z-index: -1; }
.cf11_right { position: relative; z-index: 1; }
.cf11_right:before { position: absolute; content: ""; padding: 35%; background: #dd163b; left: 0; border-radius: 50%; z-index: -1; left: -10%; top: 10%; }
.game_cf11 h4:before { left: auto; right: 0; padding: 12%; }
.cf11_techno { position: absolute; top: 0; z-index: -1; }
.techno_tab { position: relative; z-index: 1; padding-top: 160px; padding-bottom: 50px; margin-top: 50px; }
.work_pg_box { overflow: hidden; color: #000!important; }
.work_pg_key li, .work_pg_key p { font-size: 20px; color: #858585; }
.work_pg_hdr .app-stores { text-align: right; }
.vist_work { background: #fff; color: #000; border-radius: 5px; padding: .8rem 2rem; font-weight: 600; text-transform: capitalize; }
.work_pg_logo img { max-width: 70%; padding-bottom: 25px; }
.work_pg_hdr { padding-top: 70px; position: relative; }
.work_pg_hdr:before { content: ""; background: url(img/pg_new/visit_web_before.png) no-repeat right; background-size: contain; padding: 42%; position: absolute; right: -21%; top: -60%; z-index: -1; }
.work_pg_hdr h3 { padding: 30px 0 15px; }
.work_pg_key li { position: relative; padding-left: 45px; padding-bottom: 25px; }
.work_pg_key li:before { position: absolute; content: ""; left: 0; top:3px; background: url(img/pg_new/li_before.png) no-repeat center; background-size: contain; padding: 14px; }
.work_pg_title { position: relative; padding-bottom: 20px; }
.work_pg_title span { position: absolute; color: #1f1f1f; font-weight: 700; font-size: 3.5rem; opacity: .1; top: -30px; }
.work_pg_list .user_list i:nth-child(odd) { margin-top: -20px; margin-right: -20px; }
.work_pg_list .user_list i { width: 100%; float: left; margin-bottom: 10px; max-width: 50%; }
.work_pg_list { padding-top: 130px; }
.work_pg_techno { position: relative; }
.techno_work { position: absolute;  bottom: 50px; left: 50%;  transform: translateX(-50%);  width: 100%;}
.work_pg_techno { padding-bottom: 50px; background: #2662ba; padding-top: 0; margin-top: 40px; }
.work_pg_techno figure { margin-bottom: 0; }
.work_pg_box .key_workleft, .work_pg_box .key_workright { position: relative; }
.work_pg_box .key_workright:before { position: absolute; content: ""; right: -57%; top: -50%; padding: 54% 50%; background: url(img/pg_new/img_after.png) no-repeat right; background-size: contain; z-index: -1; }
.work_pg_box .key_workleft:before { position: absolute; content: ""; left: -57%; top: -50%; padding: 54% 50%; background: url(img/pg_new/img_before.png) no-repeat left; background-size: contain; z-index: -1; }
.popdoc_box { position: relative; overflow: hidden; }
.popdoc_box li, .popdoc_box p { color: #858585; font-size: 20px; }
.popdoc_logo { text-align: center; }
.popdoc_hdr { position: relative; background: #f6f6f6; color: #000; padding-bottom: 50px; overflow: hidden; }
.popdoc_hdr h2 { font-size: 2.6rem; font-weight: 800; letter-spacing: 1px; }
.popdoc_hdr:before { content: ""; background: url(img/popdoc/bg_after.png) no-repeat right; background-size: 100%; padding: 31% 42%; position: absolute; right: -20%; }
.popdoc-detail { padding-top: 70px; }
.popdoc_hdr .app_stores { top: 25px; position: absolute; right: 45px; }
.popdoc_hdr .app_stores a { display: inline-block; background: #fff; color: red; padding: .8rem 2rem; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.20); border-radius: 5px; font-weight: 600; }
.popdoc-detail h4 { padding: 20px 0 10px; }
.pop_res_brief { padding-top: 50px; }
.popdoc_sum { background: #fff; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); padding: 30px 20px; position: relative; }
.popdoc_sum i img { max-width: 150px; padding-bottom: 25px; }
.popdoc_sum h4 { color: #000; text-transform: capitalize; }
.popdoc_title h3 { color: #000; padding-bottom: 30px; font-weight: 700; }
.popdoc_feat { padding-top: 100px; }
.popdoc_feat li { position: relative; padding-left: 40px; padding-bottom: 30px; }
.popdoc_feat li:before { position: absolute; content: ""; left: 0; padding: 10px; background: url(img/popdoc/li_before.png) no-repeat center; background-size: contain; top: 6px; }
.popdoc_box .key_feat_left { position: relative; }
.popdoc_box .key_feat_left:before { position: absolute; content: ""; padding: 32% 50%; background: url(img/popdoc/key_feat_before.png) no-repeat center; background-size: contain; left: 0; top: -25px; z-index: -1; }
.popdoc_box .key_feat_right { position: relative; }
.popdoc_box .key_feat_right:before { position: absolute; content: ""; padding: 32% 50%; background: url(img/popdoc/key_feat_after.png) no-repeat center; background-size: contain; right: 0; top: -25px; z-index: -1; }
.popdoc_tech_feature ul { columns: 2; -moz-columns: 2; -webkit-columns: 2; padding-left: 10%; }
.popdoc_tech_feature h3 { color: #fff; }
.popdoc_tech_feature { background: url(img/popdoc/tech_stack_bg.jpg) no-repeat center; background-size: cover; margin-top: 60px; padding-bottom: 20px; }
.popdoc_tech_feature li { color: #fff; }
.popdoc_tech_feature li:before { background: url(img/popdoc/li_after.png) no-repeat center; background-size: contain; }
.venus_dress_box a.vist_summit { background: #000; color: #fff; font-size: 17px; display: inline-block; border-radius: 7px; min-width: 162px; }
.venus_dress_box { overflow: hidden; position: relative; }
.venus_dress_box li, .venus_dress_box p { color: #858585; }
.venus_dress_box .web_wrap { padding: 0 70px; }
.venus_dress_hdr { padding-top: 50px; position: relative; }
.venus_dress_hdr:before { position: absolute; content: ""; left: -10%; background: #ed1c24; padding: 10%; border-radius: 50%; top: -18%; }
.venus_dress_hdr:after { position: absolute; content: ""; left: -7%; background: url(img/venus-dress/bg_after.png) no-repeat left; background-size: contain; padding: 9% 10%; border-radius: 50%; bottom: -7%; }
.venus_dress_hdr h4 { color: #000; padding: 15px 0; }
.venus_dress_hdr .venus_dress_des { position: relative; z-index: 1; }
.venus_dress_hdr .venus_dress_des:before { position: absolute; content: ""; right: -37%; top: -10%; background: url(img/venus-dress/top_bg.png) no-repeat center; background-size: contain; padding: 62% 70%; z-index: -1; }
.venus_dress_hdr .app_stores a { margin-right: 15px; }
.venus_dress_sum h5 { color: #000; }
.venus_list { padding-top: 50px; }
.key_feat_dress li { position: relative; padding-left: 40px; padding-bottom: 30px; }
.key_feat_dress li:before { position: absolute; content: ""; background: url(img/venus-dress/li_before.png) no-repeat center; background-size: contain; padding: 10px; top: 4px; left: 0; }
.venus_dress_title h4 { font-size: 2.5rem; color: #000; padding-bottom: 25px; }
.venus_dress_left { position: relative; z-index: 1; }
.venus_dress_left:before { position: absolute; content: ""; background: url(img/venus-dress/img_before.png) no-repeat left; background-size: contain; padding: 70%; left: -34%; z-index: -1; }
.venus_dress_sum { padding-bottom: 25px; }
.venus_dress_box .venus_dress_sum { min-height: 210px; }
.venus_dress_right { position: relative; z-index: 1; }
.venus_dress_right:after { position: absolute; content: ""; right: -35%; padding: 71% 70%; background: url(img/venus-dress/img_after.png) no-repeat right; background-size: contain; top: -10%; z-index: -1; }
.venus_dress_techno figure { margin-bottom: 0; }
.venus_dress_techno figure img {width: 100%;}
.venus_dress_key { position: relative; z-index: 1; }
.venus_dress_key:after { position: absolute; content: ""; background: url(img/venus-dress/bg_before.png) no-repeat right; background-size: contain; padding: 10%; top: 3px; right: -8%; }
.venus_dress_key:before { position: absolute; content: ""; background: url(img/venus-dress/bg_before.png) no-repeat left; background-size: contain; padding: 10%; bottom: -10%; left: -8%; }
.venus_dress_bri { position: relative; }
.venus_dress_bri:after { position: absolute; content: ""; background: url(img/venus-dress/bg_after.png) no-repeat right; background-size: contain; padding: 10%; bottom: -30%; right: -8%; }

.bubblefun_contentArea { position: relative; width: 100%; float: left; overflow: hidden; }
.bubblefun_contentArea p { font-size: 22px; }
.supperbubble_box { background-color: #373f4f; padding: 70px 0 0; width: 100%; float: left; background-image: url(img/superbubblefun/top_bubble.jpg); background-repeat: repeat; background-position: center top; background-size: 100%; position: relative; }
.supperbubble_store { background-color: #fff; clear: both; background: url(img/superbubblefun/app_logo_bg.png) no-repeat center; background-size: contain; padding: 23% 50% 20%; position: relative; }
.bubblefun_contentArea .store_detail.supperbubble_store .store_box { position: relative; top: 120px; }
.bubblefun_contentArea .store_detail .store_box { margin: 0 18%; }
.bubblefun_contentArea .app_stores a { padding-right: 15px; }
.bubblefun_contentArea .store_box h3 { color: #000; text-transform: unset; }
.supper_bubble_play { position: absolute; top: 70px; left: 0; right: 0; }
.how_to_play_fun { position: relative; }
.supper_bubble_play p { padding: 0 170px; }
.play_gamefun figure { margin-left: -5%; margin-right: -6%; }
.play_gamefun { top: -70px; }
.play_gamefun .supper_bubble_play { top: 50px; }
.bubblefun_contentArea .store_box:before, .bubblefun_contentArea .store_detail:after { display: none; }
.commpleted_level_fun { position: relative; top: -70px; padding-bottom: 100px; }
.how_to_play_fun.play_bg>figure img { width: 100%; }
.dyef_box { overflow: hidden; position: relative; }
.dyef_hdr { position: relative; content: ""; background: url(img/dyef/top_bg.jpg) no-repeat center; background-size: 100% 100%; left: 0; padding: 5% 0; top: 0; }
.dyef_box .store_app { margin-top: 0; }
.dyef_box .stars { margin: 0; }
.dyef_list { padding-top: 60px; }
.dyef_box .store_app a { padding: 5px 0; }
.dyef_title h4 { position: relative; background: url(img/dyef/title_bg.png) no-repeat center; background-size: 100% 100%; padding: 23px 80px; display: inline-block; font-size: 1.2rem; margin-bottom: 20px; }
.dyef_title h4:before { position: absolute; content: ""; background: url(img/dyef/title_before.png) no-repeat center; background-size: contain; padding: 30px; left: -25%; top: 0; }
.dyef_title h4:after { position: absolute; content: ""; background: url(img/dyef/title_after.png) no-repeat center; background-size: contain; padding: 30px; right: -25%; top: 0; }
.dyef_des { background: url(img/dyef/key_feat_bg.png) no-repeat center; background-size: cover; padding: 5% 0 12%; width: 100%; float: left; background-color: #37824c; }
.dyef_box li, .dyef_box p { font-size: 20px; }
.dyef_game { background: url(img/dyef/bg_screenshot.jpg) no-repeat center; background-size: 100% 100%; padding: 0 0 5%; width: 100%; float: left; background-color: #2e5d3d; }
.dyef_grass { background: #2e5d3d; }
.dyef_grass img { margin-top: -6%; }
.dyef_key ul { columns: 2; -moz-columns: 2; -webkit-columns: 2; }
.dyef_key li { position: relative; padding-left: 40px; padding-bottom: 30px; color: #fff; }
.dyef_key li:before { position: absolute; left: 0; background: url(img/dyef/li_before.png) no-repeat center; background-size: contain; padding: 14px; content: ""; }
.dyef_key_details { background: url(img/dyef/dyef_bg.jpg) no-repeat center; background-size: cover; padding: 0 0 30%; }
.dyef_tech li { color: #000; }
.dyef_box .store_app a { text-align: center; }
.memory_helper_box { background: #1d2025; position: relative; overflow: hidden; margin-top: 50px; }
.memory_helper_hd { padding-top: 80px; background: #407dbc; }
.memory_helper_hd:before { position: absolute; content: ""; background: url(img/memory_helper/icon_1.png) no-repeat left; background-size: 100% 100%; left: -7%; padding: 10%; top: 2%; }
.memory_helper_hd:after { position: absolute; content: ""; background: url(img/memory_helper/icon_1.png) no-repeat right; background-size: 100% 100%; right: -10%; padding: 7%; top: 2%; }
.memory_helper_logo h4 { text-transform: uppercase; padding: 30px 0 0; color: #fff; }

.memory_helper_box .app_stores a { padding-right: 10px; }
.memory_btm { margin-top: -12%; margin-bottom: 70px; }
.memory_btm img { width: 100%; }
.memory_helper_mid { background: #1d2025; position: relative; z-index: 1; }
.memory_helper_mid:before { position: absolute; content: ""; left: -7%; background: url(img/memory_helper/li_before_img.png) no-repeat center; background-size: contain; top: -10%; padding: 10%; }
.memory_helper_detail .memory_helper_des { padding-left: 70px; }
.memory_helper_detail p { color: #fff; }
.memory_helper_detail { padding: 20px; background: #34373a; border-radius: 30px; position: relative; }
.memory_helper_key li { position: relative; padding-left: 30px; padding-bottom: 30px; color: #fff; }
.memory_helper_key li:before { position: absolute; left: 0; padding: 10px; background: url(img/memory_helper/li_before.png) no-repeat center; background-size: contain; content: ""; top: 6px; }
.memory_helper_key { position: relative; }
.memory_helper_key:after { position: absolute; content: ""; right: -17%; background: url(img/memory_helper/li_before_img.png) no-repeat right; background-size: contain; top: 7%; padding: 14%; }
.memory_helper_title h4 { background: #407dbc; color: #fff; display: inline-block; padding: 5px 25px; border-radius: 10px; margin-bottom: 40px; text-transform: capitalize; }
.memory_helper_list { padding-top: 100px; }
.memory_helper_img { margin-top: -15%; }
.memory_helper_ui { position: relative; background: #407dbc; margin: 150px 0; }
.memory_helper_imgtitle { position: relative; background: #407dbc; margin: 50px 0; }
.memory_helper_imgtitle:before { position: absolute; content: ""; left: -10%; background: url(img/memory_helper/li_before_img.png) no-repeat center; background-size: contain; top: 0; padding: 10%; }
.memory_helper_imgtitle:after { position: absolute; content: ""; right: -10%; background: url(img/memory_helper/li_before_img.png) no-repeat right; background-size: contain; bottom: 0; padding: 10%; }
.memory_helper_ui:before { position: absolute; content: ""; left: 0; background: #407dbc; top: -5%; padding: 5%; width: 100%; -webkit-clip-path: polygon(100% 0, 100% 0%, 100% 100%, 100% 100%, 0 63%); clip-path: polygon(100% 0, 100% 0%, 100% 100%, 100% 100%, 0 63%); }
.memory_helper_ui:after { position: absolute; content: ""; right: 0; background: #407dbc; left: 0; bottom: -7%; padding: 5%; -webkit-clip-path: polygon(0 0, 100% 1%, 100% 100%, 100% 18%, 0 100%); clip-path: polygon(0 0, 100% 1%, 100% 100%, 100% 18%, 0 100%); }
.memory_helper_ui .memory_helper_title h4 { background: #fff; color: #407dbc; }
.btm_memoryhelper { margin-bottom: 0; }
.btm_memoryhelper img { width: 100%; }
.draft_day_box { overflow: hidden; position: relative; }
.draft_day_box li, .draft_day_box p { font-size: 20px; }
.draft_day_hdr { position: relative; overflow: hidden; padding: 50px 0 0; background: url(img/draft-day/top_bg.jpg) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; }
.draft_day_descrip { position: relative; padding: 0 0 50px; background: url(img/draft-day/icon_full_bg.jpg) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; }
.draft_daylogo { position: relative; overflow: hidden; padding: 5% 0 16%; background: url(img/draft-day/icon-bg.png) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; }
.draft_applogo i { max-width: 200px; }
.draft_day_box .store_btns a { padding-right: 15px; }
.draft_day_descrip p { color: #fff; }
.draft_day_title { margin-bottom: 30px; background: url(img/draft-day/title_bg.png) no-repeat center; background-size: 100% 100%; display: inline-block; padding: 10px 60px; }
.draft_day_title h4 { margin-bottom: 0; color: #000; }
.draft_key li { padding-left: 30px; padding-bottom: 20px; position: relative; color: var(--white);font-size: 17px; }
.draft_key li:before { position: absolute; left: 0; content: ""; padding: 5px; background: #f4c402; top: 8px; border-radius: 50px; }
.draft_day_key { position: relative; background: url(img/draft-day/key_feat_bg.jpg) no-repeat center; background-size: cover; width: 100%; height: 100%; padding: 50px 0; }
@media (min-width:1200px) {
  .draft_day_key {background-position: 40% 100%;}
}
@media (max-width:991px) {
  .draft_day_key {padding:30px 0 0;}
  .draft_day_title {margin-bottom: 18px;}
}
.draft_key li:nth-child(1) { margin-left: 135px; }
.draft_key li:nth-child(2) { margin-left: 120px; }
.draft_key li:nth-child(3) { margin-left: 105px; }
.draft_key li:nth-child(4) { margin-left: 90px; }
.draft_key li:nth-child(5) { margin-left: 75px; }
.draft_key li:nth-child(6) { margin-left: 60px; }
.draft_key li:nth-child(7) { margin-left: 45px; }
.draft_key li:nth-child(8) { margin-left: 30px; }
.draft_key li:nth-child(9) { margin-left: 15px; }
.draft_key li:nth-child(10) { margin-left: 0; }
.draft_key li:nth-child(11) { margin-left: -15px; }
.draft_key li:nth-child(12) { margin-left: -30px; }
.draft_key li:nth-child(13) { margin-left: -45px; }
.draft_key li:nth-child(14) { margin-left: -60px; }
.draft_key li:nth-child(15) { margin-left: -75px; }
.draft_key li:nth-child(16) { margin-left: -90px; }
.draft_day_screenshot { position: relative; background: url(img/draft-day/screenshots.jpg) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; padding: 60px 0; }
.draft_day_screenshot .box_img img { border: 2px solid #fff; }
.draft_day_tech { position: relative; background: url(img/draft-day/technostack.jpg) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; padding: 50px 0; }
.tribal_box { overflow: hidden; position: relative; background: #186d18; }
.tribal_hdr { overflow: hidden; }
.tribal_app_icon { position: relative; padding-bottom: 20px; }
.tribal_app_icon:before { position: absolute; content: ""; right: 0; background: url(img/tribal_adv/trible_after.png) no-repeat right; background-size: contain; padding: 13%; bottom: 0; }
.tribal_app_icon h5 { color: #fff; }
.tribal_list { padding-top: 50px; position: relative; z-index: 11; }
.tribal_des { background: url(img/tribal_adv/description_bg.jpg) no-repeat center; background-size: 100% 100%; padding-bottom: 50px; }
.tribal_des p { color: #000; padding: 0 18%; }
.tribal_title { text-align: center; }
.tribal_title h5 { background: url(img/tribal_adv/title_bg.png) no-repeat center; background-size: contain; padding: 15px 40px; margin-bottom: 30px; display: inline-block; }
.tribal_key li { position: relative; padding-left: 30px; padding-bottom: 30px; }
.tribal_key li:before { position: absolute; content: ""; left: 0; background: url(img/tribal_adv/li_before.png) no-repeat center; background-size: contain; padding: 12px; top: 4px; }
.tribal_btm img { width: 100%; }
.tribal_key_tech { position: relative; z-index: 1; }
.tribal_key_tech:before { position: absolute; content: ""; background: url(img/tribal_adv/techno_bg.png) no-repeat center; background-size: 100% 100%; left: 0; right: 0; padding: 30%; top: -36%; z-index: -1; }
.preschool_box { overflow: hidden; margin: 30px 0 0; padding: 0 0 30px; background: url(img/preschool/bg_preeschool.jpg) no-repeat; background-size: 100% 100%; }
.preschool_hdr { padding-bottom: 30px; position: relative; }
.preschool_hdr:after { position: absolute; content: ""; right: 0; background: url(img/preschool/top_after.png) no-repeat right; background-size: contain; padding: 31%; top: -20%; }
.preschool_app_icon { position: relative; z-index: 1; }
.preschool_info { width: 100%; padding: 50px 0 0; height: 100%; }
.preschool_palace h5 { color: #fff; padding-top: 20px; }
.preschool_logo { margin-top: 60px; position: relative; z-index: 1; }
.preschool_title { margin-bottom: 25px; }
.preschool_list { padding-top: 70px; }
.preschool_title h3 { color: #dcb310; }
.preschool_key li { position: relative; padding-left: 30px; padding-bottom: 30px; display: inline-block; padding-right: 15px; }
.preschool_key li:before { position: absolute;top:5px; content: ""; left: 0; background: url(img/preschool/li_before.png) no-repeat center; background-size: contain; padding: 10px; }
.preschool_key_tech ul { margin-left: 15%; }
.preschool_key_tech ul li { width: 100%; }
.preschool_key_tech { text-align: left; }
.humgenbach_box { overflow: hidden; position: relative; }
.humgenbach_box p { text-align: justify; color: #333333;}
.humgenbach_box .web_wrap { padding: 0 70px; }
.humgenbach_hdr { position: relative; background: url(img/humgenbach/top_bg.jpg) no-repeat center; background-size: 100% 110%; width: 100%; height: 100%; padding-top: 100px; padding-bottom: 200px; }
.humgenbach_logo h3 { color: #fff; padding: 20px 0; margin-bottom: 0; }
.humgenbach_logo figure { max-width: 70%; }
.humgenbach_hdr p { font-size: 20px; color: #fff; }
.humgenbach_hdr .humgenbach_des { position: relative; z-index: 1; }
.humgenbach_brief { position: relative; }
.humgenbach_brief:before { position: absolute; content: ""; background: url(img/humgenbach/bg_before.png) no-repeat center; background-size: contain; padding: 12%; top: 30%; left: -15%; }
.humgenbach_brief .web_wrap { padding: 0 150px; }
.humgenbach_title h4 { position: relative; display: inline-block; padding-bottom: 15px; margin-bottom: 50px; color: #000; font-size: 2rem; }
.humgenbach_title h4:before { position: absolute; content: ""; background: #1b57c9; width: 100%; height: 6px; max-width: 80px; bottom: 0; border-radius: 5px; left: 0; right: 0; margin: auto; }
.humgenbach_box li { padding-left: 30px; position: relative; padding-bottom: 30px; color: #000; }
.humgenbach_box li ul {margin-top: 15px;}
.humgenbach_box li ul li {
  margin-top: 10px;
  padding-bottom: 10px;
}
.humgenbach_box li:before { position: absolute; content: ""; padding: 5px; top: 7px; border-radius: 10px; background: #1b57c9; left: 0; }
.humgenbach_sum { padding-bottom: 20px; }
.humgenbach_sum h5 { color: #000; }
.humgenbach_title h5:before { position: absolute; content: ""; background: #1b57c9; width: 100%; height: 6px; max-width: 80px; bottom: 0; border-radius: 5px; }
.humgenbach_title h5 { position: relative; display: inline-block; padding-bottom: 15px; margin-bottom: 30px; color: #000; font-size: 1.9rem; }
.humgenbach_list { padding-top: 70px; }
.bg_blue_humgenbach { background: #1b57c9; padding: 240px 30px; border-radius: 0 0 0 150px; color: #fff; }
.bg_blue_humgenbach .humgenbach_sum h5 { color: #fff; }
.bg_blue_humgenbach .humgenbach_sum p { color: #ccc; position: relative; padding-left: 30px; }
.bg_blue_humgenbach .humgenbach_sum p:before { position: absolute; content: ""; padding: 5px; top: 7px; border-radius: 10px; background: #fff; left: 0; }
.humgenbach_left figure { margin-left: -15px; margin-right: -45px; position: relative; z-index: 1; }
.humgenbach_proj figure img { max-width: 80%; margin-left: auto; }
.erp_box { overflow: hidden; color: #000!important; }
.erp_box li, .erp_box p { font-size: 20px; }
.erp_hdr { padding-top: 70px; position: relative; }
.erp_hdr:before { position: absolute; content: ""; left: -21%; top: -65%; background: url(img/erp/top_banner_before.png) no-repeat left; background-size: contain; padding: 42%; z-index: -1; }
.user_list i { width: 50%; max-width: 50%; float: left; }
.erp_logo h2 { font-weight: 800; font-size: 3rem; }
.erp_logo h5 { padding: 15px 0; }
.erp_list { padding-top: 150px; }
.erp_key li { position: relative; padding-left: 32px; padding-bottom: 30px; }
.erp_key li:before { position: absolute; content: ""; left: 0; background: url(img/erp/li_before.png) no-repeat center; background-size: contain; padding: 10px; top: 6px; }
.erp_title h3 { font-size: 2.5rem; padding-bottom: 30px; }
.erp_key_feat { margin-top: 70px; background: #f2f3fd; }
.feat_bg b { font-size: 1.4rem; padding-bottom: 10px; }
.erp_key_feat li { position: relative; margin-bottom: 30px; padding-left: 80px; display: flex; align-items: start; flex-direction: column; justify-content: center; }
.erp_key_feat li:before { position: absolute; content: ""; left: 0; padding: 30px; }
.erp_key_feat li:nth-child(1):before { background: url(img/erp/icon_1.png) no-repeat center; background-size: contain; }
.erp_key_feat li:nth-child(2):before { background: url(img/erp/icon_2.png) no-repeat center; background-size: contain; }
.erp_key, .erp_key_tech, .erp_rec, .user_list { position: relative; }
.erp_key:after { padding: 2%; top: 2%; right: 0; }
.erp_key:before { padding: 2%; bottom: 2%; right: 60%; }
.erp_box .user_list:after { padding: 7%; top: -23%; right: 70%; }
.erp_box .user_list:before { padding: 7%; top: -23%; right: 80%; }
.erp_rec:after { padding: 2%; top: -40%; right: 40%; }
.erp_rec:before { padding: 2%; top: -40%; right: 43%; }
.erp_key_tech:after { padding: 2%; top: 8%; right: 13%; bottom: auto; }
.erp_key_tech:before { padding: 2%; top: 8%; right: 10%; bottom: auto; }
.erp_key_tech h3:before { padding: 3%; top: 0; left: 25%; }
.key_erpbtm:before { padding: 2%; top: 15%; left: 2%; }
.key_erpbtm:after { padding: 2%; top: 15%; left: 4%; }
.erp_key:after, .erp_key:before, .erp_key_tech h3:before, .erp_key_tech:before, .erp_rec:after, .erp_rec:before, .key_erpbtm:after, .key_erpbtm:before, .user_list:after, .user_list:before { position: absolute; content: ""; background: #faeae2; z-index: -1; transform: rotate(45deg); border-radius: 7px; opacity: .6; }
.erp_pro p { padding: 20px 90px 40px; }
.erp_pro h2 { font-size: 2.3rem; font-weight: 600; }
.erp_key.erp_servi:after { display: none; }
.erp_key.erp_servi:before { padding: 4%; top: 17%; left: -3%; bottom: auto; right: auto; }
.erp_key_feat .feat_bg { position: relative; min-height: 480px; }
.erp_key_feat .feat_bg:before { position: absolute; content: ""; background: url(img/erp/key-feat.jpg) no-repeat center; background-size: cover; padding: 20% 18%; left: 0; border-radius: 0 30px 30px 0; top: 0; bottom: 0; }
.erp_right { position: relative; }
.erp_right:after { position: absolute; content: ""; background: url(img/erp/key_before.png) no-repeat center; background-size: contain; padding: 55%; right: -30%; top: -35%; z-index: -1; }
.erp_key_tech ul { columns: 2; -moz-columns: 2; -webkit-columns: 2; }
.erp_key_tech { position: relative; padding-top: 70px; }
.key_erpbtm { position: absolute; bottom: -50px; z-index: -1; left: -10%; right: -10%; }
.darkblue_title, .green_title, .lightblue_title, .lightbrown_title, .white_title, .wht_title, .yellow_title { text-align: center; margin: 0 0 25px; }
.darkblue_title h4 { background: #382dc4; color: #fff; display: inline-block; padding: 10px 25px; font-weight: 500; margin: 0; text-align: center; border-radius: 10px; }
.green_title h4 { background: #7ebf41; color: #fff; display: inline-block; padding: 10px 15px; font-weight: 500; min-width: 270px; margin: 0; text-align: center; border-radius: 10px; }
.lightbrown_title h4 { background: #ce5041; color: #fff; display: inline-block; padding: 10px 15px; font-weight: 500; min-width: 220px; margin: 0; text-align: center; border: 2px solid #fff; border-radius: 10px; }
.lightblue_title h4 { background: #13d7c4; color: #fff; display: inline-block; padding: 10px 15px; font-weight: 500; min-width: 240px; margin: 0; text-align: center; border: 2px solid #fff; border-radius: 10px; }
.yellow_title h4 { display: inline-block; background: #f4c402; color: #4f5963; padding: 7px 20px; min-width: 300px; text-align: center; margin: 0; border-radius: 10px; font-weight: 400; }
.white_title h4 { display: inline-block; background: #fff; color: #010101; padding: 10px 20px; min-width: 300px; text-align: center; margin: 0; border-radius: 45px; font-weight: 400; }
.wht_title h4 { display: inline-block; background: #fff; color: #010101; padding: 10px 20px; min-width: 220px; text-align: center; margin: 0; border-radius: 15px; font-weight: 400; }
.white_clr h2 { color: #fff; }
.des_title.white_clr h2:after { background: #fff; }
.no_shadow img { box-shadow: none; }
.web-font li, .web-font p { font-size: 18px; }
.sky_title h5 { color: #242150; background: #11e0f2; display: inline-block; padding: 10px 15px; font-weight: 400; border-radius: 7px; min-width: 160px; text-align: center; margin: 0 0 30px; }
.yelow_title h5 { color: #fff; background: #f2ae00; display: inline-block; padding: 10px 15px; font-weight: 400; border-radius: 7px; min-width: 160px; text-align: center; margin: 0 0 30px; }
.hour_box { overflow: hidden; position: relative; color: #000!important; z-index: 0; background: url(img/daily-hours/bg.png) center no-repeat; background-size: 110%; width: 100%; }
.shapes__hour { position: absolute; left: 0; right: 0; width: 100%; }
.hours-detail { padding-top: 40px; }
.clock-area { padding-top: 100px; }
.clock-area .app_stores { padding-top: 80px; }
.hour_title h3, .hour_title h4 { position: relative; font-size: 36px; display: inline-block; color: #eb6b00; font-weight: 600; padding-bottom: 15px; margin-bottom: 30px; }
.hour_title h4:before { content: ""; background: #eb6b00; width: 100%; position: absolute; left: 0; height: 3px; bottom: 0; margin: auto; max-width: 70%; right: 0; }
.hour_brief p { padding-top: 30px; padding-left: 60px; padding-right: 60px; }
.hour_key_tech_list, .hour_projects { padding-top: 100px; }
.hour_hdr { position: relative; z-index: -1; background: url(img/daily-hours/reminder-bg.png) center no-repeat; background-size: 100% 100%; }
.hour_key_tech_list ul { z-index: 1; position: relative; }
.hour_key_tech_list li { position: relative; color: #000; margin-bottom: 30px; padding-left: 30px; }
.hour_key_tech_list li:before { content: ""; background: url(img/daily-hours/clock-icon.png) center no-repeat; background-size: contain; width: 18px; height: 18px; position: absolute; left: 0; top: 5px; }
.hour_des { z-index: 1; }
.hour_logo { text-align: right; }
.h_des_hour-left { position: relative; }
.h_des_hour-left:before { content: ""; background: url(img/daily-hours/bg-img.png) right no-repeat; background-position: right; background-size: contain; background-repeat: no-repeat; padding: 70% 48%; position: absolute; top: 0; right: -40px; z-index: -1; }
.h_des_hour-tech { position: relative; }
.h_des_hour-tech:before { content: ""; background: url(img/daily-hours/bg-img-right.png) right no-repeat; background-position: right; background-size: contain; background-repeat: no-repeat; z-index: -1; padding: 77% 68%; position: absolute; top: 0; right: -40px; }
.h_des_hour-right { position: relative; }
.h_des_hour-right:before { content: ""; position: absolute; background: url(img/daily-hours/bg-img-left.png) no-repeat; background-position: right; background-size: contain; z-index: -1; left: -40px; top: 0; padding: 70% 48%; }
.pots_spider_box { position: relative; overflow: hidden; }
.pots_spider_hdr { position: relative; background: url(img/pots_spiders/top_bg.jpg) no-repeat center; background-size: 100% 100%; padding: 70px 0 0; }
.pots_spider_title { padding: 0 15%; color: #000; }
.how_to_playpots p { color: #fff; }
.pots_game img { width: 100%; }
.pots_spider_detail .app_stores a { padding-right: 15px; }
.pots_icons { position: relative; }
.pots_icons .pots_icons_1 { position: absolute; left: 5%; right: 5%; top: 30%; }
.pots_icons .pots_icons_2 { position: absolute; left: 5%; right: 5%; bottom: 0; }
.pots_keyfeat li { position: relative; padding-left: 40px; padding-bottom: 30px;color: var(--white); }
.pots_keyfeat li:before { position: absolute; left: 0; content: ""; background: url(img/pots_spiders/li_before.png) no-repeat left; background-size: contain; padding: 12px; }
.how_to_playpots { background: url(img/pots_spiders/bg_2.jpg) no-repeat center; background-size: 100% 100%; margin-top: -1px; padding: 50px 0; }
.unlock_playpots { background: url(img/pots_spiders/bg_3.jpg) no-repeat center; background-size: 100% 100%; margin-top: -1px; padding: 0 0 100px; }
.screenshot_playpots .pots_spider_title, .unlock_playpots .pots_spider_title { padding-left: 0; padding-bottom: 20px; }
.choose_pots { background: url(img/pots_spiders/choose_pots_bg.png) no-repeat center; background-size: 100% 100%; margin-top: -130px; padding: 100px 0 180px; }
.screenshot_playpots { background: url(img/pots_spiders/screenshot_bg.png) no-repeat center; background-size: 100% 100%; margin-top: -200px; padding: 100px 0 0; }
.screenshot_playpots ul { padding-bottom: 50px; }
.rolling_marbles_logo>img { max-width: 40%; }
.rolling_marbles_img { position: relative; }
.rolling_marbles_logo { text-align: center; position: absolute; top: 20%; left: 0; right: 0; display: flex; align-items: center; flex-direction: column; }
.rolling_marbles_img>img { max-width: 100%; width: 100%; }
.rolling_marbles_icons { position: relative; }
.rolling_marbles_icons .rolling_marbles_icons_1 { position: absolute; left: 20%; right: 20%; top: 20%; z-index: 1; }
.rolling_marbles_icons .rolling_marbles_icons_2 { position: absolute; left: 20%; right: 20%; bottom: 48%; z-index: 1; }
.rolling_marbles_store { background: url(img/rolling_marbles/app-icon-bg.png) no-repeat top; padding: 8% 15%; margin-top: -4%; margin-bottom: -1%; width: 100%; float: left; position: relative; background-size: contain; }
.rolling_marbles_Detail { width: 85%; }
.rolling_marbles_Detail h2 { color: #fff; }
.rolling_marbles_Detail>i { padding-right: 20px; }
.rolling_marbles_box { padding: 150px 0 0; width: 100%; float: left; background: url(img/rolling_marbles/rolling-bg.jpg) repeat top; position: relative; margin-top: -70px; z-index: -1; color: #000; }
.rolling_marbles_section { position: relative; z-index: 11; }
.rolling_marble img { width: 100%; margin-top: -20%; }
.rolling_marblestitle img { padding-top: 50px; padding-bottom: 30px; }
.rolling_marblestitle p { padding: 0 15%; color: #fff; font-size: 22px; }
.rolling_marbles_playgame .screen_1 { margin-left: -6%; }
.rolling_marbles_playgame .screen_3 { margin-right: -6%; }
.rolling_marbles_contentblock { position: relative; background: url(img/rolling_marbles/bg_bottom.jpg) no-repeat top; background-size: 100% 100%; top: 7%; padding-bottom: 40%; padding-top: 50px; }
.rolling_marbles_logo a { cursor: pointer; }
.ludo_section { width: 100%; float: left; position: relative; z-index: 2; }
.ludo_section .web_wrap { padding: 0 80px; }
.ludo_section li, .ludo_section p { font-size: 22px; color: #af5a22; }
.ludo_box { padding: 70px 0 0; width: 100%; float: left; background: url(img/ludo/top_bg.jpg) no-repeat top; background-size: 100%; position: relative; margin-top: -15%; }
.store_box_ludo { margin-top: 100px; position: relative; }
.store_box_ludo:before { position: absolute; left: -6%; content: ""; background: url(img/ludo/player_dice.png) no-repeat top; background-size: contain; padding: 7%; top: 15%; }
.ludo_store .d-flex { margin-top: -10%; }
.ludo_store { background: url(img/ludo/logo_bg.png) no-repeat top; width: 100%; float: left; position: relative; background-size: 100% 100%; position: relative; z-index: 11; }
.ludo_store:after { position: absolute; content: ""; background: url(img/ludo/dice.png) no-repeat center; right: 5%; bottom: 0; padding: 7%; background-size: contain; }
.ludo_logo img { margin-left: -20%; margin-top: -5%; max-width: 110%; }
.play_ludo { padding-top: 50px; }
.ludo_key ul li { text-align: left; position: relative; padding-left: 25px; padding-bottom: 20px; }
.ludo_key ul li:before { position: absolute; content: ""; left: 0; background: #b3541d; padding: 5px; border-radius: 50%; top: 12px; }
.ludo_title { margin-bottom: 40px; }
.ludo_key_feat { position: relative; }
.ludo_key_feat:before { position: absolute; content: ""; background: url(img/ludo/player_dice_2.png) no-repeat center; right: -6%; bottom: 14%; padding: 6%; background-size: contain; }
.ludo_tech_feat { position: relative; }
.ludo_tech_feat:before { position: absolute; content: ""; background: url(img/ludo/dice_2.png) no-repeat center; left: -5%; top: 0; padding: 7%; background-size: contain; }
.ludo_tech_feat .ludo_key ul { columns: 2; -moz-columns: 2; -webkit-columns: 2; }
.about_ludo_image figure { margin-left: -10%; margin-right: -7%; margin-bottom: -5%; }
.ludo_title img { max-width: 60%; }
.ludo_section .detail_sum { position: relative; left: -60px; }
.ludo_section .detail_sum .stars { margin: 30px 0; }
.aquabolt_box { overflow: hidden; position: relative; border-radius: 40px 40px 0 0; }
.aquabolt_hdr { position: relative; }
.aquabolt_prep img { max-width: 100%; width: 100%; }
.aquabolt_applogo { padding: 60px 10%; background: url(img/aquabolt/aqua_bolt_logo_bg.png) no-repeat center; background-size: 100% 100%; position: relative; margin-left: -3%; margin-top: -45px; margin-right: -3%; }
.aquabolt_applogo .app_stores a { padding-right: 15px; }
.aquabolt_prep { margin-top: -20px; }
.key_feat_aqua li { position: relative; padding-left: 30px; padding-bottom: 30px; color: #fff; }
.key_feat_aqua li:before { position: absolute; content: ""; top:4px;left: 0; background: url(img/aquabolt/li_before.png) no-repeat center; background-size: contain; padding: 9px; }
.aquabolt_key { padding: 60px 50px; background: url(img/aquabolt/ke_feat_bg.png) no-repeat center; background-size: 100% 100%; position: relative; margin-left: -3%; margin-top: -7%; margin-right: -3%; z-index: 1; }
.aqua_title { padding-bottom: 20px; }
.aqua_game_design { padding: 60px 50px; background: url(img/aquabolt/bottom_bg.jpg) no-repeat center; background-size: 100% 100%; position: relative; margin-top: -3%; border-radius: 0 0 40px 40px; }
/* Wordsearch Portfolio */
.wordsearch_box { position: relative; background: url(img/wordsearch/top_bg.jpg) repeat center; background-size: 100% 100%; }
.wordsearch_box p { font-size: 20px; }
.wordsearch_hdr { position: relative; padding: 70px 0 0; }
.wordsearch_detail p { padding: 40px 15%; }
.wordsearch_title p { color: #fff; }
.wordsearch_box .web_wrap { padding: 0 60px; }
.wordsearch_title img { padding-bottom: 30px; }
.wordsearch_keyfeat li { position: relative; padding-left: 35px; padding-bottom: 30px; color: var(--white); }
.wordsearch_keyfeat li:before { position: absolute; left: 0; content: ""; background: url(img/wordsearch/li_before_white.png) no-repeat center; background-size: contain; padding: 10px; }
.wordsearch_techno ul { columns: 2; -moz-columns: 2; -webkit-columns: 2; }
.wordsearch_techno li { position: relative; padding-left: 35px; padding-bottom: 30px; color: #000; }
.wordsearch_techno li:before { position: absolute; left: 0; content: ""; background: url(img/wordsearch/li_before.png) no-repeat center; background-size: contain; padding: 10px; }
.wordsearch_list { padding-top: 100px; }
.gameover_word { padding-top: 60px; }
.gameover_word figure { margin-left: -14%; margin-right: -8%; }
.gameover_word figure img { width: 100%; }
.wordsearch_techno { background: url(img/wordsearch/bottom_bg.jpg) repeat center; background-size: 100% 100%; margin-top: -35%; padding-top: 40%; border-radius: 0 0; padding-bottom: 50px; padding-left: 10%; padding-right: 10%; }
.wordsearch_technology { padding-top: 20px; }
.wordsearch_icons { position: relative; }
.wordsearch_icons .wordsearch_icons_1 { position: absolute; left: 9%; right: 9%; top: 30%; }
.wordsearch_icons .wordsearch_icons_2 { position: absolute; left: 9%; right: 9%; bottom: 0; }
.wordsearch_techno .wordsearch_icons .wordsearch_icons_1, .wordsearch_techno .wordsearch_icons .wordsearch_icons_2 { left: -9%; right: -9%; }
.wordsearch_techno .wordsearch_icons .wordsearch_icons_1 i:first-child { margin-top: 30%; }
/* End */
.jungle_box { position: relative; width: 100%; float: left; }
.jungle_box li, .jungle_box p { font-size: 22px; }
.jungle_hdr { overflow: hidden; border-radius: 40px; }
.jungle_hdr img { width: 100%; }
.jungle_store { padding: 13% 17%; background: url(img/jungle/logo_bg.png) no-repeat center; background-size: contain; margin-left: -8%; margin-right: -7%; position: relative; margin-top: -8%; }
.jungle_store .app_stores a { margin: 10px; }
.jungle_box .app_play_store figure img { border-radius: 54px; box-shadow: 0 0 28px rgba(0, 0, 0, .4); }
.jungle_settings { background: url(img/jungle/settings_bg.jpg) no-repeat center; background-size: cover; width: 100%; height: 100%; padding: 100px 0 200px; margin-top: -8%; }
.jungle_settings_key ul { columns: 2; -moz-columns: 2; -webkit-columns: 2; }
.jungle_settings_key li { padding-bottom: 30px; padding-left: 35px; position: relative; color: #fff; }
.jungle_settings_key li:before { position: absolute;top:5px; content: ""; left: 0; background: url(img/jungle/li_before.png) no-repeat center; background-size: contain; padding: 10px; }
.jungle_build figure { margin-left: -8%; margin-right: -8%; margin-top: -14%; }
.jungle_techno { background: url(img/jungle/bottom_bg.jpg) no-repeat center; background-size: cover; width: 100%; height: 100%; padding: 160px 0 30px; margin-top: -18%; border-radius: 0 0 30px 30px; }
.pause_save { padding-top: 50px; }
.jungle_settings_key ul { padding: 0 10%; }
.jungle_title img { padding-bottom: 30px; }
.jungle_title p { padding: 0 10% 30px; color: #fff; }
.empirehunt_box { position: relative; }
.empirehunt_hdr { overflow: hidden; border-radius: 40px; }
.empirehunt_store { padding: 10% 10% 16%; background: url(img/empirehunt/icon_bg.png) no-repeat center; background-size: contain; margin-left: -6%; margin-right: -6%; position: relative; margin-top: -11%; }
.empirehunt_key { background: url(img/empirehunt/background.jpg) no-repeat center; background-size: cover; width: 100%; height: 100%; padding: 14% 0 50px; margin-top: -15%; }
.empirehunt_key_img { margin-top: -5%; }
.empirehunt_hunt figure { margin-left: -9%; margin-right: -9%; }
.empirehunt_hunt figure img { width: 100%; }
.empirehunt_hunt, .empirehunt_key_level { margin-top: -7%; }
.empirehunt_hunt { position: relative; z-index: 1; }
.empire_btm { margin-top: -7%; }
.empire_applogo>i { text-align: center; max-width: 150px; padding-right: 20px; }
.empirehunt_play_game { position: relative; z-index: 1; background: url(img/empirehunt/game_bg.png) no-repeat center; background-size: 100% 100%; padding: 8% 0; margin-top: -10%; text-align: center; margin-left: -8%; margin-right: -8%; }
.empirehunt_play_game figure { margin-left: 3%; margin-right: 3%; }
.empirehunt_play_game ul { padding: 30px 0; }
.empirehunt_play_game li { padding-left: 35px; font-size: 20px; padding-bottom: 30px; position: relative; color: #000; text-align: left; }
.empirehunt_play_game li:before { position: absolute; left: 0; content: ""; background: url(img/empirehunt/li_before.png) no-repeat center; background-size: contain; padding: 10px; top: 5px; }
.west_shiping_box { overflow: hidden; position: relative; margin-top: 40px; }
.west_shiping_box .web_wrap { padding: 0 100px; }
.west_shiping_box p { font-size: 20px; color: #858585; }
.west_tech_ship_link { background: #000; font-size: 17px; display: inline-block; text-align: center; padding: 10px; border-radius: 7px; min-width: 162px; color: #fff; }
.west_shiping_hdr { position: relative; background: url(img/west-shiping/bg_top.jpg) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; padding-top: 100px; margin-top: -10px; }
.west_shiping_hdr .west_shiping_des { position: relative; z-index: 1; }
.west_shiping_logo h3 { color: #000; padding: 20px 0; }
.west_shiping_logo img { max-width: 150px; }
.west_shiping_hdr .app_stores a { margin-right: 15px; margin-top: 35px; }
.west_shiping_hdr .west_shiping_des:before { content: ""; width: 100%; height: 100%; padding: 85% 75%; background: url(img/west-shiping/bg_img.png) no-repeat right; background-size: contain; position: absolute; right: -25%; top: -45%; z-index: -1; transform: rotate(-5deg); -webkit-transform: rotate(-5deg); }
.shiping_list { padding: 100px 0 50px; }
.west_shiping_sum h5 { color: #000; }
.west_shiping_brief { position: relative; }
.west_shiping_brief:before { position: absolute; content: ""; background: url(img/west-shiping/left_before.png) no-repeat center; background-size: contain; padding: 16% 12%; top: 0; left: -12%; }
.west_shiping_title h4 { position: relative; display: inline-block; padding-bottom: 15px; margin-bottom: 50px; color: #000; font-size: 2rem; }
.west_shiping_title h4:before { position: absolute; content: ""; background: #be1807; width: 100%; height: 4px; max-width: 100px; bottom: 0; border-radius: 5px; }
.west_shiping_brief .web_wrap { padding: 0 200px; }
.west_shiping_sum { padding-bottom: 50px; padding-right: 15%; }
.west_shiping_proj { background: url(img/west-shiping/pink_bg.jpg) no-repeat center; background-size: cover; width: 100%; height: 100%; z-index: 1; position: relative; padding-top: 50px; }
.west_shiping_right { position: relative; z-index: 1; }
.west_shiping_right:before { position: absolute; content: ""; background: url(img/west-shiping/left_after.png) no-repeat right; background-size: contain; padding: 35%; right: -31%; top: 30%; z-index: -1; }
.west_shiping_left { position: relative; z-index: 1; }
.west_shiping_left:before { position: absolute; content: ""; background: url(img/west-shiping/before.png) no-repeat left; background-size: contain; padding: 60%; left: -25%; top: 10%; z-index: -1; }
.west_shiping_key { position: relative; background: url(img/west-shiping/bg_trans.jpg) no-repeat right; background-size: cover; width: 100%; height: 100%; padding: 100px 0 50px; }
.west_shiping_right { text-align: right; }
.funsoccer_box .web_wrap { padding: 0 70px; }
.funsoccer_box { overflow: hidden; }
.funsoccer_sec1 { background: url(img/funsoccer/top_bg.jpg) no-repeat top; background-size: cover; position: relative; padding: 50px 0; }
.funsoccer_box .app_stores { position: absolute; right: 50px; bottom: 20%; }
.funsoccer_trees { margin-top: -20%; position: relative; }
.funsoccer_trees img { width: 100%; }
.funsoccer-sec2 { background: url(img/funsoccer/descrio_bg.png) no-repeat; background-size: 100% 100%; position: relative; padding: 100px 0; margin-top: -10%; }
.funsoccer-sec2:after { content: ""; background: #6cc2fb; padding: 17%; position: absolute; bottom: 0; right: 0; left: 0; z-index: -1; }
.funsoccer-sec2:before { content: ""; background: #1c6910; padding: 17%; position: absolute; top: 0; right: 0; left: 0; z-index: -1; }
.funsoccer-sec2 p { margin-bottom: 0; position: relative; padding-right: 20%; }
.funsoccer-sec2 p:after { content: ""; background: url(img/funsoccer/icon.png) no-repeat center; background-size: contain; padding: 14%; top: 0; right: -5%; z-index: 1; position: absolute; }
.funsoccer_title h5 { position: relative; display: inline-block; padding: 20px 45px; font-size: 1.3rem; text-align: center; z-index: 1; font-weight: 400; background: url(img/funsoccer/title_bg.png) no-repeat center; background-size: 100% 100%; }
.feat_funsoccer_tech .funsoccer_title h5 { margin-bottom: 30px; }
.feat_funsoccer { background: url(img/funsoccer/img_bg.jpg) no-repeat top; background-size: cover; position: relative; padding: 50px 0; }
.exclusive_fun_feat { position: relative; text-align: right; }
.exclusive_fun_feat:before { content: ""; position: absolute; background: url(img/funsoccer/li_ball.png) no-repeat center; background-size: contain; padding: 20%; top: -36%; left: -13%; }
.funsoccer_feat { position: relative; background: url(img/funsoccer/li_bg.png) no-repeat center; background-size: 100% 100%; padding: 55px 70px 10px; top: -17%; left: 0; z-index: 1; right: 0; }
.key_feat_funsoccer li { position: relative; padding-left: 45px; padding-bottom: 25px; }
.key_feat_funsoccer li:before { position: absolute; content: ""; left: 0; background: url(img/funsoccer/li_before.png) no-repeat center; padding: 12px; background-size: contain; top: 5px; }
.funsoccer_list { padding-top: 70px; }
.funsoccer_screen img { max-width: 80%; }
.tech_fun_arrow { position: relative; text-align: left; }
.tech_fun_arrow:before { position: absolute; content: ""; background: url(img/funsoccer/shape.png) no-repeat right; background-size: contain; padding: 15%; right: -60px; top: -20px; transform: rotate(12deg); }
.pointsplay_box { overflow: hidden; position: relative; width: 100%; margin-top: 70px; }
.pointsplay_box li, .pointsplay_box p { font-size: 20px; color: #848484; }
.pointsplay_hdr { padding-top: 70px; position: relative; }
.pointsplay_hdr:before { content: ""; position: absolute; right: 0; top: -34%; background: url(img/pointplay/top_after.png) no-repeat right; background-size: contain; padding: 40%; z-index: -1; }
.pointsplay_logo>img { max-width: 70%; }
.pointsplay_logo .app_stores a { margin: 10px; }
.pointsplay_box .web_wrap { padding: 0 60px; }
.pointsplay_summry h4 { color: #000; margin-bottom: 10px; }
.pointsplay_left, .pointsplay_right { position: relative; z-index: 1; }
.pointsplay_summry { margin-bottom: 50px; }
.pointsplay_left:before { content: ""; background: url(img/pointplay/left_img.png); background-position: left; background-size: contain; background-repeat: no-repeat; position: absolute; left: -100px; top: -100px; padding: 65%; z-index: -1; }
.pointsplay_right:before { content: ""; background: url(img/pointplay/right_img.png) right no-repeat; background-repeat: no-repeat; background-position: right; background-size: contain; padding: 45%; position: absolute; top: 0; right: -100px; z-index: -1; }
.pointsplay_key li, .pointsplay_key_tech li { padding-left: 40px; padding-bottom: 30px; position: relative; color: #fff; }
.pointsplay_key li:before { content: ""; background: url(img/pointplay/li_after.png) no-repeat center; position: absolute; left: 0; top: 0; padding: 15px; }
.pointsplay_key_tech li:before { position: absolute; content: ""; left: 0; background: url(img/pointplay/li_before.png) no-repeat center; padding: 15px; top: 0; }
.pointsplay_title { margin-bottom: 30px; }
.pointsplay_key li ul li::before, .pointsplay_key_tech li ul li::before {
  padding: 10px;
  background-size: contain;
  top: 5px;
}
.pointsplay_block { padding: 40px 20px 20px; min-height: 320px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2); background: #fff; border-radius: 20px; }
.pointplay_blocks { padding: 150px 0 200px; background: url(img/pointplay/feat_bg.png) no-repeat; background-size: cover; width: 100%; height: 100%; background-color: #c00115; }
@media (min-width:1360px) {
  .pointplay_blocks {padding-bottom: 250px;}
}
@media (min-width:1600px) {
  .pointplay_blocks {padding-bottom: 460px;}
}
.pointsplay_block h5 { color: #000; }
.pointsplay_list { padding-top: 100px; }
.services_point { padding: 60px 0; background: #c00115; width: 100%; height: 100%; }
.services_tech_point { padding: 60px 0; background: #edac11; width: 100%; height: 100%; }
.services_play { padding: 15% 0 20%; background: url(img/pointplay/services_bg.png) no-repeat; background-size: cover; width: 100%; height: 100%; background-color: #edac11; }
.bugging_box { width: 100%; float: left; background: url(img/bugging_bug/bugging_bug.jpg) repeat; background-size: cover; margin: 40px 0 0; position: relative; color: #fff; font-size: 18px; }
.bugging_box:before { content: ''; background-image: url(img/bugging_bug/icon_3.png); background-repeat: no-repeat; background-size: 100%; position: absolute; left: -50px; top: -1%; padding: 5%; }
.bugging_box:after { content: ''; background-image: url(img/bugging_bug/icon_3.png); background-repeat: no-repeat; background-size: 100%; position: absolute; right: -50px; top: -1%; padding: 5%; transform: rotate(100deg); -webkit-transform: rotate(100deg); }
.bugging_box li, .bugging_box p { font-size: 20px; }
.bugging_hdr { padding: 70px 0 0; }
.bugging_des h3 { position: absolute; top: 0; left: 0; right: 0; margin: auto; }
.bugging_des { position: relative; background: url(img/bugging_bug/des_bg.png) no-repeat center; background-size: 100% 100%; padding: 11% 5%; margin-left: -4%; margin-right: -4%; margin-top: 40px; }
.bugging_tittle { text-align: center; }
.bugging_tittle h3 { background: url(img/bugging_bug/title_bg.png) no-repeat center; background-size: contain; padding: 25px 100px; margin-bottom: 3%; display: inline-block; }
.bugging_list { padding-top: 70px; }
.bugg_des_key li { position: relative; padding-left: 45px; padding-bottom: 30px; color: #000; }
.bugg_des_key li:before { position: absolute; content: ""; background: url(img/bugging_bug/li_before.png) no-repeat center; background-size: contain; padding: 12px; left: 0; top: 6px; }
.bugg_des_key li:last-child { padding-bottom: 0; }
.bugg_des_key ul { background: url(img/bugging_bug/key_feat_bg.png) no-repeat center; background-size: 100% 100%; padding: 70px 40px; margin: 20px 0; }
.bugg_des_key .bugging_tittle h3 { font-size: 1.5rem; padding: 25px 30px; }
.bottm_bug_screen { margin-top: -15%; display: inline-block; position: relative; }
.bottm_bug_screen figure { margin-left: -3%; margin-right: -3%; }
.game_over_bugg { padding-bottom: 200px; }
.screnshot_bug .bugging_tittle h3 { position: relative; }
.screnshot_bug .bugging_tittle h3:before { content: ""; background-image: url(img/bugging_bug/icon_3.png); background-size: contain; padding: 15%; position: absolute; left: -45%; top: -10%; transform: rotate(100deg); -webkit-transform: rotate(100deg); }
.screnshot_bug .bugging_tittle h3:after { content: ""; position: absolute; background-image: url(img/bugging_bug/icon_3.png); background-size: contain; padding: 15%; right: -45%; top: -10%; transform: rotate(10deg); -webkit-transform: rotate(10deg); }
.screnshot_bug figure { padding-top: 50px; }
.bug_stars { position: relative; }
.bug_stars:before { content: ""; background-image: url(img/bugging_bug/icon_2.png); background-size: contain; position: absolute; left: -6%; top: 5%; padding: 5%; transform: rotate(0); -webkit-transform: rotate(0); }
.bug_stars:after { content: ""; background-image: url(img/bugging_bug/icon_2.png); background-size: contain; transform: rotate(180deg); -webkit-transform: rotate(180deg); padding: 5%; position: absolute; right: -6%; top: 5%; }
.bugging_hdr { position: relative; }
.bugging_hdr:before { position: absolute; content: ""; background: url(img/bugging_bug/icon.png) no-repeat center; background-size: contain; padding: 6%; left: 0; right: 0; top: -11%; }
.bugging_box a.visit_web.bug_game { width: 170px; }
.roblox_box { position: relative; overflow: hidden; }
.roblox_box li, .roblox_box p { font-size: 20px; color: #fff; }
.roblox_hdr { background: url(https://www.chicmic.in/wp-content/themes/chicmic/img/roblox_new/top_banner.jpg) no-repeat center; background-size: cover; width: 100%; height: 100%; padding: 5% 0 40%; position: relative; }
.roblox_title { text-align: center; }
.roblox_title h4 { background: #0f0; padding: 10px 25px; min-width: 150px; color: #000; font-weight: 700; display: inline-block; margin-bottom: 70px; }
.roblox_list { padding-top: 70px; }
.roblox_des { background: url(https://www.chicmic.in/wp-content/themes/chicmic/img/roblox_new/roblox.jpg) no-repeat center; background-size: cover; width: 100%; height: 100%; padding: 7% 0; }
.roblox_key_list ul { columns: 2; -moz-columns: 2; -webkit-columns: 2; }
.roblox_key_list li { position: relative; padding-left: 45px; padding-bottom: 30px; }
.roblox_key_list li:before { position: absolute; content: ""; background: url(https://www.chicmic.in/wp-content/themes/chicmic/img/roblox_new/li_before.png) no-repeat center; background-size: contain; padding: 10px; left: 0; top: 6px; }
.roblox_key { background: url(https://www.chicmic.in/wp-content/themes/chicmic/img/roblox_new/roblox_road.jpg) no-repeat center; background-size: cover; width: 100%; height: 100%; padding: 7% 0; }
.roblox_game { background: url(https://www.chicmic.in/wp-content/themes/chicmic/img/roblox_new/roblox_road.jpg) no-repeat center; background-size: cover; width: 100%; height: 100%; padding: 2% 0 7%; }
.roblox_box .app_stores { position: absolute; right: 50px; bottom: 50px; }
.roblox-store-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }
.roblox-thumb-section { z-index: 9; }
.black_box { background: #3165aa; overflow: hidden; position: relative; z-index: 1; margin-top: 40px; }
/* .black_box img { width: 100%; } */
.black_box li, .black_box p { font-size: 20px; }
.black_box:before { position: absolute; content: ""; left: 0; right: 0; background: url(img/black/bg_before.png) no-repeat center; background-size: cover; width: 100%; height: 100%; z-index: -1; }
.play_game_black a { padding: 15px 45px; }
.black_hdr { padding: 50px 0; }
.black_hdr .app_rating_icon figure { max-width: 100px; }
.block_phn { margin-top: 30px; }
.black_des_block { background: #4481d1; padding: 10px 0; }
.black_title h5 { background: #ffd200; padding: 10px 40px; display: inline-block; border-radius: 10px; margin-bottom: 50px; letter-spacing: 1px; }
.black_des_bg { background: #3f4f7f; }
.black_list { padding-bottom: 100px; }
.key_feat_black li { position: relative; padding-left: 30px; padding-bottom: 30px; }
.key_feat_black li:before { position: absolute; content: ""; left: 0; background: red; border-radius: 3px; padding: 10px; top: 6px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
.key_feat_black li:first-child:before, .key_feat_black li:last-child:before { background: #1c841e; }
.key_feat_black li:nth-child(1):before { background: #19da20; }
.key_feat_black li:nth-child(2):before { background: #ef571a; }
.key_feat_black ul { background: #59a0ff; border: 10px solid #9cc6ff; border-radius: 30px; padding: 50px 25px; }
.black_list .black_title h5 { background: #3870bb; color: #fff; }
.black_screen { position: relative; z-index: 1; }
.black_screen:before { position: absolute; background: url(img/black/img_before.png) no-repeat center; background-size: contain; padding: 50%; content: ""; z-index: -1; left: 0; right: 0; }
.bottleflip_contentArea { position: relative; width: 100%; float: left; overflow: hidden; }
.bottleflip_section { position: relative; width: 100%; float: left; }
.bottleflip_box { padding: 70px 0; width: 100%; float: left; background-image: url(img/bottle_flip/bottle_bg.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; margin: 50px 0 0; position: relative; }
.bottleflip_box li, .bottleflip_box p { font-size: 20px; }
.bottleflip_title { text-align: center; }
.bottleflip_title h2 { display: inline-block; position: relative; padding: 15px 40px; border: 3px solid #fff; border-radius: 50px; color: #fff; }
.bottleflip_store { clear: both; background: url(img/bottle_flip/app_icon_bg.png) no-repeat center; background-size: contain; padding: 50px 0 90px; }
.bottleflip_store .app_stores a { margin: 10px 15px; }
.bottleflip_store h2 { color: #000; font-weight: 800; }
.bottleflip_title h3 { display: inline-block; background: url(img/bottle_flip/bg_title_bg.png) no-repeat center; background-size: contain; padding: 18px 65px; color: #fff; font-size: 1.8rem; margin-bottom: 0; }
.bottle_flip_des { background: url(img/bottle_flip/bg.png) no-repeat center; background-size: 100% 100%; padding: 70px 50px; margin-bottom: 50px; }
.bottle_logo { padding-bottom: 50px; }
.bottle_flip_des p { color: #fff; }
.bottleflip_key ul { columns: 2; -moz-columns: 2; -webkit-columns: 2; background: #3d5c9c; padding: 50px 50px 20px; border: 3px solid #fff; border-radius: 30px; margin: 40px 0; }
.bottleflip_key li { padding-left: 40px; position: relative; padding-bottom: 40px; color: #fff; }
.bottleflip_key li:before { position: absolute; content: ""; background: url(img/bottle_flip/li_before.png) no-repeat center; background-size: contain; padding: 12px; top: 6px; left: 0; }
.bottleflip_list { padding-top: 100px; }
.bottleflip_box .store_box:before, .bottleflip_box .store_detail:after { display: none; }

.bainkum_box { overflow: hidden; position: relative; width: 100%; margin-top: 50px; }
.bainkum_det { position: relative; }
.bainkum_det:before { content: ""; background: #1b1c1e; width: 70%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.bainkum_sum, .bainkum_sum p { color: #fff; }
.bainkum_img { margin-top: 100px; background: #f44236; border-radius: 110px 0 0 0; padding: 50px; }
.store_icons { margin-top: 50px; }
.store_icons a:first-child { margin-right: 10px; }
.bainkum_title h2 { color: #fff; -webkit-text-stroke: 1.2px #f44236; -webkit-text-fill-color: white; }
.bainkum_title h4 { margin-bottom: 50px; }
.bainkum_list { padding-top: 70px; }
.bainkum_box li { position: relative; padding-bottom: 30px; padding-left: 50px; color: #000; }
.bainkum_box li:before { content: ""; background: url(img/bainkum/li_before.png) no-repeat center; background-size: contain; position: absolute; left: 0; padding: 15px; top: 0; }
.bainkum_blocks .bain_block { color: #000; text-align: center; padding: 40px 20px; min-height: 300px; background: #fff; margin: 40px; border: 1px solid #ccc; border-radius: 12px; }
.bain_block img { max-height: 61px; }
.bainkum_right { position: relative; }
.bainkum_right:after { position: absolute; content: ""; left: 0; background: url(img/bainkum/key_feat_bg.png) no-repeat center; background-size: contain; padding: 40%; top: 0; z-index: -1; right: 0; }
.bainkum_box h4 { color: #000; }
.bainkum_blocks .bain_block h4 { margin: 25px auto; }
.bainkum_blocks .bain_block p { margin-bottom: 0; }
.bainkum_left, .bainkum_left figure { position: relative; }
.bainkum_left:before { content: ""; background: #1b1c1e; padding: 30%; border-radius: 0 50px 50px 0; position: absolute; left: -25px; top: 100px; bottom: 100px; z-index: -1; }
.bainkum_left:after { content: ""; background: url(img/bainkum/dots.png) no-repeat center; background-size: contain; position: absolute; left: 25px; top: -50px; padding: 30%; z-index: -2; }
.bainkum_left figure:before { content: ""; background: #391e21; width: 250px; height: 250px; border-radius: 50%; bottom: 0; position: absolute; z-index: -1; left: -65px; top: 120px; opacity: .5; }
.bainkum_left figure:after { position: absolute; content: ""; background: #391e21; z-index: -1; left: -130px; top: 270px; width: 200px; height: 200px; border-radius: 50%; bottom: 0; opacity: .5; }
.tiling_box { overflow: hidden; position: relative; }
.tiling_box .tiling_img img { width: 100%; }
.tiling_hdr { position: relative; }
.tiling_hdr h4 { color: #000; }
.tiling_box .app_stores { margin-top: 50px; margin-bottom: 50px; }
.tiling_box .app_stores a { position: relative; }
.tiling_box .app_stores a:first-child { margin-right: 10px; }
.tiling_box .app_stores a:first-child:before { top: -10px; left: -20px; background: #feedd7; }
.tiling_box .app_stores a:last-child:before { top: -40px; right: -40px; background: #eff5ff; }
.tiling_box .app_stores a:before { position: absolute; content: ""; padding: 28%; border-radius: 50%; z-index: -1; }
.tiling_title { position: relative; text-align: center; }
.tiling_title h4 { color: #000; display: block; margin-bottom: 50px; }
.tiling_title h4:before { content: ""; background: #f99b21; width: 100px; height: 3px; position: absolute; bottom: -10px; }
.tiling_box h5 { color: #000; }
.tiling_detail .tiling_logo figure { margin-bottom: 30px; }
.tiling_list { margin-top: 5px; padding-top: 50px; }
.tiling_brief { position: relative; }
.tiling_brief:before { position: absolute; content: ""; left: -150px; background: url(img/tiling/left_before.png) no-repeat center; background-size: contain; top: 10%; padding: 15%; }
.tiling_sum { padding-bottom: 50px; }
.key_feat_tiling { position: relative; background: rgba(246, 41, 12, 1); background: -moz-linear-gradient(top, rgba(246, 41, 12, 1) 0, rgba(240, 47, 23, 1) 0, rgba(241, 111, 92, 1) 0, rgba(254, 237, 215, 1) 0, rgba(247, 246, 254, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(246, 41, 12, 1)), color-stop(0, rgba(240, 47, 23, 1)), color-stop(0, rgba(241, 111, 92, 1)), color-stop(0, rgba(254, 237, 215, 1)), color-stop(100%, rgba(247, 246, 254, 1))); background: -webkit-linear-gradient(top, rgba(246, 41, 12, 1) 0, rgba(240, 47, 23, 1) 0, rgba(241, 111, 92, 1) 0, rgba(254, 237, 215, 1) 0, rgba(247, 246, 254, 1) 100%); background: -o-linear-gradient(top, rgba(246, 41, 12, 1) 0, rgba(240, 47, 23, 1) 0, rgba(241, 111, 92, 1) 0, rgba(254, 237, 215, 1) 0, rgba(247, 246, 254, 1) 100%); background: -ms-linear-gradient(top, rgba(246, 41, 12, 1) 0, rgba(240, 47, 23, 1) 0, rgba(241, 111, 92, 1) 0, rgba(254, 237, 215, 1) 0, rgba(247, 246, 254, 1) 100%); background: linear-gradient(to bottom, rgb(246 41 12 / 0%) 0, rgb(240 47 23 / 0%) 0, rgb(241 111 92 / 0%) 0, rgba(254, 237, 215, 1) 0, rgba(247, 246, 254, 1) 100%); z-index: 1; }
.key_feat_tiling:after { position: absolute; content: ""; right: -12%; background: url(img/tiling/left_after.png) no-repeat center; background-size: contain; top: 38%; padding: 17%; z-index: -1; }
.tiling_left_img { position: relative; }
.tiling_left_img:before { content: ""; left: -30px; background: url(img/tiling/protips_before.png) no-repeat center; background-size: contain; top: 26%; padding: 47%; position: absolute; z-index: -1; }
.tiling_service p { margin-bottom: 30px; }
.tech_tiling:after { position: absolute; content: ""; right: -12%; background: url(img/tiling/after.png) no-repeat center; background-size: contain; top: 38%; padding: 17%; z-index: -1; }
.tech_tiling { padding: 80px 0; background: rgba(246, 41, 12, 1); background: -moz-linear-gradient(top, rgba(246, 41, 12, 1) 0, rgba(240, 47, 23, 1) 0, rgba(241, 111, 92, 1) 0, rgba(254, 237, 215, 1) 0, rgba(246, 244, 255, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(246, 41, 12, 1)), color-stop(0, rgba(240, 47, 23, 1)), color-stop(0, rgba(241, 111, 92, 1)), color-stop(0, rgba(254, 237, 215, 1)), color-stop(100%, rgba(246, 244, 255, 1))); background: -webkit-linear-gradient(top, rgba(246, 41, 12, 1) 0, rgba(240, 47, 23, 1) 0, rgba(241, 111, 92, 1) 0, rgba(254, 237, 215, 1) 0, rgba(246, 244, 255, 1) 100%); background: -o-linear-gradient(top, rgba(246, 41, 12, 1) 0, rgba(240, 47, 23, 1) 0, rgba(241, 111, 92, 1) 0, rgba(254, 237, 215, 1) 0, rgba(246, 244, 255, 1) 100%); background: -ms-linear-gradient(top, rgba(246, 41, 12, 1) 0, rgba(240, 47, 23, 1) 0, rgba(241, 111, 92, 1) 0, rgba(254, 237, 215, 1) 0, rgba(246, 244, 255, 1) 100%); background: linear-gradient(to bottom, rgba(246, 41, 12, 1) 0, rgba(240, 47, 23, 1) 0, rgba(241, 111, 92, 1) 0, rgba(254, 237, 215, 1) 0, rgba(246, 244, 255, 1) 100%); clip-path: polygon(0 6%, 100% 0, 100% 93%, 0% 100%); }
.contact_tracing_box { overflow: hidden; position: relative; }
.contact_tracing_box .web_wrap { padding: 0 100px; }
.contact_tracing_box p { font-size: 20px; color: #858585; font-weight: 300; }
.contact_tracing_hdr { position: relative; padding-top: 100px; margin-top: -10px; }
.contact_tracing_detail { padding-bottom: 30px; }
.contact_tracing_hdr:before { position: absolute; content: ""; background: url(img/contact_tracing/banner_bg.png) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; padding: 35%; top: 0; }
.contact_tracing_hdr .contact_tracing_des { position: relative; z-index: 1; max-width: 70%; margin-left: auto; }
.contact_tracing_hdr .contact_tracing_des p { color: #fff; }
.contact_tracing_logo { text-align: center; }
.contact_tracing_logo h3 { color: #fff; padding: 20px 0; }
.contact_tracing_logo img { max-width: 150px; }
.contact_tracing_hdr .app_stores a { margin-right: 15px; margin-top: 35px; }
.contact_tracing_list { padding: 100px 0 50px; }
.contact_tracing_sum h5 { color: #000; }
.contact_tracing_brief { position: relative; }
.contact_tracing_brief:before { position: absolute; content: ""; background: url(img/contact_tracing/left_before.png) no-repeat center; background-size: contain; padding: 16% 12%; top: 3%; left: -11%; }
.contact_tracing_title h4 { position: relative; display: inline-block; padding-bottom: 15px; margin-bottom: 50px; color: #000; font-size: 2rem; }
.contact_tracing_title h4:before { position: absolute; content: ""; background: #fb735d; width: 100%; height: 5px; max-width: 100px; bottom: 0; border-radius: 5px; }
.contact_tracing_brief .web_wrap { padding: 0 200px; }
.contact_tracing_sum { padding-bottom: 50px; padding-right: 15%; }
.contact_tracing_proj { background: url(img/contact_tracing/pink_bg.jpg) no-repeat center; background-size: cover; width: 100%; height: 100%; z-index: 1; position: relative; padding-top: 50px; padding-bottom: 50px; }
.contact_tracing_box .view_qrcode, .contact_tracing_right { position: relative; z-index: 1; }
.contact_tracing_right:before { position: absolute; content: ""; background: url(img/contact_tracing/left_after.png) no-repeat right; background-size: contain; padding: 35%; right: -41%; top: 0; z-index: -1; }
.contact_tracing_box .view_qrcode:before { position: absolute; content: ""; background: url(img/contact_tracing/blue_after.png) no-repeat right; background-size: contain; padding: 35%; right: -31%; top: 40%; z-index: -1; }
.contact_tracing_left { position: relative; z-index: 1; }
.contact_tracing_key { position: relative; background: url(img/contact_tracing/bg_trans.jpg) no-repeat right; background-size: cover; width: 100%; height: 100%; padding: 100px 0 50px; }
.contact_tracing_right { text-align: right; }
.qualone_box { overflow: hidden; position: relative; }
.qualone_box p { font-size: 20px; color: #858585; font-weight: 300; }
.qualone_hdr { position: relative; padding-top: 70px; margin-top: -10px; }
.qualone_logo h3 { color: #000; padding: 20px 0; }
.qualone_logo img { max-width: 150px; }
.qualone_spacing { padding: 100px 0 50px; }
.qualone_sum h5 { color: #000; }
.qualone_brief { position: relative; }
.qualone_brief:before { content: ""; background: url(img/qualone/left_bg.png) no-repeat center; background-size: contain; position: absolute; padding: 14% 8%; top: 23%; left: -10%; }
.qualone_title { text-align: center; }
.qualone_title h4 { position: relative; display: inline-block; padding-bottom: 15px; margin-bottom: 50px; color: #000; font-size: 2rem; }
.qualone_title h4:before { content: ""; position: absolute; background: #0b7; width: 100%; height: 5px; max-width: 100px; bottom: 0; border-radius: 5px; margin: auto; text-align: center; left: 0; right: 0; }
.qualone_lamp h2 { color: #000; font-size: 46px; }
.qualone_icon:before { position: absolute; content: ""; background: url(img/qualone/right_before.png) no-repeat center; background-size: contain; padding: 8%; top: 30%; left: 0; z-index: 1; }
.qualone_icon, .qualone_service, .qualone_service p { position: relative; }
.qualone_service:before { position: absolute; content: ""; background: url(img/qualone/view_info_before.png) no-repeat center; background-size: contain; padding: 25% 33%; top: 5%; left: -21%; z-index: -1; }
.qualone_service:after { position: absolute; content: ""; background: url(img/qualone/half_circle.png) no-repeat center; background-size: contain; padding: 4%; bottom: -4%; right: 20%; z-index: -1; }
.qualone_sum { padding-bottom: 50px; padding-right: 15%; }
.qualone_work { background: url(img/qualone/how_it_work_bg.png) no-repeat center; background-size: contain; width: 100%; height: 100%; z-index: 1; position: relative; padding: 12% 0; }
.qualone_work:after { content: ""; background: url(img/qualone/left_before.png) no-repeat center; background-size: contain; padding: 4%; bottom: -5%; right: 10%; position: absolute; z-index: -1; }
.qualone_work .qualone_title h4 { color: #fff; }
.qualone_service .qualone_title h4:before { right: auto; }
.qualone_fixture { margin-top: 50px; background: url(img/qualone/fixture_bg.png) no-repeat center; background-size: cover; width: 100%; height: 100%; z-index: 1; position: relative; padding: 10%; }
.how_it_work_qualone img { max-width: 80%; }
.propsta_box { margin: 70px 0 0; }
.propsta_box p { color: #272729; }
.propsta_hdr { padding: 80px 0 60px; background-image: url(img/propsta/top_sec_bg.png); background-position: right top; background-size: 65%; background-repeat: no-repeat; position: relative; }
.propsta_hdr:after { content: ''; background-image: url(img/propsta/dot-sm.png); background-repeat: no-repeat; background-size: 100%; padding: 40px; position: absolute; left: 44%; bottom: 35%; z-index: -1; transform: rotate(-85deg); -webkit-transform: rotate(-85deg); -moz-transform: rotate(-85deg); }
.propsta_hdr p { color: #656565; }
.store_btn_group { display: block; margin-left: -10px; margin-right: -10px; }
.store_btn_group a { margin: 10px; display: inline-block; }
.store_btn_group a img { max-width: 200px; }
.propsta_sec1 { position: relative; }
.propsta_sec1:after { content: ''; background-image: url(img/propsta/dot-sm.png); background-repeat: no-repeat; background-size: 100%; padding: 40px; position: absolute; right: 10%; bottom: -40%; }
.propsta_title { text-align: center; background: url(img/propsta/title_wave.png) no-repeat center; padding: 50px 15px; background-size: 80px; }
.propsta_sec2 { background: #d3e3ee; margin: 15% 0 0; color: #226d9c; position: relative; }
.propsta_sec2:after { content: ''; background-image: url(img/propsta/rht_wave_bg.png); background-repeat: no-repeat; background-position: right top; background-size: 100%; position: absolute; right: 0; bottom: 0; padding: 15% 9%; opacity: .2; z-index: 1; }
.propsta_sec2 h4, .propsta_sec2 p { color: #000; }
.propsta_sec2 p { text-align: justify; }
.propsta_sec2 figure { margin-top: -17%; position: relative; z-index: 1; }
.propsta_sec2 figure:after { content: ''; background-image: url(img/propsta/thumb_wave.png); background-size: 90%; background-repeat: no-repeat; background-position: right top; position: absolute; right: 0; bottom: 0; height: 80%; width: 90%; z-index: -1; }
.propsta_sec_notify { padding: 30px 0; }
.propsta_sec_notify h4 { position: relative; z-index: 1; }
.propsta_sec_notify h4:before { content: ''; background-color: #ef654c; border-radius: 60px; width: 20px; height: 20px; position: absolute; top: -60px; left: -30px; z-index: -1; }
.propsta_sec_notify h4:after { content: ''; background-color: #fff; border-radius: 60px; width: 60px; height: 60px; position: absolute; opacity: .4; top: -20px; left: -10px; z-index: -1; }
.props_key { position: relative; }
.props_key:after { content: ''; background-image: url(img/propsta/rht_pinkwave_bg.png); background-repeat: no-repeat; background-position: right center; background-size: 100%; position: absolute; right: -10%; bottom: 0; padding: 27% 9%; z-index: 1; }
.props_key h4 { position: relative; }
.props_key h4:before { content: ''; background-color: #ef654c; border-radius: 60px; width: 70px; height: 70px; position: absolute; top: -70px; left: -70px; z-index: -1; }
.props_key h4:after { content: ''; background-color: #dbdadf; border-radius: 60px; width: 20px; height: 20px; position: absolute; top: 20px; left: 30px; z-index: -1; }
.propsta_list { padding: 80px 0; }
.propsta_list ul li { position: relative; padding-left: 48px; margin-bottom: 30px; }
.propsta_list ul li:before { content: ''; background-image: url(img/propsta/list_icon.png); background-repeat: no-repeat; background-size: 34px; width: 34px; height: 34px; position: absolute; left: 0; top: 2px; }
.propsta_key { position: relative; }
.propsta_key:after { content: ''; background-image: url(img/propsta/rht_wave_bg.png); background-repeat: no-repeat; background-position: right bottom; background-size: 100%; position: absolute; right: 0; bottom: 0; height: 100%; width: 19%; z-index: -1; }
.propsta_key .txt_key_group { padding-left: 80px; position: relative; }
.propsta_key .txt_key_group:before { content: ''; background-color: #d7201b; border-radius: 60px; width: 60px; height: 60px; position: absolute; top: -30px; left: 0; }
.props_tech h4 { position: relative; display: inline-block; }
.props_tech h4:after { content: ''; background-color: #fce3df; border-radius: 60px; width: 20px; height: 20px; position: absolute; top: -10px; right: -10px; z-index: -1; }
.props_tech .txt_key_group h4:before { content: ''; background-color: #393550; border-radius: 60px; width: 60px; height: 60px; position: absolute; top: -90px; right: -75px; }
.props_tech .props_tech_img { position: relative; }
.props_tech .props_tech_img:before { content: ''; background-image: url(img/propsta/image_bg.png); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; top: 20%; right: 50px; padding: 40%; z-index: -1; }
.propsta_list .txt_key_group p { padding-bottom: 30px; opacity: .5; }
.propsta_ui_sec { background-image: url(https://www.chicmic.in/wp-content/themes/chicmic/img/propsta/ui_bg.jpg); background-repeat: no-repeat; background-size: 100%; background-color: #d3e3ee; padding: 80px 0; }
.inventory_box { color: #555; }
.inventory_box h3 { font-weight: 700; }
.inventory_hdr { background: url(img/inventory_management/Inventory_bg.jpg) no-repeat #fff; background-size: 100% 100%; background-position: center; padding: 60px 0; }
.inventory_btns img { max-width: 150px; padding: 5px; }
.inventory_sec1 { padding: 24px 0; }
.title_inventory { padding: 20px 0; color: #000; position: relative; width: 100%; }
.title_inventory h4 { color: #000; text-align: left; font-weight: 600; display: inline-block; position: relative; }
.inventory_hdr p { color: #fff; }
.box-inventory { padding-top: 40px; padding-bottom: 40px; }
.box-inventory h6 { color: #000; margin: 0 0 10px; }
.box-inventory img { margin-bottom: 30px; }
.wave_inventory { margin-top: -100px; }
.inventory_feat { margin-bottom: 80px; margin-top: 80px; background: #f2f3fd; }
.inventory_feat .feat_bg b { font-size: 1.4rem; padding-bottom: 10px; }
.inventory_feat .feat_bg { position: relative; min-height: 480px; }
.inventory_feat .feat_bg:before { position: absolute; content: ""; background: url(img/inventory_management/key_feat_left.jpg) no-repeat center; background-size: cover; padding: 20% 18%; left: -5%; border-radius: 0 30px 30px 0; top: 0; bottom: 0; }
.inventory_feat li { position: relative; padding-left: 80px; display: flex; align-items: start; flex-direction: column; justify-content: center; }
.inventory_feat li:before { position: absolute; content: ""; left: 0; padding: 30px; }
.inventory_feat li:nth-child(1):before { background: url(img/inventory_management/ware_house.png) no-repeat center; background-size: contain; }
.inventory_feat li:nth-child(2):before { background: url(img/inventory_management/company_codes.png) no-repeat center; background-size: contain; }
.inventory_box .stats_bg { position: relative; }
.inventory_box .stats_bg:after { content: ''; background-image: url(img/inventory_management/our_service_bg.png); background-repeat: no-repeat; background-size: contain; padding: 45%; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: -30%; background-position: right top; z-index: -1; }
.inventory_list ul li { padding-left: 35px; position: relative; margin: 20px 0 0; }
.inventory_list ul li:after { content: ''; background-image: url(img/inventory_management/Inventory_list.png); background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; top: 0; padding: 10px; }
.inventory_ui { background: #2aa6f0; padding: 70px 0; margin: 50px 0 0; color: #fff; position: relative; z-index: 1; }
.inventory_ui.inventory_list ul li:after { background-image: url(img/inventory_management/Inventory_list_white.png); }
.inventory_ui:before { position: absolute; content: ""; background-image: url(img/inventory_management/our_wave_feature.png); background-position: top right; background-size: 100%; background-repeat: no-repeat; padding: 4% 30%; transform: rotate(180deg); top: 0; right: -20%; z-index: -1; }
.inventory_ui:after { position: absolute; content: ""; background-image: url(img/inventory_management/our_wave_feature.png); background-position: bottom left; background-size: contain; background-repeat: no-repeat; padding: 7% 50%; bottom: -20px; left: -5%; z-index: -1; }
.praise_box { color: #fff; background: url(img/praise_casino/bg.jpg) no-repeat #fff; background-size: 100% 100%; background-position: center; }
.praise_hdr { background-color: #191b28; background: url(img/praise_casino/praise_casino_topbg.jpg) no-repeat #fff; background-size: 100% 100%; background-position: center; padding-top: 0; }
.praise_box li, .praise_box p { color: #c2c2c2; font-size: 20px; }
.praise_hdr p { padding-bottom: 50px; }
.praise_logo img { max-width: 170px; margin: 30px 0; }
.praise_service p { position: relative; }
.praise_service p:before { position: absolute; content: ""; right: -8%; top: -170px; padding: 15%; background: url(img/praise_casino/our_service_before.png) no-repeat right; background-size: contain; }
.praise_service p:after { position: absolute; content: ""; right: -50px; padding: 23% 30%; background: url(img/praise_casino/our_service_after.png) no-repeat right; background-size: contain; }
.praise_service { padding: 50px 0; }
.praise_space { padding: 40px 0 0; }
.title_praise h2 { display: inline-block; margin-bottom: 30px; font-weight: 600; }
.praise_list ul li { position: relative; padding-left: 45px; padding-bottom: 30px; }
.praise_list ul li:before { position: absolute; content: ""; background: url(img/praise_casino/game_list_icon.png) no-repeat center; background-size: contain; padding: 14px; left: 0; }
.praise_tech { padding-bottom: 20px; }
.groopy_box { width: 100%; float: left; position: relative; overflow: hidden; }
.groopy_hdr { background: #00d0c6; width: 100%; float: left; border-radius: 35px 35px 0 0; position: relative; z-index: 1; }
.groopy_hdr:before { position: absolute; content: ""; background: url(img/groopy/before.png) no-repeat left; background-size: contain; padding: 15% 22%; left: 0; top: 7%; z-index: -1; }
.groopy_hdr:after { position: absolute; content: ""; background: url(img/groopy/after.png) no-repeat right; background-size: contain; padding: 15% 32%; right: 0; top: 10%; z-index: -1; }
.groopy_detail img { max-width: 80px;  border-radius: 15px;}
.groopy_detail { padding-top: 100px; }
.groopy_box li, .groopy_box p { color: #000; font-size: 18px; }
.groopy_stores a img { width: 160px; }
.groopy_dev { margin-top: -18%; }
.groopy_box h3 { font-size: 3rem; font-weight: 700; }
.shadow_groopy { box-shadow: 0 0 15px rgba(0, 0, 0, 0.12); padding: 20px; min-height: 200px; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 10px; }
.groopy_list li { position: relative; padding-left: 35px; padding-bottom: 30px; }
.groopy_list li:before { content: ""; background: url(img/groopy/groopy_icon.png) no-repeat center; background-size: contain; padding: 10px; left: 0; position: absolute;top:6px; }
.groopy_after, .groopy_before { position: relative; z-index: 1; }
.groopy_before:before { content: ""; background: url(img/groopy/our_service_bg.png) no-repeat left; background-size: contain; padding: 81% 50%; position: absolute; left: -8%; z-index: -1; }
.groopy_after:before { position: absolute; content: ""; padding: 63%; background: url(img/groopy/start_project_after.png) no-repeat right; background-size: contain; right: -8%; z-index: -1; }
.groopy_tech { background: #00d1c6; }
.rudder_box { position: relative; overflow: hidden; margin-top: 30px; }
.rudder_box li, .rudder_box p { font-size: 18px; opacity: .8; }
.rudder_hdr { background: #33a2fe; position: relative; padding: 80px 0 50px; }
.rudder_det h3 { letter-spacing: 2.5px; }
.rudder_box h6 { letter-spacing: 1px; }
.rudder_top { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); margin-top: -22.7%; position: relative; }
.rudder_box .store_btn_group img { max-width: 150px; }
.rudder_det { position: relative; z-index: 1; }
.rudder_sec1 img { margin-bottom: 3rem; max-width: 57px; height: 57px; object-fit: contain; }
.rudder_list li { position: relative; padding-left: 35px; padding-bottom: 30px; display: flex; align-items: center; }
.rudder_list li:before { content: ""; background: url(img/rudder_up/rudder_up_icon_wht.png) no-repeat center; background-size: contain; padding: 10px; left: 0; position: absolute; }
.rudder_key { position: relative; color: #fff; }
.rudder_list { padding: 60px 0; }
.rudder_key:before { position: absolute; content: ""; background: #f9886e; padding: 27% 49%; border-radius: 0 50% 50% 0; top: 0; bottom: 0; }
.rudder_title h4 { padding-bottom: 30px; font-size: 2.5rem; }
.rudder_service.rudder_list li:before { background: url(img/rudder_up/rudder_up_icon.png) no-repeat center; background-size: contain; }
.rudder_servi { background: #0772cb; padding: 18% 0 15%; margin-top: -24.6%; color: #fff; }
.rudder_btm { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); margin-top: -17.2%; position: relative; }
.rudder_btm figure { margin-bottom: 0; }
.rudder_tech { margin-top: -22.7%; padding-top: 100px; background: #2294f2; padding-bottom: 0; }
.rudder_tech_bg { position: relative; z-index: 1; }
.rudder_tech_bg:before { content: ""; background: url(img/rudder_up/techno_bg.png) no-repeat bottom; background-size: contain; padding: 51%; bottom: -19%; position: absolute; z-index: -1; right: -10%; }
.partnerone_box { position: relative; margin-top: 30px; overflow: hidden; }
.partnerone_box li, .partnerone_box p { font-size: 20px; color: #616161; }
.partnerone_hdr { padding: 80px 0 200px; background: url(img/28_one/top_bg.png) no-repeat top; background-size: 100%; position: relative; }
.partnerone_hdr .app_stores { margin: 30px 0; }
.partnerone_title h3 { font-weight: 700; }
.partnerone_hdr .app_stores img { padding: 10px; }
.partnerone_list { padding-top: 50px; }
.partnerone_title h3 { color: #000; padding-bottom: 20px; }
.partnerone_box li { position: relative; padding-left: 35px; padding-bottom: 30px; display: flex; align-items: start; }
.partnerone_box li:before { content: ""; background: url(img/28_one/list_icon.png) no-repeat center; background-size: contain; padding: 15px; left: 0; position: absolute; }
.partnerone_carton { position: relative; z-index: 1; }
.partnerone_carton:before { position: absolute; content: ""; background: url(img/28_one/new_carton_bg.png) no-repeat right; background-size: contain; padding: 76% 60%; right: -15%; z-index: -1; }
.partnerone_defect { position: relative; z-index: 1; }
.partnerone_defect:before { content: ""; background: url(img/28_one/defect_bg.png) no-repeat left; background-size: contain; padding: 76% 60%; position: absolute; left: -15%; z-index: -1; }
.partnerone_tech { position: relative; z-index: 1; }
.partnerone_tech:after { position: absolute; content: ""; background: url(img/28_one/tech_after.png) no-repeat left; background-size: contain; padding: 89% 60%; right: -41%; z-index: -1; top: -23%; }
.partnerone_tec:before { content: ""; background: url(img/28_one/circle.png) no-repeat right; background-size: contain; padding: 5%; right: -10%; position: absolute; z-index: -1; top: -20%; }
.partnerone_techno { position: relative; }
.partnerone_techno:before { content: ""; background: url(img/28_one/dots.png) no-repeat left; background-size: contain; padding: 5%; top: 0; left: 7%; position: absolute; }
.partnerone_techno:after { content: ""; position: absolute; padding: 23%; bottom: -24%; left: -10%; background: url(img/28_one/before_end.png) no-repeat left; background-size: contain; }
.partnerone_tec:after { content: ""; position: absolute; padding: 10%; bottom: 0; right: -10%; background: url(img/28_one/rectangle.png) no-repeat right; background-size: contain; }
.partnerone_defet { position: relative; }
.partnerone_defet:before { position: absolute; content: ""; background: url(img/28_one/circle_lins.png) no-repeat center; background-size: contain; padding: 10%; right: 5%; bottom: -30%; }
.partnerone_defet:after { position: absolute; content: ""; background: #e0e9eb; padding: 5%; right: -10%; top: -30%; border-radius: 50%; }
.wave_bg { margin-top: -5%; }
.partnerone_quality, .wave_bg { position: relative; }
.wave_bg:before { content: ""; position: absolute; padding: 5%; bottom: 90px; left: -4%; z-index: -1; background: url(img/28_one/dots.png) no-repeat left; background-size: contain; }
.partnerone_quality:before { content: ""; position: absolute; background: url(img/28_one/dots.png) no-repeat left; background-size: contain; padding: 5%; top: -50px; right: 4%; z-index: -1; }
.partnerone_quality:after { position: absolute; content: ""; background: url(img/28_one/square.png) no-repeat right; background-size: contain; padding: 3%; bottom: -3%; right: 14%; z-index: -1; }
.partnerone_key { position: relative; z-index: 1; }
.partnerone_key:after { position: absolute; content: ""; background: url(img/28_one/rectangle.png) no-repeat left; background-size: contain; padding: 10%; right: -5%; z-index: -1; top: -12%; }
.partnerone_key:before { position: absolute; content: ""; background: url(img/28_one/circle.png) no-repeat right; background-size: contain; padding: 8%; right: 10%; z-index: -1; bottom: -10%; }
.grocery_box { overflow: hidden; position: relative; }
.grocery_box .web_wrap { padding: 0 100px; }
.grocery_box p { font-size: 20px; color: #858585; font-weight: 300; }
.grocery_logo img { max-width: 150px; }
.grocery_title h4 { position: relative; display: inline-block; padding-bottom: 15px; margin-bottom: 50px; color: #000; font-size: 2rem; }
.grocery_title h4:before { position: absolute; content: ""; background: #f6633a; width: 100%; height: 4px; max-width: 100px; bottom: 0; border-radius: 5px; }
.grocery_hdr { position: relative; padding-top: 100px; margin-top: -10px; }
.grocery_detail { padding-bottom: 30px; }
.grocery_hdr:before { position: absolute; content: ""; background: url(img/grocery/banner_bg.png) no-repeat center; background-size: 100% 100%; padding: 31% 50%; top: 0; }
.grocery_hdr:after { position: absolute; content: ""; background: url(img/grocery/grocery_bg.png) no-repeat right; background-size: contain; padding: 28%; top: -51px; right: -50px; z-index: -1; transform: rotate(-7deg); -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); }
.grocery_hdr .app_stores img { padding: 5px; }
.grocery_brief { position: relative; }
.grocery_brief:before { position: absolute; content: ""; background: url(img/grocery/left_before.png) no-repeat center; background-size: contain; padding: 16% 12%; top: 3%; left: -11%; }
.grocery_proj { background: url(img/grocery/pink_bg.jpg) no-repeat center; background-size: cover; width: 100%; height: 100%; z-index: 1; position: relative; padding-top: 50px; }
.grocery_right { position: relative; }
.grocery_right:before { position: absolute; content: ""; background: url(img/grocery/left_after.png) no-repeat right; background-size: contain; padding: 40%; right: -41%; top: 10%; z-index: -1; }
.grocery_left { position: relative; }
.grocery_left:before { position: absolute; content: ""; background: url(img/grocery/coupons_bg.png) no-repeat right; background-size: contain; padding: 25% 30%; top: 17%; left: -15%; }
.grocery_key { position: relative; background: url(img/grocery/bg_trans.jpg) no-repeat right; background-size: cover; width: 100%; height: 100%; padding: 100px 0 50px; }
.grocery_profile { position: relative; }
.grocery_profile:before { content: ""; position: absolute; background: url(img/grocery/blue_after.png) no-repeat right; background-size: contain; padding: 45%; right: -41%; top: 30%; }
.grocery_sum { padding-bottom: 50px; padding-right: 15%; }
.menutize_box { overflow: hidden; position: relative; }
.menutize_box li, .menutize_box p { font-size: 20px; }
.menutize_box .web_wrap { padding: 0 100px; }
.menutize_hdr { background: url(img/menutize/banner_top.png) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; padding-top: 100px; }
.menutize_hdr h3 { padding: 20px 0; }
.menutize_hdr p { color: #fff; }
.menutize_hdr .app_stores a { margin-right: 10px; margin-top: 25px; }
.menutize_sum h5 { color: #000; }
.menutize_des { padding-right: 100px; position: relative; }
.menutize_sum { padding: 20px 0; }
.menutize_sum p { font-size: 18px; }
.menutize_brief { padding-top: 60px; }
.menutize_des:before { position: absolute; top: 0; left: -30px; background: url(img/menutize/bg_before.png) no-repeat center; background-size: contain; padding: 35% 47%; content: ""; z-index: -1; }
.menutize_list { padding-top: 100px; }
.menutize_title h4 { color: #000; font-size: 2.4rem; padding-bottom: 20px; }
.menutize_det { padding: 20px 70px; }
.menutize_icon img { filter: drop-shadow(0px 0px 30px #c2c2c2); -webkit-filter: drop-shadow(0px 0px 30px #c2c2c2); -moz-filter: drop-shadow(0px 0px 30px #c2c2c2); }
.menutize_tech { position: relative; margin-bottom: -10px; margin-top: 70px; }
.menutize_tech:after { position: absolute; content: ""; background: url(img/menutize/btn_bg.png) no-repeat right; background-size: 95% 100%; width: 100%; height: 100%; padding-top: 100px; top: 0; z-index: -1; right: -20px; }
.menutize_tech figure { margin-bottom: 0; }
.menutize_sumery .web_wrap { padding: 0 200px; }
.menutize_sumery .menutize_sum { padding-right: 80px; }
.frugbi_box { overflow: hidden; position: relative; }
.frugbi_box li, .frugbi_box p { font-size: 20px; }
.frugbi_hdr { background: url(img/frugbi/top_bg.png) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; padding-top: 100px; }
.frugbi_hdr h3 { padding: 20px 0; }
.frugbi_hdr p { color: #fff; }
.frugbi_hdr .app_stores a { margin-right: 10px; margin-top: 25px; }
.frugbi_space { margin-top: 60px; }
.frugbi_service { background: url(img/frugbi/service_bg.jpg) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; padding: 100px 0; }
.frugbi_list li { position: relative; padding-bottom: 30px; padding-left: 35px; color: #fff;}
.frugbi_list li:before { position: absolute; content: ""; background: url(img/frugbi/frugbi_icon_white.png) no-repeat center; background-size: contain; padding: 10px; left: 0; top: 8px; }
.frugbi_title h2 { font-size: 2.5rem; padding-bottom: 30px; font-weight: 800; }
.frugbi_title h4 { color: #000; padding-bottom: 20px; }
.frugbi_key_list { color: #000; }
.frugbi_key_list li { position: relative; padding-bottom: 30px; padding-left: 35px; }
.frugbi_key_list li:before { position: absolute; content: ""; background: url(img/frugbi/frugbi_icon.png) no-repeat center; background-size: contain; padding: 10px; left: 0; top: 8px; }
.frugbi_key_list ul { -webkit-column-count: 2; column-count: 2; }
.frugbi_tech { background: url(img/frugbi/tech_bottom_bg.jpg) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; padding-top: 100px; }
.frugbi_tech figure { margin-bottom: -13rem; }

.find_parent_box { overflow: hidden; position: relative; margin-top: 30px; }
.find_parent_box p { font-size: 20px; color: #9f9f9f; }
.find_parent_hdr { padding-top: 50px; position: relative; z-index: 11; }
.find_parent_hdr:before { position: absolute; content: ""; right: -6%; background: url(img/find_parent/top_bg.png) no-repeat right; background-size: contain; padding: 30% 34%; top: -2%; }
.find_parent_hdr:after { position: absolute; content: ""; right: -2%; background: url(img/find_parent/shape.png) no-repeat right; background-size: contain; padding: 30%; top: -8%; z-index: -1; }
.find_parent_icon a img { width: 170px; margin: 10px; }
.find_parent_title h4 { color: #9f9f9f; }
.find_parent_space { padding-top: 50px; }
.find_parent_service { padding: 50px 10px 10px; }
.find_parent_feat { position: relative; }
.find_parent_feat:before { position: absolute; content: ""; background: url(img/find_parent/shape_circle.png) no-repeat left; background-size: contain; padding: 20%; left: -5%; z-index: -1; top: -50px; }
.find_parent_feat:after { position: absolute; content: ""; background: url(img/find_parent/boy.png) no-repeat right; background-size: contain; padding: 8%; right: 10px; z-index: -1; bottom: 0; z-index: 1; }
.find_parent_list li { position: relative; padding-left: 35px; padding-bottom: 30px; }
.find_parent_list li:before { position: absolute; content: ""; background: url(img/find_parent/find_parent_list.png) no-repeat center; background-size: contain; left: 0; top: 8px; padding: 12px; }
.find_parent_key { background: url(img/find_parent/creteria_bg.png) no-repeat center; background-size: 100% 100%; width: 100%; height: 100%; padding-top: 100px; }
.find_parent_cetagory { margin-bottom: -15%; }
.find_parent_ui { position: absolute; bottom: 0; z-index: -1; }
section.event_content { padding-bottom: 40px; }
@media(min-width:576px) {
  .event_list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; }
}
@media(min-width:991px) {
  .event_list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 24px; }
}
.event_list li figure { position: relative; overflow: hidden; border-radius: 20px 20px 5px 20px; }
.event_list li figure img { width: 100%; border-radius: 20px 20px 10px 20px; height: auto; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.event_list li figure:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.event_list span { position: absolute; left: 10px; transform-origin: left; font-weight: 700; text-transform: uppercase; padding: 1px 8px 2px; bottom: 8px; background: #ec7a2f; color: #fff; font-size: 14px; }
.event_content ul { width: 100%; float: left; text-align: center; }
.event_content li { width: 33.33%; float: left; padding: 0 12px; text-align: center; margin-bottom: 25px; }
.event_content li img { width: 100%; height: auto; border-radius: 20px 20px 5px 20px; }
#stupidbox { background-size: 60%!important; }
#stupidbox b { font-size: 20px!important; font-family: lato!important; }
.clients_logos { flex-wrap: wrap; }
.clients_logos .list_items { margin: 0 15px 0; max-width: 100%; }
.clients_logos .list_items a, .clients_logos .list_items span { display: inline-block; background: var(--white-color); padding: 0 11px; }

.app-icons-portfolio { display: none; }
.page-id-538 .portfolio_box h2 { position: absolute; z-index: 99; left: 0; bottom: -8px; padding: 10px 6%; width: 100%; background: rgba(0, 0, 0, 0.5); }
.page-id-536 .portfolio_box h2, .page-id-541 .portfolio_box h2 { display: none; }
.page-id-536 .portfolio_box, .page-id-538 .portfolio_box, .page-id-541 .portfolio_box { max-width: 100%; padding: 0; }
.page-id-536 :hover figure img, .page-id-538 .portfolio_box:hover figure img, .page-id-541 .portfolio_box:hover figure img { -ms-transform: none; transform: none; -moz-transform: none; -webkit-transform: none; }
.page-id-538 .app-icons-portfolio { display: block; position: absolute; bottom: 7px; z-index: 99; right: 10px; }
.app-icons-portfolio li { display: inline-block; padding: 0 5px; }
.portfolio_box .app-icons-portfolio img { width: auto; height: 30px; }
button.btn.btn-link { width: 100%; text-align: left; color: #fff; padding: 15px; border: 0; cursor: pointer; }
.card { margin-bottom: 15px; }
#accordionExample .card-header { padding: 0; }
#accordionExample ul { margin-bottom: 15px; }
.page-template-carrer-page .card-header h5 { background: linear-gradient(to right, rgba(255, 136, 81, 1) 0, rgba(219, 93, 34, 1) 100%); max-height: 54px; height: auto!important; }
button.btn.btn-link:after { content: "\f056"; font-family: fontawesome; right: 20px; position: absolute; font-size: 24px; top: 10px; }
button.btn.btn-link.collapsed:after { content: "\f055"; font-family: fontawesome; right: 20px; position: absolute; font-size: 24px; top: 10px; }
.form-group lable { display: block; padding-bottom: 10px; }
button.btn.btn-primary { display: block; margin-top: 10px; }
#accordionExample li { padding: 6px 10px 6px 30px; background: url(img/check.png); background-repeat: no-repeat; background-position: left center; }
div#accordionExample { margin: 50px auto; }
#myModal .modal-header { text-align: center; border: 0; padding-bottom: 0; }
#myModal .modal-body { padding: 0 30px 20px; }
#myModal .modal-header .modal-title { margin-bottom: 0; text-align: center; position: relative; width: 100%; }
#myModal .modal-header .modal-title:after { content: ''; background: #f47c43; display: block; margin: 8px auto; height: 3px; width: 110px; }
#myModal .submit_btn { margin: 0; }

@media (min-width:1200px) {
  .screeshots .col-md-9 { -ms-flex: 0 0 73%; flex: 0 0 73%; max-width: 73%; }
  .screeshots .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 26.8%; max-width: 27%; }
  .savvy_hdr .app_stores { padding: 0 80px; }
  .propsta_sec_notify { padding-right: 20%; }
  .propsta_box .web_wrap { padding: 0 100px; }
  .inventory_space { padding: 50px 0; }
  .praise_box .web_wrap { padding: 0 70px; }
  .praise_box p { line-height: 2; }
  .praise_logo img { width: 200px; margin: 0 0 30px; }
  .praise_tech { padding-bottom: 50px; }
  .praise_box li, .praise_box p { font-size: 16px; }
  .groopy_box li, .groopy_box p { font-size: 20px; }
  .rudder_box li, .rudder_box p { font-size: 20px; }
  .rudder_title h4 { font-size: 3rem; }
  .partnerone_box .web_wrap { padding: 0 80px; }
  .partnerone_logo { padding-right: 100px; }
  .frugbi_box .web_wrap { padding: 0 100px; }
  .find_parent_box .web_wrap { padding-left: 60px; padding-right: 60px; }
}
@media (min-width:1380px) {
  .container { max-width: 90%; width: 1370px; }
  .blocksMultiplayer_box .web_wrap, .coding_good_box .web_wrap, .prep2pass_box .web_wrap, .reposter_box .web_wrap { padding: 0 80px; }
}
@media (min-width: 1680px) {
  .container { max-width: 90%; width: 1440px; }
}
@media (min-width:1480px) {
  .reposter_hdr { padding-bottom: 18%; }
}
@media (max-width:1440px) {
  .counter { width: 100%; float: left; }
  .counter li { width: 50%; float: left; padding-left: 0; }
  .counter li:before { display: none; }
  .counter { margin: 50px 0 30px; }
	.unity_port .position_witch { width: 81%; }
}
@media (max-width:1430px) {
  .container { max-width: 1190px; }
  #header .navbar-nav>li { margin: 0 13px; }
  #header .navbar-nav>li>a { font-size: 15px; }
  .title_left { line-height: 40px; }
  .play_now { padding: 16rem 0 20rem; }
  .bubblefun_contentArea:after { display: none; }
  .commpleted_level_fun { padding-bottom: 0; }
}
@media (max-width:1280px) {
  .faq_left { padding-right: 30px; }
  .faq_right { padding-left: 30px; }
  .view_btn { margin-top: 30px; }
  .counter { margin: 20px 0 30px; }
  .chose_left { padding-right: 40px; }
  section.front_portfolio { padding: 60px 0; }
  .app_store { padding-bottom: 6%; }
  .end_block { width: 60%; }
  .appdev_wrap { padding: 0 60px; }
  .app_rating_icon .detail_sum { margin-left: 15px; }
  .prep2pas_list { padding-top: 40px; }
  .prep2pas_box .web_wrap { padding: 0 60px; }

  .project_engage_img figure { max-width: 100%; }
  .project_engage_img img { margin-left: -30px; }
  .about_ludo_image figure { margin-left: -5%; margin-right: -2%; margin-bottom: -50px; }
  .pointsplay_key li, .pointsplay_key_tech li { padding-bottom: 20px; }
  .pointsplay_box li, .pointsplay_box p { font-size: 18px; }
  .pointsplay_box .web_wrap { padding: 0 40px; }
  .services_tech_point { padding: 0 0 60px; }
  .pointsplay_hdr:before { padding: 50%; }
  .bottleflip_list { padding-top: 70px; }
  .bottleflip_box li, .bottleflip_box p { font-size: 18px; }
}
@media (max-width:1200px) {
  .h1, h1 { font-size: 40px; }
  .container { max-width: 991px; }
  section { padding: 30px 0; }
  .chose_left { padding-right: 10px; }
  .service_rht { padding: 0 30px; }
  .our_address { max-width: 410px; margin: 15px 3%;}
  .portfolio_box { margin-top: 20px; }
  .pl-110 { padding-left: 50px!important; }
  .form_wrap { padding: 70px 70px 50px; width: 90%; }
  .title_center { margin-bottom: 30px; text-align: center; }
  .select_one span { padding: 5px 15px; }
  .select_one { margin: 5px; }
  .project_info { width: 80%; }
  .store-download { margin: 25px 0 0; }
  .portfolio-group span { font-size: 1.41rem; }
  .game-service figure { margin-top: -10px; }
  .services_categoris li, .services_categoris li.active { padding-right: 26px; }
  .app_store { padding: 16px 0 0; z-index: 9; }
  .block1 { margin-left: -4%; }
  .block3 { margin-right: -3%; }
  .app_logo img { width: 300px; }

  .trivia_avtars_sec { padding: 30px 0; }

  .port_collection_thumbs { top: -2%; }


  .sms_reminder_deat li { padding-top: 20px; }
  .sms_reminder_sum { padding-top: 50px; }
  .sms_reminder_sum .web_wrap { padding: 0 70px; }
  .isparkle_box .tagline-tag { top: -60%; }
  .isparkle_hdr .app_stores { padding-top: 20px; }
  .isparkle_logo { left: 36%; }
  .isparkle_logo_summry h2 { font-size: 6rem; }
  .isparkle_logo_summry h4 { font-size: 2rem; }
  .isparkle_info h4 { font-size: 3rem; }
  .key_isparkle li { padding-bottom: 20px; }
  .isparkle_list { padding-top: 60px; }
  .isparkle_box .tagline-tag:before { padding: 50%; }
  .yufa_logos figure { max-width: 40%; margin: 20px auto; }
  .yufa_feat:before { padding: 45% 12%; }
  .yufa_box .bluff_hd img { max-width: 70%; }
  .yufa_feat ul { margin-left: 0; }
  .natrela_box .web_wrap, .natrela_sumery .web_wrap { padding: 0 60px; }
  .natrale_des { padding-right: 60px; }
  .natrale_des:before { padding: 39% 50%; }
  .natrela_box li, .natrela_box p { font-size: 18px; }
  .natrela_title h4 { font-size: 2.2rem; padding-bottom: 15px; }
  .natrela_sum { padding: 5px 0; }
  .natrela_det { padding: 0 60px; }
  .natrela_sumery .natrela_sum { padding-right: 0; }
  .natrala_tech:after { background-size: 100% 100%; }
  .natrela_hdr { padding-top: 60px; }
  .natrela_sum p { padding-right: 10px; }

  .cf11_list { padding-top: 70px; }
  .game_cf11 h4:before { top: -10%; }
  .cf11_title { padding-bottom: 20px; }
  .cf11_detail h3 { font-size: 2.2rem; padding: 10px 0; }
  .cf11_logo img { max-width: 200px; }
  .cf11_tab { margin-top: 0; }
  .key_feat_cf11 { padding-left: 20px; padding-right: 20px; }
  .cf11_title h4:before { padding: 12%; left: -3%; top: -20px; }
  .techno_tab { padding-top: 120px; }
  .cf11_box p { text-align: left; }
  .casino_detail { top: 60px; }
  .casino_detail h3 { padding: 10px 0; font-size: 1.7rem; }
  .casino_detail h2 { font-size: 3.2rem; }
  .casino_detail p { line-height: 1.5; }
  .visit_casino_Website { margin-top: 30px; }
  .casino_box li, .casino_box p { font-size: 18px; }
  .casino_list { padding-top: 70px; }
  .casino_title h4 { font-size: 2.3rem; padding-bottom: 12px; }
  .key_casino li { padding-bottom: 15px; }
  .key_casino li:before { top: 3px; }
  .casino_des h5 { padding: 10px 0; }
  .casino_tab .project_casino h4 { font-size: 2rem; }
  .project_casino p { padding: 10px 50px; }
  .Sweet_memory_box .web_wrap { padding: 0 60px; }
  .Sweet_memory_box li, .Sweet_memory_box p { font-size: 18px; }
  .ofc_title h3, .ofc_title h4 { font-size: 2.2rem; padding-bottom: 20px; }
  .ofc_box .key_feat li { padding-bottom: 15px; padding-left: 30px; }
  .ofc_list { padding-top: 50px; }
  .xian_store:before { -webkit-clip-path: polygon(0 0, 100% 0, 100% 65%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 65%, 0% 100%); padding: 55% 35%; }
  .work_pg_list .user_list i:nth-child(odd) { margin-right: 0; }
  .work_pg_list { padding-top: 80px; }
  .work_pg_box .key_workleft:before { left: -60%; }
  .work_pg_box .key_workright:before { right: -60%; }
  .work_pg_techno { padding-top: 0; }
  .venus_dress_box .web_wrap { padding: 0 40px; }
  .venus_dress_logo figure { max-width: 70%; }
  .venus_dress_title h4 { font-size: 2.2rem; padding-bottom: 15px; }
  .key_feat_dress li { padding-bottom: 20px; padding-left: 35px; }
  .venus_dress_hdr { padding-top: 20px; }
  .venus_dress_logo h4 { font-size: 1.4rem; padding: 10px 0; }
  .venus_list { padding-top: 30px; }
  .venus_dress_box .venus_dress_key { padding-top: 0; }
  .venus_dress_box .venus_dress_key .venus_dress_title p { padding-bottom: 30px; }
  .pots_spider_title i img { max-width: 100%; }
  .pots_logo img { max-width: 150px; }
  .rolling_marblestitle img { padding-top: 50px; padding-bottom: 0; }
  .rolling_marbles_rate img { max-width: 70%; }
  .rolling_marbles_playgame .screen_1 { margin-left: 0; }
  .rolling_marbles_playgame .screen_3 { margin-right: 0; }
  .wordsearch_techno { padding-top: 35%; }
  .jungle_settings_key ul { padding: 0 3%; }
  .jungle_box li, .jungle_box p { font-size: 20px; }
  .jungle_build figure { margin-left: -5%; margin-right: -5%; }
  .jungle_title p { padding: 0 3% 30px; }
  .empirehunt_store { margin-left: -5%; margin-right: -5%; }
  .west_shiping_box .web_wrap, .west_shiping_brief .web_wrap { padding: 0 70px; }
  .west_shiping_hdr { padding-top: 70px; }
  .west_shiping_sum { padding-right: 5%; padding-bottom: 20px; }
  .shiping_list { padding: 60px 0 40px; }
  .west_shiping_title h4 { font-size: 1.8rem; }
  .west_shiping_logo h3 { padding: 15px 0; }
  .west_shiping_box p { font-size: 18px; }
  .play_gamefun .supper_bubble_play { top: 30px; }
  .supper_bubble_play p { padding: 0 50px; }
  .bubblefun_contentArea p { font-size: 20px; }
  .commpleted_level_fun { top: 0; }
  .play_gamefun { top: 0; }
  .play_gamefun figure img { margin-left: 0; max-width: 100%; }
  .dyef_box li, .dyef_box p { font-size: 18px; }
  .draft_applogo i { max-width: 150px; }
  .draft_applogo { top: 6%; }
  .humgenbach_sum { padding-right: 0; }
  .humgenbach_list { padding-top: 50px; }
  .humgenbach_title h5 { font-size: 1.5rem; margin-bottom: 15px; }
  .humgenbach_proj figure img { max-width: 100%; }
  .bg_blue_humgenbach { padding: 70px 20px; }
  .humgenbach_box .web_wrap { padding: 0 40px; }
  .humgenbach_brief .web_wrap { padding: 0 140px; }
  .humgenbach_hdr { padding-bottom: 160px; }
  .erp_list { padding-top: 50px; }
  .erp_key li { padding-bottom: 15px; }
  .erp_pro p { padding: 10px 40px 20px; }
  .erp_logo h2 { font-size: 2.5rem; }
  .erp_pro h2, .erp_title h3 { font-size: 2.2rem; padding-bottom: 15px; }
  .feat_bg .col-md-6 ul { padding-right: 15px; }
  .funsoccer_list { padding-top: 30px; }
  .bottle_flip_des { margin: 30px 0 0; background: #3d5c9c; border: 3px solid #fff; padding: 30px 20px; }
  .bottm_bug_screen figure { margin-left: -3%; margin-right: -3%; }
  .roblox_box li, .roblox_box p { font-size: 18px; }
  .roblox_title h4 { margin-bottom: 40px; }
  .black_list { padding-bottom: 80px; }
  .contact_tracing_box .web_wrap, .contact_tracing_brief .web_wrap { padding: 0 70px; }
  .contact_tracing_sum { padding-right: 5%; padding-bottom: 20px; }
  .contact_tracing_list { padding: 60px 0 40px; }
  .contact_tracing_title h4 { font-size: 1.8rem; }
  .contact_tracing_logo h3 { padding: 15px 0; }
  .contact_tracing_box p { font-size: 18px; }
  .qualone_spacing { padding: 60px 0 50px; }
  .propsta_hdr { padding: 80px 0 20px; }
  .rudder_list li { padding-bottom: 25px; }
  .grocery_box .web_wrap, .grocery_brief .web_wrap { padding: 0 70px; }
  .grocery_sum { padding-right: 5%; padding-bottom: 20px; }
  .grocery_list { padding: 30px 0; }
  .grocery_title h4 { font-size: 1.8rem; }
  .grocery_logo h3 { padding: 15px 0; }
  .grocery_box p { font-size: 18px; }
  .menutize_box .web_wrap, .natrela_sumery .web_wrap { padding: 0 60px; }
  .menutize_des { padding-right: 60px; }
  .menutize_des:before { padding: 39% 50%; }
  .menutize_box p, .natrela_box li { font-size: 18px; }
  .menutize_title h4 { font-size: 2.2rem; padding-bottom: 15px; }
  .menutize_sum { padding: 5px 0; }
  .menutize_det { padding: 0 60px; }
  .menutize_sumery .natrela_sum { padding-right: 0; }
  .menutize_tech:after { background-size: cover; border-radius: 100px 0 0 0; }
  .menutize_hdr { padding-top: 60px; }
  .menutize_sum p { padding-right: 10px; }
  .frugbi_box li, .frugbi_box p { font-size: 18px; }
  .find_parent_box p { font-size: 18px; }
}
.hour_box h2 { color: #eb6b00; }
@media(min-width: 1024px) {
  .hour_box h2 { font-size: 3.5rem; font-weight: 900; }

  .popdoc-detail h4 { padding: 10px 0 0; }
  .popdoc_feat { padding-top: 70px; }
  .popdoc_logo img { max-width: 100px; }
  .popdoc_box li, .popdoc_box p { font-size: 18px; }
  .popdoc-detail { padding-top: 50px; }
  .popdoc_hdr { padding-bottom: 10px; }
}
@media (min-width:991px) and (max-width: 1200px) {
  #header .navbar-nav>li:nth-child(3)>a { background-image: none; font-weight: 400; color: #000; }
}
@media (max-width:1024px) {
  .hour_key_tech_list, .hour_projects { padding-top: 30px; }
  .screeshots .col-md-9 { -ms-flex: 0 0 73%; flex: 0 0 73%; max-width: 73%; }
  .screeshots .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 27%; max-width: 27%; }
  .hour_brief p { padding: 0; }
  .san_g2 { margin: 50px 0; }
  .appdev_wrap { padding: 0 40px; }

  .app_header { padding: 0 30px; width: 100%; display: flex; justify-content: space-between; align-items: center; }

  .simpalm_lst_bg:before { padding: 4rem; }

  .web_logo img { max-width: 320px; }
  .tuyap_box h2 { font-size: 2.5rem; }
  .tuyap_box .web_wrap { padding: 0 30px; }
  .tuyap_box li, .tuyap_box p { font-size: 20px; }
  .tuyap_logo_image { max-width: 150px; margin: auto; }

  .tuyap-detail { padding-top: 90px; }
  .tuyap_brief ul li { padding-bottom: 15px; }
  .chicmic_block_project .tuyap_project_breif { bottom: 10%; }

  .sms-reminder_hdr { padding-top: 70px; }
  .isparkle_box li, .isparkle_box p { font-size: 18px; }
  .isparkle_logo_summry h4 { padding-bottom: 0; }
  .isparkle_logo_summry h2 { font-size: 5rem; }
  .isparkle_info h4 { font-size: 2rem; }
  .isparkle_logo { max-width: 120px; }
  .shapes__wizcard p { font-size: 20px; }
  .wizcard_key_feature li { padding-bottom: 20px; }
  .engage_det { padding-right: 0; }
  .engage_section .appdev_wrap { padding: 0 50px; }
  .cf11_list { padding-top: 50px; }
  .cf11_box p { font-size: 18px; }
  .casino_detail h2 { font-size: 2.8rem; }
  .casino_des h5 { padding: 6px 0; }
  .visit_casino_Website { margin-top: 20px; }
  .casino_detail h3 { font-size: 1.5rem; }
  .Sweet_memory_box .web_wrap { padding: 0 50px; }
  .ofc_pro p { padding: 0 70px; }
  .rolling_marblestitle img { max-width: 60%; }
  .rolling_marbles_rate .rolling_marblestitle { padding-top: 0; }
  .rolling_marblestitle p { font-size: 20px; }
  .ludo_section li, .ludo_section p { font-size: 20px; }
  .wordsearch_techno { padding-left: 5%; padding-right: 5%; }
  .wordsearch_icons .wordsearch_icons_1 i img, .wordsearch_icons .wordsearch_icons_2 i img { max-width: 50px; }
  .jungle_settings { padding: 60px 0 120px; }
  .jungle_build figure { margin-left: -3%; margin-right: -3%; }
  .jungle_settings_key li { padding-bottom: 20px; }
  .jungle_store .app_stores { flex-direction: column; }
  .empirehunt_store { margin-left: -3%; margin-right: -3%; }
  .empirehunt_hunt figure { margin-left: -3%; margin-right: -3%; }
  .west_shiping_brief:before { padding: 9%; }
  .west_shiping_logo img { max-width: 120px; }
  .west_shiping_title h4 { font-size: 1.6rem; margin-bottom: 20px; }
  .west_shiping_box .web_wrap, .west_shiping_brief .web_wrap { padding: 0 40px; }
  .west_shiping_hdr { padding-top: 40px; }
  .shiping_list { padding: 40px 0 30px; }
  .west_shiping_hdr .app_stores a { margin-top: 15px; margin-bottom: 25px; }
  .memory_helper_logo i img { max-width: 150px; }
  .draft_day_box li, .draft_day_box p { font-size: 18px; }
  .funsoccer_box .app_stores { bottom: auto; top: 50px; right: 10px; }
  .bugging_list { padding-top: 40px; }
  .prep2pas_box li, .prep2pas_box p { font-size: 18px; }
  .bainkum_blocks .bain_block { margin: 20px; padding: 30px 10px; }
  .tiling_list { margin-top: 20px; }
  .tiling_logo { padding-top: 50px; }
  .contact_tracing_brief:before { padding: 9%; }
  .contact_tracing_logo img { max-width: 120px; }
  .contact_tracing_title h4 { font-size: 1.6rem; margin-bottom: 20px; }
  .contact_tracing_box .web_wrap, .contact_tracing_brief .web_wrap { padding: 0 40px; }
  .contact_tracing_list { padding: 40px 0 30px; }
  .contact_tracing_hdr .app_stores a { margin-top: 15px; margin-bottom: 25px; }
  .qualone_box p { font-size: 16px; }
  .qualone_title h4 { margin-bottom: 30px; }
  .qualone_lamp h2 { font-size: 36px; }
  .inventory_hdr br { display: none; }
  .praise_box li, .praise_box p { font-size: 18px; }
  .tech_top { margin-top: -10%; }
  .groopy_box h3 { font-size: 2.5rem; }
  .rudder_title h4 { font-size: 2.2rem; padding-bottom: 30px; }
  .partnerone_logo figure img { max-width: 70%; }
  .partnerone_list { padding-top: 30px; }
  .partnerone_box li, .partnerone_box p { font-size: 18px; }
  .partnerone_tec:before { top: 0; right: 0; }
  .grocery_box .web_wrap, .grocery_brief .web_wrap { padding: 0 40px; }
  .grocery_brief:before { padding: 9%; }
  .grocery_logo img { max-width: 120px; }
  .grocery_title h4 { font-size: 1.6rem; margin-bottom: 20px; }
  .grocery_list { padding: 30px 0 10px; }
  .grocery_hdr .app_stores a { margin-top: 15px; margin-bottom: 25px; }
  .menutize_logo img { max-width: 200px; }
  .menutize_box .web_wrap, .menutize_sumery .web_wrap { padding: 0 40px; }
  .menutize_list { padding-top: 70px; }
  .menutize_tech { margin-top: 50px; }
  .frugbi_title h2 { font-size: 2.2rem; }
  .frugbi_key_list li { padding-bottom: 25px; }
  .find_parent_icon a img { width: 140px; }
  .find_parent_box br { display: none; }
  .find_parent_list li { padding-bottom: 20px; }
  .find_parent_cetagory { margin-bottom: -20%; }
}

@media (max-width: 900px) {
  .xian_store:before { -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%); }
  .xian_image { padding-top: 40px; }
}
@media (max-width:880px) {
  .game-bg { background-size: cover; background-position: center; }
  .summary_banner h6 { margin-bottom: 0; }
  .des_title { margin-bottom: 40px; }
  .screeshots .col-md-9 { -ms-flex: 0 0 72%; flex: 0 0 72%; max-width: 72%; }
  .screeshots .col-md-3 { -ms-flex: 0 0 26%; flex: 0 0 28%; max-width: 28%; }
  .app_btn { padding: 10px 0 20px; }
  .appdev_wrap { padding: 0 30px; }

  .app_logo { margin: 0 10px; }
  .app_logo img { width: 280px; }

  .new_tech_des:before { left: -1%; top: -13%; }
  .blue_title h4 { margin: 0 0 30px; }

  .web_banner { margin: 0 0 10px; }
  .web_description { margin: 0 0 20px; }

  .yelow_title h5 { margin-bottom: 20px; }
  .samsung_logo { padding: 100px 30px 50px; }
  .samsung_box:after, .samsung_box:before { padding: 8%; }
  .samsung_hdr .samsung_summry .d-flex { flex-direction: column; }
  .samsung_logo .web_btn { padding: 15px 40px; }
  .portfolio_key_tech_list .techno-stack { padding: 30px 0; }
  .portfolio_key_tech_list { padding: 30px 15px; }
  .portfolio_key_tech_list .tech_list_view ul { columns: 1; -webkit-columns: 1; -moz-columns: 1; padding-left: 0; }
  .samsung_box .web_wrap p { padding-left: 0; padding-right: 0; }

  .draft_day_hdr,   .draft_day_key, .draft_day_tech { background-size: cover; }
  .ofc_box .app_store { position: relative; top: -34px; }
  .menutize_logo img { max-width: 150px; }
  .menutize_des:before { padding: 49% 50%; }
}

@media (max-width:991px) {
  body { padding-top: 0; }
  .h1, h1 { font-size: 32px; }
  .h2, h2 { font-size: 24px; }
  #responsive-menu-container #responsive-menu>li.responsive-menu-item:last-child { display: none; }
  section, section.front_portfolio { padding: 35px 0; }
  .summary_banner { max-width: 100%; }
  .summary_banner h1 { line-height: 38px; }
  .app_summary p { font-size: 18px; line-height: 27px; margin:0;}
  .app_summary h1 { margin: 0 0 10px; }
  .over_banner { height: 500px; width: 750px; left: 48%; height: 380px; top: -51px; }
  .counter { margin: 10px 0 0; }
  .counter li { width: 49%; margin-top: 10px; }
  .counter li:first-child, .counter li:nth-child(2n+1) { padding-left: 0; }
  .counter li:nth-child(2n+1):before { display: none; }
  footer { padding: 50px; margin: 0; }
  .download_btn { min-width: 190px; }
  .home_services { padding-top: 40px; }
  .single_banner { min-height: 320px; padding-bottom: 20px; }
  .static_banner .single_banner { padding-top: 70px; }
  .summary_banner p { max-width: 100%; margin: 0; }
  .summary_banner h2 { font-weight: 700; }
  .form_wrap { padding: 70px 50px 60px; }
  .our_address { max-width: 46%; width: 46%; margin: 20px 1%; }
  .portfolio_box { max-width: 96%; }
  .portfolio_box h2 { padding: 40px 5% 30px; }
  .portfolio_box h2 span { font-size: 18px; top: 20px; }
  .portfolio_pagi { margin-top: 70px; }
  .portfolio_cont .port_des.screenshot ul.landscape li { width: 48%; }
  .portfolio_cont .port_des.screenshot ul.landscape li:nth-child(3n-1) { padding-top: 0!important; }
  .portfolio_cont .port_des.screenshot ul.landscape li:nth-child(2n) { padding-top: 15px!important; }
  .portfolio_cont .port_des.screenshot li { width: 31%; }
  .portfolio_cont .port_des.screenshot ul li:nth-child(even) { padding-top: 10px!important; }
  .home_illustration img { height: auto; }
  .services_categoris { display: block; }
  div#services_slider { padding: 0; }
  .faq_left { padding-right: 15px; }
  .faq_right { padding-left: 15px; }
  .chose_left { padding-right: 0; padding-left: 0!important; }
  .pl-110 { padding-left: 0!important; }
  .howWork { display: none; }
  .howWork_Mobile { display: block; width: 100%; float: left; margin: 50px 0; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); }
  .howWork_Mobile .owl-item { display: inline-block; width: 100%; background: #fff; vertical-align: top; }
  .howWork_Mobile .work_box { min-width: 100%; height: 184px; }
  .howWork_Mobile .active h6 { color: #000; margin-top: 12px; }
  .howWork_Mobile .active span { top: -20px; }
  .number { position: relative; margin-top: -50px; }
  .work_box p { max-height: 100%; transition: none; }
  .howWork_Mobile .active .work_box:before { content: ''; background: #f47c43; height: 40px; width: 100%; left: 0; position: absolute; top: -40px; border-radius: 7px 7px 0 0; }
  .howWork_Mobile .active .work_box:after { content: ''; background: #f47c43; height: 40px; width: 100%; left: 0; position: absolute; bottom: -40px; border-radius: 0 0 10px 10px; }
  .boxes, .md-boxes { margin: 0 auto; }
  .boxes, .boxes:last-child, .md-boxes { margin-bottom: 20px; }
  .achievement_wrap { padding: 40px; }
  .achievement_list ul li { padding: 16px 10px; }
  .unity_port { width: 96%; }
  .game_service { width: 86%; }
  .game_service li { margin: 15px 0; font-size: 18px; }
  .unity_port h2 { padding: 40px; }
  .unity_services figure { text-align: center; }
  .service_rht .col-md-6 { padding: 0 15px; }


  .ui_listing li { margin-bottom: 12px; width: 100%; }

  .end_block { margin-right: -1%; }

  .beatHd_lft img { width: 140px; }
  .trovily_graphics figure { margin: 40px 2%; }

  .title_bg { margin: 0 0 20px; }
  .jammy_hd { padding: 20px; }
  .app_stores a img { width: 150px; }
  .app_rating_icon .detail_sum { margin-left: 10px; }

  .sky_title h5 { margin: 0 0 20px; }
  .point_des { margin: 65px 0 60px; }
  .point_list { margin: 0 0 50px; }
  .cs_list_sec { padding: 35px 0; }
  .charge_screens { padding: 40px 0; }

  .hour_box h2 { font-size: 3rem; }
  .clock-area, .clock-area .app_stores { padding-top: 50px; }
  .clock-area figure img { max-width: 120px; }

  .key_pic { width: 300px; height: 300px; }

  .tuyap_box .web_wrap { padding: 0 25px; }
  .tuyap_box li, .tuyap_box p { font-size: 18px; }


  .sms_reminder_sum .web_wrap { padding: 0 40px; }
  .key_isparkle li { padding-bottom: 17px; padding-left: 40px; }
  .isparkle_title h4 { font-size: 2.4rem; padding-bottom: 10px; }
  .isparkle_box .tagline-tag:before { padding: 30%; }
  .isparkle_logo_summry h4 { font-size: 1.8rem; }
  .shapes__wizcard p, .wizcard_projects p { font-size: 18px; }
  .wizcard_hdr:before { top: -40px; }
  .wizcard_hdr:after { top: 0; }

  .wizcard_logo_detail figure img { max-width: 140px; }
  .wizcard_icons a { margin: 10px; }
  .wizcard_hdr .web_wrap { padding-left: 30px; padding-right: 30px; }
  .wizcard_key_feature h2 { padding-top: 30px; }
  .yufa_box .web_wrap { padding: 0 40px; }
  .yufa_box .bluff_hd img { max-width: 95%; }
  .yufa_feat:before { padding: 50% 12%; }
  .yufa_title h5 { font-size: 1.2rem; padding: 10px 25px; }
  .natrela_list { padding-top: 30px; }
  .natrela_brief { padding-top: 0; }
  .natrela_hdr h3 { padding: 10px 0; }
  .natrela_title h4 { font-size: 2rem; }
  .natrela_hdr .natrela_des { text-align: center!important; }
  .natrela_hdr { background-size: cover; }
  .natrela_hdr .app_stores { margin-bottom: 15px; }
  .natrale_des:before { padding: 49% 50%; background-size: 100%; }
  .dodge_hdr p { padding: 0; }
  .dodge_hdr .app_stores:before, .dodge_hdr p:before { left: 0; }
  .dodge_hdr .app_stores:before, .dodge_hdr p:after { right: 0; }
  .dodge_selct p { padding: 20px 0; }
  .engage_summary .engage_details h4 { line-height: 1.5; }
  .engage_summary .engage_details p { line-height: 1.5; }
  .engage_detai { flex-direction: column; }
  .engage_detai .col-md-5 { width: 100%; max-width: 100%; }
  .engage_detai .col-md-7 { width: 100%; max-width: 100%; }
  .engage_summary .engage_details h4 { font-size: 20px; }
  .tech_engage ul.engage_list { columns: 1; -moz-columns: 1; -webkit-columns: 1; }
  .engage_btm img { max-width: 90%; }
  .engage_list li:before { padding: 1.5%; }
  .cf11_detail { top: 80px; }
  .casino_detail p { line-height: normal; }
  .casino_detail h3 { padding: 0; }
  .casino_title h4 { font-size: 2rem; }
  .casino_detail h2 { font-size: 2.5rem; }
  .Sweet_memory_box .web_wrap { padding: 0 40px; }
  .Sweet_memory_dark_bg { padding: 25px; }
  .Sweet_memory_dark_bg .title_Sweet_memory { margin-top: 20px; }
  .sweet_memory_list { padding-top: 50px; }
  .sweet_memory_screen h4 { margin-bottom: 40px; }
  .key_memory { min-width: 100%; }
  .sweet_memory_key .memory_key_feat { margin-top: 60px; }
  .ofc_logo img { max-width: 50%; }
  .ofc_list { padding-top: 30px; }
  .tech_ofc ul { padding-left: 0; }
  .ofc_title h3, .ofc_title h4 { font-size: 2rem; padding-bottom: 20px; }
  .ofc_sum p { line-height: normal; }
  .ofc_pro p { padding: 0 50px; }
  .xian_box .detail_sum, .xian_box .web_wrap { padding-left: 50px; padding-right: 50px; }
  .website-visit { position: relative; top: 15%; right: 0; max-width: 200px; text-align: center; left: 0; }
  .detail_xian { padding-top: 0; }
  .xian_box .detail_sum p { font-size: 19px; }
  .work_pg_hdr .work_pg_detail { flex-direction: column-reverse; }
  .work_pg_hdr:before { right: -50%; padding: 68%; }
  .work_pg_logo img { max-width: 30%; }
  .work_pg_hdr h3 { padding: 15px 0; }
  .work_pg_list { padding-top: 40px; }
  .work_pg_techno { padding-top: 0; }
  .work_pg_key li { padding-bottom: 15px; }
  .work_pg_key li, .work_pg_key p { font-size: 18px; }
  .popdoc_hdr:before { bottom: -30%; }
  .popdoc_des { text-align: center; }
  .popdoc_sum h4 { font-size: 22px; }
  .popdoc_sum i img { max-width: 100px; }
  .popdoc_feat { padding-top: 50px; }
  .venus_dress_box .venus_dress_sum { min-height: auto; }
  .venus_dress_hdr { padding-top: 0; }
  .venus_dress_detail { flex-direction: column-reverse; }
  .venus_dress_box .web_wrap { padding: 0 25px; }
  .rolling_marbles_apps_icons { flex-direction: column; }
  .rolling_marbles_Detail>i img { max-width: 110px; }
  .rolling_marbles_logo img { max-width: 40%; }
  .rolling_marbles_rate img { max-width: 60%; }
  .ludo_box { background-size: cover; }
  .ludo_logo img { margin-left: -13%; margin-top: 0; max-width: 110%; }
  .ludo_tech_feat:before, .store_box_ludo:before { left: -3%; padding: 5%; }
  .ludo_key_feat:before { right: -4%; padding: 5%; }
  .store_box_ludo { margin-top: 70px; }
  .ludo_section .detail_sum .stars { margin: 15px 0; }
  .aquabolt_applogo { padding: 60px; text-align: center; }
  .aquabolt_applogo .row { justify-content: center!important; }
  .aquabolt_key { padding: 20px 0; background: url(img/aquabolt/mobile_bg.jpg) repeat center; border: 7px solid #a1d1c3; margin: 0; }
  .aqua_game_design { padding: 20px 0; margin-top: 0; }
  .aquabolt_applogo .logo_icon_aqua img { max-width: 150px; }
  .wordsearch_logo img.img-fluid { max-width: 60%; }
  .wordsearch_detail p { padding: 30px 1%; }
  .wordsearch_list { padding-top: 60px; }
  .gameover_word { padding-top: 40px; }
  .jungle_title p { padding: 0 25px 10px; }
  .jungle_settings_key ul { padding: 0 25px; }
  .jungle_box li, .jungle_box p { font-size: 18px; }
  .jungle_techno { padding-bottom: 10px; }
  .jungle_title img { padding-bottom: 15px; }
  .empire_applogo summary i img { max-width: 70%; }
  .bubblefun_contentArea .store_detail .store_box { margin: 0; }
  .supperbubble_store { padding: 18% 30% 23%; }
  .bubblefun_contentArea p { font-size: 18px; }
  .play_gamefun .supper_bubble_play { top: 30px; }
  .supper_bubble_play p { padding: 0 20px; }
  .supper_bubble_play { top: 0; }
  .supperbubble_box { padding-top: 30px; }
  .bubblefun_contentArea .store_detail.supperbubble_store .store_box { top: 82px; }
  .tribal_key li { padding-bottom: 15px; }
  .tribal_list { padding-top: 30px; }
  .humgenbach_list { padding-top: 20px; }
  .humgenbach_box p { text-align: start; }
  .erp_pro p { padding: 0; }
  .erp_box li, .erp_box p { font-size: 18px; }
  .erp_hdr:before { top: -30%; padding: 48%; }
  .erp_hdr { padding-top: 30px; }
  .erp_right:after { padding: 45%; }
  .feat_funsoccer { padding: 10px 0; }
  .funsoccer_feat { padding: 30px 45px; }
  .funsoccer_box .web_wrap { padding: 0 40px; }
  .bugging_box:after { right: 0; }
  .bugging_box:before { left: 0; }
  .bugging_des { margin-left: 0; margin-right: 0; }
  .bug_stars:after { right: 0; }
  .bug_stars:before { left: 0; }
  .game_over_bugg { padding-bottom: 150px; }
  .bottm_bug_screen figure { margin-left: -3%; margin-right: -3%; }
  .bottm_bug_screen { margin-top: -22%; }
  .black_box li, .black_box p { font-size: 18px; }
  .black_title h5 { padding: 10px 20px; }
  .bottleflip_list { padding-top: 50px; }
  .bottleflip_box { padding-bottom: 30px; }
  .bottleflip_title h2 { font-size: 22px; }
  .prep2pas_box .web_wrap { padding: 0 40px; }
  .key_feat_prep li { padding-bottom: 25px; }
  .prep2pas_list { padding-top: 30px; }
  .prep2pass_logo img.img-fluid { max-width: 250px; }
  a.west_tech_ship_link { min-width: 100px; width: 120px; padding: 8px; font-size: 14px; }
  .bainkum_box .store_icons { margin-top: 30px; }
  .bainkum_blocks .bain_block { margin: 10px; }
  .bainkum_box li { padding-bottom: 20px; }
  .contact_tracing_hdr { padding-top: 70px; }
  .contact_tracing_hdr .contact_tracing_des { max-width: 90%; }
  .qualone_lamp h2 { font-size: 30px; }
  .qualone_title h4 { font-size: 1.8rem; }
  .propsta_hdr { padding-bottom: 0; }
  .propsta_key .txt_key_group { padding-left: 0; }
  .props_tech .txt_key_group { padding-right: 0; }
  .propsta_key .txt_key_group:before { top: -60px; }
  .props_tech .txt_key_group:before, .propsta_key .txt_key_group:before { width: 50px; height: 50px; }
  .propsta_list ul li { margin-bottom: 20px; }
  .propsta_list .txt_key_group p { padding-bottom: 15px; }
  .propsta_sec1:after { bottom: -10%; }
  .praise_list ul li { padding-bottom: 15px; }
  .praise_tech { padding-top: 40px; }
  .rudder_title h4 { font-size: 2rem; padding-bottom: 25px; }
  .rudder_servi { margin-top: -25%; }
  .partnerone_hdr { padding-bottom: 20px; }
  .partnerone_box li { padding-bottom: 20px; }
  .grocery_hdr { padding-top: 70px; }
  .menutize_list { padding-top: 30px; }
  .menutize_brief { padding-top: 0; }
  .menutize_hdr h3 { padding: 10px 0; }
  .menutize_title h4 { font-size: 2rem; }
  .menutize_hdr .menutize_des { text-align: center!important; }
  .menutize_hdr { background-size: cover; }
  .menutize_hdr .app_stores { margin-bottom: 15px; }
  .frugbi_hdr { background-size: cover; }
  .find_parent_cetagory { margin-bottom: 0; }
}
@media(max-width: 991px) and (min-width: 768px) {
  .praise_service p:before { right: -8%; top: -110px; }
}
@media (max-width:767px) {
  .h1, h1 { font-size: 32px; font-weight: 500; }
  .h2, h2 { font-size: 20px; }
  .h3, h3 { font-size: 18px; }
  .h4, h4 { font-size: 17px; }
  .h5, h5 { font-size: 16px; }
  .h6, h6 { font-size: 14px; }
  section { padding: 25px 0; }
  .main_portfolio { padding-top: 0; }
  .counter { margin: 15px 0 10px; }
  .summary_banner { padding: 0 2px 0 2%; }
  .summary_banner h6 { margin: 20px 0 10px; }
  .home_illustration { min-height: 280px; }
  .home_illustration img { width: 110%!important; max-width: 110%; }
  .design_service .home_illustration img { width: 90%!important; max-width: 90%; }
  .design_service .home_illustration .over_banner img { width: 110%!important; max-width: 110%; }
  .over_banner { height: 280px; width: 380px; left: auto; right: -250px; top: -240px; }
  .design_service .over_banner { display: block; }
  .desktp_bg { display: none; }
  .services_categoris li, .services_categoris li.active { margin-top: 12px; }
  .wrap_lr4 { padding: 0 20px; }
  .home .home_illustration { margin-bottom: 20px; }
  .achievement_wrap { padding: 50px 30px 30px; }
  .achievement_list ul li { width: 100%; text-align: center; }
  .status_wrap li { width: 48%; margin: 10px 0; }
  .status_wrap li:nth-child(2n+1) { border: 0; }
  .team_list figure, .team_list figure img { width: 100%; }
  .team_list figure { margin: 0 0 30px; }
  .team_list li { margin-bottom: 30px; }
  .main_banner>.controller>.over_banner img { display: none; }
  .home_services { padding-top: 40px; }
  .services_categoris li a { font-size: 17px; }
  .chose_rht p { margin-bottom: 20px; }
  footer { padding: 40px; }
  .copyrht { margin: 0; }
  .copyrht p { text-align: left; }
  .contact_map { margin-bottom: 30px; }
  .form_wrap { width: 90%; }
  .our_address { max-width: 80%; width: 80%; min-height: auto; }
  .portfolio_screenshots .col-lg-4:nth-child(2n) { margin-top: -1rem!important; }
  .thumb.mt-5, .thumb.mt-miuns-2 { margin-top: 0!important; }
  .thumbnail img { margin-bottom: 20px; }
  .single_banner { min-height: auto; }
  .portfolio_box { max-width: 100%; padding: 10px 10px 0; }
  .portfolio_wrap .col-sm-5:first-child, .portfolio_wrap .col-sm-5:nth-child(2n+1) { margin-top: 20px; }
  .portfolio_pagi { margin-top: 50px; }
  .portfolio_screenshots { padding: 30px 40px; }
  .port_des { padding-left: 44px; }
  .port_des h5 { margin: 0 0 20px; }
  .portfolio_cont ul li { padding: 30px; }
  .portfolio_cont .port_des.screenshot li { width: 48%; }
  .portfolio_cont .port_des.screenshot ul li:nth-child(even) { padding-top: 25px!important; }
  .port_rht a img { max-width: 130px; }
  .app_summary .d-inline-flex { display: block!important; }
  .app_summary p { padding: 0 0 20px; }
  .portfolio-group .text-left, .portfolio-group .text-right { text-align: center!important; }
  .portfolio-group .flex-row-reverse .text-right { text-align: center!important; }
  .project_info { width: 60%; text-align: center; }
  .view_case { margin-top: 30px; }
  .form_wrap { padding: 50px 30px 40px; }
  .mt-7 { margin-top: 30px; }
  .game_service { width: 94%; }
  .unity_port { margin-bottom: 10px; }
  .unity_port h2 { padding: 30px; }
  .game_service { margin-bottom: 40px; }
  .quote-modal-wrapper  { width: 100%; }
  .scrollable_bg { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; justify-content: center; align-items: center; webkit-align-items: center; -webkit-box-align: center; }
  .mobile-bg { margin: 40px auto 20px; position: relative; max-width: 420px; display: flex; justify-content: center; align-items: center; }
  .mobile-bg .over_banner { display: block; left: 0; right: 0; top: -10px; margin: 0 auto; position: absolute; height: 260px; max-width: 420px; width: 100%; background-size: 100%; }
  .mobile-bg .over_banner.mobile_video_banner { position: static; width: 100%; box-shadow: none; background: none; border-radius: 20px; }
  .over_banner.shadow_clr.mobile_video_banner video { height: 100%!important; }
  .bg-new-layout .over_banner { position: relative; z-index: 111; }
  .mobile-bg.bg-new-layout { margin-bottom: 50px; }
  .moblie-resize .home_illustration img { width: 100%; }
  .moblie-resize .mobile-bg>img { min-width: 260px; }
  .services_bg .mobile-bg img { min-width: 420px; }
  #services_slider .carousel-inner { overflow: visible; }
  .blog_list:last-child { margin-top: 40px; }
  .radius_box { border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
  .sum_det { padding-left: 0; }
  .des_title { margin-bottom: 20px; }
  .app_store { order: 2; -webkit-order: 2; }
  .tech_block p { font-size: 16px; line-height: 22px; }
  .description_portfolio:before { padding: 24px; left: -30px; bottom: -55px; }
  .ex_feat { margin: 30px 0 0; }
  .screeshots .col-md-3, .screeshots .col-md-9 { max-width: 100%; flex: 0 0 100%; }
  .san_g2 { margin: 30px 0; }
  .appdev_wrap { padding: 0 25px; }

  .tro_title h4 { margin: 0 0 30px; }
  .trovily_ui_design { padding: 40px 0; }
  .trovily_ui_design figure { padding: 20px 0; }
  .trovily_graphics figure  { margin: 0 0 30px; }
  .port_collection_thumbs { width: 84%; opacity: .4; }

  .Apps_icons { flex-direction: row!important; margin: 20px 0 0; }
  .Apps_icons a { margin: 5px; }
  .tapclock_hd, .trivia_hd, .zuhu_hd { flex-direction: column; }
  .app_logo { margin: 20px 0; }

  .game_wrap { padding: 0 20px; }
  .app_play_store summary { padding-left: 0; }

  .web_wrap { padding: 0 25px; }
  .blue_title h4 { margin: 0 0 25px; }
  .white_txt li, .white_txt p { font-size: 16px; }
  .ui_listing { padding-left: 0; padding-right: 0; padding: 25px 0; }
  .redx_listing figure { margin: 15px 0 0; }
  .redx_listing li { margin: 0 0 10px; }

  .steak_list figure { margin-top: 20px; }

  .web_head { padding: 30px; }
  .web_logo img { max-width: 270px; }

  .jammy_hd { flex-direction: column; }

  .white_title, .yellow_title { margin: 0 0 20px; }

  .reposter_use { padding: 0; }
  .reposter_use .reposter_title { margin: 30px 0 20px; }
  .reposter_hdr { padding: 30px 0 0; }
  .reposter_feat_tech { padding: 30px 0; }
  .reposter_feat_tech .col-md-6 { margin-bottom: 20px; }
  .reposter_title { margin-bottom: 20px; }

  .point_des figure { margin: 15px 0 0; }
  .point_des { margin: 45px 0 40px; }
  .point_list { margin: 0 0 40px; }
  .point_list .col-md-6:last-child { margin-top: 30px; }
  .charge_header .app_stores { margin: 20px 0; }
  .cs_list_sec { padding: 30px 0; }
  .cs_list_sec h4 { margin: 0 0 10px; }
  .charge_screens { padding: 25px 0; }
  .ar_listing { padding: 30px 0; }
  .ar_listing figure { margin: 25px 0 0; }
  .ar_listing figure img { width: 80%; }
  .ar_ui_screens .col-md-3:nth-child(odd) { margin: 0; }
  .paw_header { border-radius: 25px 25px 0 0; }
  .paw_about_des { padding: 30px 0 0; text-align: center; }
  .paw_about_des p { text-align: left; }
  .paw_about_des:after { position: static; display: inline-block; margin-bottom: -71px; }
  .paw_screenshot figure { bottom: -27px; }
  .paw_screenshot { margin: 30px 0 0; }

  .bg-blue .tag-details,   .bg-blue p, .bg-blue ul { padding: 15px; }
  .hour_key_tech_list, .hour_projects { padding-top: 50px; }
  .clock-area, .clock-area .app_stores { padding-top: 0; padding-bottom: 30px; }
  .hour_logo { text-align: center; }
  .hour_title h3, .hour_title h4 { font-size: 26px; }
  .hour_brief p { padding-top: 0; }
  .hour_key_tech_list li { margin-bottom: 15px; }
  .h_des_hour-left:before, .h_des_hour-right:before { padding: 80% 50%; }
  .h_des_hour-tech:before { padding: 66%; }
  .clock-area { display: flex; justify-content: space-around; }
  .hour_hdr { background-size: 100%; background-position: top; }
  .hour_box h2 { color: #eb6b00; font-size: 2.2rem; font-weight: 900; color: #eb6b00; }
  .hour_brief p { padding-left: 0; padding-right: 0; }

  .carrier_timeline .timeline-nodes, .timeline-content { padding-bottom: 0; }
  .carrier_timeline .timeline { padding: 20px 0; }
  .carrier_timeline .timeline::before { content: ""; display: block; position: absolute; top: 0; left: 4%; }
  .carrier_timeline .timeline-image span { font-size: 23px; padding-left: 20px; width: 45px; height: 45px; position: relative; padding: 11% 41%; text-align: center; }
  .carrier_timeline .timeline-nodes:nth-child(odd) h4, .carrier_timeline .timeline-nodes:nth-child(odd) p { text-align: left; }
  .carrier_timeline .timeline-nodes:nth-child(even) { flex-direction: row; }
  .carrier_timeline .timeline h4 { font-size: 1.7rem; }
  .carrier_timeline .timeline p { font-size: 18px; }
  .carrier_timeline .timeline-image { position: absolute; left: 0; top: 0; }
  .carrier_timeline .timeline-nodes:nth-child(even) .timeline-date { text-align: left; }
  .timeline-date { margin-bottom: 20px; }
  .carrier_timeline .timeline h4, .timeline p { padding: 5px 0; }
  .tech_stack li { padding-bottom: 15px; }

  .key_pic { left: 15px; }
  .tech-pic { right: 15px; left: 15px; }
  .instant_notification { margin-top: 25px; }

  .tech_feat .row { flex-direction: column-reverse; }

  .des_summ.text-center { text-align: left!important; padding: 10px; }

  .sms_reminder_sum .img_lft { text-align: center; }
  .sms_img_right:before, .sms_reminder_sum .sms_img_right:before { padding: 50% 60%; top: 0; }
  .sms-reminder_box:before { padding: 32%; top: -1%; }
  .sms_reminder_sum .web_wrap { padding: 0 25px; }
  .sms_reminder_sum { padding-top: 25px; }
  .sms_reminder_title h2 { margin-bottom: 10px; }
  .isparkle_hdr { background-size: contain; background-position: top; padding-bottom: 0; }
  .isparkle_hd img { max-width: 100%; }
  .isparkle_logo_summry { padding-top: 23%; }
  .isparkle_logo_summry h2 { font-size: 3rem; }
  .isparkle_logo { left: 11px; top: 0; }
  .isparkle_hdr .row { flex-direction: column-reverse; }
  .isparkle_logo_summry { text-align: left!important; }
  .isparkle_stars { padding: 0 0 15px; }
  .isparkle_hdr .app_stores { flex-direction: row!important; padding-left: 0; padding-top: 0; }
  .isparkle_hdr .app_stores a { margin-right: 10px; }
  .isparkle_hdr .web_wrap { position: relative; }
  .left_isparkle:before, .right_isparkle:before { padding: 55% 60%; top: 10%; }
  .isparkle_stars img { max-width: 35%; }
  .isparkle_info h4 { font-size: 2.6rem; }
  .key_isparkle .row { flex-direction: column-reverse!important; }
  .isparkle_logo_summry h4 { color: #000; }
  .isparkle_logo_summry p { color: #000; font-size: 20px; }
  .techno_isparkle .right_isparkle { margin-top: 0; }
  .isparkle_list { padding-top: 0; }
  .wizcard_key_feature li { padding-bottom: 15px; padding-left: 36px; }
  .wizcard_key_feature h2 { font-size: 2rem; padding-bottom: 10px; }
  .wizcard_tech_list ul { columns: 1; -webkit-columns: 1; -moz-columns: 1; }
  .wizcard_hdr .web_wrap { padding-left: 15px; padding-right: 15px; }
  .wizcard_hdr { padding-top: 40px; }
  .yufa_feat:before { display: none; }
  .key_feat_yufa li:before { top: 0; }
  .yufa_screens figure { max-width: 50%; margin: 40px auto 0; }
  .tech_stack_yufa .key_feat_yufa { padding-bottom: 40px; }
  .yufa_box .app_stores { bottom: auto; top: 7%; }
  .key_feat_yufa li { padding-bottom: 20px; }
  .natrela_brief .natrale_des { padding: 0 55px; }
  .natrela_brief .natrale_bfore img { width: 90%; }
  .natrela_box li, .natrela_box p { font-size: 16px; }
  .natrela_title h4 { font-size: 1.8rem; }
  .natrela_brief .natrela_det { padding: 0 52px; }
  .natrela_hdr { padding-top: 30px; }
  .natrela_box .app_stores a img { width: 140px; }
  .natrela_title h4 { padding-bottom: 10px; }
  .dodge_title img { max-width: 50%; }
  .shape_1 i { right: -20px; }
  .dodge_icons { padding-top: 0; }
  .dodge_screenshot .dodge_img_block { margin-bottom: -45%; }
  .dodge_hdr .dodge_title img { max-width: 80%; }
  .dodge_hdr .web_wrap { padding: 0 50px; }
  .dodge_hdr,   .dodge_heading,   .dodge_screenshot,   .dodge_selct, .dodge_techfeat { background-size: cover; }
  .shapes img { max-width: 30%; }
  .shape_2 i, .shape_4 i { left: 2%; }
  .shape_1 i, .shape_3 i { right: -15%; }
  .dodge_box li, .dodge_box p { font-size: 18px; }
  .dodge_list { padding: 30px 0 0; }
  .dodge_logo img { max-width: 60%; }
  .dodge_heading .dodge_title i { top: 30px; }
  .engage_box p { font-size: 18px; line-height: 1.5; }
  .logo_engage img { max-width: 150px; }
  .engage_summary h3 { padding: 40px 0 30px; font-size: 2rem; }
  .engage_section .key_features { padding: 40px 0 20px; margin: 30px 0; }
  .key_list_project figure { max-width: 100%; }
  .tech_engage .key_list_project h3 { text-align: left; }
  .engage_summary ul li .engage_details { padding: 20px 30px!important; }
  .engage_section .appdev_wrap { padding: 0 25px; }
  .tech_engage ul.engage_list { columns: 1; -moz-columns: 1; -webkit-columns: 1; }
  .key_list_project h3 { margin-bottom: 20px; font-size: 2rem; }
  .engage_list li { padding-bottom: 15px; padding-left: 30px; }
  .engage_section h3 { font-size: 2rem; }
  .key_features h3 { padding-bottom: 20px; }

  .cf11_detail h3 { font-size: 2rem; }
  .cf11_hdr_box { position: relative; }
  .cf11_hdr { position: absolute; }
  .cf11_detail { position: relative; top: 40px; }
  .cf11_sum { margin: 10px auto; max-width: 100%; }
  .cf11_list { z-index: 1; }
  .key_feat_cf11 { z-index: 11; }
  .cf11_techno { top: auto; bottom: 0; }
  .techno_tab { margin-top: 30px; padding-top: 80px; padding-bottom: 20px; }
  .game_cf11 h4:before { padding: 6%; }
  .casino_left:before, .casino_right:before { padding: 40% 36%; }
  .casino_detail .row { flex-direction: column-reverse; }
  .casino_detail { position: relative; }
  .casino_detail h2,   .casino_detail h3, .casino_detail p { color: #1f1f1f; }
  .casino_hdr { position: absolute; }
  .casino_box .visit_web { margin-bottom: 70px; }
  .casino_list { padding-top: 20px; }
  .project_casino p { padding: 0; }
  .project_casino { bottom: -30px; }
  .casino_tab .project_casino h4 { font-size: 1.7rem; }
  .casino_title h4 { padding-bottom: 5px; }
  .key_casino li { padding-left: 30px; }
  .visit_casino_Website { margin-top: 0; margin-bottom: 30px; }
  .casino_detail { top: 30px; }
  .Sweet_memory_hdr { text-align: center; }
  .Sweet_memory_hdr .visit-website { text-align: center; margin: 40px auto; }
  .sweet_memory_key .memory_key_feat { margin-top: 0; }
  .key_memory { min-height: auto; padding: 40px; }
  .sweet_memory_area:after, .sweet_memory_area:before { padding: 12px; }
  .Sweet_memory_dark_bg { padding: 15px; background: #c75b67; border: 2px solid #fff; }
  .Sweet_memory_box .web_wrap { padding: 0 25px; }
  .sweet_memory_screen { padding-bottom: 20px; }
  .sweet_memory_area { background-size: 100% 100.2%; }
  .play_games { margin-top: 20px; padding-bottom: 0; }
  .tech_ofc .ofc_title.text-center { text-align: left!important; }
  .ofc_list { padding-top: 20px; }
  .tech_ofc ul { columns: 1; -moz-columns: 1; -webkit-columns: 1; padding-top: 0; }
  .ofc_faq:before { padding: 34% 59%; top: -10%; }
  .ofc_hdr { background-size: 130% 100%; }
  .ofc_sum { padding: 10px; }
  .ofc_pro p { padding: 0; }
  .ofc_list.tech_ofc { padding-top: 0; }
  .tech_ofc:before { bottom: -40px; }
  .ofc_left { padding-top: 30px; }
  .xian_key ul { padding-top: 0; columns: 1; -webkit-columns: 1; -moz-columns: 1; }
  .tech_xian { padding-top: 50px!important; }
  .technology_2xian_details { padding-bottom: 20px; }
  .detail_xian,   .xian_key, .xian_key ul { padding-top: 0; }
  .xian_box .detail_sum p { font-size: 18px; }
  .xian_store:before { padding: 60%; }
  .work_pg_list .user_list i:nth-child(even) { text-align: left; }
  .work_pg_list .user_list i:nth-child(odd) { text-align: right; }
  .work_pg_box .key_workright:before { right: -50%; padding: 40%; top: -10%; }
  .work_pg_box .key_workleft:before { left: -50%; padding: 40%; top: -10%; }
  .work_pg_techno { margin-top: 0; }
  .techno_work { bottom: 20px; }
  .popdoc_box .key_feat_left:before, .popdoc_box .key_feat_right:before { padding: 27% 50%; }
  .popdoc_title h3 { padding-bottom: 15px; }
  .popdoc_feat { padding-top: 30px; }
  .popdoc_sum { margin-bottom: 20px; }
  .popdoc_hdr:before { bottom: -14%; }
  .popdoc_tech_feature ul { columns: 1; -moz-columns: 1; -webkit-columns: 1; }
  .popdoc_logo { text-align: left; }
  .popdoc_feat li { padding-left: 35px; padding-bottom: 15px; }
  .popdoc_tech_feature .popdoc_title { text-align: left!important; }
  .popdoc_hdr h2 { font-size: 2.2rem; }
  .popdoc_tech_feature { margin-top: 20px; }
  .popdoc_title h3 { font-size: 2rem; }
  .venus_dress_title h4 { padding-bottom: 0; font-size: 2rem; }
  .venus_dress_title.text-center { text-align: left!important; }
  .venus_dress_sum { padding-bottom: 0; }
  .venus_list { padding-top: 10px; }
  .venus_dress_box .venus_dress_key .venus_dress_title p { padding-bottom: 10px; }
  .venus_dress_left:before { padding: 53% 60%; }
  .venus_dress_right:after { padding: 50% 70%; }
  .key_feat_dress li { padding-bottom: 15px; }
  .venus_dress_hdr .app_stores a img { max-width: 120px; }
  .pots_icons .pots_icons_1 { left: 0; right: 0; }
  .pots_icons .pots_icons_2 { left: 0; right: 0; }
  .pots_icons .pots_icons_1 img, .pots_icons .pots_icons_2 img { max-width: 60px; }
  .choose_pots,   .how_to_playpots, .screenshot_playpots { background-size: cover; }
  .how_to_playpots { padding: 20px 0; }
  .screenshot_playpots ul { padding-bottom: 20px; }
  .pots_keyfeat li { padding-bottom: 15px; }
  .choose_pots { padding: 50px 0 150px; }
  .pots_spider_hdr { padding-top: 30px; }
  .pots_spider_title { padding: 0 10%; }
  .pots_spider_detail .app_stores a { padding-right: 0; }
  .rolling_marbles_contentblock { background-size: cover; padding-bottom: 70%; }
  .rolling_marbles_box { padding: 100px 0 0; }
  .rolling_marblestitle p { padding: 0 5%; font-size: 18px; }
  .rolling_marbles_icons_2 img { max-width: 50px; }
  .rolling_marbles_icons_1 img { max-width: 50px; }
  .rolling_marbles_Detail>i img { max-width: 80px; }
  .rolling_marbles_Detail h2 { font-size: 22px; }
  .rolling_marbles_store { background: url(img/rolling_marbles/rolling-icon_bg.jpg) no-repeat top; padding: 7%; border-radius: 50px; border: 6px solid #9fa69b; background-size: cover; }
  .rolling_marbles_store>.d-flex { flex-direction: column; }
  .rolling_marblestitle img { padding-top: 15px; padding-bottom: 20px; }
  .ludo_section .web_wrap { padding: 0 40px; }
  .ludo_section li, .ludo_section p { font-size: 18px; }
  .ludo_key ul li { padding-bottom: 15px; }
  .ludo_tech_feat .ludo_key ul { columns: 1; -moz-columns: 1; -webkit-columns: 1; }
  .play_ludo { padding-top: 0; }
  .store_box_ludo { margin-top: 50px; }
  .ludo_title { margin-bottom: 0; }
  .ludo_section .web_wrap { padding: 0 25px; }
  .ludo_store { background: url(img/ludo/bg_top.png) repeat center; background-size: contain; border: 4px solid #af5a22; clip-path: polygon(100% 0, 100% 90%, 0% 100%, 0 0%); border-radius: 10px 10px 0 0; }
  .ludo_logo img { margin-left: 0; margin-top: -50px; max-width: 100%; }
  .ludo_section .detail_sum { left: 0; text-align: center; }
  .app_stores.text-left { text-align: center!important; }
  .ludo_section .detail_sum .stars { margin: 0; }
  .ludo_box { margin-top: -20%; }
  .app_icon_ludo figure { max-width: 50%; margin: 0 auto 50px; }
  .key_feat_aqua li { padding-bottom: 15px; }
  .aquabolt_applogo .store_btns { flex-direction: column; }
  .aquabolt_applogo .logo_icon_aqua img { max-width: 110px; padding-bottom: 20px; }
  .wordsearch_techno ul { columns: 1; -moz-columns: 1; -webkit-columns: 1; }
  .wordsearch_techno { padding-left: 0; padding-right: 0; padding-top: 32%; }
  .wordsearch_box .web_wrap { padding: 0 25px; }
  .wordsearch_title img { padding-bottom: 10px; }
  .wordsearch_techno li { padding-bottom: 20px; }
  .wordsearch_techno .wordsearch_icons .wordsearch_icons_1, .wordsearch_techno .wordsearch_icons .wordsearch_icons_2 { left: 0; right: 0; }
  .wordsearch_technology { padding-top: 10px; }
  .jungle_techno { padding-top: 120px; }
  .jungle_settings_key ul { columns: 1; -moz-columns: 1; -webkit-columns: 1; }
  .jungle_title p { padding: 0; }
  .jungle_settings_key ul { padding: 0; }
  .jungle_settings { padding: 60px 0 80px; }
  .jungle_store { padding: 5%; background: url(img/jungle/phone_store_bg.jpg) repeat center; background-size: contain; margin-left: 0; margin-right: 0; border: 5px solid #556003; }
  .empirehunt_play_game ul { columns: 1; -moz-columns: 1; -webkit-columns: 1; padding: 30px 0; }
  .empirehunt_hdr { border-radius: 30px; }
  .empire_btm { border-radius: 0 0 30px 30px; }
  .empirehunt_play_game, .empirehunt_store { background: #d3d2c6; border: 8px solid #fff; margin-left: 0; margin-right: 0; padding: 40px 0; overflow: hidden; }
  .empire_img.d-md-none.d-sm-block { margin-bottom: -14%; }
  .empirehunt_key { margin-top: -7%; }
  .empirehunt_title img { max-width: 50%; }
  .west_shiping_hdr .west_shiping_des:before { top: auto; padding: 15%; bottom: 20%; }
  .west_shiping_box .web_wrap, .west_shiping_brief .web_wrap { padding: 0 25px; }
  .shiping_list { padding: 30px 0 10px; }
  .west_shiping_hdr { padding-top: 25px; }
  .west_shiping_title h4 { font-size: 1.4rem; }
  .west_shiping_sum { padding-right: 0; padding-bottom: 0; }
  .west_shiping_right { text-align: center; }
  .west_shiping_left:before { padding: 45%; }
  .west_shiping_key { padding-bottom: 0; }
  .west_shiping_title.text-center { text-align: left!important; }
  .west_shiping_hdr .app_stores a { margin-top: 10px; }
  .bubblefun_contentArea p { color: #fff; }
  .play_gamefun .supper_bubble_play { top: 0; }
  .supperbubble_store { padding: 11% 30% 23%; }
  .supper_bubble_play { position: relative; }
  .how_to_play_fun.play_bg>figure { display: none; }
  .bubblefun_contentArea .store_box h3 { margin-top: 0; font-size: 20px; }
  .supper_bubble_play i img { max-width: 50%; padding: 20px 0; }
  .supper_block i img { max-width: 70%; padding: 20px 0; }
  .memory_helper_hd { padding-top: 30px; }
  .memoryhelper_full { padding-bottom: 50px; }
  .memory_helper_img { margin-top: 0; text-align: center; }
  .memory_helper_ui:after, .memory_helper_ui:before { display: none; }
  .memory_helper_ui { margin: 30px 0; text-align: center; padding-top: 50px; }
  .btm_memoryhelper { margin-top: -10%; }
  .memory_helper_ui .memory_helper_title h4 { margin-bottom: 0; }
  .memory_helper_key li { padding-bottom: 20px; }
  .dyef_key li { padding-bottom: 20px; }
  .dyef_list { padding-top: 40px; margin-top: -2%; }
  .dyef_logo figure img { max-width: 60%; }
  .dyef_key ul { columns: 1; -moz-columns: 1; -webkit-columns: 1; }
  .dyef_title h4 { padding: 23px 30px; }
  .dyef_title h4:after, .dyef_title h4:before { display: block; padding: 20px; }
  .dyef_title h4:after { right: -15%; }
  .dyef_title h4:before { left: -15%; }
  .dyef_des { background-size: cover; }
  .draft_day_key { background-position: right; }
  .draft_day_tech { background-position: left; }
  .draft_key li { padding-bottom: 15px; }
  .draft_key li:nth-child(1),   .draft_key li:nth-child(10),   .draft_key li:nth-child(11),   .draft_key li:nth-child(12),   .draft_key li:nth-child(2),   .draft_key li:nth-child(3),   .draft_key li:nth-child(4),   .draft_key li:nth-child(5),   .draft_key li:nth-child(6),   .draft_key li:nth-child(7),   .draft_key li:nth-child(8), .draft_key li:nth-child(9) { margin-left: 0; }
  .draft_day_box .app_play_store summary { padding-left: 20px; }
  .draft_day_hdr .row { flex-direction: column-reverse; }
  .logo_draft { margin: 0 0 30px; }
  .draft_applogo { left: 22px; top: 2%; }
  .tribal_app_icon span img { max-width: 150px; }
  .tribal_des p { padding: 0; }
  .tribal_des { background-size: cover; }
  .preschool_box { background-size: cover; }
  .preschool_logo { margin-top: 30px; }
  .preschool_hdr:after { padding: 35%; top: -15%; }
  .preschool_logo figure img { max-width: 80%; }
  .preschool_info span img { max-width: 150px; }
  .mobile_sm { display: none; }
  .preschool_key_tech ul { margin-left: 0; }
  .preschool_key_tech ul li { width: auto; margin-right: 30px; }
  .preschool_key_tech { text-align: center; }
  .preschool_list { padding-top: 0; }
  .preschool_hdr { padding-bottom: 0; }
  .preschool_box .store_app a { padding: 0; }
  .humgenbach_hdr { padding-top: 60px; background-size: cover; }
  .humgenbach_brief .web_wrap { padding: 0 90px; }
  .bg_blue_humgenbach { border-radius: 0; padding: 70px 20px 25px; }
  .humgenbach_box .web_wrap { padding: 0 25px; }
  .humgenbach_left figure { margin-right: 0; }
  .humgenbach_title h4 { font-size: 1.5rem; margin-bottom: 30px; }
  .erp_hdr:before { padding: 53%; }
  .erp_list { padding-top: 15px; }
  .erp_pro h2, .erp_title h3 { font-size: 2rem; padding-bottom: 5px; }
  .erp_key_feat .feat_bg:before { bottom: 44%; padding: 20% 30%; }
  .feat_bg .col-md-6 { padding: 30px 42px 15px; }
  .erp_key_tech ul { columns: 1; -moz-columns: 1; -webkit-columns: 1; }
  .erp_box .user_list i:nth-child(even) { text-align: left; }
  .erp_box .user_list i:nth-child(odd) { text-align: right; }
  .erp_key_tech .erp_title h3 { text-align: left; }
  .erp_logo h5 { padding: 0; }
  .exclusive_fun_feat:before { top: -16%; left: 0; }
  .exclusive_fun_feat { padding-top: 60px; }
  .funsoccer_screen img { max-width: 100%; }
  .tech_fun_arrow:before { right: 0; }
  .feat_funsoccer_tech .row { flex-direction: column-reverse; }
  .feat_funsoccer.feat_funsoccer_tech .row { flex-direction: column; }
  .funsoccer-sec2 { background-size: initial; background: #f46e22; padding: 20px 0; border: 5px solid #ffe731; margin-top: -8%; }
  .key_feat_funsoccer li { padding-bottom: 15px; }
  .funsoccer-sec2 p { padding-right: 0; }
  .funsoccer-sec2 p:after { top: auto; }
  .funsoccer_box .web_wrap { padding: 0 25px; }
  .tech_fun_arrow:before { display: none; }
  .pointsplay_box { margin-top: 30px; }
  .pointsplay_left:before, .pointsplay_right:before { padding: 55%; }
  .pointsplay_block { margin-bottom: 20px; }
  .services_play { padding: 100px 0; }
  .services_point { padding: 0; }
  .pointplay_blocks { padding: 100px 0 150px; }
  .pointsplay_box .web_wrap { padding: 0 25px; }
  .pointsplay_hdr:before { top: -5%; padding: 20%; }
  .bugging_box li, .bugging_box p { font-size: 18px; }
  .bugging_hdr:before { top: 0; }
  .bugging_Detail { padding-top: 40px; }
  .bugging_box:before { left: -10px; top: -10px; }
  .bugging_box:after { right: -10px; top: -10px; }
  .screnshot_bug .bugging_tittle h3:after, .screnshot_bug .bugging_tittle h3:before { padding: 10%; }
  .screnshot_bug figure { padding-top: 10px; }
  .bugging_des { padding: 14% 5%; }
  .black_hdr { padding: 40px 0 10px; }
  .black_list { padding-bottom: 20px; }
  .key_feat_black ul { margin-bottom: 30px; padding: 30px 15px; }
  .block_phn { margin-top: 30px; }
  .black_title h5 { margin-bottom: 20px; }
  .roblox_list { padding-top: 40px; }
  .roblox_key_list ul { columns: 1; -moz-columns: 1; -webkit-columns: 1; }
  .roblox_box .app_stores { right: 0; left: 0; margin: auto; text-align: center; bottom: 30px; }
  .roblox_key_list li { padding-bottom: 20px; }
  .bottleflip_key ul { columns: 1; -moz-columns: 1; -webkit-columns: 1; padding: 30px 20px 20px; }
  .bottleflip_list { padding-top: 30px; }
  .bottleflip_store { background: #9ab6fd; text-align: center; padding: 10px 0; }
  .bottleflip_blocks.bottleflip_key { padding-top: 40px; }
  .bottleflip_title h3 { font-size: 1.2rem; }
  .bottleflip_key li { padding-bottom: 20px; }
  .bottle_flip_des { margin: 30px 0 40px; }
  .bainkum_det:before { width: 100%; }
  .bainkum_det { padding-top: 30px; }
  .bainkum_img { margin-top: 40px; }
  .bainkum_list { padding-top: 50px; }
  .bainkum_left:after { top: -25px; padding: 20%; }
  .bainkum_title h4 { margin-bottom: 30px; }
  .bainkum_left figure:after { width: 150px; height: 150px; }
  .bainkum_left figure:before { width: 200px; height: 200px; }
  .bainkum_left:before { padding: 39%; }
  .bainkum_img { border-radius: 0; }
  .tiling_left_img:before { top: 6px; }
  .tiling_sum { padding-bottom: 10px; }
  .tech_tiling { padding: 90px 0 20px; }
  .key_feat_tiling .row { flex-direction: column-reverse; }
  .tiling_box .app_stores { margin-top: 20px; }
  .tiling_box .web_wrap { padding: 0 10px; }
  .tiling_box .app_stores { margin-bottom: 20px; }
  .tiling_list { padding-top: 20px; }
  .tech_tiling { padding-top: 70px; }
  .tiling_brief:before { top: 0; padding: 110px; }
  .contact_tracing_logo { text-align: left; }
  .contact_tracing_detail { padding-bottom: 30px; }
  .contact_tracing_hdr:before { padding: 35% 100%; }
  .contact_tracing_hdr .contact_tracing_des:before { top: auto; padding: 15%; bottom: 20%; }
  .contact_tracing_hdr .contact_tracing_des { max-width: 100%; }
  .contact_tracing_box .web_wrap, .contact_tracing_brief .web_wrap { padding: 0 25px; }
  .contact_tracing_list { padding: 15px 0 10px; }
  .contact_tracing { padding-top: 25px; }
  .contact_tracing_title h4 { font-size: 1.4rem; }
  .contact_tracing_sum { padding-right: 0; padding-bottom: 0; }
  .contact_tracing_right { text-align: center; }
  .contact_tracing_key { padding-bottom: 0; padding-top: 50px; }
  .contact_tracing_title.text-center { text-align: left!important; }
  .contact_tracing_hdr .app_stores a { margin-top: 10px; }
  .contact_tracing_proj { padding-bottom: 10px; padding-top: 30px; }
  .qualone_sum { padding-bottom: 0; padding-right: 0; }
  .qualone_spacing { padding: 30px 0 0; }
  .qualone_work { background-size: cover; }
  .qualone_lamp h2 { font-size: 24px; }
  .qualone_logo h3 { padding: 0; }
  .qualone_hdr { padding-top: 50px; }
  .qualone_title h4 { font-size: 1.5rem; }
  .qualone_fixture { margin-top: 20px; }
  .qualone_title h4 { margin-bottom: 20px; }
  .how_it_work_qualone img { max-width: 100%; }
  .propsta_hdr { background-size: 46%; }
  .propsta_sec1 { padding-bottom: 40px; }
  .props_tech .row { flex-direction: column-reverse; }
  .propsta_sec1:after { bottom: -10%; }
  .propsta_sec2 figure:after { width: 70%; }
  .props_tech .txt_key_group:before { top: -50px; }
  .propsta_list { padding: 40px 0; }
  .propsta_title { padding: 20px 15px 50px; }
  .props_key h4:before { width: 30px; height: 30px; position: absolute; top: -40px; left: -20px; z-index: 1; }
  .propsta_sec_notify h4:before { left: -20px; }
  .inventory_hdr { background-size: cover; }
  .box-inventory { margin-bottom: 0; }
  .inventory_box .stats_bg figure img { margin-left: 0; }
  .wave_inventory { margin-top: 0; }
  .inventory_list figure { margin-top: 30px; }
  .inventory_ui { padding: 40px 0; }
  .inventory_feat .feat_bg:before { bottom: 54%; padding: 33% 30%; }
  .inventory_box .stats_bg:after { padding: 38%; }
  .inventory_sec1 { padding: 24px 0 0; }
  .title_inventory { padding: 10px 0 20px; }
  .praise_hdr p { padding-bottom: 0; }
  .praise_service p:before { top: -120px; padding: 9%; right: 0; }
  .praise_service p:after { right: -30px; padding: 10% 20%; }
  .praise_box li, .praise_box p { font-size: 16px; }
  .praise_space { padding: 20px 0 0; }
  .praise_tech { padding-top: 0; }
  .groopy_box h3 { font-size: 2rem; }
  .groopy_list li { padding-bottom: 20px; }
  .groopy_before:before { padding: 62% 50%; }
  .groopy_after:before { padding: 50%; }
  .groopy_detail { padding-top: 50px; }
  .groopy_hdr .groopy_detail img { max-width: 150px; }
  .rudder_title h4 { font-size: 1.7rem; padding-bottom: 20px; }
  .rudder_box li, .rudder_box p { font-size: 16px; }
  .rudder_servi { margin-top: -25.7%; }
  .rudder_key:before { left: 0; right: 0; padding: inherit; border-radius: 0; }
  .rudder_list { padding: 30px 0 0; }
  .rudder_hdr { padding-top: 50px; }
  .rudder_sec1 img { margin-bottom: 2rem; }
  .partnerone_hdr { background-size: cover; }
  .partnerone_carton:before, .partnerone_defect:before { padding: 46% 60%; }
  .partnerone_hdr { padding-top: 50px; }
  .grocery_logo { text-align: left; }
  .grocery_detail { padding-bottom: 30px; }
  .grocery_hdr:before { background-size: cover; }
  .grocery_hdr:after { bottom: 100px; padding: 40%; top: auto; }
  .grocery_left:before { padding: 40%; top: auto; left: -15%; bottom: 100px; }
  .grocery_box .web_wrap, .grocery_brief .web_wrap { padding: 0 25px; }
  .grocery_title h4 { font-size: 1.4rem; }
  .grocery_sum { padding-right: 0; padding-bottom: 0; }
  .grocery_right { text-align: center; }
  .grocery_key { padding-bottom: 0; padding-top: 50px; }
  .grocery_title.text-center { text-align: left!important; }
  .grocery_brief .mx-auto { padding: 0; }
  .grocery_proj { padding-top: 30px; }
  .menutize_tech { padding: 50px 30px 0; }
  .menutize_brief .menutize_des { padding: 0 50px; }
  .natrela_brief .menutize_bfore img { width: 90%; }
  .menutize_box li, .menutize_box p { font-size: 16px; }
  .menutize_title h4 { font-size: 1.8rem; }
  .menutize_brief .menutize_det { padding: 0 52px; }
  .menutize_hdr { padding-top: 50px; }
  .menutize_box .app_stores a img { width: 140px; }
  .menutize_title h4 { padding-bottom: 10px; }
  .frugbi_hdr { padding-top: 50px; }
  .frugbi_key_list ul { -webkit-column-count: 1; column-count: 1; }
  .frugbi_title h2 { font-size: 2rem; }
  .frugbi_key_list li { padding-bottom: 20px; }
  .frugbi_service { background-size: cover; padding: 100px 0 60px; }
  .frugbi_space { margin-top: 30px; }
  .frugbi_logo img { max-width: 150px; }
  .frugbi_des { margin-bottom: -3rem; }
  .frugbi_tech figure { margin-bottom: -5rem; }
  .frugbi_tech { padding-top: 50px; margin-top: 20px; }
  .find_parent_key { background-size: cover; padding-bottom: 30px; padding-top: 0; margin-bottom: 30px; }
  .find_parent_hdr:before { padding: 50% 34%; bottom: 0; top: auto; }
  .find_parent_hdr:after { top: auto; bottom: 0; top: auto; }
  .find_parent_space { padding-top: 0; }
  .find_parent_service { padding: 30px 10px 10px; }
  .brown_title { margin-bottom: 25px; }
}
@media(max-width: 640px) {
  .erp_key_feat .feat_bg:before { bottom: auto; padding: 33% 30%; }
}
@media (max-width:575px) {
  .home_illustration img { width: 100%; }
  .md-boxes:nth-child(2n+1) { margin-top: 0; }
  .chose_left { margin-top: 0; }
  .choose-services .wpcf7-list-item { margin: 0 0 10px; width: 100%; }
  .our_address { max-width: 90%; width: 90%; margin: 15px 0; }
  .portfolio_wrap .col-sm-5:first-child, .portfolio_wrap .col-sm-5:nth-child(2n+1) { margin-top: 0; }
  .portfolio_screenshots { padding: 20px 0; }
  .our_address { padding: 25px; }
  .form_wrap { padding: 50px 10px 40px; }
  .portfolio_screenshots .col-lg-4:nth-child(2n) { margin-top: 0!important; }
  .services_bg .mobile-bg img { max-width: 100%; min-width: 100%; }
  .status_wrap li, .status_wrap li:nth-child(2n+1) { width: 100%; border: 0; border-bottom: 1px solid #f19d74; padding-bottom: 15px; margin: 0 0 15px; }
  .status_wrap li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
  .select_one { width: 100%; margin: 3px 0; min-width: 100%; }
  .select_one span { line-height: 14px; height: auto; padding: 15px 10px; display: block; }
  .submit_btn { margin: 0; }
  .port_lft { padding-left: 0; }
  .portfolio_cont .port_des.screenshot li { width: 100%; margin: 10px 0 0; }
  .portfolio_cont .port_des.screenshot ul li:nth-child(even) { padding-top: 0!important; }
  .port_rht { width: 100%; }
  .port_rht a img { max-width: 116px; }
  .carousel-control-next, .carousel-control-prev { padding: 0 5px; }
  footer { margin: 30px 0 0; border-radius: 0; padding: 0 10px; }
  .unity_portfolio .mt-5 { margin-top: 0!important; }
  .unity_port { margin-bottom: 30px; }
  .unity_port .position_witch { width: 70%; }
  .services_categoris li, .services_categoris li.active { margin-top: 0; }
  .single-chicmic_services .single_detail .col-lg-9.col-md-8.col-sm-12.blog_list li { width: 100%; }
  .choose-services .wpcf7-list-item span { font-size: 15px; }
  footer { border-radius: 0; }
  footer h5 { margin: 10px; font-size: 17px; font-weight: 500;}
  .play_now figure img { width: 60%; }
  .play_now { padding: 3rem 0 8rem; margin: 0; }
	.des_title { margin-bottom: 20px; }

  .event_list li, .events-pics li { width: 100%; padding: 0 15px; }
  .link_btn_group { display: inline-block; }
  .link_btn_group .app_btn { padding: 0 0 15px; display: block; }
  .brown_title { margin-bottom: 20px; }
	.brown_title h4 { padding: 10px 30px; }

  .tro_title h4 { margin: 0 0 20px; }

  .app_play_store { flex-direction: column; }
  .app_play_store figure { margin: 0 0 25px; }
  .app_play_store figure img { width: 170px; }
  .web_des { margin: 30px 0 0; }
  .tech_screens figure { width: 100%; }

  .btn_web a { border: 2px solid #fff; width: 180px; padding: 10px 17px; }
  .site_top { flex-direction: column; }

  .color_box li, .color_box p { font-size: 16px; }
  .app_rating_icon .d-flex { flex-direction: column; text-align: center; }
  .app_rating_icon .detail_sum { margin: 15px 0 0; }

  .app_header { flex-direction: column; }
  .grey_title { margin: 0 0 20px; }


  .web_font li, .web_font p { font-size: 16px; }

  .steak_list ul li { margin-bottom: 12px; }

  .web_head { flex-direction: column; padding: 25px 30px; }
  .simpalm_lst_bg:before { padding: 3rem; }
  .web_btn { margin-top: 15px; }

  .yelow_title h5 { margin-bottom: 15px; }

  .port_collection_thumbs { width: 70%; height: 100%; top: 100%; transform: translateY(-80%); }
  .hour_key_tech_list, .hour_projects { padding-top: 30px; }
  .hour_title h3, .hour_title h4 { margin-bottom: 15px; }
  .clock-area { flex-direction: column; }

  .carrier_timeline .timeline-image { position: absolute; left: -5%; }
  .timeline-date .img-fluid { width: 16%; }
  .carrier_timeline .timeline h4 { font-size: 1.5rem; }
  .deatil_carrier_heading { padding: 50px 15px 20px; }

  .multiplayer_hd { flex-direction: column; }
  .multiplayer_hd .app_stores { margin-top: 20px; }
  .vist_summit { padding: .6rem 1.8rem; }

  .itrak_log img { max-width: 200px; }

  .tagline-tag { position: absolute; left: 0; top: -60px; }

  .tech_app_feat { margin-top: 0; }

  .story_res_hdr .d-flex { flex-direction: column; }
  .story_res_box li, .story_res_box p { font-size: 16px; }
  .story_res_title h4 { font-size: 1.8rem; }
  .sms-reminder_hdr { padding-top: 0; }

  .wizcard_key_feature li:before { padding: 2.7%; }
  .wizcard_logo_detail figure img { max-width: 110px; }
  .wizcard_projects { margin-top: -8%; }
  .yufa_box .web_wrap { padding: 0 25px; }
  .key_feat_yufa { padding-top: 30px; }
  .yufa_box .app_stores { bottom: 130px; top: auto; display: flex; right: 0; left: 0; align-items: center; justify-content: center; }
  .yufa_screens figure { max-width: 100%; }
  .yufa_screens figure:nth-child(odd) { margin-top: 0; }
  .yufa_screens figure { margin: 20px auto 0; }
  .yufa_logos figure { max-width: 100%; }
  .tech_stack_yufa { margin-bottom: 20px; }
  .natrela_box .web_wrap,   .natrela_det, .natrela_sumery .web_wrap { padding: 0 25px; }
  .natrela_brief .natrale_des { padding: 0 35px; }
  .natrela_list { padding-top: 10px; }
  .natrela_brief .natrela_det { padding: 0 37px; }
  .natrala_tech:after { background-size: cover; border-radius: 12px; }
  .natrala_tech { margin-top: 0; }
  .dodge_title img { max-width: 70%; padding-bottom: 0; padding-top: 10px; }
  .dodge_hdr .web_wrap { padding: 0 25px; }
  .shape_3 i { top: 0; }
  .shape_4 i { top: 0; }
  .shape_1 i { right: -15%; }
  .dodge_hdr .app_stores a { margin-right: 10px; }
  .dodge_heading .dodge_title i { top: 0; }
  .dodge_screenshot,   .dodge_selct, .dodge_techfeat { padding: 20px 0; }
  .dodge_hdr { padding: 40px 0 0; }
  .dodge_hdr .app_stores { flex-direction: column; }
  .engage_list li { padding-bottom: 15px; padding-left: 30px; }
  .engage_list li:before { padding: 2.5%; }
  .logo_engage img { max-width: 130px; }
  .engage_summary h3 { padding: 20px 0; }
  .engage_summary ul li .engage_details { padding: 15px!important; }
  .engage_section .key_features { margin: 0; }

  .techno_tab { margin-top: 0; }
  .cf11_detail h3 { font-size: 1.6rem; }
  .casino_list { padding-top: 0; }
  .casino_tab .casino_img img { min-height: 660px; }
  .casino_tab .project_casino h4 { font-size: 1.4rem; }
  .casino_detail h2 { font-size: 2rem; }
  .casino_detail h3 { font-size: 1.2rem; }
  .casino_title h4 { font-size: 1.8rem; }
  .sweet_memory_list { padding-top: 20px; }
  .ofc_title h3, .ofc_title h4 { font-size: 1.8rem; }
  .ofc_box .app_store { position: relative; top: -34px; left: 0; right: 0; margin: auto; text-align: center; }
  .xian_box .detail_sum, .xian_box .web_wrap { padding-left: 15px; padding-right: 15px; }
  .technology_2xian_details .xian_image { padding-top: 0; }
  .xian_store:before { padding: 80%; }
  .xian_store img { max-width: 200px; }
  .work_pg_hdr:before { padding: 81%; }
  .work_pg_hdr { padding-top: 40px; }
  .work_pg_hdr .app-stores { margin-bottom: 30px; }
  .work_pg_list { padding-top: 10px; }
  .popdoc_box li, .popdoc_box p { font-size: 16px; }
  .popdoc_title h3 { font-size: 1.8rem; }
  .popdoc_hdr:before { bottom: -4%; }
  .popdoc_logo img { max-width: 80px; }
  .popdoc_feat li:before { padding: 8px; }
  .popdoc_feat li { padding-left: 30px; }
  .pots_spider_title { padding: 0 5%; }
  .pots_spider_box br { display: none; }
  .pots_icons .pots_icons_1 { top: 10%; }
  .screenshot_playpots { padding: 80px 0 0; }
  .pots_spider_detail .app_stores { flex-direction: column; }
  .rolling_marbles_store .d-flex { flex-direction: column; text-align: center; }
  .rolling_marbles_Detail h2 { font-size: 24px; padding-top: 15px; }
  .about_ludo_image figure { margin-bottom: -20px; }
  .ludo_title img { max-width: 100%; }
  .ludo_box { margin-top: -25%; }
  .wordsearch_list { padding-top: 40px; }
  .wordsearch_icons .wordsearch_icons_1 i img, .wordsearch_icons .wordsearch_icons_2 i img { max-width: 30px; }
  .wordsearch_techno { padding-top: 32%; padding-bottom: 20px; }
  .jungle_techno { padding-top: 80px; }
  .jungle_store .app_stores { flex-direction: row; }
  .west_shiping_logo h3 { padding: 10px 0; }
  .memory_btm { margin-bottom: 30px; }
  .dyef_logo figure img { display: none; }
  .dyef_hdr { background-size: cover; }
  .store_app.app_stores { flex-direction: column; }
  .app_stores.store_btns { flex-direction: column; }
  .draft_applogo { flex-direction: row; }
  .draft_daylogo { background-size: cover; }
  .tribal_box .app_stores { flex-direction: column; margin: 10px 0 0; }
  .tribal_app_icon:before { padding: 23%; right: -12%; }
  .preschool_hdr:after { top: -10%; }
  .preschool_logo figure img { max-width: 100%; }
  .preschool_info span img { max-width: 110px; }
  .preschool_box .store_app { flex-direction: column; align-items: start!important; }
  .preschool_key_tech { text-align: left; }
  .preschool_key_tech ul li { width: auto; margin-right: 0; }
  .preschool_title img { max-width: 70%; margin-top: 21px; }
  .preschool_logo { margin-top: 0; }
  .erp_hdr:before { padding: 60%; }
  .pointsplay_left:before, .pointsplay_right:before { padding: 79%; }
  .pointsplay_hdr { padding-top: 30px; }
  .pointsplay_summry { margin-bottom: 20px; }
  .services_tech_point { padding: 0 0 30px; }
  .black_hdr .detail_sum { margin-left: 15px; }
  .prep2pas_box .web_wrap { padding: 0 15px; }
  .bainkum_left:before { padding: 50%; }
  .contact_tracing_logo h3 { padding: 10px 0; }
  .inventory_hdr { padding-top: 40px; }
  .box-inventory { padding-top: 15px; margin-bottom: 0; padding-left: 30px; padding-right: 30px; padding-bottom: 0; }
  .inventory_feat li { padding-top: 80px; padding-left: 0; }
  .inventory_feat li:before { top: 0; }
  .inventory_feat { margin-bottom: 20px; }
  .inventory_box .feat_bg .col-md-6 { padding: 30px 22px 15px; }
  .praise_service p:before { top: -80px; right: 0; }
  .groopy_hdr .groopy_detail img { max-width: 100px; }
  .rudder_list li { padding-bottom: 20px; }
  .rudder_servi { margin-top: -28%; }
  .rudder_tech { padding-top: 50px; }
  .partnerone_list { padding-top: 0; }
  .grocery_logo h3 { padding: 10px 0; }
  .menutize_box .web_wrap,   .menutize_det, .menutize_sumery .web_wrap { padding: 0 25px; }
  .menutize_brief .natrale_des { padding: 0 35px; }
  .menutize_list { padding-top: 25px; }
  .menutize_brief .menutize_det { padding: 0 37px; }
  .menutize_tech:after { background-size: cover; border-radius: 50px; }
  .frugbi_title h2 { font-size: 1.8rem; }
}
@media (max-width:500px) {
  .bubblefun_contentArea .store_box h3 { margin-bottom: 0; }
  .bubblefun_contentArea .store_detail.supperbubble_store .store_box { top: 62px; }
  .bubblefun_contentArea .app_stores a { margin-top: 0; }
  .supperbubble_store { padding: 11% 25% 23%; }
  .bugging_des { padding: 14% 0 3%; background: #f2df95; border: 5px solid #751109; position: relative; border-radius: 30px; }
  .bugging_des:before { position: absolute; content: ""; background: #ce563d; left: -5px; right: -5px; padding: 25px; top: -30px; border-radius: 20px 20px 0 0; }
  .bugging_des:after { position: absolute; content: ""; background: #751109; left: -5px; right: -5px; padding: 20px; bottom: -30px; border-radius: 0 0 20px 20px; }
  .bugging_des h3 { top: -30px; }
  .bugging_tittle h3 { padding: 15px 20px; }
  .bugging_box .Apps_icons { margin: 10px 0; }
  .bug_stars img { max-width: 60%; }
  .game_over_bugg { padding-bottom: 100px; }
  .block_phn { margin-top: 30px; }
  .play_game_black { margin: 30px auto 0; }
  .row.black_logo_hdr { flex-direction: column; }
}
@media (max-width:475px) {
  .inventory_feat .feat_bg:before { bottom: 64%; }
}
@media (max-width:420px) {
  .chose_rht { width: 100%; }
  .portfolio_cont ul li { padding: 20px; }
  .project_title { padding: 15px 0 0; width: 100%; }
  .portfolio_screenshots { padding: 0; }
  .portfolio_cont .port_des.screenshot ul.landscape li { width: 100%; }
  .portfolio_cont .port_des.screenshot ul.landscape li:nth-child(2n) { padding-top: 0!important; }
  .choose-services .wpcf7-list-item span { font-size: 14px; }

  .Apps_icons { flex-direction: column!important; text-align: center; }
  .tap_title h4 { min-width: 100%; }
  .visit_bttn { width: 100%; }
  .icon_title i { display: block; margin: 0 0 10px; }
  .hd_logo { width: 150px; display: inline-block; }
  .preschool_hdr:after { top: -9%; }
  .web_wrap { padding: 0 20px; }
  .title_white h5 { min-width: 100%; }
  .grey_title h5, .grey_title1 h5 { width: 100%; }
  .white_title h4 { min-width: 100%; }
  .yellow_title h4 { min-width: 100%; }
  .title_bg { margin: 0 0 10px; }
  .title_bg h4 { min-width: 100%; background-size: 100% 100%; }

  .web_logo img { max-width: 90%; }
  .green_title, .lightblue_title, .lightbrown_title, .white_title, .yellow_title { margin-bottom: 20px; }
  .green_title h4 { min-width: 100%; }
  .mobile-bg .over_banner { height: 220px; }
  .heading_block button { margin-top: 0; }
  .heading_block i { position: absolute; top: 15px; right: 15px; }
  .export_bg { margin-top: -10%; }
  .key_pic { width: 250px; height: 250px; }
  .dodge_logo img { max-width: 50%; margin-bottom: 0; }
  .shapes img { max-width: 30%; }
  .shape_1 i { right: -30%; }
  .dodge_hdr h4 { padding-bottom: 0; }
  .shape_3 i { right: -23%; }
  .xian_store:before { padding: 100%; clip-path: none; height: 97%; }
  .pots_spider_title { padding: 0; }
  .rolling_marbles_icons_1 img, .rolling_marbles_icons_2 img { max-width: 20px; }
  .rolling_marbles_logo a figure img { max-width: 60px; }
  .dyef_farm_logo { text-align: center; justify-content: center; }
  .dyef_farm { padding-top: 15px; }
  .tribal_app_icon:before { display: none; }
  .tribal_advlogo { flex-direction: column; }
  .tribal_list { padding-top: 20px; }
  .tribal_app_icon h5 { padding: 12px 0 0; }
  .jungle_store .app_play_store img { max-width: 150px; margin: 6px 0; }
  .jungle_store .d-flex { flex-direction: column; }
}
@media (max-width:375px) {
  .ludo_box { margin-top: -35%; }
  .game_over_bugg { padding-bottom: 50px; }
  .inventory_feat .feat_bg:before { bottom: 94%; }
}
#AppUI .portfolio_box h2, #PixelArt h2 { display: none; }
.lg-outer .lg-img-wrap { padding: 20px!important; }
.overflow-hidden { overflow: hidden; }
.portfolio_wrap .portfolio_det { margin-bottom: 30px; margin-left: 12px; margin-right: 12px; padding: 0; }
.services-Main .blog_list .home_services li { border: 0; display: inline-flex; width: 49%; padding: 5px 10px 8px 30px; background: url(img/check.png); background-repeat: no-repeat; background-position: top 10px left; background-size: 18px; }
.call-now { position: fixed; height: 50px; right: 0; text-align: center; z-index: 9; top: 100px; background: #fff; line-height: 40px; box-shadow: 0 0 2px rgba(0, 0, 0, .2); display: flex; align-items: center; justify-content: center; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; transform: translateX(130px); -webkit-transform: translateX(130px); padding: 0 15px; }
.call-now figure { margin: 0 15px 0 0; }
.call-now a { display: flex; }
.call-now:hover { transform: translateX(0); -webkit-transform: translateX(0); }
.single_detail aside.col-lg-9.col-md-8.col-sm-12.blog_list .event { width: 33.33%; }
.single_detail aside.col-lg-9.col-md-8.col-sm-12.blog_list .single-blog .blog_summary ul li { margin-bottom: 10px; }
@media (max-width:991px) {
  .single_detail aside.col-lg-9.col-md-8.col-sm-12.blog_list .event { width: 100%; }
}
@media (max-width: 767px) {
  #stupidbox { background-size: 92%!important; }
}
.our_client_section .cstm_text p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; text-align: center; color: rgba(0, 0, 0, 0.5); }
.awards_secn { display: block; margin-bottom: 70px; }
.award_card { padding: 0 55px; display: flex; flex-flow: column; align-items: center; justify-content: center; text-align: center; height: 100%; min-height: 180px; flex: 0 0 calc(20% - 20px); min-width: calc(20% - 20px); width: calc(20% - 20px); }
.award_card .award_card-img { margin-bottom: 10px; }
.award_card-img img { max-height: 155px; height: auto; object-fit: contain;}
.award_card .common_img { position: absolute; top: 0; }
.left_img.common_img { left: 0; right: auto; }
.right_img.common_img { right: 0; left: auto; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }

.award_card .brief { margin-bottom: 0; font-style: normal; font-weight: 600; font-size: 14px; line-height: 1.3; text-align: center; color: #272727; text-transform: capitalize; display: block; }
.award_card span { font-weight: 600; display: inline-block; line-height: 1.3; }
.clients_logos img { max-width: 100%; width: 100%; height:auto; max-height: 80px; filter: grayscale(1); -webkit-filter: grayscale(1); }
.clients_logos img:hover { filter: none; -webkit-filter: none; }
.logos_slider::after, .logos_slider::before { content: ''; background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%); position: absolute; width: 200px; z-index: 2; }
.logos_slider::after { right: 0; top: 0; transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); }
.logos_slider::before { left: 0; top: 0; }
.awards_secn.platform_secn .awards_row { gap: 30px; }
.awards_secn.platform_secn .award_card { flex: 0 0 calc(33.33% - 30px); width: calc(33.33% - 30px); margin-bottom: 30px; }
.awards_secn.platform_secn .award_card.clutch_col img { max-height: 50px; }
.award-brief { color: #828282; }
.award-year { color: #6a6a6a; }
.common-client-section .awards_row { padding-top: 40px; padding-bottom: 50px; }
.common-client-section .award_card { min-height: 236px; }
.common-client-section .awards_row>*:last-child .award_card-img img{
 transform: scale(1.1);
}
.service_cols { margin-bottom: 30px; }
.service_cols .boxes { width: 100%; }
@media (min-width:1200px) {
  .left_img.common_img { left: -10px;}
  .right_img.common_img {right: -10px;}
}
@media (max-width: 768px) {
  .common-client-section .awards_row { padding-bottom: 0; }
}
@media (min-width:576px)  and (max-width:767.98px) {
  .award_card-img img { max-width: 90px; }
}
@media (min-width:768px)  and (max-width:1199.98px) {
  .common-client-section .awards_row { padding-bottom: 20px; }
  .top-rated-companies { margin-top: 20px; }
}
@media (min-width:1280px)  and (max-width:1680.98px) {
  .award_card-img img { max-width: 100%; }
  .award_card {padding:0 56px}
}
@media (max-width:767.98px) {
  .our_client_section .cstm_text { max-width: 100%; margin: 0 auto 30px; }
  .awards_secn { margin-bottom: 30px; }
  .clients_logos img { max-width: 85%; }
  .award_card .award_card-img { margin-bottom: 10px; }
  .award_card .common_img img { max-width: 70px; }
  .common-client-section .award_card { min-height: 160px; }
}
@media (max-width:575px) {
  .award_card { flex: 1; min-width: 100%; width: 100%; margin-bottom: 20px; }
}
@media (min-width:576px) and (max-width:1199px) {
  .awards_secn { margin-bottom: 50px; }
  .award_card { flex: 0 0 calc(50% - 30px); min-width: calc(50% - 30px); width: calc(50% - 30px); margin-bottom: 30px; }
}
@media (min-width:1200px) and (max-width:1366px) {
  .award_card .award_card-img img { max-width: 100%; }
  .award_card span {font-size: 15px;  }
}
@media (max-width:991px) {
  .service_cols { margin-bottom: 0; }
}
@media (min-width:1200px) and (max-width:1379.99px) {
  .boxes h5 { font-size: 18px; }
}
.bg-violet { background: #38306a; }
.bg-purple { background: #1c1254; }
.bg-purple-300 { background: #1d2955; }
.py-60 { padding-top: 60px; padding-bottom: 60px; }
@media (max-width:1199px) {
  .py-60 { padding-top: 40px; padding-bottom: 40px; }
}
.py-80 { padding-top: 80px; padding-bottom: 80px; }
.py-50 { padding-top: 50px; padding-bottom: 50px; }
.web_wrap { padding: 0 80px; }
@media (min-width: 1380px) {
  .web_wrap { padding: 0 80px; }
}
.metaverse_banner h1 { font-size: 72px; text-transform: capitalize; font-weight: 600; line-height: 1.3; }
@media (max-width:767px) {
  .metaverse_banner h1 { font-size: 38px; }
}
.kingdom_bg { background: url(img/nemoland/nemoland-bg.jpg) transparent no-repeat; background-size: cover; padding: 60px 0; border-radius: 40px 40px 0 0; }
.kingdom_logo img { max-width: 60%; }
.kingdom_title .title h2 { position: relative; padding-bottom: 0; margin-bottom: 0; color: var(--white-color); font-weight: 500; }
@media (min-width:768px) and (max-width:992px) {
  .kingdom_bg { padding: 40px 0; }
}
.kingdom_title .title h2::after { position: absolute; top: 100%; left: 0; content: ''; background: url(img/nemoland/btm_line.png) no-repeat; background-size: contain; width: 180px; height: 50px; }
.title_btn .btn-pink { background: var(--pink-dark); border-color: var(--pink-dark); padding: 10px 15px; min-width: 180px; color: var(--white-color); }
.kingdom_brief span { font-size: 25px; line-height: 1.3; color: var(--white-color); font-weight: 400; }
.common_content p { font-size: 17px; color: #fff; line-height: 1.4; margin-bottom: 0; }
.land_center_img { margin-left: -5%; margin-right: -5%; }
@media (max-width:991px) {
  .kingdom_title .title h2::after { width: 180px; }
}
.blockchain_bg { background: var(--violet-color); }
@media (min-width:1680px) {
  .blockchain_bg { padding: 60px 0 20px; }
}
.blockchain_left h2 { color: #fff; position: relative; }
.circle_title { position: relative; isolation: isolate; z-index: 1; }
.circle_title::before { position: absolute; top: 50%; left: -52px; content: ''; transform: translateY(-50%); width: 170px; height: 170px; border-radius: 50%; background: rgb(147, 53, 198); background: -moz-linear-gradient(90deg, rgba(147, 53, 198, 1) 0, rgba(34, 39, 159, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(147, 53, 198, 1) 0, rgba(34, 39, 159, 1) 100%); background: linear-gradient(90deg, rgba(147, 53, 198, 1) 0, rgba(34, 39, 159, 1) 100%); z-index: 0; box-shadow: 26px 24px 111px hwb(270deg 51% 0 / 22%); }
.circle_title::after { position: absolute; top: -52%; left: -30px; content: ''; transform: translateY(-50%); width: 180px; height: 180px; border-radius: 50%; background: transparent; border: 1px solid #50487c; z-index: -1; }
.common_content { position: relative; z-index: 1; }
.blockchain_left .common_content { padding-right: 0; }
.blockchain_left .common_content p { text-align: justify; }
@media (max-width:1199px) {
  .blockchain_left .common_content { padding-right: 0; }
}
@media (min-width:768px) and (max-width:991px) {
  .blockchain_right { margin-top: 50px; }
}
@media (max-width:1199px) {
  .circle_title::before { left: -50px; width: 120px; height: 120px; }
  .circle_title::after { top: 30%; left: 0; width: 150px; height: 150px; }
}
.lands_bg { background: url(img/nemoland/lands_bg.png) no-repeat; background-size: cover; border-radius: 0; padding: 60px 0 0; background-position: 50% 50%; backface-visibility: hidden; isolation: isolate; }
.lands_bottom_text::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 45%; content: ''; z-index: 0; background: rgb(255, 255, 255); background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.45) 47%, rgba(0, 0, 0, 0.31) 100%); background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.45) 47%, rgba(0, 0, 0, 0.31) 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.45) 47%, rgba(0, 0, 0, 0.31) 100%); }
.land_list { position: absolute; z-index: 1; bottom: 120px; transform: translateX(-50%); left: 50%; width: 100%; }
.common_title h2 { display: inline-block; isolation: isolate; z-index: 1; margin-bottom: 0; color: var(--white-color); }
.common_title h2::after { position: absolute; top: 62%; left: 3px; background: #7134b9; content: ''; width: 120px; height: 15px; z-index: -1; }
.lands_bottom_text { padding-bottom: 60px; position: relative; }
.lands_bottom_text ul li { color: #fff; padding: 0 15px; text-transform: uppercase; border-right: 6px solid #fff; font-size: 40px; font-weight: 800; line-height: 1.3; }
.lands_bottom_text ul li:first-child { padding-left: 0; }
.lands_bottom_text ul li:last-child { padding-right: 0; border-right: none; }
.sales_agents_column { background: var(--purple-color); }
@media (max-width:1199px) {
  .lands_bottom_text ul li { font-size: 25px; font-weight: 600; }
  .lands_bg::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #06060640; z-index: -1; }
}
@media (max-width:767px) {
  .lands_bg { padding: 40px 0 0; }
  .land_list { position: relative; bottom: 0; }
  .lands_bottom_text ul li { border-right: 0 solid #fff; font-size: 20px; font-weight: 600; border-bottom: 4px solid #fff; display: block; text-align: center; padding: 15px 0; }
}
@media (min-width:768px) and (max-width:991px) {
  .lands_bottom_text { padding-bottom: 50px; }
  .land_list { bottom: 100px; }
}
@media (min-width:992px) and (max-width:1199px) {
  .lands_bg { padding-top: 50px; }
}
@media (min-width:1200px) and (min-width:1365px) {
  .lands_bottom_text ul li { font-size: 32px; }
}
@media (min-width:768px) and (max-width:991px) {
  .sales_img { margin-top: 50px; }
}
.form-tile h3 { margin-bottom: 20px; position: relative; padding-bottom: 10px; }
.form-tile h3::after { position: absolute; top: 100%; left: 0; content: ''; width: 70px; height: 2px; background: #d85d27; }
.techno_stacks_colm { background: var(--purple-300); }
.common-card_block { background: rgb(147, 53, 198); padding: 5px; height: calc(100% - 40px); margin-bottom: 40px; min-height: 300px; width: 80%; background: -moz-linear-gradient(90deg, rgba(147, 53, 198, 1) 0, rgba(34, 39, 159, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(147, 53, 198, 1) 0, rgba(34, 39, 159, 1) 100%); background: linear-gradient(90deg, rgba(147, 53, 198, 1) 0, rgba(34, 39, 159, 1) 100%); }
.techno_stacks_colm .web_wrap { position: relative; -webkit-backface-visibility: hidden; overflow: hidden; }
.techno_stacks_colm .web_wrap::before { position: absolute; top: 50px; right: -10%; content: ''; width: 330px; height: 330px; border-radius: 50%; background: rgb(147, 53, 198); background: -moz-linear-gradient(90deg, rgba(147, 53, 198, 1) 0, rgba(34, 39, 159, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(147, 53, 198, 1) 0, rgba(34, 39, 159, 1) 100%); background: linear-gradient(90deg, rgba(147, 53, 198, 1) 0, rgba(34, 39, 159, 1) 100%); box-shadow: 26px 24px 111px rgb(193 131 255 / 55%); }
.techno_stacks_colm .web_wrap::after { position: absolute; bottom: 100px; left: -12%; content: ''; width: 330px; height: 330px; border-radius: 50%; background: rgb(147, 53, 198); background: -moz-linear-gradient(-90deg, rgba(147, 53, 198, 1) 0, rgba(34, 39, 159, 1) 100%); background: -webkit-linear-gradient(-90deg, rgba(147, 53, 198, 1) 0, rgba(34, 39, 159, 1) 100%); background: linear-gradient(-90deg, rgba(147, 53, 198, 1) 0, rgba(34, 39, 159, 1) 100%); box-shadow: 26px 23px 111px #c183ff59; }
.card_block_content { background: var(--blue-500); height: 100%; }
.common-card_block { color: var(--white-color); }
.common-card_block h5 { color: var(--white-color); margin-top: 15px; margin-bottom: 15px; }
.common-card_block p { margin-bottom: 0; color: var(--white-color); }
.techno_cols { z-index: 1; }
@media (min-width:1366px) {
  .common-card_block { min-height: 340px; }
}
@media (max-width:1199px) {
  .common-card_block { min-height: 300px; width: 100%; height: calc(100% - 30px); margin-bottom: 30px; }
  .techno_stacks_colm .web_wrap::before { right: -200px; }
  .techno_stacks_colm .web_wrap::after { left: -152px; z-index: 0; }
}
.blockchain_events_col { background: var(--violet-color); }
.blockchain_events_col .common_title h2::after { top: 30%; }
.common-card_currency { width: 80%; margin-left: auto; margin-right: auto; border-radius: 10px; background: rgb(147, 53, 198); background: -moz-linear-gradient(180deg, rgba(147, 53, 198, 1) 0, rgba(34, 39, 159, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(147, 53, 198, 1) 0, rgba(34, 39, 159, 1) 100%); background: linear-gradient(180deg, rgba(147, 53, 198, 1) 0, rgba(34, 39, 159, 1) 100%); box-shadow: 1px 0 24px rgb(210 129 255 / 16%); }
.common-card_currency em { width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; margin: 0 auto 30px; border-radius: 50%; }
.common-card_currency em img { box-shadow: 21px 25px 50px #00000073; border-radius: 50%; }
.common-card_currency h5 { color: var(--white-color); text-transform: uppercase; }
@media (min-width:1366px) {
  .common-card_currency { width: 80%; }
}
@media (max-width:1365px) {
  .common-card_currency { width: 100%; }
}
@media (max-width:991px) {
  .common-card_currency { margin-bottom: 30px; }
}
.float_img { position: absolute; top: 0; left: -25px; }
.future_metaverse_secn .circle_title::after { position: absolute; top: 20%; left: -17px; }
.future_box { z-index: 1; margin-top: 100px; }
.common-future_block img { border-radius: 50px; box-shadow: 24px 15px 43px 2px #00000075; }
.future_metaverse_secn .float_img { position: absolute; top: 150px; right: 0; z-index: 0; left: auto; }
.security_secn .security_column { border-radius: 0 0 50px 50px; }
@media (min-width:1200px) and (max-width:1365px) {
  .blockchain_left .common_content { padding-right: 60px; }
}
@media (max-width:768px) and (max-width:1199px) {
  .future_metaverse_secn { padding-bottom: 60px!important; }
}
@media (max-width:767px) {
  .common-future_block img { border-radius: 12px; }
  .future_metaverse_secn { overflow: hidden; }
  .future_metaverse_secn .float_img { width: 50%; }
  .security_column { overflow: hidden; }
  .py-60 { padding-top: 40px; padding-bottom: 40px; }
  .web_wrap { padding: 0 25px; }
  .kingdom_logo img { margin: 0 auto; display: block; }
  .lands_bottom_text { margin-top: 50%; }
  .blockchain_left h2 { padding-left: 0; }
  .blockchain_bg .web_wrap { overflow: hidden; }
}
@media (max-width:575px) {
  .web_wrap { padding: 0 20px; }
}
@media (min-width:1200px) and (max-width:1379px) {
  .boxes h5 { font-size: 18px; }
}
#header .logo_DropMenu .menu-menu-1-container { transition: all .4s ease-in-out; position: absolute; top: 100%; right: 0; z-index: 1000; float: left; min-width: 180px; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; border-top: 2px solid #d85d27; box-shadow: 0 3px 10px #848484; padding: 0; background-color: #fff; background-clip: padding-box; border-radius: .25rem; padding-bottom: 4px; }
#header .logo_DropMenu .menu-menu-1-container.active { display: block; }
#header .logo_DropMenu:hover .menu-menu-1-container .navbar-nav li:nth-child(2)::after { display: none; }
@media (min-width:1025px) {
  #header .logo_DropMenu:hover .menu-menu-1-container { display: block; transition: all .3s ease-in-out; }
}
.logo_DropMenu .menu-menu-1-container ul { display: flex; flex-flow: column; }
#header .logo_DropMenu .menu-menu-1-container ul li { margin: 0!important; }
#header .logo_DropMenu .menu-menu-1-container ul li a { font-size: 16px; color: #1a1a1a; display: block; padding: 9px 15px; border-bottom: 1px solid #eee; width: 100%; }
#header .logo_DropMenu .menu-menu-1-container ul li a::before { display: none; }
#header .logo_DropMenu .menu-menu-1-container ul li:last-child a { border-bottom: none; }
#header .logo_DropMenu .menu-menu-1-container ul li a:hover { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; color: #db5d22!important; }
@media (max-width:1200px) {
  .logo_DropMenu { margin: 5px 12px 0 0; }
  .logo_DropMenu em { background: #2f2d2d; color: #fff; padding: 5px 30px 5px 15px; border-radius: .3rem; }
  .logo_DropMenu em::after { background: url(img/arrow_down.png) no-repeat; background-size: 13px; top: 14px; right: 10px; height: 8px; }
  .logo_DropMenu.active em::after { transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); }
}
@media (min-width:768px) and (max-width:991px) {
  footer { padding: 50px 20px; margin: 0; }
  .copyrht { margin: 15px 0; }
}
@media (min-width:992px) and (max-width:1024px) {
  footer { margin: 50px 0 0; }
}
@media (min-width:1900px) {
  #header .navbar-nav>li { margin: 0 17px; position: relative; }
}
.achivement_secnn { clear: both; display: block; width: 100%; float: left; }
.menu_overlay { display: none; }
.menu_close { display: none; }
@media (max-width:1200px) {
  .mega_menu_btn::after, .menu-item-has-children::after{ right: 20px;top:20px;}
  .navbar-light .navbar-toggler { border-color: #d85d27; cursor: pointer; }
  .navbar-expand-lg .navbar-toggler { display: block; }
  #menuMobile .navbar-nav { flex-direction: column; }
  #header { position: fixed; top: 0; animation: none!important; background: #fff; }
  .menu_close { position: absolute; right: 10px; top: 10px; display: block; background: transparent; z-index: 1; }
  .menu_close svg { width: 18px; height: 18px; }
  .menu_overlay { position: fixed; right: 0; top: 0; width: 100%; background: rgba(0, 0, 0, .6); height: 100%; transition: all .5s ease-in-out; visibility: hidden; opacity: 0; z-index: 1; }
  #navbarCollapse { visibility: hidden; opacity: 0; display: block; position: fixed; top: 0; left: 0; background: #fff; width: 100%; height: 100%; padding: 60px 0 0; overflow-y: auto; align-items: flex-start; transform: translateX(-400px); -webkit-transform: translateX(-400px); box-shadow: 0 0 10px rgba(0, 0, 0, .4); transition: all .5s ease; -webkit-transition: all .5s ease; z-index: 11; }
  #navbarCollapse::-webkit-scrollbar { width: 6px; }
  #menuMobile.show #navbarCollapse { display: block; visibility: visible; opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); }
  #menuMobile.show .menu_overlay { display: block; visibility: visible; opacity: 1; }
  .menu-item.current-active .sub-menu { opacity: 1; display: block; visibility: visible; }

  .menu-item.menu-item-has-children.current-active::after { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
  .menu-item-has-children { padding-right: 0; }
  #header .navbar-nav { width: 100%; }

  #header.sticky .navbar-light .navbar-toggler { border-color: #d85d27; }
  #header.sticky .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#ff7c43' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
  #header .navbar-nav>li { margin: 0; border-top: 1px solid #eee; }
  #header .navbar-nav>li>a { color: #1a1a1a; padding: 15px; display: block; }
  #header .navbar-nav>li.active>a { color: #d85d27; }
  #header .navbar-nav>li>a:before { bottom: 0; background: #000; }
  #header .navbar-nav li:first-child>a:before { bottom: 0; }
  #header .navbar-nav li.quote_menu>a { display: block; background: #d85d27; color: #fff; padding: 14px 15px; text-align: center; border-radius: 0; }
  #header ul li:first-child>a { font-weight: 400; }
  .home .home_illustration { margin-bottom: 0; }
  nav.navbar  .navbar-nav li .sub-menu { width: 100%; background: #ffd6c4; border-radius: 0; position: static; }
  .sub-menu { border: 0; box-shadow: none; }
  .sub-menu li a { color: #000; }
  /* #header.sticky .navbar-nav li .sub-menu li a { color: #fff; } */
  #header .navbar-nav>li ul li:last-child a { border-bottom: 0; }
}
@media (max-width:1025px) {
  .navbar { padding-left: 0; padding-right: 0; }
  .navbar-light .navbar-toggler { border-color: #000; }
  .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#000000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
}
@media (max-width:1200px) {
  .menu_close, .menu_overlay { display: none!important; }
  #navbarCollapse { max-width: 100%; top: 68px; padding: 0; box-shadow: none; background-color: #fff;  height: calc(100% - 70px);}
}

.case_study.text-right { margin-right: 150px; }
.case_study.text-right h4 { color: #fff; opacity: .5; }
.description p { font-size: 19px; }
.features_secn { overflow: hidden; }
.features_secn ul { padding-left: 10px; list-style: inherit; }
.features_secn ul li { font-size: 16px; line-height: 41px; color: var(--white-color); }
.features_secn figure { position: relative; isolation: isolate; z-index: 1; }
.features_secn figure::after { position: absolute; content: ''; width: 60%; height: 100%; left: 29%; top: 50%; background: #c7c7c7; opacity: .6; filter: blur(24px); border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); isolation: isolate; overflow: hidden; z-index: -1; }
@media (min-width:1200px) {
  .features_secn figure { right: -100px; }
}
@media (max-width:767px) {
  .features_secn figure { margin-top: 30px!important; }
}
@media (min-width:768px) and (max-width:991px) {
  .features_secn figure { padding-top: 12%; padding-bottom: 12%; }
  .features_secn figure::after { width: 330px; height: 330px; }
}
@media (min-width:992px) and (max-width:1199px) {
  .features_secn figure::after { width: 380px; height: 380px; }
}
.decenter .centerd_img figure { isolation: isolate; }
.centerd_img figure::after { position: absolute; left: 50%; width: 75%; top: 50%; transform: translate(-50%, -50%); height: 50%; background: #00000059; content: ''; border-radius: 50%; filter: blur(60px); z-index: -1; }

.img_icn { text-align: center; }
.userprob_img img { display: block; max-width: 100%; margin: 0 auto; }
.img_icn img { padding-bottom: 12px; }
.img_icn span { font-size: 18px; color: #fff; }
.funcn_list ul { list-style: inherit; }
.funcn_list ul li { font-size: 16px; line-height: 41px; color: #fff; }
@media (max-width:767px) {
  .funcn_list { padding-left: 15px; margin-top: 20px; }
}
.stack_list { width: 100%; margin-left: -12%; }
.stack_list ul { gap: 20px 0; }
.stack_list ul li { flex: 0 0 33.33%; width: 33.33%; }
.stack_list ul li .img_icn img { padding-bottom: 0; box-shadow: 0 2px 10px #0000005c; border-radius: 50%; margin-bottom: 10px; }
.stack_list ul li .img_icn { text-align: center; }
.stack_list ul li:first-child .img_icn, .stack_list ul li:nth-child(4) .img_icn, .stack_list ul li:nth-child(7) .img_icn { text-align: center; }
@media (max-width:767px) {
  .stack_list { margin-left: 0; }
  .stack_list ul li { flex: 0 0 50%; width: 50%; }
  .stack_list ul li:first-child .img_icn,   .stack_list ul li:nth-child(4) .img_icn, .stack_list ul li:nth-child(7) .img_icn { text-align: center; }
}
@media (min-width:768px) and (max-width:991px) {
  .stack_list { margin-left: -7%; }
}
.flowchrt_img img { display: block; max-width: 100%; margin: 0 auto; }
.projct_img img { display: block; max-width: 100%; margin: 0 auto; display: block; max-width: 100%; }
.ellipse_title { position: relative; display: inline-block; isolation: isolate; }
.ellipse_title::before { position: absolute; content: ""; transform: translateY(-50%); width: 50.51px; height: 50.51px; left: 0; top: 50%; background: #dce4fd; opacity: .2; border-radius: 50%; z-index: 0; isolation: isolate; }
@media (min-width:1280px) and (max-width:1366px) {
  .ellipse_title::before { width: 42px; height: 42px; }
}
@media (max-width:1279px) {
  .ellipse_title::before { width: 35px; height: 35px; }
}

.comn { position: absolute; left: 0; right: 0; width: 100%; }
.comn.top_img { top: 0; }
.comn.btm_img { bottom: 0; }
.brown_box { background: #544b35; border-radius: 25px; padding: 86px 40px; display: flex; justify-content: flex-start; align-items: center; }
.brown_box h2 { margin: 0; line-height: 54px; }
@media (min-width: 768px) and (max-width: 1024px) {
  .brown_box { padding: 60px 30px; }
  .brown_box h2 { line-height: 1.3; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .icon_app { width: 79px; height: 70px; }
  .icon_app img { display: block; width: 100%; }
}

@media only screen and (max-width: 480px) {
  .icon_app { width: 57px; height: 65px; }
  .icon_app img { display: block; width: 100%; }
  .bg_after { padding: 0; }
  .case_study.text-right { padding-bottom: 33px; text-align: center!important; margin-right: inherit; }
  .userprob_img { padding: 0; }
  .flowchrt_img { margin-top: 2rem; padding: 0 15px 37px; }
  .pojecttimline { padding: 7px 15px 32px; }
  .wire_frame { margin: 40px 0; }
  .sectin_des { row-gap: 21px; margin-bottom: 41px; }
  .three_sections { padding-top: 35px; }
  .project-ovreview { margin-top: 30px; }
}

.metaverse_box .web_wrap { padding: 0 80px; }
.metaverse_box { background: #f8f8f8; }
.metaverse_app { padding: 50px 0; }
.metaverse_box p { color: rgba(26, 26, 26, .7); font-size: 18px; line-height: 37px; }
.metaverse_title .h5 { line-height: 40px; padding: 30px 0 60px; max-width: 84%; margin: 0 auto; }
.metaverse_appinner_box { margin: 25px 10px; min-height: calc(100% - 50px); z-index: 1; position: relative; background: #fff; box-shadow: 0 0 64px rgb(0 0 0 / 12%); border-radius: 10px; }
.metaverse_appinner_box p { color: rgba(26, 26, 26, .8); margin: 0; }
.metaverse_appinner_box img { max-height: 200px; min-height: 200px; width: 100%; height: 100%; object-fit: cover; object-position: top center; border-radius: 10px 10px 0 0; }
.metaverse_appinner_box figure { margin: 0; }
.metaverse-box-desc { padding: 20px 22px; }
.metaverse-work-desc { padding: 50px 0; gap: 36px 80px; display: grid; grid-template-columns: 1fr 1fr; position: relative; }
.metaverse-work-box { background: #fff; box-shadow: 0 0 64px rgba(0, 0, 0, 0.12); border-radius: 10px; padding: 25px; min-height: 100%; position: relative; }
.metaverseapp_box { position: relative; padding: 50px 0; }
.meta_faq { padding-bottom: 60px; }
.meta_faq .accordion-header button { color: #fff; display: block; background: none; color: #fff; text-align: left; width: 100%; padding: 0 20px 0 0; }
.meta_faq .accordion-header { background: linear-gradient(0deg, #d85d27, #d85d27),#d85d27; box-shadow: 0 0 64px rgb(0 0 0 / 5%); border-radius: 10px 10px 0 0; padding: 15px; position: relative; margin: 0; }
.meta_faq .meta_faq-list i { position: absolute; right: 20px; top: 51%; transition: 1s; max-width: 15px; transform: translateY(-50%); display: block; }
.meta_faq .meta_faq-list li .accordion-collapse { background: linear-gradient(0deg, #fff, #fff),#fff; box-shadow: 0 0 64px rgba(0, 0, 0, 0.05); border-radius: 0 0 10px 10px; padding: 20px; min-height: calc(100% - 60px); color: rgba(26, 26, 26, 0.8); line-height: 30px; }
.meta_faq .meta_faq-list li p { margin: 0; }
.meta_faq .collapsed i { transform: rotate(180deg) translateY(50%); }
.meta-choose-box { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; padding: 50px 0; }
.meta-choose-box li { background: rgba(216, 216, 216, 0.6); padding: 80px 40px; margin: 0; display: flex; align-items: center; justify-content: center; min-height: 100%; }
.meta-choose-box li:nth-child(odd) { transform: rotate(-10.53deg); }
.meta-choose-box li:nth-child(even) { transform: rotate(10.53deg); }
.meta-choose-box li:hover { background: #d85d27; color: #fff; transition: all .5s ease-in-out; z-index: 1; }
.meta-choose-box li:nth-child(odd):hover { transform: skew(10deg, 10deg); }
.meta-choose-box li:nth-child(even):hover { transform: skew(-10deg, -10deg); }
.metaverse-work-desc li { position: relative; }
@media (min-width:768px) {
  .metac_nemo_sec { padding: 50px 0 0; }
  .metaverseapp_box .col-md-6:nth-child(odd) .metaverse_appinner_box { margin-left: 0; }
  .metaverseapp_box .col-md-6:nth-child(even) .metaverse_appinner_box { margin-right: 0; }
  .meta-choose-box li:nth-child(6) { grid-area: 2/2/2/3; }
  .meta-choose-box li:nth-child(7) { grid-area: 2/3/3/4; }
  .meta-choose-box li:nth-child(8) { grid-area: 2/4/3/5; }
  .metaverse-work-desc:before { content: ''; position: absolute; background: #e4e4e4; border-radius: 30px; width: 4px; height: calc(100% - 100px); left: 50%; top: 50px; transform: translateX(-50%); }
  .metaverse-work-desc li::before { content: ''; position: absolute; outline: 6px solid #E4E4E4; background: #d85d27; width: 12px; height: 12px; border-radius: 50%; z-index: 9; }
  .metaverse-work-desc li::after { content: ''; position: absolute; background: url(img/metaverse/meta-arrow-icon.svg) no-repeat; padding: 7px 15px; z-index: 0; }
  .metaverse-work-desc li:nth-child(odd)::before { right: -8%; bottom: 30%; transform: translate(-8%, -30%); }
  .metaverse-work-desc li:nth-child(even)::before { left: -8%; top: 30%; transform: translate(8%, -30%); }
  .metaverse-work-desc li:nth-child(odd)::after { right: -5.5%; bottom: 29%; transform: translate(5.5%, -29%); }
  .metaverse-work-desc li:nth-child(even)::after { left: -5.5%; top: 31%; transform: translate(-5.5%, -31%) rotate(180deg); }
}
@media (max-width:575px) {
  .metaverse_box .web_wrap { padding: 0 20px; }
}
@media (max-width:767px) {
  .metaverse_box .web_wrap { padding: 0 25px; margin: 25px 0; }
  .metaverse_appinner { padding: 15px; }
  .metaverse_title .h5 { max-width: 100%; }
  .metaverse_app { padding: 25px 0; }
  .web_wrap { padding: 0 15px; }
  .meta_faq .faq_ans { padding: 0; }
  .meta_faq .fa_panel { padding: 0; margin-right: 50px; }
  .metaverseapp_box { padding: 30px 0; }
  .metaverse_appinner_box { margin: 15px 10px; min-height: calc(100% - 30px); }
  .metaverse_box p { font-size: 16px; line-height: 23px; }
  .metaverse_appinner_box img { max-height: 150px; min-height: 150px; }
  .meta-choose-box li { padding: 20px 10px; font-size: 16px; }
  .meta-choose-box { grid-template-columns: 1fr 1fr; padding: 30px 0; }
  .meta_faq .meta_faq-list li .accordion-collapse { min-height: calc(100% - 80px); }
  .meta_faq { padding-bottom: 20px; }
  .meta_faq-list li { margin: 0; }
  .meta_faq-list li ul li { margin: 0; }
  .metaverse-work-desc { gap: 26px 80px; grid-template-columns: 1fr; padding: 20px 0; }
}
@media screen and (min-width:768px) and (max-width:991px) {
  .metaverse_box .web_wrap { padding: 0 40px; }
  .metaverse_title .h5 { max-width: 100%; }
  .meta_faq .faq_ans { padding: 0; }
  .meta-choose-box { grid-template-columns: repeat(4, 1fr); }
  .metaverse_appinner_box img { max-height: 180px; min-height: 180px; }
  .meta-choose-box li { padding: 30px 15px; font-size: 16px; }
  .metaverse-work-desc li:nth-child(odd)::before { right: -15%; transform: translateX(-15%); }
  .metaverse-work-desc li:nth-child(odd)::after { right: -8.5%; transform: translateX(8.5%); }
  .metaverse-work-desc li:nth-child(even)::before { left: -15%; transform: translateX(15%); }
  .metaverse-work-desc li:nth-child(even)::after { left: -9.5%; transform: translate(-9.5%, -32%) rotate(180deg); }
}
@media screen and (min-width:992px) and (max-width:1199px) {
  .metaverse_box .web_wrap { padding: 0 40px; }
  .meta-choose-box { grid-template-columns: repeat(4, 1fr); }
  .metaverse_appinner_box img { max-height: 180px; min-height: 180px; }
  .meta-choose-box li { padding: 30px 15px; font-size: 16px; }
  .metaverse-work-desc li:nth-child(odd)::before { right: -11%; transform: translateX(-11%); }
  .metaverse-work-desc li:nth-child(odd)::after { right: -6.5%; transform: translateX(6.5%); }
  .metaverse-work-desc li:nth-child(even)::before { left: -11%; transform: translateX(11%); }
  .metaverse-work-desc li:nth-child(even)::after { left: -6.5%; transform: translate(-6.5%, -32%) rotate(180deg); top: 32%; }
}
@media screen and (min-width:1200px) and (max-width:1399px) {
  .meta-choose-box li { padding: 60px 30px; }
  .metaverse_box .web_wrap { padding: 0 50px; }
  .metaverse-work-desc li:nth-child(odd)::before { right: -9.5%; transform: translateX(-9.5%); }
  .metaverse-work-desc li:nth-child(odd)::after { right: -6.5%; transform: translateX(6.5%); }
  .metaverse-work-desc li:nth-child(even)::before { left: -9.5%; transform: translateX(9.5%); }
  .metaverse-work-desc li:nth-child(even)::after { left: -6.5%; transform: translate(-6.5%, -32%) rotate(180deg); top: 32%; }
}
.nft_box .common_title h2::after { display: none; }
.nft_box .web_wrap { padding: 0 80px; }
@media (max-width:1199px) {
  .nft_box .web_wrap { padding: 0 40px; }
}
@media (max-width:991px) {
  .nft_box .web_wrap { padding: 20px; }
}
.nft_box p { opacity: .8; }
@media (min-width:768px) {
  .nft_box p { font-size: 18px; line-height: 32px; }
  .nft_title h2 { font-size: 44px; }
}
.nft_dev_secn { background: url(img/nft/nft-bg.png) no-repeat; background-size: cover; background-position: 50% 50%; padding: 15% 0 5%; }
.nft_dev_secn .web_wrap { position: relative; z-index: 1; }
figure.nft_image { margin-top: -180px; position: relative; z-index: -1; }
figure.top_shape { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; margin: 0; }
figure.top_shape img { width: 100%; }
figure.bottom_shape { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 0; margin: 0; }
figure.bottom_shape img { width: 100%; }
.card_column { padding: 2px; border-radius: 18px; height: 100%; background: linear-gradient(92.98deg, #261c71 1.85%, #4acce6 39.13%, #3838aa 97.27%); background: linear-gradient(92.98deg, #261c71 1.85%, #4acce6 39.13%, #3838aa 97.27%),linear-gradient(92.98deg, #261c71 1.85%, #4acce6 39.13%, #3838aa 97.27%); }
.card_content { background: transparent; padding: 25px; background: linear-gradient(180deg, #0e0a1e 0, rgb(24 25 53) 100%); border-radius: 18px; height: 100%; }
.card_content p { font-size: inherit; opacity: .7; color: #fff; margin: 0; }
.card_content em { margin-bottom: 15px; display: block; }
.card_content h6 { color: #fff; opacity: .8; }
@media (min-width:1280px) {
  .nft_standard_secn figure img { max-width: 75%; margin: 0 auto; }
}
@media (min-width:992px) and (max-width:1199px) {
  figure.nft_image { margin-top: -130px; }
}
@media (min-width:1200px) and (max-width:1366px) {
  figure.nft_image { margin-top: -150px; }
}
@media (max-width:991px) {
  figure.nft_image { margin-top: 0; margin-bottom: 30px; }
}
.spiral_shape { background: url(img/nft/spiral.png) no-repeat; background-size: contain; background-position: 50% 50%; padding: 15% 0 5%; }
.spiral_block em { display: block; margin-bottom: 10px; }
.spiral_block img { width: 170px; }
.spiral_block span { color: #fff; opacity: .8; margin-bottom: 0; font-weight: 400; }
.spiral_block.solana { margin-top: -60px; }
.spiral_block.bt-chain { margin-top: -70px; }
.spiral_block.tron { margin-top: -200px; }
.spiral_block.ripple { margin-top: -91px; }
.spiral_block.cardano { margin-top: -100px; }
@media (min-width:768px) and (max-width:991px) {
  .spiral_block.bt-chain, .spiral_block.solana { margin-top: -30px; }
  .spiral_block.tron { margin-top: -120px; }
  .spiral_block.ripple { margin-top: -40px; }
  .spiral_block.cardano { margin-top: -60px; }
}
@media (min-width:992px) and (max-width:1366px) {
  .spiral_shape { margin-top: 100px; }
}
@media (min-width:992px) and (max-width:1199px) {
  .spiral_block.tron { margin-top: -150px; }
  .spiral_block.ripple { margin-top: -60px; }
  .spiral_block.bt-chain { margin-top: -50px; }
}
@media (max-width:991px) {
  .spiral_shape { background-image: none; }
  .spiral_block.bt-chain,   .spiral_block.cardano,   .spiral_block.ripple,   .spiral_block.solana, .spiral_block.tron { margin-top: 0; }
}
.faq_secns #accordion .card { border-radius: 15px; border: none; background: #f5f5f5; margin-bottom: 30px; }
.faq_secns #accordion .card .card-header { border: none; background: transparent; }
.faq_secns #accordion .card .card-header .btn-link { color: #0b0e11; font-weight: 500; font-size: 20px; line-height: 30px; white-space: normal; text-decoration: none; position: relative; transition: all .5s ease-in-out; border-radius: 0; border-bottom: 1px solid #ccc; }
.faq_secns #accordion .card .card-header .btn-link.collapsed { border-bottom: 0 solid #ccc; }
.faq_secns #accordion .card .card-header .btn-link:after { content: "\f077"; right: 0; font-size: 24px; top: 50%; transform: translateY(-50%); font-weight: 500; }
.faq_secns #accordion .card .card-header .btn-link.collapsed:after { content: "\f078"; font-family: fontawesome; right: 0; font-size: 24px; font-weight: 400; top: 50%; transform: translateY(-50%); }
.faq_secns #accordion .card .card-body { padding-top: 0; background: #f5f5f5; border-radius: 0 0 15px 15px; font-size: 18px; line-height: 40px; color: rgba(11, 14, 17, 0.7); }
.load_more .btn { border: 1px solid #f57e3d; border-radius: 12px; color: #f57e3d; transition: all .4s ease-in-out; }
.load_more .btn:hover { border: 1px solid #f57e3d; border-radius: 12px; background-color: #f57e3d; color: #fff; }
@media (max-width:991px) {
  .faq_secns #accordion .card { margin-bottom: 10px; }
  .faq_secns #accordion .card .card-header .btn-link { padding: 10px 25px 10px 0; }
  .faq_secns #accordion .card .card-body { font-size: 17px; line-height: 30px; }
}
.work_block { position: relative; }
.work_block h5 { color: #fff; opacity: .8; }
.work_block p { color: #fff; opacity: .8; margin-bottom: 0; font-weight: 300; line-height: 22px; font-size: 15px; }
.work_block em img { max-width: 100px; }
.block_content { max-width: 420px; }
.how_work { padding-bottom: 40px; }
.work_path { display: none; }
.nft-metarivals .work-img-sec { position: relative; }
.nft-metarivals .work-img-sec figure { position: relative; z-index: 1; }
.nft-metarivals .dragonn { position: absolute; top: -35%; }
.nft-metarivals .dragon-left { left: 0; }
.nft-metarivals .dragon-right { right: 0; }
.nft-metarivals .snake { position: absolute; }
.nft-metarivals .green-snake-top { left: -3%; bottom: -26%; }
.nft-metarivals .blue-snake-top { right: -2%; bottom: -25%; }
.nft-metarivals .dragonn img { width: 72%; }
.nft-metarivals { padding: 30px 0; }
.nft-metarivals .green-snake-top img { max-width: 78%; }
.nft-metarivals .blue-snake-top img { max-width: 78%; }
.nft-character-sec { padding: 100px 0 200px; color: #fff; }
.nft-char_desc img { max-width: 107%; }
.nft_box { overflow: hidden; position: relative; }
.nft-char_desc { position: relative; }
.nft-char_desc:before { content: ''; position: absolute; background: linear-gradient(269.46deg, #09152c 0.43%, rgba(9, 0, 65, 0) 99.53%); right: -80PX; top: 130PX; padding: 10.8% 23%; }
.nft-char_desc:last-child:before { top: 86px; padding: 12.7% 23%; }
.nft_standard_secn { padding: 70px 0 100px; color: #fff; }
.nft_standard_secn p { color: #fff; opacity: .8; }
@media (min-width:992px) {
  .work_steps { position: absolute; max-width: 420px; }
  .work_path { display: block; width: 100%; margin: 190px 0 150px; }
  .virtual-sec { margin: -100px 0 30px; }
}
@media (min-width:768px) and (max-width:991px) {
  .nft-char_desc:before { top: 116PX; }
  .nft-metarivals .work-img-sec figure img { max-width: 80%; margin: 50px auto 0; }
  .nft-metarivals .green-snake-top { left: -8%; bottom: -11%; }
  .nft-metarivals .green-snake-top img { max-width: 46%; }
  .nft-metarivals .blue-snake-top img { max-width: 46%; }
  .nft-metarivals .blue-snake-top { right: -12%; bottom: -25%; }
  .nft-metarivals .dragonn img { width: 60%; }
}
@media (min-width:992px) and (max-width:1200px) {
  .work_steps { position: absolute; max-width: 420px; }
  .work_path img { max-width: 800px; margin-right: auto; display: block; width: 100%; }
  .first_step_block { top: -134px; left: -50px; }
  .second_step_block { right: 0; left: 41%; top: -74px; }
  .third_step_block { left: -2%; top: 19%; }
  .fourth_step_block { top: 37%; left: 40%; }
  .fifth_step_block { top: 60%; left: 27%; }
  .fifth_step_block em img { max-width: 70px; }
  .sixth_step_block { top: 50%; left: auto; right: -4%; max-width: 200px; padding: 0; }
  .sixth_step_block em img { max-width: 50px; }
  .nft-metarivals .work-img-sec figure img { max-width: 80%; margin: 50px auto 0; }
  .nft-metarivals .green-snake-top { left: -8%; bottom: -11%; }
  .nft-metarivals .green-snake-top img { max-width: 46%; }
  .nft-metarivals .blue-snake-top img { max-width: 46%; }
  .nft-metarivals .blue-snake-top { right: -12%; bottom: -25%; }
  .nft-metarivals .dragonn img { width: 60%; }
}
@media (min-width:1201px) {
  .work_path img { max-width: 992px; }
  .first_step_block { top: -134px; left: -50px; }
  .second_step_block { right: 0; left: 41%; top: -45px; }
  .third_step_block { left: 11%; top: 21%; }
  .fourth_step_block { top: 43%; left: 50%; }
  .fifth_step_block { top: 64%; left: 31.3%; }
  .fifth_step_block em img { max-width: 70px; }
  .sixth_step_block { top: 64%; left: auto; right: -4%; max-width: 300px; padding: 0; }
  .sixth_step_block em img { max-width: 50px; }
  .virtual-sec .nft_title { max-width: 74%; margin: 0 auto; }
  .nft-metarivals .work-img-sec figure img { max-width: 80%; margin: 50px auto 0; }
  .virtual-sec .nft_title img { margin: -20px 0 0; }
}
@media (max-width:767px) {
  .nft_standard_secn { padding: 0; }
  .work_block em { min-width: 90px; }
  .virtual-sec .nft_title br { display: none; }
  .nft-metarivals .dragon-left { left: -17%; }
  .nft-metarivals .dragon-right { right: -17%; }
  .nft-metarivals .dragonn { top: -45%; }
  .nft-metarivals .dragonn img { width: 30%; }
  .nft-metarivals .work-img-sec figure img { max-width: 90%; margin: 0 auto; }
  .nft-metarivals .green-snake-top { left: -21%; bottom: -7%; }
  .nft-metarivals .green-snake-top img { max-width: 22%; }
  .nft-metarivals .blue-snake-top { right: -25%; bottom: -9%; }
  .nft-metarivals .blue-snake-top img { max-width: 22%; }
  .nft-character-sec { padding: 20px 0 60px; }
  .nft-char_desc img { max-width: 115%; }
  .nft-char_desc:before { top: 77PX; padding: 11.8% 23%; }
  .nft-char_desc:last-child:before { top: 54px; padding: 13.7% 23%; }
}
@media (max-width:575px) {
  .nft-metarivals .dragon-left { left: -33%; }
  .nft-metarivals .dragon-right { right: -33%; }
  .nft-metarivals .dragonn { top: -60%; }
  .nft-metarivals .dragonn img { width: 30%; }
  .nft-metarivals .work-img-sec figure img { max-width: 90%; margin: 0 auto; }
  .nft-metarivals .green-snake-top { left: -51%; bottom: -26%; }
  .nft-metarivals .green-snake-top img { max-width: 22%; }
  .nft-metarivals .blue-snake-top { right: -55%; bottom: -25%; }
  .nft-metarivals .blue-snake-top img { max-width: 22%; }
  .nft-character-sec { padding: 20px 0 60px; }
  .nft-char_desc img { max-width: 115%; }
  .nft-char_desc:before { top: 75PX; padding: 11.8% 23%; }
  .nft-char_desc:last-child:before { top: 64px; padding: 13.7% 23%; }
  .nft-char_desc h3 { font-size: 20px; }
}
@media (max-width:767px) {
  .camel_sport_main .web_wrap { padding: 0 20px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .camel_sport_main .web_wrap { padding: 0 40px; }
}
.camel-sports-sec_one p { font-size: 19px; margin-bottom: 0; }
.camel-sports-sec_one .radius_box { overflow: hidden; }
.camel_first_section { padding-top: 40px; border-radius: 42px 42px 0 0; background-image: url(img/camelsports/circlebg.png),linear-gradient(180deg, #2044e8, #fff 78.09%); background-repeat: no-repeat; background-position: right top; }
.bg_shapes { position: relative; }
.bg_shapes:after { position: absolute; content: ""; width: 560px; height: 700px; background: linear-gradient(180deg, #000 0, rgba(0, 0, 0, 0) 98.44%); top: 38px; border-radius: 0 204px 204px 0; opacity: .1; }
.camelsports_hdr { padding: 30px 30px 0; position: relative; z-index: 99; }
.three_mobile_imgs figure:nth-child(2) img { transform: scale(1.2); }
@media (max-width:767px) {
  .three_mobile_imgs figure:nth-child(2) img { transform: none; }
  .camelsports_hdr { padding: 0; }
}
.camel-sports-sec_one { position: relative; }
.text_add { position: relative; z-index: 99; }
.text_title_hedd h4 { color: #2044e8; font-size: 32px; font-weight: 700; margin: 0; }
.camel_wrap_text_add p { color: #0e0e0e75; font-size: 19px; font-weight: 400; line-height: 41px; }
.text_title_hedd { position: relative; display: flex; align-items: center; margin-bottom: 25px; }
.text_title_hedd::after { content: ""; position: absolute; background: #2044e8; border-radius: 10px; width: 90px; height: 7px; bottom: -14px; left: 0; }
.app_watchs_sec .text_title_hedd::after { background: #fff; }
.camel_sport_main .app_stores_btns { margin-top: -130px; margin-bottom: 8%; }
@media (max-width:767px) {
  .camel_sport_main .app_stores_btns { margin-top: 0; margin-bottom: 0; }
  .Future-Solutions h3 { font-size: 18px; }
}
@media (min-width:768px) and (max-width:991px) {
  .camel_sport_main .app_stores_btns { margin-top: 0; margin-bottom: 5%; }
}
@media (min-width:992px) and (max-width:1199px) {
  .camel_sport_main .app_stores_btns { margin-top: 0; margin-bottom: 5%; }
}
.work_process_section { gap: 69px; }
.wp_icon img { width: 54px; max-height: 50px; object-fit: cover; }
.color_me { width: calc(20% - 56px); flex: 0 0 calc(20% - 56px); margin: 0; position: relative; background: #fff; border: 1px solid #f0f0f0; box-shadow: 0 4px 26px rgba(0, 0, 0, 0.06); border-radius: 10px; padding: 20px; }
.work_process .color_me:nth-child(odd):after { position: absolute; content: ""; background: url(img/camelsports/linearrowone.png) no-repeat; width: 100px; height: 22px; top: 50%; right: 0; z-index: -1; transform: translate(100%, -50%); }
.work_process .color_me:nth-child(odd):last-child:after { display: none; }
.work_process .color_me:nth-child(even):after { position: absolute; content: ""; background: url(img/camelsports/linearrowtwo.png) no-repeat; width: 100px; height: 22px; top: 50%; right: 0; z-index: -1; transform: translate(100%, -50%); }
.color_me h6 { margin-top: 15px; }
@media (max-width:991px) {
  .work_process .color_me:nth-child(even):after, .work_process .color_me:nth-child(odd):after { display: none; }
  .work_process_section { gap: 15px; }
}
@media (min-width:992px) and (max-width:1199px) {
  .color_me { padding: 10px; }
  .color_me h6 { margin-top: 15px; white-space: normal; word-break: break-all; font-size: 13px; }
}
@media (min-width:768px) and (max-width:991px) {
  .color_me { width: calc(40% - 30px); flex: 0 0 calc(50% - 30px); }
}
@media (max-width:767px) {
  .color_me { width: calc(100% - 0px); flex: 0 0 100%; }
}
.techno_colm { background: #fff; border: 1px solid #f0f0f0; box-shadow: 0 4px 26px rgba(0, 0, 0, 0.06); border-radius: 15px; padding: 20px 25px; height: 100%; }
.techno_colm h6 { margin-bottom: 0; }
.roltechno_colmes_card img { max-width: 72px; }
@media (min-width:1280px) {
  .techno_colm { max-width: 320px; }
}
@media (max-width:767px) {
  .techno_colm img { max-width: 60px; }
}
.wireframe img { display: block; width: 100%; }
.BG_color_app_watch { background: linear-gradient(180.01deg, rgba(255, 255, 255, 0) 0.01%, #2044e829 31.3%); }
.app_watchs_sec { background-image: url(img/camelsports/appwatchbg.png); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; border-radius: 0 0 40px 40px; }
.app_watchs_sec:before { position: absolute; content: ""; background-color: #121f5a; width: 100%; top: 0; opacity: .9; height: 100%; }
@media only screen and (max-width: 768px) {
  .camel-sports-sec_one p { font-size: 17px; font-weight: 400; line-height: 30px; }
  .camel-sports-sec_one h4 { font-size: 27px; }
  .camel_wrap_text_add { padding: 0; }
  .work_process .d-flex.gap-3.flex-wrap.text-center.justify-content-center.work_process_section { gap: 38px; }
  .camel_wrap_text_add.work_process.text-left.mx-4 { padding: 0; }
  .camel_wrap_text_add.amazing_team.text-left.py-5.mx-4 { padding: 0; }
  .amazing_team .d-flex.gap-3.flex-wrap.text-center.justify-content-center.work_process_section { gap: 21px; }
  .amazing_team .color_me { width: 100%; margin: 0; }
  .camel_wrap_text_add.prob_sol.text-left.my-5.mx-4 { padding: 0; }
  .bio_inofmat_n { display: block; }
  .features.px-5.py-4 { width: 100%; margin-bottom: 29px; }
  .wireframe_img.col-sm-12 img { display: block; width: 100%; }
  .prob_sol .text_title_hedd { margin-bottom: 25px; }
  .persona li { margin-bottom: 3px; }
  .camel_first_section { border-radius: 29px 29px 0 0; }
}
@media only screen and (max-width: 576px) {
  .camel-sports-sec_one h4 { font-size: 25px; }
  .bg_shapes:after { display: none; }
  .camelsports_hdr .row.d-flex.align-items-center.flex-sm-row.flex-column { gap: 28px; }
  .user_persona .text_title_hedd { margin-bottom: 26px; }
}
.android_logo { position: absolute; }
@media (min-width: 1380px) {
  .rival_box .web_wrap { padding: 0 70px; }
}
@media (max-width:575px) {
  .rival_box.web_wrap { padding: 0 20px; }
}
@media (min-width: 1024px) {
  .android_logo { position: absolute; top: 40px; right: 70px; }
}
.rival_box { background: #061e34; }
.rival_box p { font-weight: 400; font-size: 18px; line-height: 32px; opacity: .8; color: #fff; }
.meta_rival_secn { background: url(img/meta-rivals/banner.jpg) no-repeat; background-position: 33% 34%; padding: 23% 0; border-radius: 40px 40px 0 0;background-size: cover;}
.meta_rival_secn .web_wrap { position: relative; z-index: 1; }
.top_logo { position: absolute; top: -60px; left: 70px; max-width: 170px; z-index: 1; margin: 0; }
.top_logo img { border: 2px solid #fff; border-radius: 30px; box-shadow: 0 14px 15px #000000c2; }
.meta_top_shape { position: absolute; bottom: -15%; left: -35px; width: 100%; z-index: 0; margin: 0; max-width: 200px; text-align: left; }
.meta_bottom_shape { position: absolute; bottom: -15%; width: 100%; z-index: 0; margin: 0; right: -35px; max-width: 200px; text-align: right; }
.bg_tilted { background: url(img/meta-rivals/blinds-banner-footer.png) no-repeat; background-position: 50% 100%; padding: 5% 0 3%; }
.meta_listing { background: #1d3c6781; border-radius: 10px; border: 3px solid #fff; margin-top: 10%!important; padding: 60px 50px 50px; z-index: 1; }
.list_image { position: absolute; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; top: -11%; margin-bottom: 0; }
.key_list ul li { padding-bottom: 30px; padding-left: 0; position: relative; font-size: 22px; color: #fff; }
.key_list ul li:last-child { padding-bottom: 0; }
.screenshot_secn { background: url(img/meta-rivals/spiral_effect.png) no-repeat; background-size: 100%; background-position: 50% 50%; padding: 5% 0 0; }
.green_snake_secn figure, .pink_snake_secn figure, .snake-secn figure { border: 1px solid #c3cdd3; }
.snake-secn figure { position: relative; z-index: 1; }
.blue_snake1 { position: absolute; top: -140px; left: -140px; }
.blue_snake2 { position: absolute; top: -110px; left: -90px; z-index: 0; }
.blue_snake3 { position: absolute; bottom: -50px; right: -70px; z-index: 11; }
.common_pink { position: absolute; }
.pink_snake1 { position: absolute; top: 15%; right: -150px; z-index: 1; }
.pink_snake6 { top: 37%; left: -100px; z-index: 1; }
.pink_snake2 { top: 45%; right: 20%; z-index: 0; }
.pink_snake3 { top: 45%; left: 20%; z-index: 0; }
.pink_snake4 { bottom: -9%; right: 20%; z-index: 0; }
.pink_snake5 { bottom: -4%; left: 45%; }
.character_secn, .greenary_secn, .kidde_secn, .warrior_secn { position: relative; z-index: 1; }
.common_green { position: absolute; }
.green_snake1 { top: -100px; left: -130px; z-index: 1; }
.green_snake2 { left: 50%; top: 44%; }
.green_snake3 { right: -7%; top: 57%; z-index: 1; }
.technology_bg { background: url(img/meta-rivals/blinds-banner-footer.png) no-repeat; background-position: 50% 100%; padding: 5% 0; }
@media (max-width:1199px) {
  .list_image img { max-width: 75%; }
}
@media (max-width:767px) {
  .web_wrap { padding: 20px 25px; }
  .top_logo { top: 20px; left: 30px; margin: 0 auto 20px; max-width: 100px; }
  .top_logo img { border-radius: 20px; width: 100%; }
  .android_logo { top: 45px; right: 20px; }
  .android_logo img { max-width: 140px; }
  .key_list { margin-bottom: 12x; }
  .key_list ul li { padding-bottom: 12px; font-size: 16px; line-height: 22px; }
  .common_title img { width: 80%; }
  .screenshot_secn { padding-top: 12%; }
  .screenshot-title img { max-width: 75%; }
  .pink_snake1 { top: 65%; right: -44px; z-index: 11; max-width: 52px; }
  .pink_snake2 { max-width: 40px; }
  .pink_snake3 { max-width: 50px; }
  .pink_snake4 { bottom: -15%; right: 20%; max-width: 40px; }
  .pink_snake5 { bottom: -8%; left: 45%; max-width: 40px; }
  .pink_snake6 { top: 37%; left: -28px; max-width: 60px; }
  .blue_snake3 { bottom: -30px; right: -24px; max-width: 85px; }
  .warrior_secn { z-index: 11; }
  .meta_listing { padding: 40px 20px 20px; }
  .bg_tilted { padding: 10% 0 3%; }
  .meta_bottom_shape { right: -20px; max-width: 120px; }
  .meta_top_shape { left: -20px; max-width: 120px; }
  .rival_box p { font-size: 16px; line-height: 28px; }
  .meta_rival_secn { background-size: cover; padding: 40% 0; border-radius: 30px 30px 0 0; }
}
@media (max-width:575px) {
  .blue_snake1 { top: -40px; left: -40px; max-width: 97px; }
  .blue_snake2 { top: -60px; left: -30px; max-width: 48px; }
  .green_snake1 { top: -26px; left: -34px; max-width: 110px; }
  .green_snake2 { max-width: 40px; }
  .green_snake3 { right: -11%; top: 65%; max-width: 82px; }
  .list_image { top: -5%; }
  .list_image img { max-width: 75%; }
}
@media (min-width:576px) and (max-width:767px) {
  .list_image { top: -13%; }
  .list_image img { max-width: 50%; }
  .screenshot-title img { max-width: 50%; }
  .blue_snake1 { top: -66px; left: -35px; max-width: 140px; }
  .blue_snake2 { top: -60px; left: -34px; max-width: 40px; }
  .blue_snake3 { bottom: -30px; right: -30px; max-width: 100px; }
  .pink_snake1 { top: 29%; right: -51px; z-index: 1; max-width: 67px; }
  .green_snake1 { top: -33px; left: -40px; max-width: 134px; }
  .green_snake2 { max-width: 60px; }
  .green_snake3 { right: -7%; top: 65%; max-width: 110px; }
  .meta_rival_secn { background-size: cover; padding: 20% 0; border-radius: 30px 30px 0 0; }
}
@media (min-width:768px) and (max-width:991px) {
  .top_logo { left: 50px; max-width: 120px; }
  .top_logo img { border-radius: 20px; }
  .common_title figure { max-width: 65%; margin: 0 auto; }
  .list_image { top: -9%; }
  .list_image img { max-width: 40%; }
  .meta_listing { padding: 40px 30px; margin-top: 8%!important; }
  .key_list ul li { padding-bottom: 20px; font-size: 20px; }
  .screenshot-title img { width: 40%; }
  .pink_snake1 { right: -69px; max-width: 82px; top: 30%; }
  .pink_snake6 { left: -59px; max-width: 100px; }
  .pink_snake2,   .pink_snake3,   .pink_snake4, .pink_snake5 { max-width: 50px; }
  .green_snake2 { max-width: 64px; }
  .blue_snake1 { top: -70px; left: -55px; max-width: 150px; }
  .blue_snake2 { top: -70px; left: -50px; max-width: 60px; }
  .blue_snake3 { bottom: -26px; right: -40px; max-width: 140px; }
  .green_snake1 { top: -49px; left: -50px; max-width: 200px; }
  .green_snake3 { max-width: 115px; }
  .meta_top_shape { left: -18px; max-width: 140px; }
  .meta_bottom_shape { right: -18px; max-width: 140px; }
  .rival_box .web_wrap { padding: 0 40px; }
  .android_logo { right: 50px; top: 20px; }
  .android_logo img { max-width: 150px; }
}
@media (min-width:992px) and (max-width:1199px) {
  .blue_snake1 { top: -80px; left: -70px; max-width: 170px; }
  .blue_snake2 { top: -70px; left: -70px; max-width: 80px; }
  .blue_snake3 { bottom: -26px; right: -40px; max-width: 160px; }
  .pink_snake1 { right: -89px; max-width: 145px; }
  .pink_snake2,   .pink_snake3,   .pink_snake4, .pink_snake5 { max-width: 65px; }
  .pink_snake6 { left: -50px; max-width: 130px; }
  .green_snake1 { top: -54px; left: -50px; max-width: 230px; }
  .green_snake2 { max-width: 70px; }
  .green_snake3 { max-width: 131px; }
  .meta_listing { padding: 60px 40px 30px; }
  .meta_top_shape { left: -18px; max-width: 140px; }
  .meta_bottom_shape { right: -18px; max-width: 140px; }
  .rival_box .web_wrap { padding: 0 40px; }
  .android_logo { right: 50px; top: 20px; }
  .android_logo img { max-width: 150px; }
}
@media (min-width:1200px) and (max-width:1366px) {
  .blue_snake1 { top: -120px; left: -120px; max-width: 260px; }
  .blue_snake2 { top: -70px; left: -70px; max-width: 80px; }
  .blue_snake3 { bottom: -26px; right: -50px; max-width: 190px; }
  .pink_snake1 { right: -139px; max-width: 165px; }
  .pink_snake2,   .pink_snake3,   .pink_snake4, .pink_snake5 { max-width: 80px; }
  .pink_snake6 { left: -97px; max-width: 160px; }
  .green_snake1 { top: -76px; left: -120px; max-width: 320px; }
  .green_snake2 { max-width: 80px; }
  .green_snake3 { max-width: 180px; right: -8%; }
  .camel-sports-sec_one h4 { font-size: 25px; }
  .bg_shapes:after { display: none; }
  .camelsports_hdr .row.d-flex.align-items-center.flex-sm-row.flex-column { gap: 28px; }
  .user_persona .text_title_hedd { margin-bottom: 26px; }
}
.together_box { overflow: hidden; }
.together_box .web_wrap { padding: 0 80px; }
.hrapp_banner .over_banner::before { background: -moz-radial-gradient(circle, rgba(253, 253, 255, 0) 0, rgb(0 0 0 / 54%) 50%, rgb(10 10 10 / 87%) 100%); background: -webkit-radial-gradient(circle, rgba(253, 253, 255, 0) 0, rgb(0 0 0 / 54%) 50%, rgb(10 10 10 / 87%) 100%); background: radial-gradient(circle, rgba(253, 253, 255, 0) 0, rgb(0 0 0 / 54%) 50%, rgb(10 10 10 / 87%) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: 1; }
.better_secn { background: url(img/better-together/bg-shapes.png) no-repeat; background-size: 100%; background-position: top; overflow: hidden; margin-bottom: 7%; }
.together_box p { font-style: normal; font-weight: 400; font-size: 16px; line-height: 41px; color: rgba(52, 52, 52, 0.7); margin-bottom: 0; }
.better_img_grp::after, .better_img_grp::before { position: absolute; top: 0; left: auto; content: ''; z-index: -1; }
.better_img_grp::before { width: 100%; height: 80%; background: linear-gradient(180deg, #ff8900 0, #ff5a01 100%); border-radius: 50%; right: -15%!important; left: auto; }
.better_img_grp::after { width: 113%; height: 90%; background: transparent; border-radius: 50%; right: -22%!important; left: auto; border: 1px solid #ff8900; top: -5%; }
.common_title { padding-left: 70px; }
/* .common_title::before { position: absolute; left: 0; width: 54px; height: 2px; content: ''; top: 50%; background: #343434; transform: translateY(-50%); } */
.circle_effect { position: absolute; top: -50px; z-index: -1; margin-bottom: 0; }
.graph_content { max-width: 100%; margin: 0 auto; }
.demo_triangle_secn, .join_bg, .right_triangle_secn { position: relative; }
.together_title:before { position: absolute; color: #fff; font-size: 100px; line-height: 100px; -webkit-text-stroke: 1px rgba(0, 0, 0, .5); opacity: .2; }
.graph_secn:before { content: 'Steps Tracker'; left: -4%; top: 10%; }
.best_features_secn:before { content: 'Fitness Trackers'; right: 14%; top: 37%; }
.right_triangle_secn:before { content: 'BMI and Daily Tips'; left: -4%; top: 21.5%; }
.demo_triangle_secn:before { content: 'Groups, Challenges and Chats'; left: -4%; top: 4%; }
.join_bg:before { content: 'Join with 150K+ of people that’s'; left: -9%; top: 6%; }
.best_features_secn { background: url(img/better-together/lines.png) no-repeat; background-size: 43%; background-position: right; overflow: hidden; margin-top: -10%; padding-top: 15%; }
.triangle_left { position: absolute; top: 50%; left: calc(0% - 160px); z-index: -1; height: 100%; transform: translateY(-50%); width: 100%; }
.features_wrap .graph_content { max-width: 100%; margin: 0 auto; }
.bg-sky { background: #f3f9ff; }
.list_groups { padding: 100px 0; }
.listing_items { position: relative; z-index: 1; }
.list_items { margin-bottom: 25px; }
.list_items:last-child { margin-bottom: 0; }
.top_feature_img { position: absolute; top: 50px; left: 0; width: 100%; z-index: 0; }
.bottom_feature_img { position: absolute; bottom: 50px; left: 0; width: 100%; z-index: 0; }
.triangle_right { position: absolute; top: 50%; right: calc(0% - 160px); z-index: -1; height: 100%; transform: translateY(-50%); width: 100%; }
.plans_secn { background: #fff7eb; }
.plans_list ul li { padding-bottom: 25px; padding-left: 35px; position: relative; font-size: 16px; color: #282828; opacity: .7; }
.plans_list ul li::before { position: absolute; content: ""; left: 0; top: 0; background: url(img/better-together/tick.svg) no-repeat center; background-size: 100%; width: 24px; height: 24px; }
.plans_list ul li:last-child { padding-bottom: 0; }
.creamy_circle { position: absolute; top: -10%; left: -10%; }
.plan-content { max-width: 100%; }
.testimonial_secn { padding: 100px 0; margin-top: -10%; z-index: 1; position: relative; }
.quote_icon { display: flex; justify-content: center; align-items: center; }
.slick-slide.test_block { background: #000; border-radius: 12px; padding: 30px; color: #fff; margin: 10px; cursor: pointer; min-height: 337px; }
.test_block p { font-size: 14px; line-height: 24px; color: rgba(0, 0, 0, 0.7); margin: 10px 0 20px; }
.test_block span { font-size: 14px; line-height: 19px; color: rgba(0, 0, 0, 0.7); }
.demo_tri { margin-right: -10%; margin-top: -14%; }
.demo_tri img { width: 100%; }
.join_bg { background: url(https://www.chicmic.in/wp-content/themes/chicmic/img/better-together/Group1.png) no-repeat; background-size: auto; background-position: 10% 120%; }

@media (max-width:767px) {
  .together_box .web_wrap { padding: 0 20px; }
  .testimonial_secn { padding: 50px 0; }
  .list_groups { padding: 50px 0; }
  .best_features_secn { background-size: cover; margin-top: 0; padding-top: 7%; }
  .better_secn { background: url(img/better-together/bg-shapes.png) no-repeat; background-size: cover; background-position: center; }
  .graph_secn:before { font-size: 70px; line-height: 70px; top: 5.5%; }
  .best_features_secn:before { font-size: 70px; line-height: 70px; top: 62.5%; right: 23%; }
  .right_triangle_secn:before { font-size: 70px; line-height: 70px; top: 3.5%; left: -10%; }
  .demo_triangle_secn:before { font-size: 70px; line-height: 70px; top: 7.5%; left: -29%; }
  .join_bg:before { font-size: 70px; line-height: 70px; top: 11.5%; left: -29%; }
}
@media (max-width:575px) {
  .test_block { margin: 0; }
  .together_box .web_wrap { padding: 0 20px; }
  .graph_secn:before { font-size: 50px; line-height: 50px; top: 9.5%; }
  .best_features_secn:before { font-size: 42px; line-height: 42px; top: 45.5%; }
  .right_triangle_secn:before { font-size: 50px; line-height: 50px; top: 5.5%; left: -23%; }
  .demo_triangle_secn:before { font-size: 50px; line-height: 50px; top: 10.5%; left: -51%; }
  .join_bg:before { font-size: 50px; line-height: 50px; top: 17.5%; left: -69%; }
}
@media screen and (min-width:768px) and (max-width:991px) {
  .join_bg { background-size: 100%; background-position: 10% 90%; }
  .together_box .web_wrap { padding: 0 40px; }
  .best_features_secn { background-size: 60%; }
  .graph_secn:before { font-size: 80px; line-height: 80px; top: 16.5%; }
  .best_features_secn:before { font-size: 80px; line-height: 80px; top: 23.5%; }
  .right_triangle_secn:before { font-size: 80px; line-height: 80px; top: 11.5%; left: -10%; }
  .demo_triangle_secn:before { font-size: 80px; line-height: 80px; top: 5.5%; left: -10%; }
  .join_bg:before { font-size: 80px; line-height: 80px; top: 10%; left: -24%; }
}
@media screen and (min-width:992px) and (max-width:1199px) {
  .join_bg { background-size: 100%; background-position: 10% 90%; }
  .together_box .web_wrap { padding: 0 40px; }
  .best_features_secn { background-size: 60%; }
  .best_features_secn:before { font-size: 90px; line-height: 90px; top: 26%; }
  .right_triangle_secn:before { font-size: 90px; line-height: 90px; top: 17%; left: -10%; }
  .demo_triangle_secn:before { font-size: 90px; line-height: 90px; top: 4%; left: -10%; }
  .join_bg:before { font-size: 90px; line-height: 90px; top: 7%; left: -25%; }
}
@media screen and (min-width:1200px) and (max-width:1399px) {
  .best_features_secn:before { top: 30%; }
}
@media (min-width:1024px) {
  .plan-content { max-width: 50%; }
}
@media (min-width:1200px) {
  .join_tri_image { margin-top: -7%; }
}
@media (min-width:1280px) {
  .graph_content { max-width: 75%; margin: 0 auto; }
}
.blockchain_box { background: radial-gradient(46.27% 51.92% at 51.37% 17.89%, #1f0938 0, #050116 100%); margin: 100px 0 0; color: #fff; background: #060217; }
.blockchain_box p { color: rgba(255, 255, 255, .8); margin: 0; line-height: 27px; }
.blockchain-sec1 { position: relative; background: url(img/blockchain/blockchain-top.png) no-repeat; }
.rocket-sec { padding-bottom: 36%; }
.rocket { position: absolute; opacity: .5; animation-timing-function: ease-in; }
.rocket-middle { top: 56%; }
.rocket-botm { top: 79%; }
.rocket1 { left: 2.8%; animation-name: topFadeOut; animation-duration: 6s; }
.rocket2 { left: 12.7%; animation-name: topFadeOut; animation-duration: 6s; animation-delay: 5s; }
.rocket3 { top: -28%; left: 0; right: 0; opacity: 1; z-index: 1; }
.rocket4 { right: 13.99%; animation-name: topFadeOut; animation-duration: 6s; animation-delay: 10s; }
.rocket5 { right: 2.8%; animation-name: topFadeOut; animation-duration: 6s; animation-delay: 15s; }
.blockchain-title h2 { color: #ffc82c; }
.blockchain-title p a { color: #fff; }
.blockchain-box-desc { border-radius: 15px; background: radial-gradient(46.27% 51.92% at 51.37% 17.89%, #060217 0, #060217 100%) padding-box,linear-gradient(180deg, #ffc82c 0, rgba(255, 200, 44, 0) 100%) border-box; border: 1px solid transparent; padding: 20px; min-height: calc(100% - 30px); margin: 0 0 30px; }
.blockchain-boxes { padding: 50px 0 0; }
.blockchain-star { animation-name: blinker; -webkit-animation-name: blinker; -moz-animation-name: blinker; animation-duration: .6s; -webkit-animation-duration: .6s; -moz-animation-duration: .6s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-direction: alternate; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; }
.blockchain-star:before { content: ''; position: absolute; background: url(img/blockchain/star.png) no-repeat; padding: 50%; border-radius: 40px 0; }
.blockchain-sec2 { background-image: linear-gradient(90deg, rgba(255, 255, 255, .16) 0.87px, transparent 0.87px),linear-gradient(rgba(255, 255, 255, .16) 0.87px, transparent 0.87px); background-size: 70px 70px; position: relative; padding: 50px 0 20px; }
.blockchain-sec2::before { content: ''; position: absolute; padding: 40% 50%; background: linear-gradient(0deg, rgba(255, 255, 255, .16) -33%, rgba(5, 1, 22, 1) 7%); top: 0; mix-blend-mode: darken; }
.blockchain-sec2::after { content: ''; position: absolute; padding: 1% 50%; background: linear-gradient(0deg, rgba(255, 255, 255, .16) 0, rgba(5, 1, 22, 1) 0); bottom: 0; }
.blockchain-serice p { margin: 0 0 15px; }
.blockchain-sec4 { position: relative; background-image: url(img/blockchain/choose-block-bg.png); background-position: 51% -101%; background-repeat: no-repeat; padding: 30px 0 0; }
.blockchain-sec4::before { content: ''; position: absolute; top: -28px; background-image: linear-gradient(90deg, rgba(255, 255, 255, .16) 0.87px, transparent 0.87px),linear-gradient(rgba(255, 255, 255, .16) 0.87px, transparent 0.87px); background-size: 70px 70px; padding: 36% 50%; opacity: .36; }
.top-blend-box { position: absolute; top: -36px; mix-blend-mode: darken; padding: 4% 50%; }
.botm-blend-box { background: linear-gradient(180deg, rgba(6, 2, 23, 0) 0, rgba(6, 2, 23, 1) 100%); position: absolute; bottom: 0; mix-blend-mode: darken; padding: 21% 50%; }
.blockchain-wrap { position: relative; z-index: 1; }
.choose-block-sec { position: relative; }
.circle { position: absolute; background: rgb(255 255 255 / 4%); border-radius: 50%; }
.circle-pink { left: 27%; top: -20px; animation-name: rotate; animation-duration: 6s; animation-iteration-count: infinite; }
.circle-blue { top: 20%; left: 45%; animation: combined 6s linear infinite; -webkit-animation: combined 6s linear infinite; }
.circle-orange { right: 20%; top: -6%; animation-name: rotate; animation-duration: 6s; animation-delay: 8s; animation-iteration-count: infinite; }
.blockchain-sec6 p { line-height: 28px; margin: 0 auto; }
.blockchain_btn { background: #060217; box-shadow: 0 0 16px rgba(255, 200, 44, 0.75),inset 0 0 8px rgba(245, 192, 40, 0.4); border-radius: 10px; border: 1px solid #ffc82c; color: #ffc82c; margin: 50px 0; font-size: 18px; min-width: 230px; z-index: 1; position: relative; }
.blockchain_btn:hover { background: #ffc82c; color: #060217; }
.nemoland-work img { z-index: 1; position: relative; }
.blockchain-sec6 { position: relative; padding: 40px 0 0; }
.blockchain-sec6::before { content: ''; position: absolute; top: 14%; background-image: linear-gradient(90deg, rgba(255, 255, 255, .16) 0.87px, transparent 0.87px),linear-gradient(rgba(255, 255, 255, .16) 0.87px, transparent 0.87px); background-size: 70px 70px; padding: 85% 50%; opacity: .5; z-index: 0; }
.blockchain-sec6 .sub-title { text-shadow: 0 0 14px rgba(255, 200, 44, 0.62); }
.nemoland-work { position: relative; }
.nemoland-work:before { content: ''; position: absolute; background: url(img/blockchain/blockchain-work-bg.png) no-repeat; opacity: .58; top: -9%; left: 0; mix-blend-mode: luminosity; padding: 22% 50%; background-size: 100%; }
.nemoland-work .top-blend-box { transform: matrix(1, 0, 0, -1, 0, 0); top: 19%; padding: 8% 50%; }
.nemoland-work .botm-blend-box { padding: 4% 50%; left: 0; z-index: 1; }
.meta-work { padding: 50px 0 230px; z-index: 1; position: relative; }
.work-img-sec { position: relative; }
.work-img-sec figure { position: relative; z-index: 1; }
.dragonn { position: absolute; top: -38%; }
.dragon-left { left: -6%; }
.dragon-right { right: -6%; }
.dragon-girl { left: 0; right: 0; bottom: -44%; z-index: 0; }
.snake { position: absolute; }
.green-snake-top { left: -3%; bottom: -26%; }
.green-snake-botm { left: 14%; bottom: -31%; }
.blue-snake-botm { right: 18%; bottom: -27%; }
.blue-snake-top { right: -6%; bottom: -5%; }
.meerkat-work { z-index: 1; position: relative; }
.meerkat-work-man { position: absolute; left: 60px; top: -33%; }
.meerkat-work p { max-width: calc(100% - 300px - 60px); }
.kogs-work { background: url(img/blockchain/kog-bg.png) no-repeat; padding: 5% 0 46%; background-size: cover; border-radius: 0 0 40px 40px; z-index: 1; position: relative; }
.kog-logo-sec { position: relative; }
.kog-coin { position: absolute; }
.kog-coin1 { left: -10%; }
.kog-coin2 { left: 0; }
.kog-top { top: 5%; }
.kog-botm { top: 40%; }
.kog-coin4 { right: -10%; }
.kog-coin3 { right: 0; top: 50%; }
.blockchain-sec5 { padding: 40px 0 20px; }
.faq-list { padding: 0; list-style: none; width: 100%; display: inline-block; }
.faq-list li { border-radius: 15px; background: radial-gradient(46.27% 51.92% at 51.37% 17.89%, #060217 0, #060217 100%) padding-box,linear-gradient(180deg, #ffc82c 0, rgba(255, 200, 44, 0) 100%) border-box; border: 1px solid transparent; padding: 25px 30px; min-height: calc(100% - 30px); margin: 0 0 30px; }
.faq-list .accordion-header { display: block; position: relative; color: #fff; text-decoration: none; padding: 0 30px 10px 0; }
.faq-list .accordion-button { border-bottom: 1px solid rgba(255, 255, 255, .1); padding: 0 0 10px; display: block; background: none; color: #fff; text-align: left; width: 100%; }
.faq-list .accordion-button.collapsed { border: none; }
.faq-list i { position: absolute; right: 0; top: 0; transition: 1s; max-width: 20px; }
.faq-list i img { width: 20px; }
.faq-list p { padding-top: 5px; line-height: 30px; }
.blockchain-slider { padding: 20px; perspective: 2500px; overflow: hidden; display: flex; flex-direction: column; align-items: center; }
.blockchain-slider>* { flex: 0 0 auto; }
.blockchain-slider figure { margin: 0; width: 39%; transform-style: preserve-3d; transition: transform .5s; }
.blockchain-slider figure img { width: 100%; box-sizing: border-box; padding: 0; border-radius: 10px; }
.blockchain-slider figure img:not(:first-of-type) { position: absolute; left: 0; top: 0; }
.blockchain-slider nav { display: flex; justify-content: center; margin: 20px 0 0; }
.blockchain-slider nav button { flex: 0 0 auto; margin: 0 5px; cursor: pointer; border-radius: 50%; height: 30px; width: 30px; line-height: 14px; padding: 5px; position: absolute; top: 50%; transform: translateY(-50%); }
.blockchain-slider nav button:before { content: ''; position: absolute; background: url(img/blockchain/block-right-arrow.png) no-repeat; width: 16px; height: 16px; top: 50%; left: 0; right: 0; margin: 0 auto; text-align: center; transform: translateY(-50%); }
.blockchain-slider .prev { left: 5%; }
.blockchain-slider .next { right: 4%; }
.blockchain-slider .prev:before { transform: rotate(180deg) translateY(50%); }
.process-box { border-radius: 15px; background: radial-gradient(46.27% 51.92% at 51.37% 17.89%, #060217 0, #060217 100%) padding-box,linear-gradient(180deg, #ffc82c 0, rgba(255, 200, 44, 0) 100%) border-box; border: 1px solid transparent; padding: 15px; max-width: 220px; min-width: 220px; margin: 0 0 30px; min-height: calc(100% - 30px); }
.block_process_summary { max-width: calc(100% - 500px); min-height: 400px; margin: 0 auto; border-radius: 15px; background: radial-gradient(46.27% 51.92% at 51.37% 17.89%, #060217 0, #060217 100%) padding-box,linear-gradient(180deg, #ffc82c 0, rgba(255, 200, 44, 0) 100%) border-box; border: 1px solid transparent; padding: 25px 35px; text-align: left; }
.block_process_slider .list-inline-item { opacity: 1; }
.block_process_slider .list-inline-item:first-child { top: 0; left: 0; }
.process-box i { display: block; padding: 0 0 20px; }
.block_process_slider .carousel-item { transition: none; }
.block_process_slider .list-inline-item:nth-child(2) { top: 53%; left: 0; }
.block_process_slider .list-inline-item:nth-child(3) { top: 107%; left: 0; }
.block_process_slider .list-inline-item:nth-child(4) { top: 107%; left: 26%; }
.block_process_slider .list-inline-item:nth-child(5) { top: 107%; right: 26%; }
.block_process_slider .list-inline-item:nth-child(6) { top: 107%; right: 0; }
.block_process_slider .list-inline-item:nth-child(7) { top: 53%; right: 0; }
.block_process_slider .list-inline-item:nth-child(8) { top: 0; right: 0; }
.blockchain-sec3 { padding: 0 0 360px; background: url(img/blockchain/globe.png) no-repeat; background-position: 224% 20%; }
.process-box h5 { font-weight: 400; min-height: 52px; color: #fff; }
.list-inline-item.active .process-box { background: linear-gradient(180deg, #ffc82c 0, #e6b52a 39.66%, #c19827 100%); }
.list-inline-item.active .process-box img { filter: grayscale(1) brightness(0.1); }
.block_process_slider .list-inline-item:before { background: url(img/blockchain/process-before.png) no-repeat; bottom: -10px; top: unset; padding: 28px 40px; width: auto; left: 50%; transform: translateX(-50%); }
.block_process_slider .list-inline-item:first-child:before, .block_process_slider .list-inline-item:nth-child(2):before { background: url(img/blockchain/left-process.png) no-repeat; }
.block_process_slider .list-inline-item:nth-child(3):before, .block_process_slider .list-inline-item:nth-child(4):before, .block_process_slider .list-inline-item:nth-child(5):before { background: url(img/blockchain/botm-process.png) no-repeat; left: 91%; top: 50%; transform: translateY(-79%); padding: 35px 40px; }
.block_process_slider .list-inline-item:nth-child(7):before, .block_process_slider .list-inline-item:nth-child(8):before { padding: 19px 40px; }
.block_process_slider .list-inline-item:nth-child(6):before { display: none; }
.block_process_slider .list-inline-item:after { display: none; }
@media (max-width:767px) {
  .carousel figure { width: 38%; }
  .blockchain_box { margin: 40px 0 0; }
  .blockchain-title { max-width: 100%; }
  .blockchain-title .h2 { font-size: 26px; }
  .blockchain_box p { line-height: 24px; font-size: 15px; }
  .blockchain-box-desc { min-height: calc(100% - 15px); margin: 0 0 10px; padding: 15px; }
  .blockchain-boxes { padding: 15px 0 0; }
  .rocket.rocket3 img { width: 100%; max-width: 200px; }
  .rocket img { width: 70px; }
  .rocket3 { top: -25%; }
  .blockchain-sec2 { padding: 15px 0; }
  .blockchain-sec5 { padding: 20px 0 0; }
  .blockchain-sec4::before { top: 0; }
  .top-blend-box { top: 0; }
  .blockchain-sec6 { padding: 0; }
  .circle img { width: 65px; }
  .choose-block-sec::before { padding: 13% 25%; background-size: 300px; }
  .faq-list li { padding: 15px; min-height: calc(100% - 15px); margin: 0 0 15px; }
  .faq-list .accordion-header { padding: 0 20px 10px 0; font-size: 18px; }
  .faq-list i img { width: 18px; }
  .dragonn { top: -28%; }
  .dragon-left { left: -21%; }
  .dragon-right { right: -21%; }
  .dragonn img { max-width: 30%; }
  .snake.dragon-girl img { width: 40%; }
  .snake img { width: 42%; }
  .work-img-sec figure img { max-width: 90%; }
  .dragon-girl { bottom: -45%; }
  .green-snake-botm { left: -2%; }
  .green-snake-top { left: -21%; bottom: -20%; }
  .blue-snake-top { right: -18%; }
  .blue-snake-botm { right: 9%; }
  .meta-work { padding: 10px 0 60px; }
  .blockchain-sec6 p { max-width: 90%; }
  .blockchain_btn { margin: 20px 0; }
  .kog-logo-sec p { margin: -8% auto 0; }
  .kogs-work { border-radius: 0 0 30px 30px; }
  .kog-botm { top: 20%; }
  .kog-coin3 { top: 20%; }
  .kog-coin img { width: 60px; }
  .kog-coin1 { left: -6%; }
  .kog-coin4 { right: -6%; }
  .kog-logo-sec figure img { max-width: 75%; }
  .meerkat-work-man { left: -10%; top: -9%; }
  .meerkat-work-man img { width: 38%; }
  .meerkat-work figure img { max-width: 100%; margin: 56px 0 0; }
  .process-box h5 { display: none; }
  .process-box { width: 80px; height: 80px; min-width: 100%; max-width: 100%; margin: 0 0 20px; min-height: calc(100% - 20px); }
  .process-box img { width: 36px; }
  .block_process_slider .list-inline-item:before { display: none; }
  .block_process_slider .list-inline-item:first-child,   .block_process_slider .list-inline-item:nth-child(2),   .block_process_slider .list-inline-item:nth-child(3), .block_process_slider .list-inline-item:nth-child(4) { top: -100px; }
  .block_process_slider .list-inline-item:nth-child(2) { left: 28%; }
  .block_process_slider .list-inline-item:nth-child(3) { right: 28%; left: auto; }
  .block_process_slider .list-inline-item:nth-child(4) { right: 0; left: unset; }
  .block_process_slider .list-inline-item:nth-child(5) { left: 0; right: unset; }
  .block_process_slider .list-inline-item:nth-child(6) { top: 107%; left: 28%; right: unset; }
  .block_process_slider .list-inline-item:nth-child(7) { right: 28%; left: auto; top: 107%; }
  .block_process_slider .list-inline-item:nth-child(8) { top: 107%; }
  .block_process_summary { width: 100%; min-width: 100%; max-width: 100%; min-height: auto; }
  .blockchain-sec3 { padding: 0 0 30px; }
  .block_process_slider { padding: 120px 0; }
}
@media (max-width:575px) {
  .rocket.rocket3 img { width: 100%; max-width: 120px; }
  .rocket img { width: 40px; }
  .rocket-middle { top: 50%; }
  .rocket-botm { top: 63%; }
  .blockchain-sec2::before { padding: 278% 50%; }
  .blockchain-sec2 figure { margin: 20px 0; }
  .meerkat-work-man { left: -99px; top: -9%; }
  .meerkat-work-man img { width: 32%; }
  .meerkat-work figure img { max-width: 100%; margin: 50px 0 0; }
  .circle img { width: 40px; }
  .dragonn { top: -54%; }
  .dragon-left { left: -25%; }
  .dragon-right { right: -25%; }
  .dragon-girl { bottom: -55%; }
  .snake img { width: 40%; }
  .snake.dragon-girl img { width: 44%; }
  .green-snake-top { left: -27%; }
  .green-snake-botm { left: -3%; }
  .blue-snake-top { right: -24%; }
  .blue-snake-botm { right: 5%; }
  .kog-botm { top: 20%; }
  .kog-coin3 { top: 20%; }
  .kog-coin img { width: 50px; }
  .carousel figure { width: 50%; }
  .carousel figure img { width: 100%; padding: 10px!important; }
  .process-box h5 { display: none; }
  .process-box { width: 60px; height: 60px; min-width: 60px; max-width: 60px; }
  .process-box img { width: 28px; }
  .block_process_slider .list-inline-item:before { display: none; }
  .block_process_slider .list-inline-item:first-child,   .block_process_slider .list-inline-item:nth-child(2),   .block_process_slider .list-inline-item:nth-child(3), .block_process_slider .list-inline-item:nth-child(4) { top: -84px; }
  .block_process_slider .list-inline-item:nth-child(2) { left: 28%; }
  .block_process_slider .list-inline-item:nth-child(3) { left: auto; right: 28%; }
  .block_process_slider .list-inline-item:nth-child(4) { right: 0; left: unset; }
  .block_process_slider .list-inline-item:nth-child(5) { left: 0; }
  .block_process_slider .list-inline-item:nth-child(6) { top: 107%; left: 28%; right: unset; }
  .block_process_slider .list-inline-item:nth-child(7) { left: auto; right: 28%; top: 107%; }
  .block_process_slider .list-inline-item:nth-child(8) { top: 107%; }
  .block_process_summary { width: 100%; min-width: 100%; max-width: 100%; }
  .blockchain-sec3 { padding: 0 0 30px; }
  .block_process_slider { padding: 80px 0; }
}
@media (max-width:480px) {
  .meerkat-work figure img { max-width: 100%; margin: 80px 0 0; }
  .dragon-left { left: -38%; }
  .dragon-right { right: -38%; }
  .snake img { width: 25%; }
  .snake.dragon-girl img { width: 44%; }
  .green-snake-top { left: -48%; }
  .green-snake-botm { left: -13%; }
  .blue-snake-top { right: -43%; }
  .kog-botm { top: 20%; }
  .kog-coin3 { top: 20%; }
  .kog-coin img { width: 40px; }
  .kog-logo-sec p { margin: -7% auto 0; max-width: 80%; }
  .block_process_slider .list-inline-item:nth-child(2) { left: 26%; }
  .block_process_slider .list-inline-item:nth-child(3) { left: auto; right: 26%; }
  .block_process_slider .list-inline-item:nth-child(4) { right: 0; left: unset; }
  .block_process_slider .list-inline-item:nth-child(5) { left: 0; }
  .block_process_slider .list-inline-item:nth-child(6) { top: 107%; left: 26%; right: unset; }
  .block_process_slider .list-inline-item:nth-child(7) { left: auto; right: 26%; top: 107%; }
  .block_process_slider .list-inline-item:nth-child(8) { top: 107%; }
}
@media screen and (max-width:991px) and (min-width:768px) {
  .blockchain_box .web_wrap { padding: 0 40px; }
  .rocket3 { top: -40%; }
  .rocket.rocket3 img { width: 100%; max-width: 270px; }
  .rocket img { width: 100px; }
  .blockchain-title { max-width: 75%; margin: 0 auto; }
  .blockchain-box-desc { min-height: calc(100% - 20px); margin: 0 0 20px; padding: 15px; }
  .blockchain-sec2 { padding: 20px 0; }
  .blockchain-sec2::before { padding: 58% 50%; }
  .circle img { width: 95px; }
  .faq-list .accordion-header { font-size: 22px; }
  .faq-list li { min-height: 100%; padding: 15px; margin: 0; }
  .faq-list i img { width: 20px; }
  .blockchain-sec5 { padding: 20px 0 0; }
  .meta-work { padding: 20px 0 170px; }
  .meta-work figure img { max-width: 90%; margin: 20px auto 0; }
  .dragonn img { width: 60%; }
  .dragon-left { left: -12%; }
  .dragon-right { right: -12%; }
  .dragon-girl { bottom: -50%; }
  .snake img { width: 52%; }
  .snake.dragon-girl img { width: 40%; }
  .green-snake-top { left: -13%; bottom: -14%; }
  .green-snake-botm { left: 7%; bottom: -23%; }
  .blue-snake-top { right: -12%; }
  .blue-snake-botm { right: 12%; }
  .meerkat-work-man { left: -4%; top: -27%; }
  .meerkat-work-man img { width: 60%; }
  .meerkat-work p { max-width: 100%; }
  .blockchain-sec6::before { padding: 117% 50%; }
  .kog-logo-sec p { margin: -4% auto 0; }
  .kogs-work { border-radius: 0 0 30px 30px; }
  .kog-botm { top: 30%; }
  .kog-coin3 { top: 30%; }
  .kog-coin img { width: 100px; }
  .kog-coin1 { left: -7%; }
  .kog-coin4 { right: -7%; }
  .kog-logo-sec figure img { max-width: 75%; }
  .block_process_summary { max-width: calc(100% - 360px); }
  .process-box { border-radius: 10px; max-width: 140px; min-width: 140px; margin: 0 0 30px; min-height: calc(100% - 30px); }
  .process-box h5 { font-size: 16px; }
  .block_process_slider .list-inline-item:first-child:before, .block_process_slider .list-inline-item:nth-child(2):before { background-size: 67px; }
  .block_process_slider .list-inline-item:nth-child(3):before,   .block_process_slider .list-inline-item:nth-child(4):before, .block_process_slider .list-inline-item:nth-child(5):before { left: 99%; padding: 29px 22px; background-size: 32px; }
  .block_process_slider .list-inline-item:before { display: none; }
  .blockchain-sec3 { background-position: -5% 20%; padding: 0 0 300px; }
}
@media screen and (max-width:1199px) and (min-width:992px) {
  .block_process_summary { max-width: calc(100% - 430px); }
  .blockchain-sec3 { background-position: -5% 20%; padding: 0 0 300px; }
  .blockchain_box .web_wrap { padding: 0 40px; }
  .rocket3 { top: -36%; }
  .rocket.rocket3 img { width: 100%; max-width: 270px; }
  .rocket img { width: 100px; }
  .rocket-botm { top: 68%; }
  .rocket-middle { top: 50%; }
  .rocket-sec { padding-bottom: 32%; }
  .blockchain-sec2 { padding: 20px 0; }
  .blockchain-sec2::before { padding: 50%; }
  .circle img { width: 100px; }
  .faq-list .accordion-header { font-size: 22px; }
  .faq-list li { min-height: 100%; padding: 15px; margin: 0; }
  .faq-list i img { width: 20px; }
  .blockchain-sec6 { padding: 20px 0 0; }
  .blockchain-title { max-width: 80%; margin: 0 auto; }
  .meta-work { padding: 20px 0 170px; }
  .meta-work figure img { max-width: 90%; margin: 20px auto 0; }
  .dragonn img { width: 50%; }
  .dragon-left { left: -12%; }
  .dragon-right { right: -12%; }
  .dragon-girl { bottom: -44%; }
  .snake img { width: 60%; }
  .snake.dragon-girl img { width: 40%; }
  .green-snake-top { left: -13%; bottom: -14%; }
  .green-snake-botm { left: 7%; bottom: -23%; }
  .blue-snake-top { right: -12%; }
  .blue-snake-botm { right: 13%; bottom: -22%; }
  .meerkat-work .blockchain-title { max-width: 100%; }
  .meerkat-work p { max-width: calc(100% - 174px - 15%); }
  .meerkat-work figure img { margin: -8% 0 0; }
  .meerkat-work-man { left: -4%; top: -33%; }
  .meerkat-work-man img { width: 54%; }
  .kog-coin img { width: 70%; }
  .kog-logo-sec p { max-width: 64%; margin: -8% auto 0; }
  .kog-coin3 { top: 36%; }
  .kog-botm { top: 33%; }
  .blockchain-sec6::before { padding: 98% 50%; }
  .process-box { border-radius: 10px; max-width: 140px; min-width: 140px; margin: 0 0 30px; min-height: calc(100% - 30px); }
  .process-box h5 { font-size: 16px; }
  .block_process_slider .list-inline-item:first-child:before, .block_process_slider .list-inline-item:nth-child(2):before { background-size: 67px; }
  .block_process_slider .list-inline-item:nth-child(3):before,   .block_process_slider .list-inline-item:nth-child(4):before, .block_process_slider .list-inline-item:nth-child(5):before { left: 99%; padding: 29px 22px; background-size: 32px; }
  .block_process_slider .list-inline-item:before { display: none; }
}
@media screen and (max-width:1399px) and (min-width:1200px) {
  .block_process_summary { max-width: calc(100% - 550px); }
  .dragonn img { max-width: 75%; }
  .snake img { width: 70%; }
  .meerkat-work .blockchain-title { max-width: 100%; }
  .meerkat-work p { max-width: calc(100% - 174px - 20%); }
  .meerkat-work figure img { margin: -8% 0 0; }
  .meerkat-work-man { left: -1%; top: -33%; }
  .meerkat-work-man img { width: 65%; }
  .blockchain-sec6::before { padding: 98% 50%; }
}
@media (min-width:576px) {
  .faq-list li { margin: 0 0 30px; }
}
@media (min-width:1200px) {
  .blockchain-title { max-width: 75%; margin: 0 auto; }
  .blockchain_box .web_wrap { padding: 0 80px; }
  .dragon-girl img { width: 35%; }
  .meta-work figure img { max-width: 84%; margin: 20px auto 0; }
  .kog-logo-sec p { max-width: 55%; margin: -4% auto 0; }
  .dragonn img { max-width: 80%; }
  .blockchain_box p { line-height: 35px; }
}
@media (min-width:1400px) {
  .block_process_summary { max-width: calc(100% - 600px); }
}
@-webkit-keyframes blinker {
  from { opacity: 1; }
  to { opacity: .15; }
}
@keyframes blinker {
  from { opacity: 1; }
  to { opacity: .15; }
}
@keyframes topFadeOut {
  0% { opacity: .5; }
  75% { opacity: .5; }
  100% { position: absolute; opacity: 0; top: -.5rem; }
}
@keyframes rotate {
  from { -webkit-transform: rotate(0); }
  to { -webkit-transform: rotate(359deg); }
}
@keyframes combined {
  0% { top: 10%; left: 60%; animation-timing-function: ease-out; }
  50% { top: 75%; left: 45%; animation-timing-function: ease-out; }
  75% { top: 24%; left: 19%; animation-timing-function: ease-in; }
  100% { top: 10%; animation-timing-function: ease-out; left: 60%; }
}
@-webkit-keyframes combined {
  0% { top: 10%; left: 60%; animation-timing-function: ease-out; }
  50% { top: 75%; left: 45%; animation-timing-function: ease-out; }
  75% { top: 24%; left: 19%; animation-timing-function: ease-in; }
  100% { top: 10%; animation-timing-function: ease-out; left: 60%; }
}
@media (max-width:1199px) {
  body { padding-top: 68px; }
}
.full-slider { height: calc(100vh - 80px); position: relative; overflow: hidden; }
.full-slider .stats_box .slider-text-yellow, .full-slider .summary_banner h1.slider-text-yellow,.full-slider .summary_banner .h1.slider-text-yellow,.full-slider .summary_banner .h1.slider-text-yellow span, .full-slider .summary_banner h1.slider-text-yellow span { color: #ffc221; }
.full-slider .slider-banner-image .slider-bg { width: 100%; position: absolute; height: 100%; top: 0; margin: 0; pointer-events: none; }
@media (min-width:820px) and (max-width:1199px) {
  .full-slider .slider-banner-image .slider-bg img { height: 70%; }
}
.full-slider .slider-banner-image .slider-bg img { width: 100%; height: 100%; object-fit: cover; }
.full-slider .counter li:first-child { padding-left: 0; }
.full-slider .summary_banner { display: block; max-width: 560px; }
.full-slider .slider-banner-image { color: #fff; }
.full-slider .stats_box { text-align: center; }
.full-slider .stats_box h4 { margin: 0; font-weight: 600; }
.full-slider .counter li { padding: 10px 9.5px 0; }
@media (min-width:1440px) and (max-width:1600px) {
  .full-slider .counter li { padding: 10px 9.5px 0; }
}
.full-slider .summary_banner h1,.full-slider .summary_banner .h1 { font-size: 58px; text-transform: uppercase; font-weight: 700; }
.full-slider .summary_banner h1 span,.full-slider .summary_banner .h1 span { display: block; font-size: 26px; color: #ffc221; line-height: 30px; margin: 5px 0 0; }
@media (min-width:1400px) {
  .full-slider .summary_banner p { font-size: 20px; }
}
.full-slider .slider-banner-image .summary_banner p { margin: 16px 0 0; color: #fff; line-height: 28px; padding: 0 5px 0 0; }
.full-slider .slider-banner-image .stats_box p { font-size: 14px; color: #fff; margin: 0; text-align: center; }
.full-slider .slider-banner-image { color: #fff; height: calc(100vh - 80px); display: block!important; padding: 0 0 70px; }
@media (max-width:1024px) {
  .full-slider .slider-banner-image { height: calc(100vh - 64px); }
}
.full-slider .slider-banner-image video { width: 100%; height: 100%; object-fit: cover; }
.full-slider .slider.slider-for { max-width: 100%; height: 100%; }
.full-slider .slider.slider-for, .full-slider .slider.slider-nav { width: 100%; overflow: hidden; }
.slick-arrow:focus, .slick-arrow:hover, .slick-vertical .slick-slide:active, .slick-vertical .slick-slide:focus { border: 0; outline: 0; }
.slider-nav .slick-slide.slick-current .thumbnail-image { color: #fff; -webkit-transition: width 2000ms; -o-transition: width 2000ms; -moz-transition: width 2000ms; transition: width 2000ms; }
.main_banner div#banner-slider .thumb-image .slick-slide { max-height: 100px; }
.slider-nav .slick-slide { text-align: center; }
.full-slider .slick-arrow { display: none!important; }
.slider-thumb { position: relative; width: calc(100% - 50%); margin: 0 0 0 auto; z-index: 2; display: flex; align-items: center; justify-content: flex-end; }
.slider-thumb img { width: 100%; height: 100%; max-height: calc(100vh - 80px); object-fit: contain; }
@media (min-width:1279px) {
  .slider-thumb img[alt="AppUI"] { min-width: 112%; }
  .app_banner .slider-thumb { width: calc(100% - 40%); }
  .app_banner .slider-thumb img { max-height: calc(100vh - 80px); height: 100vh; object-position: right; }
  .center_banner .slider-thumb { max-height: calc(100vh - 80px); width: calc(100% - 50%); justify-content: center; padding-right: 40px; }
  .center_banner .slider-thumb img { max-height: calc(100vh - 80px); height: 100%; object-position: center; width: auto; }
}
@media (min-width:1279px) and (max-width:1440px) {
  .app_banner .slider-thumb { max-height: calc(100vh - 150px); min-height: calc(100vh - 150px); width: calc(100% - 40%); }
  .app_banner .slider-thumb img, .slider-thumb { max-height: calc(100vh - 150px); height: 100vh; object-position: right; }
  .center_banner .slider-thumb { max-height: calc(100vh - 150px); min-height: calc(100vh - 150px); width: calc(100% - 50%); justify-content: center; padding-right: 40px; }
  .center_banner .slider-thumb img { max-height: calc(100vh - 150px); height: 100%; object-position: center; width: auto; }
}
@media (min-width:1200px) {
  .full-slider.app_banner .slider-banner-image { padding-bottom: 0; }
  .app_banner .slider-thumb { max-height: calc(100vh - 80px); }
  .app_banner .slider-thumb img { min-height: 100vh; }
}

.thumbnail-image a .thummb-small-txt { font-size: 11px; display: block; }
.thumb-image { margin: -72px 0 0; }
.full-slider .thumbnail-image { background: rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); border: 1px solid rgba(255, 255, 255, 0.2); border-left: 0; text-align: center; padding: 10px; color: #fff; font-size: 20px; height: 72px; text-transform: uppercase; display: flex!important; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; position: relative; cursor: pointer; }
.full-slider .thumbnail-image:before { content: ''; z-index: -1; width: 100%; height: 0; top: -1px; -webkit-transition: height 1000ms; -o-transition: height 1000ms; -moz-transition: height 1000ms; transition: height 1000ms; position: absolute; background: #d85d27; }
.full-slider .thumbnail-image a { color: #fff; font-size: 18px; }
@media (max-width:1366px) {
  .full-slider .thumbnail-image a { font-size: 16px; }
}
.full-slider .slick-current .thumbnail-image::before { content: ''; height: calc(100% + 2px); -webkit-transition: height 2000ms; -o-transition: height 2000ms; -moz-transition: height 2000ms; transition: height 2000ms; padding: 5px 10px; }
.full-slider .zoom { animation: scale 40s linear infinite; }
.full-slider .counter li:before { background: rgba(255, 255, 255, .5); border-radius: 20px; width: 2px; }
@keyframes scale {
  50% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
}
#header .navbar-nav>li>a { color: #222121; }
.full-slider .summary_banner { padding: 0; }
.text-unset, .text-unset h1 { text-transform: unset!important; }
@media screen and (min-width : 575px) {
  .full-slider .summary_banner { position: absolute; margin: 15% 0 0; z-index: 2; }
}
@media (min-width : 1200px) and (max-width:1440px) {
  .full-slider .summary_banner { position: absolute; margin: 6% 0 0; }
}
@media (max-width:1279px) {
  .full-slider .slider-banner-image .summary_banner p { margin: 0; line-height: 1.3; font-size: 16px; }
  .navbar-brand img { width: 80px; }
}
@media screen and (max-width : 1199px) {
  .full-slider .slider-banner-image::before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 50%; z-index: 1; background: linear-gradient(180deg, #0d0e1f 0, rgba(53, 23, 36, 0) 97.42%); }
}
@media screen and (max-width : 767px) {
  .full-slider .summary_banner { margin: -10% 0 0; z-index: 2; position: absolute; }
  .full-slider .summary_banner h1 , .full-slider .summary_banner .h1 { font-size: 38px; margin-bottom: 0; }
  .full-slider .summary_banner h1 span, .full-slider .summary_banner .h1 span { font-size: 18px; }
  .full-slider .slider-banner-image { padding: 60px 0; margin-bottom: 100px; height: calc(100vh - 0px); }
  .full-slider .slider-banner-image .slider-bg { top: 0; }
  .full-slider .slider-banner-image .counter li { padding: 0 10px; width: 25%; border-right: 1px solid #fff; }
  .full-slider .slider-banner-image .counter li:last-child { border: none; }
  .full-slider .stats_box h4 { font-size: 17px; }
  .full-slider .slider-banner-image .counter li p { padding-right: 0; font-size: 12px; line-height: 1.2; }
  .full-slider .thumbnail-image { height: 58px; }
  .full-slider .thumbnail-image a { font-size: 17px; }
  .thumb-image { margin: -58px 0 0; }
  .videofull_banner .slider-banner-image { height: 100vh!important; }
}
@media screen and (max-width: 575px) {
  .full-slider .summary_banner { position: relative; }
  .full-slider .zoom { animation: none; }
  .slider-thumb { width: 100%; align-items: flex-start; }
  .slider-thumb img { height: auto; }
  .full-slider { height: 100%; }
  .full-slider .slider-banner-image { height: 100%; display: flex!important; flex-direction: column; justify-content: space-between; margin-bottom: 0; }
  .slider-thumb_summary { margin-left: 65px; }
  .slider-thumb_space { margin-top: 90px; }
}
@media (min-width:576px) and (max-width:830px) {
  .slider-thumb img { height: auto; margin-top: 60px; }
  .full-slider .summary_banner h1, .full-slider .summary_banner .h1 span { font-size: 26px; margin: 0; }
  .full-slider .summary_banner h1 span, .full-slider .summary_banner .h1 span { line-height: 1rem; font-size: 16px; margin: 0 0 6px; }
  .full-slider .thumbnail-image a { font-size: 16px; }
  .full-slider .thumbnail-image { height: 50px; }
  .thumb-image { margin: -50px 0 0; }
  .slider-thumb img { height: auto; margin-top: 60px; }
}
@media (min-width:576px) and (max-width : 767px) {
  .full-slider .summary_banner { margin: 0; transform: translateY(-50%); }
  .full-slider { min-height: 400px; }
}
@media (min-width:768px) and (max-width : 991px) {
  .full-slider .slider.slider-for, .full-slider .slider.slider-nav { max-width: 100%; }
  .slider.slider-nav.thumb-image { white-space: nowrap; }
  .full-slider { height: 100%; max-height: 520px; margin: 0; }
  .slider-thumb { margin: 0 0 0 auto; max-height: 100%; min-height: 100%; width: calc(100% - 55%); }
  .new_thumb { width: calc(100% - 60%); }
  .slider-thumb img { height: auto; }
  .full-slider .summary_banner { margin: 0; z-index: 2; }
  .full-slider .summary_banner h1 , .full-slider .summary_banner .h1 { font-size: 36px; margin: 0; }
  .full-slider .summary_banner h1 span , .full-slider .summary_banner .h1 span{ line-height: 30px; font-size: 17px; }
  .full-slider .stats_box h4 { margin: 0; font-size: 20px; }
  .full-slider .stats_box p { font-size: 14px; }
  .full-slider .counter { margin: 0; }
  .full-slider .counter li { margin: 0; }
  .full-slider .thumbnail-image a { font-size: 17px; line-height: 1; }
  .thumb-image { margin: -58px 0 0; }
  .full-slider .slider-banner-image { padding: 40px 0 0; height: calc(100vh - -90px); max-height: 520px; display: flex!important; flex-direction: column; justify-content: space-between; margin-bottom: 0; }
  .full-slider .slider-banner-image video { min-height: 500px; }
}
@media screen and (min-width:768px) and (max-width : 1199px) {
  .full-slider .thumbnail-image { height: 58px; }
}
@media screen and (min-width:992px) and (max-width : 1199px) {
  .full-slider .slider-banner-image { padding: 40px 0 0; height: auto; max-height: 700px; min-height: 580px; }
  .full-slider .slider-banner-image video { min-height: 500px; }
  .full-slider { height: 100%; }
  .slider-thumb { margin: 0 0 0 auto; max-width: calc(100% - 60%); }
  .full-slider .summary_banner { margin: 5% 0 0; z-index: 2; }
  .full-slider .summary_banner h1 , .full-slider .summary_banner .h1{ font-size: 50px; margin: 0; }
  .full-slider .summary_banner h1 span , .full-slider .summary_banner .h1 span{ font-size: 21px; line-height: 24px; margin: 0 0 10px; }
}
@media screen and (min-width:1200px) and (max-width : 1399px) {
  .full-slider .slider-banner-image { padding: 0; }
  .full-slider .counter li { width: auto; padding: 10px 7px; }
  .full-slider .counter li p { font-size: 15px; }
  .full-slider .counter li:first-child { padding-left: 0; }
  .full-slider .counter li:before { display: block; }
  .full-slider .counter li:first-child:before { display: none; }
  .main_banner.static_banner .over_banner { height: 500px; }
  .main_banner.static_banner .home_illustration img { max-height: 310px; }
}
@media screen and (min-width:1400px) and (max-width : 1499px) {
  .full-slider .counter li { width: auto; padding: 10px; }
  .full-slider .counter li:before { display: block; }
  .full-slider .counter li:first-child:before { display: none; }
  .full-slider .slider-banner-image .summary_banner p { font-size: 15px; padding-right: 0; }
}
@media screen and (min-width:1400px) and (max-width : 1600px) {
  .counter { margin-top: 50px; }
}
.title_des { max-width: 60%; display: inline-block; }
.title_des .btn-primary { max-width: 150px; }
@media (max-width:1280px) {
  .title_des { max-width: 90%; }
}
.demo-img img {border-radius: 50px;}
.updated_services .boxes { padding: 22px; }
.updated_services .md-boxes { padding: 22px; }
.updated_services .md-boxes i { width: 68px; text-align: right; }
.updated_services .boxes img, .updated_services .md-boxes img { object-position: 0; object-fit: contain; max-height: 60px; max-width: 100%; }
.updated_services .md-boxes h3 { color: #d85d27; border-bottom: 1px solid #d85d27; padding-bottom: 16px; }
.updated_services .md-boxes h3 i { margin: 0; }
.updated_services .md-boxes:hover h3 { color: #fff; border-bottom-color: #fff; }
.updated_services .md-boxes:hover h3 i img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.cocos_services.cocos_game_services { background: url(img/services-portfolio/cocos_our-services_bg.jpg) no-repeat; background-size: cover; }
.cocos_services.two_d_game_services { background: url(img/services-portfolio/2d_game_services_bg.jpg) no-repeat; background-size: cover; }
.cocos_services.game3d_services { background: url(img/services-portfolio/3d-services_bg.jpg) no-repeat; background-size: cover; }
.cocos_services.character_services { background: url(img/services-portfolio/cocos_our-services_bg.jpg) no-repeat; background-size: cover; }
.cocos_services.web_html5_services { background: url(img/services-portfolio/html5-service-bg.jpg) no-repeat; background-size: cover; }
.no_bg_services { background-image: none; background: #fff; }
.no_bg_services .content p { text-align: justify; }
.cocos_services .unit_accordin .card { margin: 0; }
.cocos_services .unit_accordin .card:last-child::after { display: none; }
.cocos_services .unit_accordin .card::after { content: ''; background: linear-gradient(270deg, rgba(56, 228, 218, 0) 0, #38e4da 36.46%, #38e4da 61.98%, rgba(56, 228, 218, 0) 100%); height: 2px; width: 100%; display: none; }
.character_services .unit_accordin .card::after { content: ''; background: linear-gradient(270deg, rgba(214, 228, 56, 0) 0, #d6e438 36.46%, #d6e438 61.98%, rgba(214, 228, 56, 0) 100%); height: 2px; width: 100%; display: block; }
.two_d_game_services.cocos_services .unit_accordin .card::after { background: linear-gradient(270deg, rgba(255, 172, 75, 0) 0, #eda04a 36.46%, #eda04a 61.98%, rgba(255, 172, 75, 0) 100%); }
.game3d_services.cocos_services .unit_accordin .card::after { background: linear-gradient(270deg, rgba(233, 152, 58, 0) 0, #e9983a 36.46%, #e9983a 61.98%, rgba(233, 152, 58, 0) 100%); }
.web_html5_services.cocos_services .unit_accordin .card::after { background: linear-gradient(270deg, rgba(214, 228, 56, 0) 0, #d6e438 36.46%, #d6e438 61.98%, rgba(214, 228, 56, 0) 100%); }
.character_services .unit_accordin { border-radius: 30px 30px 0 30px; background: rgba(3, 15, 39, 0.2); mix-blend-mode: normal; border: 2px solid rgb(214 228 56); backdrop-filter: blur(30px); }
.two_d_game_services.cocos_services .unit_accordin { border: 2px solid rgb(255 172 75 / 50%); }
.game3d_services.cocos_services .unit_accordin { border: 2px solid rgb(233 152 58 / 50%); }
.web_html5_services.cocos_services .unit_accordin { border: 2px solid rgba(214, 228, 56, 1); }
.no_bg_services .unit_accordin .card { background: #fff; border: 1px solid #ede7e7; box-shadow: 0 0 40px rgba(105, 105, 105, 0.1); border-radius: 20px 20px 0 20px; margin-bottom: 15px; }
.no_bg_services .unit_accordin .card:last-child { margin-bottom: 0; }
.no_bg_services .unit_accordin .unit_accordin .card { background: transparent; box-shadow: none; }
.cocos_services .unit_accordin h3 { color: #fff; }
.no_bg_services .unit_accordin h3 { color: #312d2d; }
@media (max-width:767px) {
  .no_bg_services .unit_accordin h3 { font-size: 1rem; padding-left: 50px; }
}
.cocos_services .unit_accordin a h3:before { background-image: url(img/services-portfolio/down_arrow.svg); background-position: center; background-size: 100%; margin: 0; transform: scaleY(-1); }
.character_services .unit_accordin a h5:before { background-image: url(img/services-portfolio/character_down_arrow.svg); background-position: center; background-size: 100%; margin: 0; transform: scaleY(-1); }
.two_d_game_services.cocos_services .unit_accordin a h5:before { background-image: url(img/services-portfolio/2d_down_arrow.svg); background-position: center; background-size: 100%; margin: 0; transform: scaleY(-1); }
.game3d_services.cocos_services .unit_accordin a h5:before { background-image: url(img/services-portfolio/3d_down_arrow.svg); background-position: center; background-size: 100%; margin: 0; transform: scaleY(-1); }
.web_html5_services.cocos_services .unit_accordin a h5:before { background-image: url(img/services-portfolio/web-html5_down_arrow.svg); background-position: center; background-size: 100%; margin: 0; transform: scaleY(-1); }
.no_bg_services .unit_accordin a h3:before { background-image: url(img/services-portfolio/down_blk_arrow.svg); background-position: center; background-size: 100%; margin: 0; transform: scaleY(-1); }
.cocos_services .unit_accordin a.collapsed h3:before { transform: scaleY(1); }
.no_bg_services .unit_accordin a.collapsed h3:before { transform: scaleY(1); }
.cocos_services .card-body p { color: #fff; text-align: justify; margin-bottom: 0; }
.no_bg_services .card-body p { color: #1a1a1a; text-align: justify; margin-bottom: 0; }
.cocos_services figure { margin-top: -100px; margin-bottom: 0; width: 120%; margin-left: -100px; }
.cocos_services.two_d_game_services figure { margin-top: -280px; text-align: right; margin-bottom: 0; }
.cocos_services.cocos_game_services figure { margin-top: -100px; margin-bottom: 0; margin-top: -100px; margin-bottom: 0; }
.cocos_services.unity_service figure { margin-top: -150px; }
@media (max-width:767px) {
  .cocos_services.cocos_game_services figure { margin-top: 0; }
}
.cocos_services.web_html5_services figure { margin-top: -125px; margin-bottom: 0; width: 120%; margin-left: 0; }
.cocos_services { padding: 80px 0; background-size: cover; background-position: center; }
.no_bg_services { padding: 80px 0; }
@media (max-width:991px) {
  .no_bg_services { padding: 40px 0; }
}
.cocos_services.cocos_game_services { padding: 30px 0; }
.cocos_services.two_d_game_services { padding: 50px 0; }
.common_spacing { padding: 70px 0; }
@media (max-width:767px) {
  .common_spacing { padding: 40px 0; }
}
@media (max-width:991px) {
  .cocos_services figure { margin-top: 0!important; margin-left: 0!important; max-width: 100%; }
  .common_3d_services .accordion { margin: 50px 0; margin-bottom: 50px; }
}
.services_new { padding-bottom: 0; }
.common_heading_title { margin-bottom: 10px; }
.howWork { border-radius: 30px 30px 0 30px; padding: 0 15px; }
@media (min-width:768px) {
  .work_max { overflow: hidden; }
}
.howWork_new .work_box { padding: 0 10px; }
.howWork_new .work_box.active .work_max { min-height: initial; }
.work_box.active:before { border-radius: 30px 30px 0 0; }
.work_box.active:after { border-radius: 0 0 0 30px; }
.howWork_new .work_box .number { bottom: -35px; left: 0; top: auto; right: auto; text-align: center; height: 100%; display: flex; justify-content: center; align-items: flex-end; z-index: 1; opacity: 1; }
.howWork_new .work_box span { background: transparent; font-size: 35px; line-height: 42px; font-weight: 700; width: auto; height: auto; color: #312d2d; }
.howWork_new .work_box h3 { font-weight: 600; color: #312d2d; border-bottom: 2px solid #ffffff73; text-transform: capitalize; padding-bottom: 10px; border-bottom: 2.32px solid rgb(255 255 255 / 20%); }
.howWork_new .work_box em { display: block; text-align: center; position: relative; }
.howWork_new .work_slot em img { width: 70px; max-height: 80px; display: inline-block; object-fit: contain; }
.howWork_new .work_box .work_max h3, .howWork_new .work_box .work_max p { position: relative; z-index: 1; }
.howWork_new .work_box.active { background: #f47c43; }
.howWork_new .work_box.active .work_slot { margin-top: -20px; }
.howWork_new .work_box.active .number { bottom: -20px; }
.howWork_new .work_box.active span { background: transparent; color: #fff; }
.howWork_new .work_box.active h3 { color: #fff; background: transparent; margin-top: 11px; }
.howWork_new .work_box.active p { color: #fff; }
.howWork_new .work_box.active em img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
@media (min-width:992px) and (max-width:1199px) {
  .howWork_new .work_slot em img { width: 50px; }
  .work_box h6, .work_box p { font-size: 15px; }
  .howWork_new .work_box span { font-size: 25px; line-height: 30px; }
}
.common_3d_services { padding: 0; }
.common_3d_services .row figure { width: calc(100% + 40%); margin-left: -160px; }
.common_3d_services .accordion { margin: 50px 0; }
.unity_service { padding: 0; }
.image { margin-top: -200px; }
.quote_form_sec { background: url(img/services-portfolio/requirement_bg.webp) no-repeat; background-size: cover; padding: 0; }
.quote_form_sec .inner_form_get_started .form-group { labeltext-align: left!important; }
.quote_form_sec .wpcf7-not-valid-tip { font-size: 12px; }
.quote_form_sec figure { margin: 0; width: 100%; }
.quote_form_sec.pari figure { width: calc(100% + 260px); margin-top: -160px; }
.quote_form_sec.flutter { background: url(img/services-portfolio/flutter_requirement_bg.webp) no-repeat; background-size: cover; padding: 80px 0; }
.quote_form_sec.android { background: url(img/services-portfolio/androidBG.webp) no-repeat; background-size: cover; padding: 15px 0; }
.quote_form_sec.flutter figure { width: calc(100% + 0px); margin-left: -50px; text-align: center; margin-top: -160px; }
.quote_form_sec.android figure { width: calc(100% + 0px); margin-left: -50px; text-align: center; margin-top: -160px; }
.quote_form_sec.android figure img, .quote_form_sec.flutter figure img { max-width: 80%; margin: auto; }
.roblox_quote_form_sec { background: url(img/services-portfolio/roblox_requirement_bg.webp) no-repeat; background-size: cover; padding: 0; }
@media (max-width:991px) {
  .quote_form_sec.android figure, .quote_form_sec.flutter figure { margin-left: 0; margin-top: 0; }
}
@media (min-width:1441px) {
  .quote_form_sec figure { margin: 0; width: calc(100% + 150px); margin-left: -160px; margin-top: -60px; }
  .angular .quote_form_sec figure { margin: 0; width: 100%; margin-left: 0; margin-top: 0; }
  .cocos_quote_form_sec.quote_form_sec figure { margin: 0; width: calc(100% + 190px); margin-left: -160px; margin-top: -100px; }
}
.quote_form_sec .choose-services { margin: 0; }
.quote_form_sec figure img { width: 100%; }
.quote_form_sec .quote_form { background: #fff; padding: 40px 30px; width: 100%; border-radius: 30px 30px 0 30px; box-shadow: 0 4px 10px rgba(19, 1, 91, 0.6); margin: 30px 0; }
.quote_form_sec .quote_form>p { text-align: center; }
.submit_btn { margin: 0; }
.submit_btn p { margin: 0; }
.quote_form_sec .wpcf7-form label.error { margin-bottom: 0; }
.roblox_quote_form_sec .choose-services { margin: 0; }
.roblox_quote_form_sec figure img { width: 100%; }
.roblox_quote_form_sec .quote_form { background: #fff; padding: 40px 30px; width: 100%; border-radius: 30px 30px 0 30px; box-shadow: 0 4px 10px rgba(19, 1, 91, 0.6); margin: 30px 0; }
.roblox_quote_form_sec .quote_form>p { text-align: center; }
.wpcf7-form-control-wrap { display: block; }
.quote_form_sec .choose-services .wpcf7-checkbox { display: flex; flex-wrap: wrap; justify-content: center; }
.quote_form_sec .choose-services .wpcf7-checkbox .wpcf7-list-item { margin: 5px; }
.quote_form_sec .choose-services .wpcf7-checkbox .wpcf7-list-item span { background: #fff; border: 1px solid #e2ebee; border-radius: 10px; text-transform: capitalize; background: #f8f8f8; font-size: 14px; min-width: 170px; height: 38px; line-height: 1.8; }
.quote_form_sec .wpcf7-form .wpcf7-form-control { border-width: 0 0 1px; font-size: 16px; }
.quote_form_sec .wpcf7-form .wpcf7-form-control:focus { border-color: #ff8851; }
.quote_form_sec .wpcf7-form .wpcf7-form-control:focus::placeholder { color: #ff8851; }
.why_choose_new .md-boxes { padding: 20px; min-height: initial; height: calc(100% - 40px); transition: all .5s ease-in-out; }
@media (max-width:991px) {
  .why_choose_new .md-boxes { height: calc(100% - 30px); }
}
.why_choose_new .md-boxes h5 { border-bottom: 1px solid #d85d27; padding-bottom: 10px; font-size: 20px; font-weight: 600; }
.why_choose_new .md-boxes h5 i { width: 108px; text-align: right; }
.why_choose_new .md-boxes h5 i svg { width: 100%; height: 100%; max-width: 60px; max-height: 60px; }
.why_choose_new .md-boxes p { line-height: 1.3; font-size: 1rem; text-align: justify; }
.why_choose_new .md-boxes.md-boxes:nth-child(2n) { margin-top: -30px; margin-bottom: 40px; }
.why_choose_new .md-boxes:hover h5 { border-color: #fff; }
.why_choose_new .md-boxes:hover h5 i svg path { color: #fff; fill: var(--white); }
.title_new { margin-bottom: 50px; }
.title_new h2 { font-size: 40px; color: #d85d27; font-weight: 600; text-transform: uppercase; }
.title_new h2 span { display: block; font-size: 75%; color: #222121; }
.service_type { position: absolute; z-index: 1; top: 30px; color: #fff; text-transform: uppercase; right: 20px; font-weight: 400; font-size: 2rem; line-height: 2.5rem; }
.characters_portflio_group.game-service .portfolio_bg .service_type { top: 160px; }
.characters_portflio_group.game-service:nth-child(odd) .portfolio_bg .service_type { left: 20px; right: auto; }
.characters_portflio_group.game-service.environment_portfolios:nth-child(1) .portfolio_bg .service_type { top: 50px; }
.game-service:nth-child(odd) .portfolio_bg .row .service_type { left: 20px; right: auto; }
.game-service figure { margin-top: -50px; }
.portfolio_bg { background-position: top center; min-height: 600px; }
.portfolio_bg figure img { width: 100%; }
.charc_bg { background-position: bottom center; min-height: 600px; }
@media (min-width:1280px) {
  .portfolio_bg { min-height: 600px; background-size: cover; }
}
.portfolio_video+.portfolio_bg { min-height: initial!important; }
.portfolio_video+.portfolio_bg video { object-fit: cover; margin-top: 30px; }
@media (max-width:991px) {
  .portfolio_bg { background-size: cover; min-height: 500px; }
  .charac_bg { background-size: cover; min-height: 0; }
  .portfolio_bg .row { flex-direction: column-reverse!important; }
  .game-service figure { margin-top: 0; }
  .title_new h2 { font-size: 28px; }
}
.project_info { padding: 30px; }
.project_info .store-download { margin: 25px auto 0; }
.project_info .store-download a { margin: 5px; }
.project_info .store-download a img { max-width: 100%; }
.portfolio-group .app_summary { margin-top: 20px; margin-bottom: 50px; text-align: center; padding: 1.5rem; }
.portfolio-group .unreal_summary { margin-top: 20px; margin-bottom: 0; text-align: center; padding-bottom: 1rem; }
.portfolio-group .app_summary.ios_app_summary { margin-bottom: 80px; }
.portfolio-group .app_summary p { padding: 0; font-size: 1.1rem; line-height: 1.4; }
.btn-sm { font-size: 14px; min-width: 150px; border-radius: 5px; height: 36px; font-weight: 400; line-height: 1; }
.btn-primary { display: inline-block; border: 1px solid var(--primary-color); background: var(--primary-color); text-align: center; padding: 10px 15px; color: #fff; line-height: 1; box-shadow: none!important; }
.btn-primary:active, .btn-primary:focus, .btn-primary:hover { background: #d85d27!important; border-color: #d85d27!important; color: #000!important; }
@media (min-width:991px) {
  .project_info .store-download { margin: 0; }
  .project_info { padding: 16px; }
}
@media (min-width:1200px) {
  .portfolio_order_even .portfolio-group:nth-child(even) .portfolio_bg .row { flex-direction: row-reverse; }
  .portfolio_order_odd .portfolio-group:nth-child(odd) .portfolio_bg .row { flex-direction: row-reverse; }
}
.new_portfolio_landing .title_h2 h2, .new_portfolio_landing .title_h2_new h2, .title_h2_new h2 { margin-bottom: 5px; }
.title_h2_new span { font-size: 22px; display: block; color: #222121; }
.home_services .service_cols p { text-align: left; }
.choose_services .customOptions { margin: 5px; display: inline-block; position: relative; }
.choose_services input[type="checkbox"].Checkboxx { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; opacity: 0; cursor: pointer; }
.choose_services .customOptions span { background: #fff; border: 1px solid #e2ebee; border-radius: 10px; text-transform: capitalize; font-size: 14px; min-width: 170px; height: 38px; line-height: 1.8; display: inline-block; text-align: center; padding: 5px 15px; width: 100%; }
.choose_services .customOptions input[type="checkbox"]:checked+span { background: #d85d27; color: #fff; }
input#page_options { display: none; }
.roblox_services { background: url(https://www.chicmic.in/wp-content/themes/chicmic/img/services-portfolio/services_Banner_bg) no-repeat; background-size: cover; }
.title_des a.btn:focus, .title_des a.btn:hover { box-shadow: none; outline: transparent; }
.title_des a.btn:not(:disabled):not(.disabled):active { background-color: #d85d27; border-color: #d85d27; box-shadow: none; }
form.wpcf7-form label.error { display: block; margin: 5px 0 0; line-height: 1; }
form.wpcf7-form .submit_btn p { position: relative; }
form.wpcf7-form .submit_btn p .wpcf7-spinner { margin: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.portfolio_wrap .portfolio-group { padding-bottom: 0; }
.portfolio_wrap .portfolio-group:nth-child(odd) { background: #f8f8f8; }
.portfolio_wrap .portfolio-group:nth-child(even) { background: #fff; }
.cocos_services.three_services figure { margin-top: -200px; }
.cocos_services.three_services { padding: 0; }
@media (min-width:1200px) {
  .services_portfolio .row.title_new { align-items: flex-end; }
}
@media (max-width:575px) {
  .quote_form_sec.pari figure { margin-top: 0; max-width: 100%; }
}
@media (max-width:1199px) {
  .characters_portflio_group .charc_bg { min-height: auto; margin-top: 0; }
  .characters_portflio_group .app_summary { display: none; }
  .characters_portflio_group .charc_bg .custom_image { min-height: auto; margin-top: 25px; }
}
.why_choose_updated .md-boxes { min-height: 285px; padding: 30px 25px; }
.font { text-transform: none; }
.thumb-image.slick-slider .slick-slide { height: auto; }
.portfolio_wrap .portfolio-group:nth-last-of-type(2) .app_summary { margin-bottom: 0; }
@media (min-width:576px) and (max-width:767px) {
  .why_choose.why_choose_updated .chose_left { padding-top: 30px; }
}
@media (min-width:991px) {
  .embed-responsive-16by6::before { padding-top: 32.857143%; }
}
@media (max-width:991px) {
  .embed-responsive-16by6::before { padding-top: 52.857143%; }
}
@media (min-width:768px) and (max-width:1199px) {
  .home_services .service_cols h5 { text-align: left; display: block!important; word-break: break-word; }
}
@media screen and (min-width:992px) and (max-width : 1199px) {
  .main_banner.static_banner .over_banner { height: 450px; }
  .main_banner.static_banner .home_illustration img { max-height: 300px; }
}
@media screen and (min-width:1200px) and (max-width : 1600px) {
  .main_banner.static_banner .over_banner { height: 500px; }
  .main_banner.static_banner .home_illustration img { max-height: 310px; }
}
.portfolio-group-no_summary { margin-bottom: 60px; }
.portfolio-group-no_summary:nth-last-of-type(1) { margin-bottom: 0; }
.portfolio-group-no_summary figure { margin-top: 0; }
.theme_btn { display: block; width: 100%; clear: both; }
.summary_banner .theme_btn .btn { margin-top: 40px; }
.project_info .portfolio_quote_btn { font-size: 22px; font-weight: 600; padding: 10px 24px; cursor: pointer; text-align: center; display: inline-block; color: #fff; vertical-align: super; border: 2px solid #98a4ad; background-color: #000; margin-top: 10px; position: relative; transition: .5s; border-radius: 5px; min-width: initial!important; max-width: 200px; max-height: 55px; width: auto; }
.project_info .portfolio_quote_btn:hover { background-color: #fff; color: #000; border: 2px solid #000; }
.unity_portfolios .portfolio_quote_btn::before { display: none; }
.theme_btn .common_quote_btn { max-width: 190px; max-height: 50px; width: 100%!important; min-width: initial!important; }
.theme_btn .common_quote_btn:focus { box-shadow: none; outline-color: transparent; }
.common_quote_btn { font-size: 16px; font-weight: 600; padding: 12px 20px 12px 47px; cursor: pointer; display: inline-block; color: #fff; vertical-align: super; border: 1px solid #f47c43; background-color: #f47c43; position: relative; transition: .5s; border-radius: 5px; }
.common_quote_btn::before { box-shadow: 0 0 0 rgba(255, 255, 255, .4); animation: pulso 2s infinite; transition: .5s; content: ""; width: 15px; height: 15px; border: 3px solid #fff; position: absolute; left: 15px; border-radius: 50%; top: 0; bottom: 0; margin: auto; }
.common_quote_btn:hover { background-color: #d85d27; color: #fff; }
@media (max-width:1199px) {
  .common_quote_btn { font-size: 16px; padding: 9px 20px 9px 47px; }
}
@media (max-width:991px) {
  .summary_banner .theme_btn { margin-top: 40px; }
  .common_quote_btn { margin-bottom: 20px; }
  .project_info .portfolio_quote_btn { font-size: 14px; max-height: 50px; width: auto; padding: 12px 30px; }
}
@media (min-width:992px) and (max-width:1199px) {
  .summary_banner .theme_btn .btn { margin-top: 0; }
}
.int_country input:focus { box-shadow: none; border-radius: 0; }
.quote_form .int_country input { border-radius: 0; }
@-webkit-keyframes pulso {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .8); box-shadow: 0 0 0 0 rgba(255, 255, 255, .8); }
  70% { -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}
@keyframes pulso {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .8); box-shadow: 0 0 0 0 rgba(255, 255, 255, .8); }
  70% { -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}
@media (max-width:991px) {
  .no_bg_services .theme_btn { margin-bottom: 40px; }
}
.why_choose_updated .btn_coman { background-color: #f47c43; border-color: #f47c43; color: #fff; }
.why_choose_updated .btn_coman:hover { background: #d85d27; border-color: #d85d27; color: #fff; }
.social_icons a em { width: 100%; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center; }
.social_icons a em svg { width: 20px; height: 20px; }
.social_icons a em svg path { fill: #fff; }
.social_icons a:hover { background-color: #fff; }
.social_icons a:hover em svg path { fill: #ec7a2f; }
#header .common_quote_btn { font-size: 15px; font-weight: 500; min-height: 40px; margin-left: 15px; color: #fff; max-height: 40px; min-width: 140px!important; max-width: 160px!important; line-height: 1; }
@media (max-width:1199px) {
  #header .common_quote_btn { margin: 5px 20px 0 5px; }
}
@media (max-width:767px) {
  #header .common_quote_btn { display: none; }
}
#header .common_quote_btn:focus { box-shadow: none; }
.logo_DropMenu { display: flex; align-items: center; }
@media (max-width:767px) {
  .portfolio-group .app_summary { display: block; }
}
.project_info .theme_btn .common_quote_btn { max-width: 190px; max-height: 50px; width: 100%!important; min-width: initial!important; }
#whtsapp_btn { max-width: 50px; min-width: initial!important; min-height: 0; }
.call_menu { position: fixed; right: 0; bottom: 20%; margin: 0; padding: 0; box-shadow: none; color: #fff; border-radius: 5px 0 0 5px; border: 1px solid #f47c43; background-color: #f47c43; cursor: pointer; z-index: 100; min-width: 45px; max-height: 160px; }
.product { width: 3%; padding: 20px; border-radius: 5px; overflow: hidden; cursor: pointer; position: fixed; right: 0; background-image: url(https://www.chicmic.in/wp-content/themes/chicmic/whatsapp.svg); background-size: cover; }
.product:hover { width: 20px; margin-top: 70px; writing-mode: vertical-lr; text-orientation: mixed; -webkit-transform: rotate(180deg); background-color: #000; }
.product-text { float: left; width: 240px; padding: 0; margin: 0; display: none; background-color: #f47c43; color: #fff; }
.product:hover .product-text { display: block; }


.md-boxes h2 { font-size: 21px; color: #000; font-weight: 700; margin-bottom: 16px; text-transform: capitalize; }
.md-boxes:hover h2 { color: var(--white); }
.md-boxes h3 { font-weight: 700; }
.quote_form_sec .angular { background: url(https://www.chicmic.in/wp-content/themes/chicmic/img/services-portfolio/angular_requirement_bg.webp) no-repeat; background-size: cover; padding: 80px 0; }
.full-slider .summary_banner .new_summary h1 { color: #ffc221; }
.btn.ripple-surface { min-width: initial!important; }
.btn.ripple-surface .ripple-wave { display: none; }
@media (min-width:1200px)and (max-width:1440px) {
  .full-slider .summary_banner h1,  .full-slider .summary_banner .h1  { font-size: 2.7rem; line-height: 1; }
  .full-slider .summary_banner h1 span ,  .full-slider .summary_banner .h1 span{ font-size: 1.3rem; }
  .full-slider .summary_banner ul.counter { margin: 16px 0; }
  .summary_banner .theme_btn .btn { margin-top: 15px; }
  .full-slider .slider-banner-image .summary_banner p { font-size: 15px; }
  .thumb-image { margin: -60px 0 0; }
  .full-slider .thumbnail-image { height: 60px; }
}
#banner-slider { margin-top: 0; }
.position-fixed { position: fixed!important; z-index: 1111; top: 0; right: 0; }
#page_contact_form .iti { width: 100%; }
.want_to_do .form-group .form-control { border-radius: 8px; border: 1px solid #e9eef2; background-color: #fafbfd; padding: 14px 16px; box-shadow: none!important; min-height: 56px; background-position-x: 95%; }
.want_to_do .btn.btn-primary { margin-top: 0; height: 54px; min-width: 210px; }
.want_to_do .form-group .form-control:focus { box-shadow: none; border-color: #e2652b; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.contact-title h3 { margin: 0; color: #d85d27; font-size: 20px; font-weight: 400; line-height: 28px; }
.contact-title { background: linear-gradient(90deg, #fff1e4 0, rgba(255, 241, 228, 0.00) 103.85%); padding: 10px 74px 10px 8px; border-radius: 8px; gap: 5px; margin-bottom: 24px; }
.contact-page h1 { color: #333; font-size: 42px; font-weight: 700; line-height: 50px; text-transform: capitalize; margin-bottom: 13px; }
.contact-page h1 span { color: #d85d27; }
.contact-page .summary_banner { min-height: auto; }
.contact-page { padding-top: 100px; padding-bottom: 67px; }
.want_to_do .form-group label { font-weight: 600; }
.portfolio-group-no_summary .portfolio_bg.charc_bg { min-height: auto; }
.nft-character-sec .theme_btn { position: relative; z-index: 10; }
.common_chracter-group .theme_btn { max-width: 480px; position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; padding: 0 50px; display: none; }
.portfolio_wrap .portfolio-group:nth-child(odd) .common_chracter-group .theme_btn { right: 0; display: none; }
.portfolio_wrap .portfolio-group:nth-child(even) .common_chracter-group .theme_btn { left: 0; display: none; }
.common_chracter-group .theme_btn .btn { font-size: 22px; font-weight: 600; padding: 10px 24px; cursor: pointer; text-align: center; display: inline-block; color: var(--white); vertical-align: super; border: 2px solid #98a4ad; background-color: #000; margin-top: 0; position: relative; transition: .5s; border-radius: 5px; min-width: initial!important; max-width: 200px; max-height: 55px; width: 100%!important; display: none; }
.common_chracter-group .theme_btn .btn:hover { background-color: var(--white); color: #000; border: 2px solid #000; display: none; }
.contact_us_banner img { max-width: 100%; height: auto; }
@media(min-width:992px) {
  .links_new .accordion-title { pointer-events: none; }
  .dropdown-menu1 { display: block; }
  .accordin_content { display: block!important; height: auto!important; }
}
@media (min-width:1200px) {
  .contact-page h1 { font-size: 45px; line-height: 60px; }
}
@media (min-width:1680px) {
  .contact-page h1 { font-size: 70px; line-height: 80px; }
}
@media(max-width:1199.98px) {
  .contact-page { padding-top: 30px; padding-bottom: 30px; }
}
@media(max-width:991px) {
  .dropdown_option { margin-bottom: 15px; }
  #selected-count { display: block; }
  footer p { padding-top: 5px; }
  .work .how_work { padding-bottom: 0; }
  .metachoose_sec { padding: 20px 0; padding: 10px 0; }
  .work_block em img { max-width: 70px; }
  .group_card .slick-dots li.slick-active button:before { color: #f47c43!important; }
  .how_work .slick-dots li.slick-active button:before { color: #f47c43!important; }
  .how_work .slick-dots { bottom: -15px; }
  .how_work .slick-dots li button:before { color: #00000040; opacity: 1; font-size: 8px; }
  .group_image .slick-dots li button:before { color: #00000040; opacity: 1; font-size: 8px; }
  .nft_arts h2 { font-size: 22px; }
  .nft_arts p { font-size: 15px; }
  .metaverseapp_box .slick-dots li.slick-active button:before { color: #f47c43; }
  .metaverseapp_box .slick-dots li button:before { color: #00000045; }
  .metaverse-work-desc .slick-dots li.slick-active button:before { color: #f47c43; }
  .metaverse-work-desc .slick-dots li button:before { color: #00000045; }
  .text_title_hedd { margin-bottom: 10px; }
  .features_secn ul li { font-size: 14px; line-height: 28px; }
  .text_title_hedd h4 { font-size: 26px; }
  .userprob_img { padding: 0; }
  .funcn_list ul li { font-size: 14px; line-height: 24px; }
  .brown_box { padding: 15px 20px; }
  .slick-dots li { margin: 0 2px; width: 12px; height: 12px; }
  .spiral_shape .web_wrap { padding: 0 20px; }
  .nft-char_desc { overflow: hidden; }
  .portfolio-group-no_summary { margin-bottom: 40px; }
  .group_card .slick-slide img { display: inline; }
  .work_section .owl-dots { top: 55px; display: flex; position: relative; justify-content: center; z-index: 99; }
  .work_section .owl-dot.active { background: #f47c43; }
  .work_section .owl-nav.disabled { display: none; }
  .work_section .owl-dot { width: 12px; height: 12px; background: #f47c43; display: block; border-radius: 25px; z-index: 9999; position: relative; background: #f5f5f5; margin: 4px; padding: 0; border: 1px solid #f47c43; }
  .home_services .slick-dots li button:before { opacity: 1!important; border-radius: 100%; color: #00000040; font-size: 8px!important; margin: 0 -3px; }
  .home_services .slick-dots li.slick-active button:before { color: #f47c43!important; }
  .roblox_services .slick-dots { bottom: 122px!important; }
  .environment .slick-dots { bottom: 122px!important; }
  #why_choose_slider .slick-dots li button:before { opacity: 1!important; border-radius: 100%; color: #00000040; font-size: 8px!important; margin: 0 -3px; }
  #why_choose_slider .slick-dots li.slick-active button:before { color: #f47c43!important; }
  .why_choose_updated .md-boxes { min-height: 300px; }
  .md-boxes:nth-child(2n+1), .why_choose_updated .md-boxes:first-child { margin: 0 auto; }
  footer hr { display: none; }
  footer .links_new { border-bottom: 1px solid #d7d5d5; margin: 0; padding: 0; }
  footer .new_footer_links .links_new::before { content: ''; background-image: url(img/services-portfolio/down_blk_arrow.svg); background-position: center; background-size: 100%; margin: 0; transform: scaleY(1); text-align: right; padding: 8px; background-repeat: no-repeat; position: absolute; right: 0; top: 10px; }
  footer .new_footer_links .active.links_new::before { transform: scaleY(-1); -webkit-transform: scaleY(-1); }
  .accordion { margin: 0; padding: 5px 0; }
  .accordin_content { display: none; }
  .active .accordin_content { display: block; padding-bottom: 20px; }
  .work_steps { margin-bottom: 30px; margin-bottom: 30px; border: 1px solid #46a9d8; border-radius: 20px; padding: 15px; }
  #services-slider-nft_how-we-work .slick-slide { margin: 0 15px; }
  .btn_coman { margin: 15px 0 0; }
  .nemoland-work .top-blend-box { padding: 0; }
}
@media (min-width:992px) {
  ul.accordin_content { display: block!important; height: auto!important; }
}
@media(max-width:767px) {
  .contact_footer h5 { margin: 5px 0; font-size: 20px; font-weight: 600; }
  h5.accordion-title { width: 100%; position: relative; padding: 10px 20px 10px 0; margin: 0; font-size: 16px; font-weight: 400; }
  .why_choose_updated .md-boxes { padding: 18px; margin-bottom: 40px; }
  .button_size { width: 46px; }
  .project_info .store-download { margin: 10px; }
  .portfolio-group .app_summary { margin-top: 0; margin-bottom: 30px; padding: 20px 0; }
  .portfolio-group .app_summary p { font-size: 14px; }
  .why_choose_updated { padding-bottom: 40px; }
  .button_class { width: 44px; }
  #inner_form_get_started textarea { min-height: 60px; }
  .md-boxes h2 { font-size: 18px; font-weight: 600; margin-bottom: 10px; }
  .title_new { margin-bottom: 0; }
  .why_choose_updated .md-boxes img { margin: 0; height: 50px; }
  .title_center { padding-bottom: 15px; margin-bottom: 0; }
  .why_choose .grey_bg.why_choose_updated .updated_button { padding: 0; }
  a.toggle-text-link { color: #f47c43; }
  .toggle-text-content span { display: none; }
  .work_section .owl-dot { width: 10px; height: 10px; display: block; border-radius: 25px; z-index: 9999; position: relative; background: var(--white); margin: 6px; padding: 5px; border: 1px solid #f47c43; }
  .sidebar_menu { margin-bottom: 10px; position: relative; }
  .sidebar_menu button { background-color: var(--white); background-image: url(img/services-portfolio/down_blk_arrow.svg); background-repeat: no-repeat; background-position: right 15px center; background-size: 14px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); width: 100%; display: block; font-size: 14px; border: 0; border: 1px solid #e9e9e9; border-radius: 10px; color: var(--black-color); text-align: left; padding: 15px 25px 15px 14px; }
  .view_btn { margin-top: 0; }
  .choose_services { margin: 0; }
  .choose_services.options { max-height: 188px; overflow-y: auto; overflow-x: hidden; background: var(--white); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); border-radius: 10px; position: absolute; top: 100%; z-index: 11; width: 100%; }
  .choose_services .customOptions span { text-align: left; border-radius: 0; border-width: 0 0 1px; }
  .choose_services.options::-webkit-scrollbar { width: 6px; }
  .choose_services .customOptions { width: 100%; margin: 0; }
  .choose_services.options .customOptions { margin: 5px; }
  .choose_services.options .customOptions span { border-width: 0 0 1px; background: var(--white); border-radius: 0; }
  .choose_services .customOptions input[type="checkbox"]:checked+span { background: #f8f8f8; color: #000; }
  .choose_services .customOptions input[type=checkbox]:before { background-color: var(--white); }
  #dropdown.choose_services .customOptions input[type=checkbox]:checked { background-color: #a77e2d!important; color: var(--white)!important; }
  .dropdown-toggle { padding: 10px; background-color: var(--white); border-bottom: 1px solid #ccc; cursor: pointer; }
  .dropdown-menu1 { display: none; position: absolute; background-color: var(--white); min-width: 160px; z-index: 99; max-height: 188px; overflow-y: auto; overflow-x: hidden; border: 1px solid #e2ebee; border-radius: 5px; margin-top: 5px; }
  .dropdown-menu1 li { list-style: none; padding: 5px; }
  .sidebar_menu button::before { transform: scaleY(-1); --webkit-transform: scaleY(-1); }
  .full-slider .summary_banner { padding: 20px 0 0; }
  .new_footer_links { margin: 0 -10px; }
  .toggle-text .toggle-text-content p { font-size: 16px; line-height: 1.5; font-weight: 400; color: var(--black-color); }
  .customOptions span:before { content: ''; --webkit-appearance: none; background-color: transparent; border: 2px solid #f47c43; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05); display: inline-block; vertical-align: middle; position: absolute; right: 12px; top: 8px; border-radius: 5px; cursor: pointer; width: 22px; height: 22px; }
  .customOptions input:checked+span:after { content: ''; display: block; position: absolute; top: 11px; width: 6px; right: 20px; height: 12px; border: solid #f47c43; border-width: 0 2px 2px 0; transform: rotate(45deg); }
  .choose_services .customOptions span { position: relative; min-width: 300px; }
  .summary_banner .theme_btn .btn { margin-top: 0; }
  .content { display: -webkit-box; -webkit-line-clamp: 6; overflow: hidden; }
  .concept_3d .slider-thumb { margin-top: -17px; }
  .concept_3d .slider-banner-image { height: calc(100vh - 215px); }
  .slick-dots li { margin: 0 2px; width: 12px!important; height: 12px!important; }
  .roblox_services .slick-dots { bottom: 86px!important; }
  .environment .slick-dots { bottom: 86px!important; }
  .meta_space { padding: 0 5px; }
  a.md-boxes.wow.fadeInUp { max-width: 100%; padding: 15px; box-shadow: none; margin: 15px 0; }
  .design_banner .slider-thumb { min-height: 0; }
  .banner_btn .theme_btn .btn { margin-top: 40px; }
  .blockchain-wrap .toggle-text .toggle-text-content { color: rgba(255, 255, 255, .8); line-height: 24px; font-size: 15px; text-align: center; }
}
@media(min-width:767px) and (max-width:991px) {
  .accordion { margin-top: 40px; }
  footer ul li { font-size: 19px; }
  footer h5 { margin: 15px; margin-left: 0; }
  footer .new_footer_links .links_new::before { padding: 8px; }
  .group_image .card_content { min-height: 180px; }
  .radius_box { border-radius: 0; }
  .faq_ans p { font-size: 18px; }
  .nft_arts h2 { font-size: 30px; }
  .view_btn { margin-top: 0; }
  .work_steps { min-height: 200px; }
  .metaverse_appinner_box { min-height: 500px; }
  .design_service .desktp_bg .over_banner { height: 510px; }
  .slick_services .slick-slider { margin-left: -15px; margin-left: -15px; }
  .slick_services .slick-slide { margin: 15px; }
}
.btn.focus, .btn:focus { box-shadow: none; }
@media (min-width:768px) and (max-width:991px) {
  .container { max-width: 870px; }
}
@media (min-width:992px) and (max-width:1200px) {
  .container { max-width: 960px; }
}
@media (min-width:1680px) {
  .container { width: 1620px; }
}
.z-index-10{
  z-index: 10;
}

@media (min-width:1200px) {
  .new_portfolio_landing, .static_inner_pages { padding-top: 100px; }
}
.new_portfolio_landing h2 { color: var(--base-color); font-size: 32px; font-weight: 600; margin-bottom: 5px; line-height: 1.3; text-transform: none; }
.new-portfolio_banner .h1, .new-portfolio_banner h1 { color: var(--base-color); font-size: 35px; font-weight: 600; text-transform: capitalize; margin-top: 10px; }
.new-portfolio_banner .h1 img , .new-portfolio_banner h1 img{ max-width: 100%; height: 50px; object-position: left center; object-fit: contain; display: block; }
.new-portfolio_banner .h1 span, .new-portfolio_banner h1 span { color: #77b834; font-size: 74px; font-weight: 700; line-height: 1.5; display: contents; }
.mobile .new_portfolio_landing .slider_category .slick-slide a:hover { color: #222121!important; }
.banner-box p { color: #686363; font-size: 20px; font-weight: 400; line-height: 1.7; margin: 0; text-align: justify; }
@media (min-width:1200px) and (max-width:1680px) {
  .new_portfolio_landing h2 { font-size: 28px; }
}
@media (max-width:1199.98px) {
  .new_portfolio_landing h2 { font-size: 20px; }
}
@media (min-width:1200px) and (max-width:1680px) {
  .new-portfolio_banner .h1, .new-portfolio_banner h1 { font-size: 36px; margin-top: 5px; line-height: 40px; }
  .new-portfolio_banner .h1 img, .new-portfolio_banner h1 img { max-width: 100%; height: 50px; }
  .new-portfolio_banner .h1 span, .new-portfolio_banner h1 span { font-size: inherit; font-weight: 700; line-height: 1.3; }
}
@media (min-width:768px) and (max-width:1199.98px) {
  .new-portfolio_banner .h1 { font-size: 32px; line-height: 1.5; margin-top: 2px; }
  .new-portfolio_banner .h1 span { font-size: inherit; font-weight: 700; }
  .review_based { margin-bottom: 30px!important; }
}

@media (max-width:767px) {
  .new-portfolio_banner .h1,.new-portfolio_banner h1 { font-size: 24px; line-height: 1.4; margin-top: 5px; }
  .new-portfolio_banner .h1 span { font-size: 24px; font-weight: 700; line-height: 1.4; }
  .new-portfolio_banner h1 img , .new-portfolio_banner .h1 img{ max-width: 100%; height: 30px; vertical-align: middle;display: inline-block; }
}
.new_portfolio_landing .h4, .new_portfolio_landing h4 { color: var(--base-color); font-size: 22px; font-style: normal; font-weight: 600; line-height: 1.3; }
.cta_btn { position: relative; min-width: 210px; overflow: hidden; height: 50px; border-radius: 6px; box-shadow: 0 3px 20px 0 rgba(142, 64, 30, 0.22); display: flex; justify-content: center; align-items: center; padding: .5rem 1rem; line-height: 1.5; transition: all .7s cubic-bezier(.3, 0, .3, 1); -webkit-transition: all .7s cubic-bezier(.3, 0, .3, 1); }
@media (min-width:768px) and  (max-width:1199.98px) {
  .new_portfolio_landing .h4, .new_portfolio_landing h4 {font-size: 18px;}
}
.btn-primary { background: var(--primary-color); border: 1px solid var(--primary-color); color: var(--white-color); overflow: hidden; position: relative; z-index: 1; }
.btn-primary::after, .btn-white::after { content: ''; position: absolute; left: -10%; top: -50%; width: 120%; height: 121%; background: var(--white-color); transition: all .7s cubic-bezier(.3, 0, .3, 1); -webkit-transition: all .7s cubic-bezier(.3, 0, .3, 1); transform: translate3d(0, -100%, 0) skew(-10deg, -10deg); -webkit-transform: translate3d(0, -100%, 0) skew(-10deg, -10deg); z-index: -1; }
.btn-primary:hover { color: var(--base-color); }
.btn-primary:focus em img, .btn-primary:hover em img { filter: brightness(100%) invert(100%); }
.btn-primary:focus::after, .btn-primary:focus::after, .btn-primary:hover::after, .btn-white:hover::after { top: -17%; transform: translate3d(0, 0, 0) skew(0); -webkit-transform: translate3d(0, 0, 0) skew(0); }
.btn-white { border: 1px solid var(--white-color); background: var(--white-color); color: var(--base-color); position: relative; z-index: 1; }
.btn-white::after { background: var(--primary-color); }
.btn-white:active, .btn-white:hover { box-shadow: none; border: 1px solid var(--white-color); color: var(--white-color); }
.btn-white:hover em img { filter: brightness(0) invert(100%); }
.Solutions .solution_summary button:hover span { color: var(--white-color); }
.cta_btn span { text-align: center; font-size: 18px; font-weight: 500; line-height: 1.5; text-align: left; }
.cta_btn em { margin-right: 15px; }
.cta_btn img { max-width: 25px; max-height: 25px; }
@media (min-width:1681px) {
  .cta_btn { min-height: 50px; min-width: 200px; }
}
@media (max-width:1680px) {
  .cta_btn span { font-size: 15px; }
}
@media (min-width:1200px) and (max-width:1680px) {
  .cta_btn { min-width: 160px; height: 44px; }
  .cta_btn em { margin-right: 12px; }
  .cta_btn em img { max-width: 18px; max-height: 18px; }
}
@media (min-width:768px) and (max-width:1199.98px) {
  .cta_btn { min-width: 150px; height: 40px; }
  .cta_btn em { margin-right: 16px; margin-top: -3px; }
  .cta_btn em img { max-width: 16px; max-height: 16px; }
}
@media (max-width:767px) {
  .cta_btn { min-width: 190px; height: 48px; position: relative; }
  .cta_btn em { margin-right: 16px; }
  .cta_btn em img { max-width: 22px; max-height: 22px; }
  .new_portfolio_landing .h4, .new_portfolio_landing h4 { font-size: 18px; }
}
.btn-primary-outline { position: relative; background-color: var(--white-color); border: 1px solid #d85d27; color: #d85d27; min-width: 210px; height: 54px; border-radius: 6px; box-shadow: 0 3px 20px 0 rgba(142, 64, 30, 0.22); display: inline-flex; justify-content: center; align-items: center; padding: .5rem 1rem; line-height: 1.5; }
.btn-primary-outline:active, .btn-primary-outline:focus { box-shadow: none; background-color: var(--white-color); border: 1px solid var(--primary-color); color: var(--primary-color); }
.btn-primary-outline span { text-align: center; font-size: 18px; font-weight: 500; line-height: 1.5; text-align: left; }
@media (min-width:1681px) {
  .btn-primary-outline { min-height: 54px; min-width: 210px; }
}
@media (max-width:1680px) {
  .btn-primary-outline span { font-size: 15px; }
}
@media (min-width:1200px) and (max-width:1680px) {
  .btn-primary-outline { min-width: 160px; height: 44px; }
}
@media (min-width:768px) and (max-width:1199.98px) {
  .btn-primary-outline { min-width: 150px; height: 40px; }
}
@media (max-width:767px) {
  .btn-primary-outline { min-width: 190px; height: 48px; position: relative; }
  .website_link .btn-primary-outline {  min-width: 100%;}
}
.btn-primary::after, .btn-white::after { top: -100%; }
.new_portfolio_landing .portfolio_banner .summary_banner { max-width: 100%; }
.top_rated { max-width: 600px; width: 100%; margin-top: 30px; display: flex; border-radius: 14px; padding: 14px; }
.top_rated .top_ratedLeft { width: 60%; }
.top_rated .top_ratedRight { width: 40%; align-items: center; }
.top_rated .top_ratedLeft em { width: 66px; height: 66px; display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 8px; }
.banner-green-box { background-color: #e7f6e5; }
.top_rated.banner-green-box .top_ratedLeft em { background-color: #14a800; }
.banner-grey-box.top_rated .top_ratedLeft em { background-color: #144168; }
.banner-grey-box { background-color: #e7ecef; }
.top_rated .top_ratedLeft em img { max-width: 35px; height: auto; object-fit: scale-down; }
.top_rated .top_ratedContent small { color: #0c0c0c; font-size: 1rem; font-style: normal; display: block; font-weight: 400; line-height: 1.2; text-transform: capitalize; }
.top_rated .top_ratedContent span { color: #0c0c0c; font-size: 21px; font-style: normal; font-weight: 700; line-height: 1.3; text-transform: capitalize; display: block; text-overflow: ellipsis; overflow: hidden; }
.top_rated .top_ratedLeft .top_ratedContent { width: calc(100% - 66px - 15px); margin-left: 15px; }
.top_rated .top_ratedRight em { width: 106px; height: 66px; display: flex; justify-content: flex-end; align-items: center; }
.top_rated .top_ratedRight em img { max-width: 106px; }
.top_rated .top_ratedRight .top_ratedContent { width: calc(100% - 106px - 11px); margin-left: 11px; }
.banner-grey-box.top_rated .top_ratedRight em { width: 30px; }
.top_rated.banner-grey-box .top_ratedRight .top_ratedContent { width: calc(100% - 30px - 11px); margin-left: 11px; }
.banner-box { max-width: 90%; }
@media (min-width:1200px) and (max-width:1680px) {
  .new_portfolio_landing .portfolio_banner .summary_banner h1 img { max-height: 54px; }
  .top_rated { width: 100%; margin-top: 28px; padding: 9px; }
  .top_rated .top_ratedLeft em { width: 44px; height: 44px; }
  .top_rated .top_ratedLeft em img { max-width: 28px; height: auto; }
  .top_rated .top_ratedLeft .top_ratedContent { width: calc(100% - 44px - 13px); margin-left: 13px; }
  .top_rated .top_ratedContent small { font-size: 13px; display: block; }
  .top_rated .top_ratedContent span { font-size: 1rem; }
  .top_rated .top_ratedRight em { width: 72px; height: 44px; }
  .top_rated .top_ratedRight .top_ratedContent { width: calc(100% - 72px - 11px); margin-left: 11px; }
  .top_rated .top_ratedRight em img { max-width: 72px; max-height: 44px; }
  .banner-box { max-width: 90%; }
}
@media (min-width:768px) and (max-width:1199.98px) {
  .new_portfolio_landing .portfolio_banner .summary_banner { align-items: center; }
  .new_portfolio_landing .portfolio_banner .summary_banner h1 { text-align: center; }
  .new_portfolio_landing .portfolio_banner .summary_banner h1 img { max-height: 44px; }
  .new_portfolio_landing .portfolio_banner .summary_banner p { font-size: 15px; text-align: center; }
  .top_rated { width: 100%; margin-top: 28px; padding: 8px; margin-left: auto; margin-right: auto; }
  .top_rated .top_ratedLeft em { width: 38px; height: 38px; }
  .top_rated .top_ratedLeft em img { max-width: 24px; height: auto; }
  .top_rated .top_ratedLeft .top_ratedContent { width: calc(100% - 38px - 15px); margin-left: 15px; }
  .top_rated .top_ratedContent small { font-size: 12px; display: block; }
  .top_rated .top_ratedContent span { font-size: 14px; }
  .top_rated .top_ratedRight em { width: 62px; height: 30px; }
  .top_rated .top_ratedRight em img { max-width: 62px; max-height: 30px; }
  .top_rated .top_ratedRight .top_ratedContent { width: calc(100% - 62px - 8px); margin-left: 8px; }
  .banner-grey-box.top_rated .top_ratedRight em { width: 22px; }
  .banner-grey-box.top_rated .top_ratedRight em img { width: 22px; }
  .top_rated.banner-grey-box .top_ratedRight .top_ratedContent { width: calc(100% - 22px - 9px); margin-left: 9px; }
  .svgBanner { margin-top: 28px; }
  .bannerArea svg { width: 100%; height: 100%; }
}
@media (min-width:992px) and (max-width:1199.98px) {
  .top_rated_group { display: flex; gap: 20px; }
}
@media (max-width:991px) {
  .banner-box { max-width: 100%; }
}
@media (max-width:767px) {
  .top_rated { width: 100%; margin-top: 16px; padding: 8px; }
  .new_portfolio_landing .portfolio_banner .summary_banner h1 img { max-height: 46px; }
  .top_rated .top_ratedLeft em { width: 40px; height: 40px; }
  .top_rated .top_ratedLeft em img { max-width: 24px; height: auto; }
  .top_rated .top_ratedLeft .top_ratedContent { width: calc(100% - 40px - 9px); margin-left: 9px; }
  .top_rated .top_ratedContent small { font-size: 12px; display: block; }
  .top_rated .top_ratedContent span { font-size: 14px; }
  .top_rated .top_ratedRight em { width: 60px; height: 30px; }
  .top_rated .top_ratedRight em img { width: 60px; height: 30px; width: 60px; max-height: 30px; }
  .top_rated .top_ratedRight .top_ratedContent { width: calc(100% - 60px - 6px); margin-left: 6px; }
  .banner-box P { font-size: 14px; }
  .banner-grey-box.top_rated .top_ratedRight em { width: 22px; height: 22px; }
  .banner-grey-box.top_rated .top_ratedRight em img { width: 22px; height: 22px; }
  .top_rated.banner-grey-box .top_ratedRight .top_ratedContent { width: calc(100% - 22px - 6px); margin-left: 6px; }
}
.new-portfolio_banner .banner-image { width: 430px; height: 700px; position: absolute; left: 28%; top: 4%; }
.new-portfolio_banner .banner-image2 { width: 445px; height: 640px; position: absolute; left: -10%; }
.new-portfolio_banner .banner-image3 { position: absolute; right: -16%; top: 25%; width: 320px; height: 120px; }
.new-portfolio_banner .banner-image4 { position: absolute; right: -11%; top: 46%; width: 320px; height: 150px; }
.new-portfolio_banner .banner-image5 { position: absolute; right: -11%; top: 66%; width: 320px; height: 130px; }
.new-portfolio_banner .banner-image6 { position: absolute; right: 16%; top: 15px; width: 320px; height: 130px; }
.item { margin-left: 60px; }
.call_section { width: 100%; height: auto; border-radius: 14px; border: 1px solid #d6d5d5; padding: 12px 16px; }
.counter_services .counter_items { min-height: calc(100% - 16px); overflow: hidden; margin-top: 16px; background: transparent; border-radius: 10px; padding: 12px 16px; display: block; align-items: center; position: relative; }
@media (min-width:1681px) {
  .call_section { padding: 50px 60px; }
  .counter_services .counter_items { min-height: calc(100% - 40px); margin-top: 40px; padding: 20px 40px; }
}
@media (min-width:1200px) and (max-width:1680px) {
  .call_section { padding: 32px 42px; }
  .counter_services .counter_items { min-height: calc(100% - 32px); margin-top: 32px; padding: 13px 28px; }
}
@media (min-width:768px) and (max-width:1199.98px) {
  .call_section { padding: 20px 24px; }
  .counter_services .counter_items { min-height: calc(100% - 24px); margin-top: 24px; padding: 12px 24px; }
}
.counter_services .counter_items::after { content: ''; position: absolute; top: 0; left: 0; width: 106px; height: 100%; border-radius: 10px; background: linear-gradient(90deg, #fff1e4 0, rgba(255, 241, 228, 0.00) 100%); z-index: -1; }
@media (min-width:1681px) {
  .counter_services .counter_items::after { width: 160px; }
}
.counter_services .counter_items p { text-align: left; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.3; margin: 0; }
.counter_services .counter_items h3 { color: #312d2d; margin-bottom: 0; font-size: 20px; font-weight: 700; line-height: 1.3; text-transform: capitalize; }
@media (min-width:768px) and (max-width:1199.98px) {
  .counter_services .counter_items h3 { font-size: 22px; line-height: 1.3; }
}
@media (min-width:1200px) and (max-width:1680px) {
  .counter_services .counter_items h3 { font-size: 24px; line-height: 1.3; }
}
@media (min-width:1681px) {
  .counter_services .counter_items h3 { font-size: 36px; line-height: 1.3; }
  .counter_services .counter_items p { font-size: 20px; }
}
.services { width: 100%; height: auto; background-color: #fff1e4; margin: 0; }
.services_blocks { margin-top: 26px; }
.services_blocks_row { display: grid; grid-template-columns: repeat(7, 1fr); gap: 20px; }
.services_blocks_row .service_column { width: 100%; background-color: var(--white); padding: 40px 30px; border-radius: 14px; min-height: 100%; max-height: 100%; }
.services_icon { display: inline-flex; margin: 0 15px 0 0; align-items: center; justify-content: center; background-color: var(--white); padding: 6px; border-radius: 6px; }
.services_icon img { max-width: 32px; max-height: 32px; }
@media (min-width:1681px) {
  .services_icon { width: 48px; height: 48px; padding: 7px; }
}
@media (min-width:1200px) {
  .services_blocks_row { gap:24px;}
}
@media (min-width:1300px) and (max-width:1680px) {
  .services_icon { width: 36px; height: 36px; }
  .services_icon img { max-width: 24px; max-height: 24px; }
}
@media (min-width:991px) and (max-width:1299.98px) {
  .services_icon { width: 32px; height: 32px; }
  .services_icon img { max-width: 20px; max-height: 20px; }
}
@media (max-width:767px) {
  .services_icon { width: 32px; height: 32px; }
  .services_icon img { max-width: 20px; max-height: 20px; }
}
.services_blocks_row .service_column:last-child { margin-right: 0; }
.service_column h3 { color: #312d2d; text-align: center; font-size: 16px; font-weight: 500; line-height: 1.3; text-transform: capitalize; margin-top: 2px; margin-bottom: 0; }
.services_blocks_row .service_column img { height: 56px; width: auto; object-fit: contain; max-width: 60px; }
.services_blocks_row.tick-row-check img { max-width: 25px; margin-right: 8px; height:25px;}
@media (min-width:1681px) {
  .service_column h3 { font-size: 18px; margin-top: 15px; }
}
@media (min-width:1200px) and (max-width:1680px) {
  .service_column h3 { font-size: 15px; margin-top: 16px; }
  .services_blocks_row { gap: 16px; }
  .services_blocks_row .service_column { padding: 28px 19px 22px; }
}
@media (min-width:992px) and (max-width:1199.98px) {
  .services_blocks_row { grid-template-columns: repeat(4, 1fr); gap: 16px; }
  .services_blocks_row .service_column { padding: 20px 12px 18px; }
}
@media (max-width:1200px) {
  .service_column h3 { font-size: 16px; margin-top: 12px; }
  .services_blocks_row .service_column img { height: 40px; }
  .services_blocks_row .service_column:last-child { margin-bottom: 0; }
}
@media (min-width:768px) and (max-width:991.98px) {
  .services_blocks_row { flex-wrap: wrap; }
  .services_blocks_row .service_column { padding: 20px 12px 18px!important; }
  .services_blocks_row { grid-template-columns: repeat(4, 1fr); gap: 16px; }
  .services_blocks_row .service_column:nth-child(3n) { margin-right: 0; }
}
@media (max-width:767px) {
  .services_blocks_row .service_column { padding: 19px 16px; min-height: calc(100% - 0px); margin-right: 0; max-height: calc(100% - 0px); margin-bottom: 0; }
  .services_blocks_row { grid-template-columns: repeat(2, 1fr); gap: 16px; flex-wrap: wrap; }
  .services_blocks_row .service_column:nth-child(even) { margin-right: 0; }
  .service_column h3 { font-size: 14px; }
}
.services .button_align { justify-content: end; }
.light-black { color: rgba(0, 0, 0, .7)!important; }
.para-light { color: rgba(255, 255, 255, 0.5)!important; }
.solutions_group .Solutions { padding: 20px 0; }
.Solutions { position: sticky; position: -webkit-sticky;}
.solutions_wrapper { padding: 35px 0 0; }
.title_h2_new h2.h4 { color: #312d2d; font-style: normal; font-weight: 500; line-height: 1.3; text-transform: capitalize; }
@media (max-width:767px) {
  .title_h2_new h2.h4 { font-size: 14px; }
}
@media (min-width:768px) {
  .title_h2_new h2.h4 { font-size: 15px; }
  .solutions_group .Solutions { padding: 5px 0; }
}
@media (min-width:1200px) {
  .title_h2_new h2.h4 { font-size: 18px; }
  .solutions_group .Solutions { padding: 5px 0!important; }
}
@media (min-width:1681px) {
  .title_h2_new h2.h4 { font-size: 22px; }
}
.solutions_wrapper .services_icon { background: #fff4ee; }
.Solutions .services_icon { background-color: #fff1e4; }
.Solutions .solution_summary p { color: var(--white); padding-top: 10px; }
@media (min-width:768px) and (max-width:1023px) {
  .Solutions .solution_summary p { font-size: 15px; line-height: 1.5; }
}
@media (min-width:768px) and (max-width:991px) {
  .services .button_align { justify-content: start; }
}

.solution_summary h2 { color: var(--white); font-size: 23px; }
.solution_bg { height: auto; border-radius: 14px; margin-top: 10px; padding: 0 70px; }
.Solutions .solution_bg { margin-top: 30px; }
.Solutions .solution_summary button { box-shadow: 0 3px 14px 0 rgba(219, 219, 219, 0.30); }
.Solutions .solution_summary button span { color: #d85d27; }
.purple_bg_grad { background: linear-gradient(180deg, #435dc9 0, #1d3597 100%); }
.orange_bg_grad { background: linear-gradient(180deg, #ff9434 0, #fb560c 100%); }
.yellow_bg_grad { background: linear-gradient(180deg, #f3bf2b 0, #d2a00f 100%); }
.mehroon_bg_grad { background: linear-gradient(180deg, #e86a61 0, #a43421 100%); }
.purplee_bg_grad { background: linear-gradient(180deg, #958ada 0, #543ea5 100%); }
.cyan_blue_bg_grad { background: linear-gradient(180deg, #43c5d6 0, #0d697a 100%); }
.green_bg_grad { background: linear-gradient(180deg, #82c363 0, #2a711e 100%); }
.skyblue_bg_grad { background: linear-gradient(180deg, #3fbaf3 0, #00618d 100%); }
.solutions_image_grp figure { padding: 28px 0; margin: 0; gap: 30px; }
.solutions_image_grp figure img { max-width: 270px; }
.solutions_image_grp figure .left_img { margin-bottom: -28px; }
.solutions_image_grp figure .right_img { margin-top: -28px; }
.Solutions .solution_summary .cta_button { margin-top: 40px; }
.portfolio_logo_head h2 { margin-bottom: 0; }
@media (max-width:767px) {
  .Solutions .solution_bg { margin-top: 0; padding: 20px 24px 0; }
  .solutions_image_grp { margin-top: 30px; }
  .Solutions .solution_summary .cta_button { margin-top: 24px; }
  .solutions_image_grp figure { padding: 0; gap: 0; }
  .solutions_image_grp figure .left_img { margin-bottom: 0; }
  .solutions_image_grp figure .right_img { margin-top: 0; }
}
@media (min-width:768px) and (max-width:991.98px) {
  .Solutions .solution_bg { padding: 20px 40px 0; }
}
@media (min-width:768px) and (max-width:1200px) {
  .solutions_image_grp figure img { max-width: 180px; }
}
@media (min-width:768px) {
  .Solutions .solution_bg { padding: 0 40px; }
  .Solutions .solution_summary .cta_button { margin-top: 24px; }
}
@media (min-width:1681px) {
  .Solutions .solution_bg { padding: 0 70px; }
}
.our_firms { width: 100%; border-radius: 14px; background-color: #f3ebeb; padding: 70px 80px; }
.our_firms span { font-weight: 700; }
.our_firms p { text-align: center; }
.headingbox { max-width: 870px; margin: 0 auto; width: 100%; }
.our_firms_card { justify-content: center; margin-top: 50px; gap: 125px; }
.our_firms_card .image_adjust { margin-bottom: 0; }
.our_firms_card .image_adjust img { margin-bottom: 0; }
@media (max-width:767px) {
  .our_firms_card { margin-top: 25px; gap: 34px; }
  .our_firms { padding: 24px 16px; }
  .our_firms_card .image_adjust { text-align: center; margin-bottom: 0; }
  .our_firms_card .image_adjust img { max-width: 220px; margin: 0 auto; }
}
@media (min-width:768px) and (max-width:1199.98px) {
  .our_firms_card { margin-top: 36px; gap: 66px; }
  .our_firms { padding: 40px; }
}
@media (min-width:1200px) and (max-width:1680px) {
  .our_firms_card { margin-top: 36px; gap: 86px; }
  .our_firms { padding: 36px; }
}
.how_it_work .services_icon { background-color: #fff1e4; }
.work_part { margin-top: 40px; text-align: center; display: flex; justify-content: center; gap: 20px; }
.how_it_work .work_place:last-child { margin-right: 0; }
.how_it_work h3 { color: #312d2d; font-weight: 500; line-height: 1.5; writing-mode: vertical-lr; text-orientation: mixed; transform: rotate(180deg); margin: 20px 0; }
.how_it_work .work_place .number span { color: #f9dbc8; font-size: 40px; font-weight: 700; line-height: 1.3; text-transform: capitalize; }
.how_it_work .work_place .number { position: absolute; top: auto; right: 11px; left: auto; bottom: 0; width: auto; }
.how_it_work p { font-size: 18px; font-weight: 400; display: none; }
.how_it_work .work_place.active em { margin-right: 10px; }
.how_it_work .work_place em img { width: 56px; }
.how_it_work .work_part { counter-reset: section; }
.how_it_work .work_place::before { counter-increment: section; content: " " counter(section) " "; color: #f9dbc8; font-size: 77px; font-weight: 700; line-height: 1.3; text-transform: capitalize; position: absolute; bottom: 3px; right: 10px; }
@media (min-width: 992px) and (max-width: 1200px) {
  .work_part { flex-direction: column; }
  .how_it_work .work_place.active { max-width: 100%; max-height: 510px; justify-content: center; padding: 15px 20px 15px 15px; display: flex; flex-direction: column; height: auto; transition: height 0.7s,ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; }
  .how_it_work .work_place { width: 100%; height: 100%; flex: 1; height: auto; border-radius: 14px; background-color: #fff1e4; padding: 15px 20px 15px 15px; position: relative; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; overflow: hidden; }
  .how_it_work .work_place::before { font-size: 46px; }
  .how_it_work h3 { color: #312d2d; font-weight: 500; line-height: 1.5; writing-mode: horizontal-tb; text-orientation: mixed; transform: none; margin: 20px 0; }
  .how_it_work .work_place.active p { text-align: left; display: block; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; }
  .work_place.active .work_part { text-align: left; }
  .work_place .effect { display: flex; align-items: center; justify-content: start; }
  .how_it_work .work_place.active .work_max { width: auto; height: auto; }
  .how_it_work .work_place em { margin-right: 20px; }
  .how_it_work .work_max { max-height: 100%; justify-content: center; display: flex; width: 0; height: 0; transition: height 0.7s,height 0.7s,ease-in-out; }
  .how_it_work .work_place::before { font-size: 50px; }
}
@media (min-width:1200px) {
  .how_it_work .work_place { padding: 20px; }
  .how_it_work h3 { font-size: 20px; }
  .how_it_work .work_place .number span { font-size: 46px; line-height: 1.3; }
  .how_it_work .work_place { width: 100%; flex: 1; height: auto; border-radius: 14px; background-color: #fff1e4; padding: 28px; position: relative; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; max-height: 340px; min-height: 340px; overflow: hidden; }
  .how_it_work .work_max { max-height: 100%; justify-content: center; display: flex; width: 0; height: 0; transition: width 0.7s,height 0.7s,ease-in-out; }
  .how_it_work .work_place.active { padding: 20px; width: auto; max-width: 510px; flex: 4; min-height: 340px; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; }
  .how_it_work .work_place.active .work_max { width: auto; height: auto; }
  .how_it_work .work_place.active em { margin-right: 20px; }
  .how_it_work .work_place.active h3 { transform: rotate(0); writing-mode: horizontal-tb; }
  .work_place.active .work_part { text-align: left; }
  .work_place.active .effect { display: flex; align-items: center; }
  .how_it_work .work_place.active p { text-align: left; display: block; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .5s ease-in-out; }
}
@media (min-width:1200px) and (min-width:1439px) {
  .how_it_work .work_place { min-width: 138px; }
}
@media (min-width:1440px) {
  .how_it_work .work_place { min-width: 150px; }
  .how_it_work .work_place::before { font-size: 60px; }
}
@media (min-width:1681px) {
  .how_it_work p { font-size: 18px; }
  .how_it_work .work_place .number span { font-size: 77px; line-height: 1.3; }
  .how_it_work h3 { font-size: 28px; }
  .how_it_work .work_place { padding: 20px; max-height: 380px; min-height: 380px; min-width: 196px; overflow: hidden; }
  .how_it_work .work_place::before { font-size: 77px; }
}
@media (max-width:991px) {
  .work_place .work_part { text-align: left; }
  .how_it_work .work_place { padding: 40px 20px 70px; position: relative; background-color: #fff1e4; border-radius: 14px; width: auto; max-width: auto; height: auto; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; }
  .how_it_work .work_place h3 { font-size: 22px; transform: rotate(0); writing-mode: horizontal-tb; margin-left: 15px; font-weight: 600; }
  .how_it_work .work_place p { text-align: left; display: block; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; }
  .work_place .effect { display: flex; align-items: center; }
  .how_it_work .slick-dots { bottom: -36px; }
  .slick-dots li.slick-active button:before { color: #f47c43!important; }
  .how_it_work .work_place::before { content: none; }
  .how_it_work p{font-size: 17px;}
}
@media (max-width:767px) {
  .how_it_work .work_place { padding: 18px; height: inherit; }
  .how_it_work .work_place .work_max { max-height: 100%; }
  .how_it_work .work_place .work_max p { margin-bottom: 0; }
  .work_part { margin-top: 20px; }
  .work_part .slick-track { display: flex!important; flex-direction: row!important; flex-wrap: nowrap!important; align-items: stretch!important; }
  .work_part .slick-track .slick-slide { height: inherit; }
  .work_part .slick-track .slick-slide > div { height: 100%; }
}
.full-row-grid.why_us { width: 100%; height: auto; }
.full-row-grid .why_choose_box { max-width: 100%; width: 100%; height: auto; border-radius: 14px; padding-top: 30px; padding-bottom: 0; position: relative; }
.full-row-grid .why_choose_box .box { width: 100%; height: 100%; }
.full-row-grid .why_choose_box .border_right:first-child .box { padding-left: 0; }
.full-row-grid .why_choose_box .border_right:last-child { border: 0; }
.full-row-grid .border_right { position: relative; }
@media (min-width:576px) {
  .full-row-grid .border_right:not(:last-child)::after { position: absolute; top: 0; right: 0; content: ''; background-image: linear-gradient(180deg, rgba(249, 140, 87, 0), rgba(249, 140, 87, 1), rgba(249, 140, 87, 0)); width: 1px; height: 100%; right: 0; }
}
@media (min-width:576px) {
  .full-row-grid .why_choose_box::before { background-image: none; width: 1px; height: 0; }
  .full-row-grid .why_choose_box::after { background-image: none; width: 0; }
}
@media (min-width:768px) and (max-width:991.98px) {
  .full-row-grid .border_right:nth-child(even)::after { display: none; }
}
@media (min-width:768px) and (max-width:1199.98px) {
  .full-row-grid .why_choose_box .box { padding: 0; }
}
@media (max-width:1200px) {
  .full-row-grid .why_choose_box { padding-top: 0; }
}
@media (min-width:576px) and (max-width:991px) {
  .full-row-grid .border_right:nth-child(even)::after { opacity: 0; }
  .border_right { margin-bottom: 35px; }
}
@media (max-width:767px) {
  .full-row-grid.why_us { margin-top: 0; }
  .why_choose_box { padding: 0 16px; margin-top: 20px; }
  .why_us h3 { font-size: 18px; margin-bottom: 10px; }
  .why_choose_box .box { position: relative; padding: 20px 0; }
  .full-row-grid .why_choose_box .box:not(:last-child)::after { content: ''; position: absolute; bottom: 0; background-image: none; width: 0; height: 0; }
  .why_choose_box h5 { font-size: 1rem; }
}
@media (max-width:575px) {
  .full-row-grid .why_choose_box .box::after { content: ''; position: absolute; top: 100%; left: 0; background: linear-gradient(90deg, rgba(249, 140, 87, 0) 0, rgba(249, 140, 87, 1) 48%, rgba(249, 140, 87, 0.0088) 100%); width: 100%; height: 1px; }
  .full-row-grid .border_right { border-right: none; }
}
.why_choose_box { width: 100%; height: auto; border-radius: 14px; opacity: .89; background: #fff2e6; padding: 30px 0; position: relative; }
.why_choose_box h5 { color: #312d2d; font-size: 20px; font-weight: 700; line-height: 1.3; text-transform: capitalize; }
.why_choose_box p { font-size: 18px; font-weight: 400; line-height: 1.5; color: #686363; }
.why_choose_box .box { padding: 0 40px; width: 100%; height: 100%; }
.why_choose_box .box img { display: inline-block; height: 60px; width: auto; object-fit: contain; object-position: center; transition: all .4s ease; -webkit-transition: all .4s ease; margin-bottom: 15px; }
@media (min-width:576px) {
  .why_choose_box::before { position: absolute; top: 0; left: 50%; content: ''; background-image: linear-gradient(180deg, rgba(249, 140, 87, 0), rgba(249, 140, 87, 1), rgba(249, 140, 87, 0)); width: 1px; height: 100%; right: 0; }
  .why_choose_box::after { position: absolute; content: ''; top: 50%; background-image: linear-gradient(90deg, rgba(249, 140, 87, 0) 0, rgba(249, 140, 87, 1) 48%, rgba(249, 140, 87, 0.0088) 100%); width: 100%; height: 1px; }
}
@media (min-width:1200px) and (max-width:1680px) {
  .why_choose_box { max-width: 700px; margin-left: auto; }
  .why_choose_box .box { padding: 20px 36px; }
}
@media (max-width:1600px) {
  .why_choose_box h5 { font-size: 18px; }
  .why_choose_box p { font-size: 1rem; }
}
@media (max-width:1200px) {
  .why_choose_box { margin-top: 40px; }
  .why_us .cta_btn { margin-top: 10px; }
}
@media (min-width:768px) and (max-width:1199.98px) {
  .why_choose_box { padding: 0; }
  .why_choose_box .box { padding: 30px; }
}
@media (max-width:767px) {
  .why_choose_box { padding: 0 5px; margin-top: 20px; }
  .why_us h3 { font-size: 18px; margin-bottom: 10px; }
  .why_choose_box .box { position: relative; padding: 20px 0; }
  .why_choose_box .box:not(:last-child)::after { content: ''; position: absolute; bottom: 0; background-image: linear-gradient(90deg, rgba(249, 140, 87, 0) 0, rgba(249, 140, 87, 1) 48%, rgba(249, 140, 87, 0.0088) 100%); width: 100%; height: 1px; }
  .why_choose_box h5 { font-size: 1rem; }
}
@media (max-width:575px) {
  .why_choose_box .box::after { content: ''; position: absolute; top: 100%; left: 0; background: linear-gradient(90deg, rgba(249, 140, 87, 0) 0, rgba(249, 140, 87, 1) 48%, rgba(249, 140, 87, 0.0088) 100%); width: 100%; height: 1px; }
  .why_choose_box .col-md-6:last-child .box::after { display: none; }
}
.hiring_card { background-image: url(img/android/hiring_bg.svg); width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; border-radius: 12px; padding: 70px 44px; }
.hiring_card h2 { color: var(--white-color); margin-bottom: 0; }
.hiring_card .schedule_btn { margin-top: 24px; }
.hiring_card button { background-color: var(--white-color); }
.hiring_card button span { color: #312d2d; }
.three-col-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.hiring_card_steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 400px; }
.hiring_card_steps .hiring_icons em img { width: 48px; height: 48px; }
.hiring_card_steps .hiring_icons span { color: var(--white-color); text-align: center; font-size: 16px; font-weight: 500; line-height: 1.3; text-transform: capitalize; display: flex; margin-top: 1rem; }
.hiring_card_steps .hiring_icons { max-width: 90px; text-align: center; margin: 0 auto; }
@media (min-width:768px) and (max-width:1199.98px) {
  .hiring_card { padding: 40px; }
  .hiring_card h2 { text-align: center; }
  .hiring_card_steps .hiring_icons em img { width: 32px; height: 32px; }
  .hiring_card_steps .hiring_icons span { font-size: 12px; font-weight: 500; margin-top: .5rem; }
}
@media (min-width:992px) and (max-width:1199.98px) {
  .hiring_card h2 { text-align: left; }
}
@media (min-width:1200px) and (max-width:1680px) {
  .hiring_card { padding: 30px 50px; }
  .hiring_card_steps .hiring_icons em img { width: 35px; height: 35px; }
  .hiring_card_steps .hiring_icons span { font-size: 15px; font-weight: 500; margin-top: .5rem; }
}
@media (min-width:1200px) {
  .hiring_card_steps { margin-left: auto; }
}
@media (min-width:1681px) {
  .hiring_card_steps { gap: 60px; }
}
@media (max-width:991px) {
  .hiring_card_steps { margin: 20px auto; }
}
@media (max-width:767px) {
  .hiring_card { padding: 24px 28px; }
  .hiring_card h2 { text-align: center; }
  .hiring_card_steps .hiring_icons em img { width: 40px; height: 40px; }
  .hiring_card_steps .hiring_icons span { font-size: 14px; margin-top: .5rem; }
}
.bg_pattern { background: url(img/android/left_pattern.svg) left top no-repeat,url(img/android/right_pattern.svg) right bottom no-repeat,linear-gradient(275deg, #6f0000, #200122); background-size: contain; position: relative; isolation: isolate; }
.bg_pattern::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(278deg, #6f0000, #200122); opacity: .9; isolation: isolate; z-index: -1; border-radius: 12px; }
.idea_card { border-radius: 12px; padding: 70px 44px; }
.patternSecn h2 { color: var(--white-color); }
@media (min-width:1200px) and (max-width:1680px) {
  .idea_card { padding: 50px; }
}
@media (max-width:1200px) {
  .idea_card h2 { text-align: center; }
}
@media (min-width:768px) and (max-width:1199.98px) {
  .idea_card { padding: 40px; }
}
@media (max-width:767px) {
  .idea_card { padding: 30px 28px; }
}
.our_work .services_icon { background-color: #fff1e4; }
.portfolio_article { border-radius: 14px; width: 100%; padding: 20px 20px 20px 72px; position: relative; margin-top: 40px; }
.common_portfolio button.btn.round-btn { background-color: var(--white-color); background-image: url(img/demo-btn/iconoir_arrow.svg); background-position: center; background-repeat: no-repeat; width: 130px; height: 130px; border: 1px solid #d85d27; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.common_portfolio button.btn.round-btn img { animation-name: rotate; animation-duration: 18s; animation-iteration-count: infinite; animation-timing-function: linear; }
.common_portfolio { position: sticky; position: -webkit-sticky; top: 140px; }
.common_portfolio_grp section { padding: 30px 0; }
.portfolio_summary span { font-size: 18px; font-weight: 500; }
.zIndex1 { z-index: 1;top:140px; }
.zIndex2 { z-index: 2; top:160px}
.zIndex3 { z-index: 3;top:180px; }
.zIndex4 { z-index: 4; top:200px;}
.zIndex5 { z-index: 5;top:220px; }
.zIndex6 { z-index: 6; top:240px; }
.zIndex7 { z-index: 7; top:260px; }
.zIndex8 { z-index: 8; top:280px; }
.zIndex9 { z-index: 9;top:300px; }
.zIndex10 { z-index: 10; top:320px;}
@media (min-width:1200px) and (max-width:1680px) {
  .portfolio_article { margin-top: 28px; padding: 20px 15px 20px 40px; }
}
@media (min-width:768px) and (max-width:1199.98px) {
  .portfolio_article { margin-top: 28px; padding: 15px 15px 15px 32px; }
  .portfolio_summary span { font-size: 16px; }
}
@media (max-width:767px) {
  .portfolio_article { margin-top: 20px; padding: 16px 20px; }
}
.golden_orange { background: linear-gradient(118deg, rgba(255, 246, 241, 2) 0, rgba(255, 226, 125, 2) 100%); }
.golden_orange_gradient { background: linear-gradient(180deg, #ffc48c 0, #ffa062 100%); }
.primary_blue { background: linear-gradient(174deg, #e1faff 0, #bfe0f2 94.67%); }
.primary_blue-gradient { background: linear-gradient(180deg, #b2f1ed 0, #60c9e0 100%); }
.light_green { background: linear-gradient(181deg, #e5f5e8 0, #dcf3e0 100%); }
.light_green_gradient { background: linear-gradient(180deg, #d3f3e7 0, #8cd7bf 100%); }
.sky_blue { background: linear-gradient(186deg, #e4f5e8 1.56%, #d8f8ff 100%); }
.sky_blue_gradient { background: linear-gradient(180deg, #b6f6ff 0, #85d0ff 100%); }
.purple_gradient { background: linear-gradient(154deg, #f0e7ff 0, #edecff 99.99%); }
.purple_gradient_feature { background: linear-gradient(180deg, #a4b5fd 0, #6c7ec8 100%); }
.portfolio_article h4 { color: #24272f; font-size: 28px; font-weight: 700; line-height: 1.3; }
.portfolio_article p { color: #838181; font-size: 20px; font-weight: 400; line-height: 1.5; margin: 30px 0; max-width: 580px; }
.portfolio_featured_image { width: 100%; border-radius: 12px; }
.portfolio_featured_image figure { max-width: 70%; margin: 0 auto; }
.portfolio_character { width: 240px; position: absolute; bottom: 0; right: 0; margin: 0; text-align: center; }
.portfolio_character img { min-height: 225px; max-height: 290px; object-fit: contain;object-position: bottom right;
}
.change h6 { color: #312d2d; font-size: 16px; font-weight: 500; line-height: 24px; text-transform: capitalize; }
.change span { color: #312d2d; font-size: 20px; font-weight: 900; line-height: 24px; display: block; }

@media (min-width:1200px){
  .portfolio_featured_image figure { max-width: 400px; }
}
@media (min-width:768px) and (max-width:1199.98px) {
  .portfolio_featured_image figure { max-width: 340px; }
}
@media (max-width:991.98px) {
  .portfolio_character { display: none; }
}
@media (max-width:767px) {
  .portfolio_featured_image figure { max-width: 300px; }
}

.peoplei_bg { background: linear-gradient(186deg, #e4f5e8 1.56%, #d8f8ff 100%); }
.peoplei_feature { background: linear-gradient(180deg, #b6f6ff 0, #85d0ff 100%); }
.Crypto_bg { background: linear-gradient(154deg, #f0e7ff 0, #edecff 45.83%, #ffedf8 100%); }
.Crypto_feature { background: linear-gradient(180deg, #a4b5fd 0, #6c7ec8 100%); }
.portfolio_article h5 { color: #272727; font-size: 28px; font-weight: 700; line-height: 28px; }
.book_now_btn, .comman_circle_portfolio { position: absolute; bottom: 10%; z-index: 2; left: -70px; }
@media (max-width:1199.98px) {
  .book_now_btn, .comman_circle_portfolio { display: none; }
}
.peoplei_bg h5 { color: #67b252; }
.portfolio_summary .portfolio_logo { display: flex; justify-content: flex-start; margin-right: 20px; align-items: center; height: auto; margin-bottom: 0; width: 90px; }
.portfolio_summary .portfolio_logo img { border-radius: 12px; }
@media (min-width:1200px) and (max-width:1680px) {
  .portfolio_summary .portfolio_logo { width: 70px; }
}
@media (min-width:768px) and (max-width:1199.98px) {
  .portfolio_summary .portfolio_logo { width: 80px; margin-right: 10px; }
  .portfolio_featured_image { margin-top: 40px; }
}
@media (max-width:767px) {
  .portfolio_summary .portfolio_logo { width: 55px; margin-right: 10px; }
  .portfolio_summary .portfolio_logo img { width: 55px; }
}
.download_grid { display: grid; grid-template-columns:repeat( auto-fit, minmax(100px, 1fr) ); max-width: 520px; gap:10px;}
@media (min-width:1200px){
  .download_grid{margin-bottom: 60px;}
}

.download_grid .download_grid_colmn h6 { color: #312d2d; font-size: 20px; font-style: normal; font-weight: 900; line-height: 1.3; margin-bottom: 0; margin-top: 4px; }
@media (max-width:1680px) {
  .download_grid .download_grid_colmn h6 { font-size: 16px; }
}
@media (min-width:768px) and (max-width:991.99px) {
  .download_grid { grid-template-columns:repeat( auto-fit, minmax(150px, 1fr) ); margin-bottom: 40px;}
}
@media (min-width:992px) {
  .download_grid {grid-template-columns:repeat( auto-fit, minmax(250px, 1fr) );}
}

.download_grid .download_grid_colmn span { color: #686363; font-size: 20px; font-weight: 500; line-height: 1.3; text-transform: capitalize; }
.portfolio_icons { gap: 20px;}
.portfolio_icons a em { min-width: 48px; max-width: 48px; min-height: 48px; max-height: 48px; padding: 10px; display: flex; justify-content: center; align-items: center; background: var(--white); border-radius: 12px; }
.portfolio_icons a em img { max-width: 24px; max-height: 24px; }
@media (min-width:1600px) {
  .portfolio_article p { font-size: 17px; }
}
@media (max-width:1600px) {
  .portfolio_article p { font-size: 1rem; }
  .download_grid .download_grid_colmn span { font-size: 14px; }
}
@media (max-width:1199.98px) {
  .portfolio_icons .cta_btn { max-width: 152px; border-radius: 6px; border: 1px solid #d85d27; background: var(--white); color: #d85d27; min-width: 152px; }
  .portfolio_article p { font-size: 14px; }
}
@media (max-width:767px) {
  .portfolio_article h4 { font-size: 18px; }
  .portfolio_icons { gap: 16px; }
  .portfolio_icons a em { border-radius: 12px; }
  .download_grid{ margin-bottom: 24px;}
}
@media (min-width:768px) and (max-width:1199.98px) {
  .portfolio_article h4 { font-size: 18px; }
  .portfolio_icons { margin: 40px 0 0; gap: 20px; }
  .portfolio_icons a em { min-width: 40px; max-width: 40px; min-height: 40px; max-height: 40px; }
  .portfolio_icons a em img { max-width: 27px; max-height: 27px; }
}
@media (min-width:1200px) and (max-width:1680px) {
  .portfolio_icons { gap: 16px; }
  .portfolio_article h4 { font-size: 20px; }
  .portfolio_icons a em { min-width: 44px; max-width: 44px; min-height: 44px; max-height: 44px; }
  .portfolio_icons a em img { max-width: 24px; max-height: 24px; }
}
.quality_services p br{ display: none;}
.quality_services p { margin-bottom: 30px; margin-top: 10px; max-width:700px }
.quality_services .services_icon { border-radius: 6px; background: #fff1e4; }
.services_blockRow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.services_blockCard { height: auto; border-radius: 14px; border: 1px solid #ffe5d8; background: #fff; text-align: center; padding: 40px 30px; display: flex; flex-flow: column; align-items: center; justify-content: start; }
.services_blockCard em img { max-width: 65px; max-height: 65px; }
.services_blockCard span { color: #312d2d; font-size: 24px; font-weight: 500; line-height: 1.3; margin-top: 1rem; display: block; word-break: break-word; }
@media (max-width:1600px) {
  .quality_services p { font-size: 16px; line-height: 1.5; }
}
@media (min-width:1200px) and (max-width:1680px) {
  .services_blockRow { gap: 14px; }
  .services_blockCard span { font-size: 16px; }
  .services_blockCard em img { max-width: 42px; max-height: 42px; }
}
@media (min-width:992px) and (max-width:1199.98px) {
  .services_blockRow { gap: 14px; grid-template-columns: repeat(6, 1fr); margin-top: 28px; }
  .services_blockCard { padding: 30px; }
  .services_blockCard span { font-size: 16px; }
  .services_blockCard em img { max-width: 42px; max-height: 42px; }
}
@media (min-width:768px) and (max-width:991.98px) {
  .services_blockRow { gap: 14px; margin-top: 28px; }
  .services_blockCard span { font-size: 16px; }
  .services_blockCard em img { max-width: 42px; max-height: 42px; }
  .services_blockCard { padding: 30px; }
}
@media (max-width:767px) {
  .services_blockRow { gap: 10px; margin-top: 25px; }
  .services_blockCard span { font-size: 14px; }
  .services_blockCard em img { max-width: 34px; max-height: 34px; }
  .services_blockCard { padding: 1rem; }
}
.blog .services_icon { background: #fff1e4; }
.top_space { margin-top: 40px; }
.blogCard { border-radius: 14px; padding: 30px 36px; height: 100%; }
.bg-light-primary { background: #fff1e4; backdrop-filter: blur(10px); }
.bg-light-secondary { background: #f3ebeb; backdrop-filter: blur(10px); }
.blog_article { margin-top: 40px; }
.blogCard { height: 100%; display: flex; flex-flow: column; justify-content: space-between; gap: 1.5rem; min-height: 290px; }
.blog_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }
.blogCard.main_blog h4 { font-size: 40px; line-height: 1.3; margin: 0; }
.blogCard h4 { font-size: 22px; font-weight: 600; }
.blogCard .blog_top_heading span { color: #d85d27; font-size: 1rem; font-weight: 500; line-height: 1.3; text-transform: capitalize; }
.blogCard .blog_top_heading .top_timeline { color: #312d2d; font-size: 1rem; font-weight: 500; line-height: 1.3; text-transform: capitalize; opacity: .6; }
.blogCard p { color: #060606; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.625; margin-bottom: 0; }
.blogCard.main_blog p { font-size: 24px; }
.blogCard.main_blog .about_blog { display: flex; flex-flow: column; gap: 2rem; }
.blogCard .about_blog { display: flex; flex-flow: column; gap: 1rem; }
.blogCard .blog_top_heading .top_timeline em { margin-right: 6px; }
@media (max-width:1199.98px) {
  .blog_top_heading span { font-size: 14px; }
}
@media (max-width:767px) {
  .blogCard { padding: 1.25rem; gap: 1rem; }
  .blog_grid { grid-template-columns: repeat(1, 1fr); gap: 20px; margin-top: 20px; }
  .blog_grid>:last-child { display: none; }
  .blog_top_heading span { font-size: 14px; }
  .blogCard.main_blog .about_blog .quotes img { max-width: 40px; }
  .blogCard h4, .blogCard.main_blog h4 { font-size: 18px; }
  .blogCard.main_blog .about_blog { gap: 1rem; }
  .blogCard p, .blogCard.main_blog p { font-size: 14px; line-height: 1.375; }
  .blog_grid>:last-child, .blog_grid>:nth-child(4) { display: none; }
  .blog_article { margin-top: 25px; }
}
@media (min-width:768px) and (max-width:991.98px) {
  .blogCard { padding: 24px; }
  .blog_grid { grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 20px; }
}
@media (min-width:768px) and (max-width:1199.98px) {
  .blog_top_heading span { font-size: 14px; }
  .blogCard.main_blog .about_blog .quotes img { max-width: 62px; max-width: 40px; }
  .blogCard h4, .blogCard.main_blog h4 { font-size: 20px; }
  .blogCard.main_blog .about_blog { gap: 1.5rem; }
  .blogCard p, .blogCard.main_blog p { font-size: 1rem; line-height: 1.5; }
  .blog_grid>:nth-child(3), .blog_grid>:nth-child(4) { display: none; }
}
@media (min-width:992px) and (max-width:1199.98px) {
  .blogCard { padding: 24px; }
  .blog_grid { grid-template-columns: repeat(1, 1fr); gap: 20px; }
}
@media (min-width:1200px) and (max-width:1680px) {
  .blogCard { padding: 18px 22px; }
  .blog_top_heading span { font-size: 14px; }
  .blogCard.main_blog .about_blog .quotes img { max-width: 66px; }
  .blogCard.main_blog h4 { font-size: 24px; }
  .blogCard h4 { font-size: 20px; }
  .blogCard.main_blog .about_blog { gap: 1.75rem; }
  .blogCard.main_blog p { font-size: 1rem; line-height: 1.5; }
  .blogCard p { font-size: 14px; line-height: 1.5; }
}
.fa_panel { position: relative; margin-right: 70px; }
.faq_wrapper .services_icon { background: #fff1e4; }
.faq_wrapper .accordin_body { width: 100%; padding: 28px; border-radius: 14px; background: var(--white); border: 1px solid #e4e4e4; margin-bottom: 28px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.faq_wrapper .accordion-head { width: 100%; color: #333; font-size: 22px; padding-right: 60px; display: flex; align-items: center; margin: 0; font-weight: 600; line-height: 1.4; position: relative; cursor: pointer; }
.faq_wrapper .accordion-head.collapsed::before { transform: rotate(0); -webkit-transform: rotate(0); }
.faq_wrapper .accordin_box { margin-right: auto; margin-top: 1rem; }
.faq_wrapper .faq_right { padding: 0; }
.faq_wrapper .faq_list.active .accordin_body { border-color: var(--primary-color); }
.faq_wrapper .accordion-head.collapsed::before { content: ''; position: absolute; right: 0; width: 50px; height: 50px; z-index: 99; border-radius: 50%; background-color: var(--white); transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; background-image: url(img/android/arrow.svg); background-size: 13px; background-position: center; background-repeat: no-repeat; box-shadow: 0 2px 14px #e3e3e3; }
.faq_wrapper .accordion-head::before { background-image: url(img/android/arrow_white.svg); background-color: #f47c43; content: ''; position: absolute; right: 0; width: 50px; height: 50px; z-index: 99; border-radius: 50%; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; background-size: 20px; background-position: center; background-repeat: no-repeat; }
.accordin_box.show { transition: margin .3s ease; -webkit-transition: margin .3s ease; }
.faq_wrapper .btn_coman {margin-top: 0; }
.faq_wrapper .faq_body.links_new.active { border-radius: 14px; border: 1px solid rgba(216, 93, 39, 0.40); background: var(--white-color); }
.faq_wrapper .faq_ans { margin: 40px 0 0; }
.faq_wrapper .faq_ans p { max-width: 670px; color: #060606; font-size: 1rem; font-weight: 400; line-height: 1.5; opacity: .5; background: transparent; padding: 0; border-radius: 0; margin-bottom: 0; }
.faq_wrapper .active .accordion-head { border: none; padding-bottom: 15px; }
.faq_wrapper .faq_left { padding-right: 30px; }
.faq_wrapper .view_btn { min-width: 200px; }
@media(min-width:1440px) {
  .faq_wrapper .accordion-head::before { top: calc(50% - 25px); }
}
@media (min-width:767.98px) {
  .faq_wrapper .accordin_box { max-width: calc(100% - 80px); }
}
@media(max-width:767px) {
  .faq_wrapper .accordion-head { font-size: 14px; padding-right: 30px; }
  .faq_wrapper .accordin_body { padding: 14px 16px; margin-bottom: 16px; height: calc(100% - 16px); }
  .faq_wrapper .accordion-head::before { background-size: 19px; width: 40px!important; height: 40px!important; }
  .faq_wrapper .faq_ans { margin: 20px 0 0; }
}
@media (min-width:767.98px) and (max-width:1440px) {
  .faq_wrapper .accordion-head::before { top: calc(50% - 20px); width: 40px!important; height: 40px!important; background-size: 20px; }
  .faq_wrapper .accordion-head.collapsed::before { top: calc(50% - 20px); width: 40px!important; height: 40px!important; background-size: 14px; }
  .faq_wrapper .accordion-head { font-size: 1rem; }
}
@media(max-width:767px) {
  .call_section { padding: 12px 16px 100px; position: relative; }
  .contract { position: absolute; bottom: 22px; }
  .counter_items { margin-top: 25px; border-radius: 10px; padding: 0; }
  .counter_items h3 { font-size: 20px; line-height: 1.3; }
  .counter_items p { font-size: 14px; line-height: 1.3; }
  .services .button_align { justify-content: start; margin-top: 15px; }
}
.main_animation { animation-delay: 300s; }
.testimonial_items { border-radius: 14px; background-color: var(--white-color); border: 1px solid #fde4cc; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 40px; height: 100%; display: flex!important; flex-flow: column; justify-content: space-between; }
.testimonial_slider { margin-top: 15px; }
.testimonial_slider .slick-current .testimonial_items { background-color: #fff1e4; }
.testimonial_items p { color: #686363; font-style: normal; font-weight: 400; line-height: 1.5; margin-bottom: 1.5rem; }
.testimonial_items label { color: #312d2d; font-style: normal; font-weight: 500; display: block; line-height: 1.3; }
.testimonial_items span { color: #686363; font-style: normal; font-weight: 400; display: block; line-height: 1.3; }
.testimonial_slider .slick-slide { padding-right: 10px; }
.testimonial_slider .slick-track { display: flex!important; }
.testimonial_slider .slick-slide { height: inherit!important; }
.testimonial_slider .slick-slide>div { height: 100%; }
.testimonial_map { margin-top: 35px; }
@media (min-width:768px) {
  .testimonial_items { padding: 24px; }
  .testimonial_items p { font-size: 14px; margin-bottom: 1rem; }
  .testimonial_items label { font-size: 18px; }
  .testimonial_items span { font-size: 14px; }
}
@media (min-width:1681px) {
  .testimonial_items { padding: 40px; }
  .testimonial_items label { font-size: 22px; }
  .testimonial_items p { font-size: 18px; margin-bottom: 1.5rem; }
  .testimonial_items span { font-size: 18px; }
}
@media (max-width:767px) {
  .testimonial_items { padding: 24px 32px; }
  .testimonial_items p { font-size: 14px; margin-bottom: 10px; }
  .testionial_items label { font-size: 18px; }
  .testimonial_items span { font-size: 14px; }
}
@media (max-width:575px) {
  .mob_none { display: none; }
}
@media (min-width:1201px) {
  .navbar-toggle { display: none; }
}
.navbar-light .navbar-toggle { border: 0; padding: 0; background: var(--white); }
.navbar-toggle svg { width: 40px; height: 40px; }
.line { fill: none; stroke: black; stroke-width: 6; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); }
.line1 { stroke-dasharray: 60 207; stroke-width: 6; }
.line2 { stroke-dasharray: 60 60; stroke-width: 6; }
.line3 { stroke-dasharray: 60 207; stroke-width: 6; }
.opened .line1 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; }
.opened .line2 { stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 6; }
.opened .line3 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; }
@media (min-width:1201px) {
  .reverse_menu { display: none; }
}
#header .container { position: relative; }
.header_mega_Menu { opacity: 0; visibility: hidden; position: fixed; left: 0; top: 0; margin: 0; padding: 40px 0 0; box-shadow: none; background: transparent; z-index: 111; }
.header_mega_Menu .new_footer_links { margin: 0; background: var(--white); padding: 0 20px 20px; border: 1px solid #ddd; border-radius: 0 0 10px 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, .1); z-index: 111; }
#mega-menu { transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); will-change: transform; }
#mega-menu.is-closed, #mega-menu.is-open { -webkit-animation-duration: .58s; animation-duration: .358s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
#mega-menu.is-open { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; top: 40px; visibility: visible; opacity: 1; }
#mega-menu.is-open>ul { opacity: 1; transition: opacity .2s cubic-bezier(0.62, 0, 0.8, 0.38); }
#mega-menu.is-closed { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }
#mega-menu.is-closed>ul { opacity: 0; transition: opacity .1s cubic-bezier(0.2, 0.62, 0.38, 1); }
#mega-menu>ul { will-change: opacity; }
@media (min-width:1200px) {
  #mega-menu { max-height: calc(100% - 40px); overflow-y: auto;}
}
@media (min-width:1024px) and (max-width:1366px) {
  .links_new .accordion-title {font-size: 17px;}
}
@media (min-width:1200px) and (max-width:1366px) {
   #header .navbar-nav>li>a {font-size: 13.8px;}
}
@media (min-width:1367px) and (max-width:1500px) {
  #header .navbar-nav>li>a {font-size: 14.2px;}
}
.bounce { -webkit-animation-name: bounce; animation-name: bounce; }

.reverse_menu { position: absolute; right: 14px; top: -58px; background: var(--white); padding: 10px; width: 120px; border-radius: 4px; text-align: right; }
@media (max-width:1200px) {
  #mega-menu { background: var(--white); position: fixed; top: 68px; left: 0; padding-top: 0; z-index: 9999; transform: translateX(110%); -webkit-transform: translateX(110%); transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; animation: none; }
  #mega-menu.is-open { height: calc(100% - 69px); transform: translateX(0); -webkit-transform: translateX(0); animation: none; top: 65px; }
  #mega-menu { animation: none!important; }
  .header_mega_Menu .new_footer_links { border-radius: 0; max-height: 100%; overflow-y: auto; border-bottom: #eee; padding: 0; box-shadow: none; }
  .header_mega_Menu .new_footer_links .links_new { border-color: #eee; padding: 10px 15px; }
  .header_mega_Menu .new_footer_links .links_new::before { right: 20px; top: 20px; }
  #header .menu-blured { filter: blur(.7px); -webkit-filter: blur(.7px); }
}
@media(max-width:1200px) and (min-width:768px) {
  .reverse_menu { width: 200px; }
}
@-webkit-keyframes slideOutUp {
  from { transform: translate3d(0, -4.5rem, 0); -webkit-animation-timing-function: cubic-bezier(0.2, 0.62, 0.38, 1); animation-timing-function: cubic-bezier(0.2, 0.62, 0.38, 1); }
  to { transform: translate3d(0, -100%, 0); }
}
@keyframes slideOutUp {
  from { transform: translate3d(0, -4.5rem, 0); -webkit-animation-timing-function: cubic-bezier(0.2, 0.62, 0.38, 1); animation-timing-function: cubic-bezier(0.2, 0.62, 0.38, 1); }
  to { transform: translate3d(0, -100%, 0); }
}
@-webkit-keyframes bounceInDown {
  60%,   from, to { -webkit-animation-timing-function: cubic-bezier(0.2, 0.62, 0.38, 1); animation-timing-function: cubic-bezier(0.2, 0.62, 0.38, 1); }
  60% { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, 0, 0); }
}
@keyframes bounceInDown {
  60%,   from, to { -webkit-animation-timing-function: cubic-bezier(0.2, 0.62, 0.38, 1); animation-timing-function: cubic-bezier(0.2, 0.62, 0.38, 1); }
  60% { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes fadeInUpSlide {
  0% { opacity: 0; -webkit-transform: translateY(25px); }
  100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInUpSlide {
  0% { opacity: 0; transform: translateY(25px); }
  100% { opacity: 1; transform: translateY(0); }
}
.fadeInUpSlide { -webkit-animation-name: fadeInUpSlide; animation-name: fadeInUpSlide; }
.slider_category { border: 1px solid #ffe5d8; box-shadow: 0 -4px 52px 0 rgba(255, 211, 171, 0.30); border-radius: 10px; position: relative; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 22.64%, var(--white) 100%); }
.slider_category .slick-slide a { padding: 1rem 1.5rem; min-width: 160px; display: inline-block; text-align: center; width: 100%; }
.slider_category .slick-slide .thumbnail-image { position: relative; }
.slider_category .slick-slide a:hover { color: #222121!important; font-weight: 500!important; }
@media (max-width:767px) {
  .slider_category .slick-slide a { padding: 1rem .5rem; }
}
.slider_category .slick-slide .thumbnail-image:before { content: ''; z-index: -1; width: 100%; height: 0; top: -1px; -webkit-transition: height 1000ms; -o-transition: height 1000ms; -moz-transition: height 1000ms; transition: height 1000ms; position: absolute; }
.slider_category .slick-current .thumbnail-image::before { content: ''; height: calc(100% + 2px); -webkit-transition: height 2000ms; -o-transition: height 2000ms; -moz-transition: height 2000ms; transition: height 2000ms; padding: 5px 10px; border-top: 2px solid #df6628; background: linear-gradient(180deg, #fff1e4 0, rgba(255, 241, 228, 0.00) 100%); font-weight: 600; }
.quote_form .btn .btn-primary { min-width: 120px; min-height: 54px; }
a.ludo-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.single-post .blog_summary a { color: #d85d27!important; }
.single-post .blog_summary a:hover { text-decoration: underline!important; }
.web-portfolio { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.web-portfolio h2 { text-align: center; }
.web-portfolio-text { color: #d85d27; font-size: 20px; font-weight: 400; text-align: center; margin-bottom: 0; }
@media (min-width:768px) and (max-width:1280px) {
  .web-portfolio-text { margin-bottom: 10px; }
}
@media (max-width:767px) {
  .web-portfolio-text { font-size: 16px; }
}
.trusted_section { width: 100%; height: auto; border-radius: 14px; border: 1px solid #d6d5d5; padding: 50px 60px; }
.trusted-dev-column em { min-height: 60px; max-height: 60px; }
.trusted-dev-column img { min-height: 60px; }
.trusted-dev-column span { font-size: 22px; font-weight: 500; margin-top: 15px; }
@media (min-width: 768px) and (max-width: 1199.98px) {
  .trusted_section { padding: 24px; }
}
.trusted-dev-column { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 30px 62px 10px; text-align: center; }
@media (min-width: 992px) and (max-width: 1199.98px) {
  .trusted-dev-column { padding: 28px; }
}
@media (min-width:767px) and (max-width: 991px) {
  .trusted-dev-column { padding: 28px; }
  .trusted-dev-column span { font-size: 17px!important; }
}
@media (max-width: 991px) {
  .quality_services p{ max-width: 100%;}
  .trusted_section { padding: 30px 20px 30px; }
  .trusted-dev-column em { min-height: 40px; max-height: 40px; }
  .trusted-dev-column em img { min-height: auto; max-width: 40px; }
}
.common-paragraph-color { color: #686363!important; }
.common-heading-color { color: #312d2d!important; }
@media (min-width:1681px) {
  .web-dev-pages .portfolio_featured_image figure { width: calc(100% + 20%)!important; margin-left: -20%; max-width: initial; }
  .web-dev-pages .portfolio_featured_image { padding: 40px; }
  .web-dev-pages .portfolio_featured_image figure img { width: 100%!important; }
  .web-dev-pages .portfolio_summary span { font-size: 28px; font-weight: 700; }
  .web-dev-pages .portfolio_summary .portfolio_logo { margin-bottom: 20px; width: 250px; }
  .web-dev-pages .portfolio_summary .portfolio_logo img { max-height: 120px; object-fit: contain; object-position: left; }
  .web-dev-pages .portfolio_summary_content { margin-bottom: 15px!important; }
  .web-dev-pages .portfolio_article p { text-align: justify; margin: 10px 0 20px; max-width: 480px; }
  .web-dev-pages .btn-white { border: 1px solid #d85d27; box-shadow: none; }
  .web-dev-pages .btn-white:focus { color: #d85d27!important; }
  .web-dev-pages .btn-white:active { color: #d85d27!important; }
}
@media (max-width: 1600px) {
  .portfolio_article p { margin: 5px 0 15px; max-width: 430px; }
}
@media (min-width:1200px) and (max-width:1680px) {
  .web-dev-pages .portfolio_featured_image figure img { width: 100%!important; }
  .web-dev-pages .portfolio_featured_image { padding: 30px; }
  .web-dev-pages .portfolio_summary .portfolio_logo { margin-bottom: 10px; width: 150px; }
}
@media (min-width:1023px) and (max-width:1199.98px) {
  .web-dev-pages .portfolio_featured_image { padding: 35px; margin-top: 0; }
  .web-dev-pages .portfolio_featured_image figure img { margin-top: 0; }
  .web-dev-pages .portfolio_article p { color: #838181; font-size: 15px; font-weight: 400; line-height: 1.5; margin: 10px 0; }
  .web-dev-pages .portfolio_icons { margin: 14px 0 0; gap: 20px; }
  .web-dev-pages .portfolio_summary .portfolio_logo { margin-bottom: 10px; width: 100px; }
  .web-dev-pages .portfolio_article p { max-width: 430px; }
}
@media (min-width:1023px) and (max-width:1688px) {
  .web-dev-pages .portfolio_featured_image figure { width: calc(100% + 20%)!important; margin-left: -20%; max-width: initial; }
  .web-dev-pages .portfolio_featured_image figure img { width: 100%!important; }
  .web-dev-pages .portfolio_summary .portfolio_logo { display: flex; justify-content: flex-start; margin-right: 20px; align-items: center; height: auto; }
}
@media (max-width: 1199.98px) {
  .web-dev-pages .portfolio_article p { margin: 0 0 10px; }
  .web-dev-pages .portfolio_featured_image { margin-top: 0; }
}
@media (max-width:991.98px) {
  .portfolio_character { display: none; }
  .portfolio_featured_image { background-image: none!important; }
  .web-dev-pages .portfolio_right_secn .portfolio_logo { display: none; }
  .web-dev-pages .portfolio_summary .portfolio_logo { width: 80px; margin-bottom: 5px; }
  .web-dev-pages .portfolio_summary .portfolio_logo img { width: 80px; }
}
@media (max-width:767px) {
  .portfolio_featured_image figure { max-width: 300px; margin:15px 0; }
}
.star { position: relative; display: inline-block; width: 0; height: 0; margin-left: .9em; margin-right: .9em; margin-bottom: 1em; font-size: 12px; border-right: .3em solid transparent; border-bottom: .7em solid #ffcb45; border-left: .3em solid transparent; }
.star:after, .star:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: .6em; left: -1em; border-right: 1em solid transparent; border-bottom: .7em solid #ffcb45; border-left: 1em solid transparent; transform: rotate(-35deg); }
.star:after { transform: rotate(35deg); }
.web-development-pages .banner-box { max-width: 100%; }
.review_based { margin-top: 30px; justify-content: flex-start; }
.review_based span { font-size: 18px; font-weight: 700; line-height: 1.5; color: #060606; }
.top-companies { display: flex; gap: 5px; align-items: center; justify-content: center; }
.top-companiess { display: flex; gap: 5px; align-items: center; justify-content: center; border-right: 2px solid #dedddd; }
.top-rated-companies-services .col-md-4.col-sm-12:last-child .top-companiess { border-right: none; }
.top-rated-companies-services { margin-top: 30px; }
.top-rated-companies-services span { font-size: 18px; font-weight: 600; line-height: 1.5; color: #312d2d; }
.mob-top-companiess { display: none; }
@media (min-width:1200px) and (max-width:1399px) {
  .review_based { margin-top: 25px; }
  .review_based span { font-size: 16px; }
  .top-rated-companies { margin-top: 30px; }
  .top-companies img { max-width: 120px; }
  .top-rated-companies-services span { font-size: 13px; }
  .top-companiess img { max-width: 20px; }
  .star { font-size: 10px; }
}
@media (min-width:1400px) and (max-width:1766px) {
  .review_based { margin-top: 25px; }
  .review_based span { font-size: 18px; }
  .top-companies img { max-width: 130px; }
  .top-rated-companies { margin-top: 30px; }
  .top-rated-companies-services span { font-size: 14px; }
  .top-companiess img { max-width: 19px; }
  .star { font-size: 10px; }
}
@media (max-width:1199.98px) {
  .top-companies img { max-height: 120px; width: 100%; object-fit: contain; }
  .review_based span { font-size: 14px; }
}
@media (max-width:768px) {
  .review_based { justify-content: start; }
  .top-companiess { border-right: none; }
  .top-rated-companies-services span { font-size: 16px; line-height: 1.4; }
}
@media (max-width:767.98px) {
  .review_based { margin-top: 10px; }
  .top-companiess { justify-content: flex-start; }
}
.Other-Similar-services .services_icon { background-color: #fff1e4; }
.services-icon { position: relative; }
.services-group::after { content: ''; display: inline-block; position: absolute; width: 500px; height: 500px; border-radius: 50%; background: linear-gradient(179deg, rgba(250, 89, 13, 0.16) -7.68%, rgba(255, 135, 28, 0.00) 107.74%); z-index: -1; left: 0; right: 0; margin: auto; top: 0; bottom: 0; animation-name: rotate; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; }
@keyframes rotate {
  from { transform: rotate(-360deg); }
  to { transform: rotate(360deg); }
}
.services-group { padding-top: 70px; padding-bottom: 70px; }
.service-group-item { background-color: var(--white); box-shadow: 0 4.57142px 45.71423px 0 rgba(142, 46, 1, 0.10); border-radius: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 24px 28px 28px; margin-bottom: 35px; gap: 16px; }
.service-group-item em { margin-bottom: 0; }
.service-group-item em img { max-height: 60px; max-width: 60px; object-fit: contain; }
.service-group-item span { font-size: 18px; font-weight: 500; color: #312d2d; word-break: break-word; text-transform: capitalize; text-align: center; line-height: 1.3; }
@media (min-width:1200px) and (max-width:1400px) {
  .services-group::after { width: 350px; height: 350px; }
  .service-group-item span { font-size: 18px; }
}
@media (min-width:768px) and (max-width:1199.98px) {
  .service-group-item span { font-size: 16px; }
}
@media (min-width:992px) and (max-width:1199px) {
  .services-group::after { width: 300px; height: 300px; }
}
@media (max-width:991px) {
  .services-group { padding-top: 40px; padding-bottom: 0; }
  .services-group::after { display: none; }
}
.services-icon .circle-hide { justify-content: end; padding-top: 0; padding-bottom: 0; }
@media (max-width: 991px) {
  .services-icon .circle-hide { padding-top: 20px; }
}
@media (max-width:767.98px) {
  .service-group-item span { font-size: 14px; }
  .service-group-item em img { max-height: 40px; max-width: 40px; }
  .service-group-item { gap: 10px; margin-bottom: 16px; padding: 12px 9px; }
}
.services-icon .circle-hide::after { display: none; }
.circle-hide .service-group-item { padding: 20px; }
.blue_bg_gredient { background: linear-gradient(165deg, #00a8ea 13.21%, #023779 101.93%); }
.orange_bg_gredient { background: linear-gradient(180deg, #faa303 0, #c78202 100%); }
.tan_bg_gredient { background: linear-gradient(180deg, #bfb49a 0, #6e644a 100%); }
.red_bg_gredient { background: linear-gradient(180deg, #b2012b 0, #140406 100%); }
.brown_bg_gredient { background: linear-gradient(180deg, #bda888 0, #a68a5f 100%); }
.skyblue_bg_gredient { background: linear-gradient(180deg, #24c4cf 0, #012874 100%); }
.yellow_bg_gredient { background: linear-gradient(180deg, #f2bd57 0, #d2992a 100%); }
.purple_bg_gredient { background: linear-gradient(180deg, #a0a7ed 0, #525fe1 123.32%); }
.esteem_partners_sec { background: var(--orange-light-color); }
.exteem_logos { display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; margin: 25px auto 0; }
.exteem_logos li span { padding: 20px; max-width: 290px; border-radius: 14px; display: inline-block; background: var(--white); }
.exteem_logos li span img { max-width: 196px; height: auto; }
@media (min-width:1280px) {
  .exteem_logos { max-width: 1220px; }
  .exteem_logos li span { min-width: 260px; }
}
@media (max-width:1280px) and (min-width:991px) {
  .exteem_logos { max-width: 100%; }
  .exteem_logos li span { max-width: 200px; border-radius: 10px; }
  .exteem_logos li span img { max-width: 146px; }
}
@media (max-width:991px) {
  .exteem_logos { gap: 15px; }
  .exteem_logos li span { max-width: 150px; }
  .exteem_logos li span img { max-width: 100px; }
}
@media (max-width:360px) {
  .exteem_logos li { flex: 0 0 calc(50% - 15px); }
  .exteem_logos li span { max-width: 135px; }
}

.list-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 25px; }
.list_white_bg .list-item-col { display: flex; align-items: center; background: var(--white); border: 1px solid #d1d1d1; padding: 30px 20px; min-height: 110px; max-height: 100%; text-align: left; border-radius: 20px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
.list_white_bg .list-item-col em { margin-right: 12px; width: 50px; display: inline-block; }
.list_white_bg .list-item-col em img { width: 100%; }
.list_white_bg .list-item-col .h5 { color: #222121; margin: 0; width: calc(100% - 50px - 12px); }
.list_white_bg .list-item-col:hover .h5 { color: var(--orange-color); }

@media (min-width:1200px) {
  .list_white_bg .list-item-col:hover { border-color: var(--orange-light-color); transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }
}
@media (max-width:1280px) and (min-width:991px) {
  .list-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 20px; }
}
@media (max-width:991px) and (min-width:768px) {
  .list-grid-3 { grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); }
}
.border-orange { border: 1px solid var(--orange-light-color); }
.col-group { border-radius: 14px; padding: 35px; height: 100%; box-shadow: 0 2px 52px 0 rgba(255, 211, 171, 0.20); transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
.col-group em img { width: 50px; }
.col-group .h5 { margin: 18px 0 0; font-size: 18px; }

@media (min-width:1200px) {
  .col-group:hover { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }
}
@media (max-width:767px) {
  .col-group { padding: 20px; }
  .col-group em img { width: 40px; }
  .col-group .h5 { margin: 15px 0 0; }
  .list_white_bg .list-item-col { padding: 15px; min-height: auto; border-radius: 10px; align-items: center; }
  .top-rated-companies-services { margin-top: 20px; }
  .list-grid-3 { gap: 1rem; }
}
@media (min-width:768px)  and (max-width:1199.98px) {
  .col-group em img { width: 40px; }
}
@media (min-width:576px)  and (max-width:767.98px) {
  .list-grid-3 { grid-template-columns: repeat(auto-fit, minmax(calc(50% - 1rem), 1fr)); }
}
@media (max-width:575px) {
  .list-grid-3 { grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)); }
}
.develop_sec .h2::after { display: none; }
.develop_sec figure img { width: 100%; height: auto; object-fit: contain;}
.orange_secn_card { border-radius: 14px; background: linear-gradient(94deg, #df6628 4.55%, #f6854f 99.18%); width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; padding: 50px 70px 0; position: relative; isolation: isolate; color: var(--white); }
.orange_secn_card h5 { margin-bottom: 10px; font-weight: 400; }
.orange_secn_card h2 { margin-bottom: 20px; color: var(--white); }
@media (max-width:767px) {
  .orange_secn_card { padding: 30px 20px 0; }
  .develop_sec figure img { max-height: 300px; }
}
@media (min-width:992px) and (max-width:1200px) {
  .orange_secn_card { padding: 35px; }
}
.transprent_image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; isolation: isolate; overflow: hidden; }
.transprent_image img { width: 100%; height: 100%; object-fit: cover; opacity: .75; animation: crescendo 4s alternate infinite ease-in; }
@keyframes crescendo {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1.2); }
}
/* input type file css */
[type="file"] { color: #878787; }
[type="file"]::-webkit-file-upload-button { background: var(--primary-color); border: 1px solid var(--primary-color); border-radius: 4px; color: var(--white); cursor: pointer; font-size: 12px; outline: none; padding: 14px 25px; text-transform: uppercase; transition: all .3s ease; }
[type="file"]::-webkit-file-upload-button:hover { background: var(--orange-light-color); color: var(--black-color); }
/* ends */
::selection { background: #ffb798; color: var(--black-color); }

/* Common Color */
.bg-light-orange { background-color: var(--orange-light-color); }
.icon-orange { background-color: var(--orange-light-color); }
.bg-light-green { background: rgb(232, 242, 244); background: -moz-linear-gradient(180deg, rgba(232, 242, 244, 1) 0, rgba(231, 242, 244, 1) 100%); background: -webkit-linear-gradient(180deg, rgba(232, 242, 244, 1) 0, rgba(231, 242, 244, 1) 100%); background: linear-gradient(180deg, rgba(232, 242, 244, 1) 0, rgba(231, 242, 244, 1) 100%); }
.bg-dark-black { background: var(--dark-black-600); --grey-300: #E4E4E4; }
.bg-medium-grey { background: var(--medium-grey); }
.bg-medium-skyblue { background: var(--skyblue-300); }
.bg-light-grey { background: var(--light-grey); }
.bg-light-blue { background: var(--light-blue); }
.bg-light-pink { background: var(--light-grey-pink); }
.bg-matt-cream { background: var(--clr-cream-400); }
.bg-purple-dark-100 { background: var(--bg-purple-dark-100); }

.hustle-bg-gradient { background: linear-gradient(90deg, #e34646 0, #e34646 50%, #e34646 100%); }
.hustle-link-row .portfolio-header { max-width: 440px; }
.hustle-bg-gradient .transprent_image { mix-blend-mode: color-burn; }
.form-group.phone_int .iti__selected-flag { border-top-left-radius: 7px; border-bottom-left-radius: 7px; }
.orange-bg-gradient { background: #d85d27; background: -moz-linear-gradient(85deg, #d85d27 0, rgba(216,93,39,0.9612219887955182) 50%, #d85d27 100%); background: -webkit-linear-gradient(85deg, #d85d27 0, rgba(216,93,39,0.9612219887955182) 50%, #d85d27 100%); background: linear-gradient(85deg, #d85d27 0, rgba(216,93,39,0.9612219887955182) 50%, #d85d27 100%); }
.theme-back-color { background-color: var(--orange-light-color); }
.orange-300 { background: var(--orange-300); }
.green-300 { background: var(--green-300); }
.green-400 { background: var(--green-400); }
.blue-400 { background: var(--blue-400); }
.red-400 { background: var(--red-400); }
.pink-400 { background: var(--pink-400); }
.yellow-100 { background: var(--yellow-100); }
.pink-100 { background: var(--pink-100); }
.light-green-100 { background: var(--light-green-100); }
.orange-100 { background: var(--orange-100); }
.blue-100 { background: var(--blue-100); }
.green-100 { background: var(--green-100); }
.purple-100 { background: var(--purple-100); }
.font-medium { font-weight: 500; }
.app-journey { background-color: #fff1e4; padding: 30px 30px 30px 0; border-radius: 0 25px 25px 0; }
.journey-text { max-width: 575px; }
.journey-text h3 { font-size: 42px; font-weight: 500; }
.dating-choose { margin-bottom: 50px; }
.why-choose-dating { padding: 180px 0 60px; background: url(img/industry/dating/why-choose-dating.jpg); background-size: cover; background-position: center; margin-top: -210px; }
@media(max-width:767px) {
  .dating-choose { margin-bottom: 25px; }
  .why-choose-dating { padding-top: 140px; margin-top: -140px; padding-bottom: 30px; }
}
.outline-col { border-radius: 14px; padding: 17px 10px 22px 27px; border: 1px solid rgb(49 45 45 / 20%); height: 100%; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
.outline-col p { color: rgb(6 6 6 / 50%); margin: 0; }
.outline-col h3 { font-weight: 600; color: #312d2d; }
.dating-development { padding: 90px 0 0; }
.dating-app-development { padding-top: 60px; }
.box-shadow-none em { box-shadow: none; }
.fitness-app-col.dating-app-casual { box-shadow: 0 0 24px rgb(183 183 183 / 25%); border: 0; }
.fitness-app-col.dating-app-casual h3 { margin-bottom: 10px; }
.development-col { border: 1px solid rgb(49 45 45 / 20%); border-radius: 14px; display: flex; flex-direction: column; height: 100%; }
.development-service .fitness-industry-text h3 { font-weight: 600; }
.business_value_article {gap: .625rem; color: var(--white); }
@media(max-width:1200px) {
  .service-more-card { padding: 24px 20px 28px; }
}
@media(max-width:991px) {
  .list_white_bg .list-item-col .h5 { width: calc(100% - 40px - 12px); }
  .list_white_bg .list-item-col em { width: 40px; }
  .journey-text h3 { font-size: 25px; }
  .dating-app-development, .dating-development { padding: 30px 0 0; }
  .journey-text { max-width: 100%; }
}
.loader { display: none; width: 50px; height: 50px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(farthest-side, #d85d27 94%, #0000) top/8px 8px no-repeat,conic-gradient(#0000 30%, #d85d27); -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0); animation: l13 1s infinite linear; }
@keyframes l13 {
  100% { transform: rotate(1turn); }
}
@media(max-width:767px) {
  .loader { width: 35px; height: 35px; }
}
/* camel sports */
.green-bg-gradient { background: #222511; background: -moz-linear-gradient(90deg, #222511 0, #222511 50%, #222511 100%); background: -webkit-linear-gradient(90deg, #222511 0, #222511 50%, #222511 100%); background: linear-gradient(90deg, #222511 0, #222511 50%, #222511 100%); }
.dark-green-bg-gradient { background: #81bd37; background: -moz-linear-gradient(85deg, #81bd37 0, rgba(129,189,55,0.9) 50%, #81bd37 100%); background: -webkit-linear-gradient(85deg, #81bd37 0, rgba(129,189,55,0.9) 50%, #81bd37 100%); background: linear-gradient(85deg, #81bd37 0, rgba(129,189,55,0.9) 50%, #81bd37 100%); }
.bg-white-gradient { background: rgba(255,255, 255, 0.11); }
.bg-black-gradient { background: rgba(0,0, 0, 0.11); }
.grid-card.technology-card h4 { font-size: 30px; }
.download-intro p { text-align: justify; margin-bottom: 0;}
@media(max-width:1200px) {
  .grid-card.technology-card h4 { font-size: 20px; }
}

@media(max-width:767px) {
  .app-card-in em img { max-width: 50px; }
  .faq_wrapper .accordion-head::before { background-size: 9px!important; width: 25px!important; height: 25px!important; }
  .service_feature_sec .col-group h3 { font-size: 14px; }
  .faq_wrapper .btn_coman { font-size: 16px; }
}
.captcha-class { margin-bottom: 20px; }
.captcha-class p { display: none; }
@media(min-width:1200px) {
  .portfolio_featured_image { min-height: 450px; }
}
@media (max-width : 480px) {
  .captcha-class { transform: scale(0.8); -webkit-transform: scale(0.8); -webkit-transform-origin: left; transform-origin: left; margin-left: 5px; }
}

.sky-blue-bg-gradient { background: #3aaaf6; background: -moz-linear-gradient(85deg, #3aaaf6 0, rgba(58,170,246,0.9023984593837535) 50%, #3aaaf6 100%); background: -webkit-linear-gradient(85deg, #3aaaf6 0, rgba(58,170,246,0.9023984593837535) 50%, #3aaaf6 100%); background: linear-gradient(85deg, #3aaaf6 0, rgba(58,170,246,0.9023984593837535) 50%, #3aaaf6 100%); }
.black-bg-gradient { background: #312d2d; background: radial-gradient(circle, #312d2d 0, #312d2d 100%); }
.light-blue-bg-gradient { background: #38445e; background: radial-gradient(circle, #38445e 0, #2e3548 100%); }
.bg-dark-500 { background: var(--dark-black-500); }
.bg-blue-500 { background: var(--dark-blue-500); }
@media (min-width:768px) and (max-width:1199.98px) {
  .mw-60 img { max-width: 60%; }
  .mw-70 img { max-width: 70%; }
}
@media (max-width:767.98px) {
  .mw-90 img { max-width: 90%; }
  .mw-80 img { max-width: 80%; }
  .mw-70 img { max-width: 70%; }
  .mw-60 img { max-width: 60%; }
  .mw-50 img { max-width: 50%; }
}

@media(max-width:992px) and (min-width:768px) {
  .faq_wrapper .accordin_body { padding: 20px; margin-bottom: 15px; }
  .mw-80 img { max-width: 80%; }
}

.ethreum-blockhain { background: #110c26; border-radius: 17px; }
/* blockchain pages */
.nft-business { overflow: hidden; isolation: isolate; }
.nft-business .row { position: relative; }
.nft-business .business-banner::after { display: none; }
.nft-business .transprent_image { mix-blend-mode: multiply; }
.br-25 {  border-radius: 25px;}

.gap-20 { gap: 20px; }
@media (max-width:767.98px) {
  .gap-20 { gap: 1rem; }
}
.orange-shadow { -webkit-box-shadow: 0 2px 52px 0 rgba(255, 211, 171, 0.20); box-shadow: 0 2px 52px 0 rgba(255, 211, 171, 0.20); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.box-shadow-light { box-shadow: 0 0 24px rgb(183 183 183 / 25%); }
.border-grey { border: 1px solid #d6d5d5; }

/* orange shadow card css */
.orange-shadow-card { transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; border-radius: 14px; background: var(--white); padding: 20px; height: 100%; }
.orange-shadow-card em { margin-right: 10px; width: 45px; }
.orange-shadow-card p { margin-top: 10px; margin-bottom: 0; }
.bg-dark-blue { background: #110c26; }
.bg-skyblue {background:#d2fafd}

@media (min-width:992px)  and  (max-width:1199.98px) {
  .orange-shadow-card em { width: 40px; }
  .orange-shadow-card h3 { width: calc(100% - 40px - 10px); }
  .orange-shadow-card em img { max-width: 40px; max-height: 40px; }
}
@media(max-width:1024px) and (min-width:992px) {
  .default-chracter{ margin-top: 50px; }
}
@media(max-width:991px) {
  .orange-shadow-card em { width: 35px; }
  .orange-shadow-card h3 { width: calc(100% - 35px - 10px); }
  .orange-shadow-card em img { max-width: 35px; max-height: 35px; }
}
@media (max-width:767.98px) {
  .orange-shadow-card {padding:1rem;}
  .orange-shadow-card em { margin: 0 10px 0 0; }
  .orange-shadow-card p { text-align: left; }
  .view_btns .btn-primary-outline {min-width: 145px;}
}
@media (max-width:380.98px) {
  .view_btns .btn-primary-outline,.portfolio_icons .cta_btn {max-width: 100%; flex: 1;}
}

.website_link a span {color:#d85d27 ;}
.portfolio_slider_card .thumb_logo img { width: 100%; height: 100%;max-height: 55px;  border-radius: 5px;}
.bg-purple-600{background-color: #F0EAFF;}
.seeit-chellenges.audio-editor::before {
  border-color: #C4ACFF;
}
.dark-black{background-color: #222511;}
.dark-blue-500 {background:#1F5F96;}
.sky-extra-light {background: var(--sky-extra-light);}
.bg-result-secn {background: #64b1bb;}

.mehndi-dark-green-gradient {
  background: rgb(34,37,17);
  background: -moz-linear-gradient(85deg, rgba(34,37,17,1) 0%, rgba(34,37,17,1) 51%, rgba(34,37,17,1) 100%);
  background: -webkit-linear-gradient(85deg, rgba(34,37,17,1) 0%, rgba(34,37,17,1) 51%, rgba(34,37,17,1) 100%);
  background: linear-gradient(85deg, rgba(34,37,17,1) 0%, rgba(34,37,17,1) 51%, rgba(34,37,17,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222511",endColorstr="#222511",GradientType=1);
}
.dark-skyblue-gradient {
  background: rgb(44,104,158);
  background: -moz-linear-gradient(85deg, rgba(44,104,158,1) 0%, rgba(44,104,158,1) 51%, rgba(44,104,158,1) 100%);
  background: -webkit-linear-gradient(85deg, rgba(44,104,158,1) 0%, rgba(44,104,158,1) 51%, rgba(44,104,158,1) 100%);
  background: linear-gradient(85deg, rgba(44,104,158,1) 0%, rgba(44,104,158,1) 51%, rgba(44,104,158,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2c689e",endColorstr="#2c689e",GradientType=1);
}
.dark-green-gradient {
  background: rgb(6,70,53);
  background: -moz-linear-gradient(135deg, rgba(6,70,53,1) 0%, rgba(49,122,103,1) 100%);
  background: -webkit-linear-gradient(135deg, rgba(6,70,53,1) 0%, rgba(49,122,103,1) 100%);
  background: linear-gradient(135deg, rgba(6,70,53,1) 0%, rgba(49,122,103,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#064635",endColorstr="#317a67",GradientType=1);
}
.sky-blue-100 {
background:#e6f5fd;
}
.sky-gray-100{
  background-color: #E9EEEF;
}
.green-mix-dark{
  background-color: #2E4750;
}
.pale-orange-100 {
  background: #fff2e9;
}
.purple-light-100 {
background: #f4f0f7;
}

.claptofind::before {
  border-color: #FEAF56;
}
.qr-theme{
  background-color: #F0E9FB;
}
.gap-10 { gap:10px;}
.text-orange {color:#FF8A2C}
.sky-100 {background:#e7f5f7}
.orange-200 {background:#ffefeb}
.purple-200 {background:#f5f5fe}
.sky-100{  background: #E9EFF5;}

.order-mater-ready-banner::after{
  border-color: #BAEBFF;
}
.dark-red-icon ul li::before{
border-left-color: #DA384B;
}
.light-pink-100{
  background-color: rgb(218 56 75 / 10%);
}
.services_blocks_row.six-column { grid-template-columns: repeat(6, 1fr);}
@media (min-width: 768px) and (max-width: 1024.98px) {
  .services_blocks_row.six-column {
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
  }
}
@media  (max-width:767px) {
  .services_blocks_row.six-column {
      grid-template-columns: repeat(2, 1fr);

  }
}
.light-green-150  {background:#e7efee;}
.light-grey-150  {background:#f1edea;}
.orange-light-shadow {
  box-shadow: 0px 2px 15px 0px rgba(216, 93, 39, 0.1);
}
.grey-extra-light {background:#e6e5e3}
.br-10 {border-radius: 10px;}

.black-banner-secn figure::before{
  background: linear-gradient(90deg, rgba(9, 7, 13, 0) 46.45%, #09070D 81.62%);  content: "";  width: 213px;  height: 100%; position: absolute; top: 0;
  right: 0%;  z-index: 1;
}
.black-banner-secn figure {border-top-left-radius: 20px; border-bottom-left-radius:20px ; overflow: hidden;}
.black-banner-secn-rl figure {border-top-right-radius: 20px; border-bottom-right-radius:20px ; overflow: hidden;}
.black-banner-secn-rl figure::before {
  background: linear-gradient(90deg,#09070D   46.45%, rgba(9, 7, 13, 0) 81.62%);
  content: "";
  width: 140px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0%;
  z-index: 1;
}
@media (min-width:1200px) and (max-width:1366px) {
  .black-banner-secn-rl .blochain-column,.black-banner-secn .blochain-column {
    padding:24px 0;
  }
}
.top-slider-banner .appBanner img {max-width: 100%; height: auto;}
.common-white-card {
  background: var(--white-color); padding:20px;border-radius: 14px;gap:1.25rem;
}
.common-white-card em {width:50px ;}
.common-white-card em img {max-height:50px;}
.common-white-card h5 {width:100%; margin-bottom: 0;}
@media (min-width:768px) {
  .common-white-card em {width:60px;}
  .common-white-card em img {max-height:60px; }
  .common-white-card h5 {width:calc(100% - 60px - 20px);}
}
@media (max-width:767px) {
  .common-white-card {padding:1rem;gap:0.75rem; text-align: center;}
  .common-white-card h5 {font-size:14px}
}
@media (min-width:1200px) {
  .key-card .key-card-content { width:calc(100% - 55px - 20px) ;  }
}
@media (max-width:1199.98px) {
  .key-card .key-card-content { width:calc(100% - 40px - 10px) ;  }
}
.br-14 {border-radius: 14px;}
.ai-tools_articles .card_box { padding:0.5rem; text-align:center;}
.ai-tools_articles .card_box span {font-size: 14px;}
@media (max-width:767.98px) {
  .grid-column-3 {grid-template-columns: repeat(1, 1fr); }
}
@media (min-width:768px) and (max-width:991.98px) {
  .grid-column-3 {grid-template-columns: repeat(2, 1fr);}
}
@media (min-width:992px) {
  .grid-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ai-tools_articles .card_box {
    padding:1rem
  }
}

.plain-card em,.key-card em {
  width: 50px;
  margin-right: 20px;
}
.plain-card em img,.key-card em img {
  max-height: 50px;
}
.plain-card h3 {
  width: calc(100% - 20px - 50px);
  word-break: break-word;
}
.plain-card p {margin-bottom: 0;}
@media (min-width:1400px) {
  .plain-card em,.key-card em {
    width: 55px;
  }
  .plain-card em img,.key-card em img {
    max-height: 55px;
  }
  .plain-card h3 {
    width: calc(100% - 20px - 55px);
    word-break: break-word;
  }
}
@media (max-width:1199.98px) {
  .plain-card em,.key-card em { width: 40px; margin-right: 10px; }
  .plain-card h3 { width: calc(100% - 40px - 10px); }
  .plain-card em img,.key-card em img { max-width: 40px; max-height: 40px; }
}

@media (max-width:767.98px) {
  .plain-card p { text-align: left; }
}
@media (min-width:1200px) {
  .w-75-lg {width: 75%;}
}
.row-gap-20 {
  row-gap: 20px;
}

/* START right_btn CSS */
.right_btn { border: none; font-size: 16px; font-weight: 900; position: fixed; right: 0;
text-transform: capitalize; top: 50%; backface-visibility: hidden; z-index: 100; white-space: nowrap;
background: transparent; display: flex; flex-direction: column; align-items: center; margin-right: 0; opacity: 1; }
.social_sticky_btns { background: #f47c43; height: 40px; width: 40px; padding: 8px; position: relative; display: flex; flex-direction: column-reverse; align-items: center; margin-top: 5px; transition: all .3s ease-in-out; border-radius: 5px 0 0 5px; }
.calling_Data { position: absolute; right: 50px; top: 0; background: #fff; border: 1px solid #d6d5d5; border-radius: 20px 0 20px 20px;
box-shadow: 0 2px 52px 0 rgba(255,211,171,0.20);  padding: 5px 25px; visibility: hidden; opacity: 0; display: none; }
.phone_icon.active .calling_Data, .whatsapp_icon.active .calling_Data { display: block;  opacity: 1;  visibility: visible;  -webkit-animation-duration: 0.1s; animation-duration: 0.1s;
-webkit-animation-name: fadeInRight; animation-name: fadeInRight;  }
.calling_Data  li { list-style-type: none;  border-bottom: 1px solid #d6d5d5; padding: 15px 0; min-width: 120px; line-height: 22px;}
.calling_Data  li:last-child { border-bottom: none; }
.calling_Data li a { text-decoration: none; color: #000;  font-size: 17px; line-height: 22px; font-weight: 700; }
.svg_icon { display: block; cursor: pointer; }
.svgCross { cursor: pointer; position: relative;  top: -2px;  display: none;}
.phone_icon.active .svg_icon, .whatsapp_icon.active .svg_icon { display: none;}
.phone_icon.active .svgCross, .whatsapp_icon.active .svgCross {  display: block; }
/* END right_btn CSS */

/* START whatsApp_Icon_Footer CSS */
.whatsApp_Icon_Footer {  width: 36px;  height: 36px;  margin-right: 3px;  display: inline-block; background: #ec7a2f; border-radius: 50%;
border: 1px solid #ec7a2f; position: relative;}
.whatsApp_Icon_Footer .calling_Data { right: auto; left: 40px; border-radius: 0 20px 20px 20px; }
.whatsApp_Icon_Footer.open .calling_Data { display: block;  opacity: 1;  visibility: visible;  -webkit-animation-duration: 0.1s; animation-duration: 0.1s;
-webkit-animation-name: fadeInRight; animation-name: fadeInRight;  }
.whatsApp_Icon_Footer em { width: 100%; height: 100%; text-align: center; display: flex; justify-content: center; align-items: center;}
.whatsApp_Icon_Footer em svg { width: 20px; height: 20px; }
.whatsApp_Icon_Footer em svg path { fill: #fff;}
.whatsApp_Icon_Footer:hover em svg path { fill: #ec7a2f;}
.whatsApp_Icon_Footer:hover {  background-color: #fff;}
.whatsApp_Icon_Footer.open em svg path { fill: #ec7a2f;}
.whatsApp_Icon_Footer.open { background-color: #fff;}
.whatsApp_Icon_Footer .calling_Data li:before { display: none;}
.whatsApp_Icon_Footer .calling_Data li a { width: auto;  height: auto; margin: 0; background: transparent; border: none; border-radius: 0; padding: 0;}
footer ul.f-contact li span { padding: 0 3px; }
footer ul.f-contact li.footer_phone:hover a { color: #000; }
footer ul.f-contact li.footer_phone a:hover {  color: #ec7a2f; }
@media (max-width: 480px){
  .whatsApp_Icon_Footer .calling_Data {right: 40px;left: auto;border-radius: 20px 0 20px 20px; }
}
/* END whatsApp_Icon_Footer CSS */

/* trending secn css */
.mld-trends-tab ul { justify-content: space-between; flex-wrap: nowrap;  padding-bottom: 0px; }
.generative-tab { white-space: nowrap; overflow: auto hidden; padding-bottom: 6px;}
.mld-trends-tab ul .nav-item { width: 100%; white-space: nowrap; }
.mld-trends-tab ul .nav-item .nav-link { width: 100%; color: rgba(49, 45, 45, 0.5); border: 0; transition: all 0.3s ease-in-out; font-weight: 600; margin-bottom: 0; text-align: center; cursor: pointer; position: relative; }
.mld-trends-tab ul .nav-item .nav-link.active, .mld-trends-tab ul .nav-item .nav-link:hover { color: #312d2d; }
.mld-trends-tab .tab_article h3 { font-weight: 600; margin-bottom: 0; }
.mld-trends-tab ul .nav-item .nav-link::after { position: absolute; content: ''; top: 99%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 3px; background: #312d2d; transition: width 0.6s ease-in-out; transform-origin: center; }
.mld-trends-tab ul .nav-item .nav-link.active::after { width: 100%; background: #312d2d; }
.generative-tab::-webkit-scrollbar-thumb { background-color: transparent; }
.generative-tab:hover::-webkit-scrollbar-thumb { background-color: #dee2e6; }
@media (max-width:1199.98px) {
  .mld-trends-tab ul .nav-item .nav-link { font-size: 1rem; }
  #mldTabs .nav-item { display: inline-block; }
}
@media (min-width:1400px) {
  .mld-trends-tab ul .nav-item .nav-link { font-size: 1rem; }
}

/* common spacing css */
.spacer-120 { display: block; clear: both; }
@media (min-width:1200px) {
  .spacer-120 { height: 80px; }
}
@media (min-width:1680px) {
  .spacer-120 { height: 100px; }
}
@media (min-width:768px) and (max-width:1200px) {
  .spacer-120 { height: 70px; }
}
@media (max-width:767px) {
  .spacer-120 { height: 40px; }
}

.modal-open {max-height: 100vh;}

/* Hire Us */
.hire-us-onupwork a:hover:after { width: 0; left: 50%; }
.hire-us-onupwork a:hover { text-decoration: none; color: #d85d27; }
.long-arrow-right { display: block; margin: 0; margin-left: 50px; width: 12px; height: 12px; border-top: 2px solid #d85d27; border-left: 2px solid #d85d27; transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.long-arrow-right::after { content: ""; display: block; width: 2px; height: 45px; background-color: #d85d27; transform: rotate(-45deg) translate(15px, 4px); left: 0; top: 0; }
.work-completed { border-radius: 10px; padding: 30px; margin-left: -60px; border-left: 6px solid #e7e5ca; border-right: 6px solid #e7f1e1; background-color: #ecf5e6; background-image: linear-gradient(-90deg, #e7f1e1 96%, #e7e5ca 15%),linear-gradient(-90deg, #e7f1e1 96%, #e7e5ca 15%); background-size: 100% 6px; background-position: 0 0,0 100%; background-repeat: no-repeat; }
.work-completed .row1 {padding: 0 15px; gap: 20px;}
.work-completed .Jobs-Completed { background: linear-gradient(180deg, #f98c57 0, #db5d22 100%); box-shadow: 0 8px 20px 0 rgba(219, 93, 34, 0.34); border: 1px solid #d85d27; border-radius: 14px; padding: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.work-completed h3 { font-size: 34px; font-weight: 600; margin-bottom: 0; }
.work-completed p { margin-bottom: 0; }
.work-completed .Jobs-Completed h3 { color: var(--white); }
.work-completed .Jobs-Completed p { color: var(--white); }
.work-completed .Total-Earned { background-color: var(--white); border: 1px solid var(--white); box-shadow: 0 8px 36px 0 rgba(184, 179, 177, 0.24); border-radius: 14px; padding: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.work-completed .Total-Earned h3, .work-completed .Total-Earned p { color: #312d2d; }
.work-completed .Talent { background-color: #dee2dc; border-radius: 14px; padding: 20px; display: flex; justify-content: start; text-align: left; flex-direction: column; }
.hire-us-onupwork { background-color: #fff1e4; padding: 90px 95px 90px 50px; border-radius: 10px; }
.hire-us-onupwork .h4 { font-size: 32px; font-weight: 500; }

@media (min-width:1300px) and (max-width:1499.99px) {
  section.hire-us .container {padding-inline: 20px;}
}
@media (min-width:1500px) and (max-width:1699.99px) {
  section.hire-us .container {padding-inline: 70px;}
  .work-completed {padding-block: 60px;}
}
@media (min-width:1700px)  {
  section.hire-us .container {padding-inline: 130px;}
  .work-completed {padding-block: 60px;}
}
@media (min-width:1200px) and (max-width: 1600px) {
  .Future-Solutions h3 { font-size: 22px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .Future-Solutions h3 { font-size: 17px; }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .hire-us-onupwork { padding: 90px 77px 90px 38px; }
  .hire-us-onupwork .h4 { font-size: 22px; }
  .hire-us-onupwork a { font-size: 20px!important; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .hire-us-onupwork { padding: 80px 25px; }
  .hire-us-onupwork .h4 { font-size: 22px; }
  .hire-us-onupwork a { font-size: 16px!important; }
  .work-completed .Jobs-Completed { padding: 10px!important; }
  .work-completed .Talent { padding: 10px!important; }
}
@media (max-width: 768px) {
  .hire-us-onupwork { padding: 70px 30px; margin-top: 20px; }
  .hire-us-onupwork .h4 { font-size: 22px; }
}
@media (max-width: 767.98px) {
  .hire-us-onupwork { padding: 40px 30px; margin-top: 0; }
  .hire-us-onupwork .h4 { font-size: 22px; }
  .work-completed h3 { font-size: 22px; }
  .trusted-dev-column { padding: 15px 0 10px; }
  .trusted-dev-column span { font-size: 16px; }
  .hire-us-onupwork h5 img { max-width: 150px; }
}
.hire-us-onupwork a { color: #d85d27; font-size: 22px; font-weight: 600; list-style: none; position: relative; display: inline; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; }
.hire-us-onupwork a:after { content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background: #d85d27; transition: all .45s; }
@media (max-width: 768px) {
  .hire-us-onupwork a { font-size: 16px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .work-completed { margin-left: -50px; }
  .work-completed .h3 { font-size: 28px; font-weight: 400; }
  .work-completed p { font-size: 12px; }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .work-completed { margin-left: -49px; }
  .work-completed .h3 { font-size: 30px; font-weight: 400; }
  .work-completed p { font-size: 13px; }
}
@media (max-width: 768px) {
  .work-completed .Jobs-Completed { margin-right: 0; margin-bottom: 15px; }
  .work-completed .Talent { text-align: center; }
}
@media (max-width: 767px) {
  .work-completed { margin-left: 0; }
}

/* Common */
.outline-card h2.h4, .quality-card h2.h4 { font-weight: 600; word-wrap: break-word; margin-bottom: 0; text-transform: capitalize;}
.gap-5 { gap: 5px; }
.outline-card p { margin-bottom: 0; }
.outline-card { border-radius: 14px; border: 1px solid #e0dfdf; padding: 1rem 1.25rem; height: 100%; }

@media (max-width:767.98px) {
  .outline-card em img {max-width: 35px;max-height: 35px;}
}
.grid-3 { display: grid; grid-template-columns: repeat(1,1fr); gap: 1.25rem; align-items: center; }
@media (min-width:768px) and (max-width:1199.98px) {
  .grid-3 { grid-template-columns: repeat(2,1fr); }
  .outline-card em img {max-width: 50px;max-height: 50px;}
}
@media (min-width:576px) and (max-width:767.98px) {
  .grid-3 { grid-template-columns: repeat(2,1fr); }
}
@media (min-width:1200px) {
  .grid-3 { grid-template-columns: repeat(3,1fr); gap: 2rem; }
}

.no-link {cursor: unset;}
.grid-6{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;align-items:center}
@media (min-width: 768px) and (max-width: 1199.98px) {
	.grid-6{grid-template-columns:repeat(3,1fr)}
}
@media (min-width: 576px) and (max-width: 767.98px) {
	.grid-6{grid-template-columns:repeat(2,1fr)}
}

@media (min-width:1200px) {
	.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
	.grid-6{grid-template-columns:repeat(6,1fr)}
}

.dot-icon-card em { width: 15px !important; margin-right: 11px !important; position: relative; isolation: isolate; height: 30px;}
.dot-icon-card em::after { content: ''; isolation: isolate; z-index: 1; height: 12px; width: 12px; max-width: 12px; max-height: 12px; position: absolute; left:0; top:10px; border-radius: 12px; background: linear-gradient(180deg, #f98c57 0, #db5d22 100%); -webkit-box-shadow: 0 5.33333px 13.33333px 0 rgba(219, 93, 34, 0.34); box-shadow: 0 5.33333px 13.33333px 0 rgba(219, 93, 34, 0.34); }
.dot-icon-card h3 { width: calc(100% - 11px - 15px) !important; font-weight: 600; }

@media (max-width: 767.98px){
  .dot-icon-card em::after{
    top: 4px;
  }
}
.services_lists_row{display:grid;grid-template-columns:repeat(auto-fit,minmax(365px,1fr));gap:20px}
@media (max-width: 400px) {
    .services_lists_row{grid-template-columns:repeat(1,1fr)}
}
.row-30 {row-gap: 30px;}
.blog-meta svg {
  width: 17px;
  height: 17px;
  margin-right: 5px;
}

.blog-meta {
  margin-bottom: 10px;
  display: flex;
  gap: 15px;
  align-items: center;
}

.blog-meta .meta-author,.blog-meta .meta-time {line-height: 1;display: flex;align-items: center;gap: 5px;}
.portfolio_box.design_portfolio h6 {
  background: rgba(0, 0, 0, 0.5);
  padding: 17px 0;
  color: #fff;
  font-size: 18px;
  text-align: center;
  position: absolute;
  bottom: -30%;
  width: 100%;
  text-transform: capitalize;
  margin: 0;
  transition: all 0.3s;
  font-weight: 500;

}
.portfolio_box.design_portfolio:hover h6{
bottom: 0;
}
 #AppUI-UX  .col-sm-5{
  flex: 0 0 31%;
  max-width: 31%;
}
#AppUI-UX  .portfolio_box{
  border-radius: 20px;
}
section.our_work{
  padding-bottom: 0;
}
section.our_work ~ .common_portfolio_grp {
  padding-top: 0;
}
.black-txt, .black-txt p, .black-txt span{
  color: #000000 !important;
}
.white-txt, .white-txt p, .white-txt span{
  color: #ffffff !important;
}