/*Theme: Niwax - Creative Web Design & Digital Marketing Agency HTML5 Template
Author: Rajesh-Doot
File Description: Main CSS file of the template*/
/**Table of contents**
1. Default css
- Header section
- Hero section
- About section
- Service section
- Statistics section
- Portfolio Section
- Clients section
- Work category section
- Testimonial section
- Enquire form section
- Our office section
- Reviews section
- Footer section
2. About page               3. Team page                4. Portfolio page               5. Service page                 6. Service details page
7. Pricing page             8. Case study page          9. Blog page                    10.Contact page                 11.404 page
12.Faq & accordion page     13.Freelance Homepage       14.Lead Generation Homepage     15.Client review                16.Digital agency homepage
17.Features                 17.Help css                 18.Gredient css                 19.Dark mode css                **/
/*scrollbar theme*/
::-webkit-scrollbar {width:6px;}
::-webkit-scrollbar-track { background: #e8e8e8;}
::-webkit-scrollbar-thumb:hover {background: #fb5496;}
::-webkit-scrollbar-thumb {
background-image: -webkit-linear-gradient(45deg, #ffbd84, #ff1f8e);
background-image: -o-linear-gradient(45deg, #ffbd84, #ff1f8e);
background-image: linear-gradient(45deg, #ffbd84, #ff1f8e);}
/*Default css*/
::-moz-selection {background: rgba(166, 175, 189, 0.3);}
::selection {background: rgba(166, 175, 189, 0.3);}
*{ -webkit-font-smoothing: antialiased;
-moz-os-font-smoothing: grayscale;
box-sizing: border-box;
padding: 0;
margin: 0;
outline:none;
vertical-align:baseline;}
body {font-family: 'Open Sans', sans-serif; color: #6a6a8e; font-weight: 400;   font-style: normal; line-height:1; font-size: 17px; outline:none;overflow-x: hidden;}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {  display: block; }
h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif; color: #050748; font-weight: 600;}
h1, h2, h3, h4, h5, h6, p, ul{padding: 0;   margin: 0;}
ul{list-style:none;}
a:hover { text-decoration: none;}
button:focus {outline: none!important}
.fa-icon{    margin-left: 5px; font-size: 12px;}

.career-dbanner
{
	    background-image: url('../images/blog4/header-background.webp');
}
body
{
   -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
           user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
} 
.post blockquote {
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}
.as-custom img
{
    border-radius:0px !important;
}
.main-ucontact 
{
  padding:10px;
  margin-bottom:10px;
}
.map-uaddress .common-heading h2
{
  margin-bottom:40px !important;
}
.grid-qwpost h5 a
{
      font-size: 13px;
    color: #333333;
    font-weight:500;
} 
.port-fimage
{
      border: 1px solid #DDD;
    padding: 10px;
    overflow:hidden;
    height:200px;
}
.dmca-badge
{
     
    padding-top: 52px;
    display: inline-block;

}
.service-desc- h3
{
  font-weight:bold;
}
.custom-umultimedia
{
      text-transform: capitalize !important;
}

.inform-jdir p
{
  padding-top:20px;
}
.main-jkjfirm 
{
    width: 44%;
    margin: -28px auto;
}

.custom-qwservice1
{
  padding-left:10px;
}

.sitemap-zlist .list-ul li

{
      line-height: 15px;
    font-size: 14px;
    color: #333333;
}
.sitemap-zlist .col-md-3
{
  margin-bottom:15px;
}
.sitemap-fbold
{
  font-weight:bold;
}
.main-uhfeedback input,.main-uhfeedback textarea
{
  background: #ffe2e2 !important;
    background: -moz-linear-gradient(top, #ffe2e2 0%, #fff9f4 100%) !important;
    background: -webkit-linear-gradient(top, #ffe2e2 0%,#fff9f4 100%) !important;
    background: linear-gradient(to bottom, #ffe2e2 0%,#fff9f4 100%) !important;
    border: 1px solid #ffe9e8 !important;
    box-shadow: 0px 2px 2px rgb(0 0 0 / 33%)
}
.main-uhfeedback .common-heading h3
{
  font-size: 29px;
}
.main-fveedback
{
      background-color: #ffffff;
    padding: 10px;
    box-shadow: 0px 3px 3px rgb(0 0 0 / 24%);
}
.sitemap-kbanner
{
  background-image: url(images/about/xsitemap.webp);
}
.backl-zsitemap
{
     height: 288px;
    background-size: cover; 
}
.sitemap-zlist
{
  margin:30px 0px 30px 0px;
}
.sitemap-zlist .list-ul li:before
{
  top:0px;
}
.custom-qwservice .list-ul li a,.sitemap-zlist .list-ul li a
{
  color:#333333;
}
.sitemap-olist .list-ul,.sitemap-olist .col-md-3
{
  margin-bottom:0px;
}
.sitemap-wscroll
{
         height: 266px;
    overflow: hidden;
    overflow-y: scroll;
}
.sitemap-wscroll::-webkit-scrollbar
{
  width:3px !important;
}

.custom-qwservice
{
  padding-left:10px;
}
.career-card-div #accordion
{
    border: 1px solid rgb(51 51 51 / 27%);
    padding: 12px;
    box-shadow: 2px 2px 3px rgb(0 0 0 / 16%);
  }
.about-ghbanner h2,.about-ghbanner ul li a
{
  color:#ffffff !important;
}
.port-fimage img
{
     
    width: 100%;
    object-fit: cover;
    transition:all 0.3s ease-in-out;

}
.noselect { 
  -webkit-touch-callout: none; /* iOS Safari */ 
    -webkit-user-select: none; /* Safari */ 
     -khtml-user-select: none; /* Konqueror HTML */ 
       -moz-user-select: none; /* Firefox */ 
        -ms-user-select: none; /* Internet Explorer/Edge */ 
            user-select: none; /* Non-prefixed version, currently 
                                  supported by Chrome and Opera */ 
} 
.contact-show .trngl 
{
  padding-top:17px;
}
.tools-ubanner
{
      background-image: url(../images/about/cu-batool.webp);
}
.port-fimage:hover img {
  animation: moveSlideshow 3s linear;animation-fill-mode: forwards;
}

@keyframes moveSlideshow {
  100% {
    transform: translateY(calc(-100% + 200px));
  }
}

.pic:hover .pic:after {
  opacity: 0;
}
.cust-posimage
{
	    position: absolute;
    top: -39px;
    right: 0px;
}
.pager .active a{
    background-color : #337AB7;
    color: #FFF;
    border: 0px;
}
.web-algo
{
      color: #ff1f8e;
    font-weight: bold;
}
.custom-blist
{
  padding-left:0px;
}
.custom-aqbacklink
{
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.32);
    padding-bottom: 20px;
}
.about-yrelease 
{
  border: 1px solid rgb(51 51 51 / 20%);
}
.about-yrelease img
{ 
margin-bottom: 28px;
padding-top:18px;
}
.active-rhservice p,.active-rhservice h3
{
  color:#ffffff;
}
 .custom-nbutton .bg-btn
 {
  width:100%;
 }

 ul.rt-submenu .btn-main
 {
     background-color: #ff1f8e !important;
    padding: 5px 10px !important;
    height: 43px;
    line-height: 33px;
}
.multi-wlistmedia
{
  display:none;
}
ul.rt-submenu
{
  margin-left:-63px !important;
}
.service-kicon
{
     margin-bottom: 30px;
   padding:25px;
}
.main-lblog
{
  margin-bottom: 15px;
    box-shadow: 2px 2px 9px rgb(0 0 0 / 29%);
    
    padding: 5px;
    background-color: #ffffff;
}
.custom-yvision
{
  padding-left:0px !important;
}
.back-ulink h4
{
      margin-top: 13px;
    margin-bottom: 5px;
}
.develop-ximage 
{
  width:45%;
}
.budget-weback
{
      background-color: #ffc6ff;
}
.blog-ucontent .entry-blog a 
{
  color:#333333 !important;
}
.service-kicon h3
{
  margin-top:20px;
}
.budget-weback .image-block img
{
  box-shadow:none;
}
.screen-vproduct
{
         height: 364px;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
    box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
    -webkit-border-radius: 8px;
}
.custom-wterm
{
  margin-bottom:-21px;
}
.padd-ubterm
{
      padding: 90px 0px 34px 0px !important;
}
.mision-qanimation 
{
	       position: absolute;
    top: -31px;
    right: -40px;
}
@keyframes beat{
	to { transform: scale(1.4); }
}
.casestudy-dzbanner
{
	background-image: url(../images/process/casestudy-backheader.webp);
}
.vprivacy-dzpolicy
{
	background-image: url('../images/mission-vision/privacy-hbackground.webp');
}

.faq-dzbanner
{
	background-image: url('../images/process/faq-ubackground.webp');
}
.vmission-dzbanner
{
	background-image: url('../images/mission-vision/mission-yback.webp');
}
.termc-dzbanner
{
	background-image: url('../images/blog5/term-cond/term-uheader1.webp');
}
.wchoose-rbanner
{
  background-image: url('../images/blog5/why-choose/wchoose-ubackground.webp');
}
.cust-posimage img
{
	width:53%;
	animation: swing 2s infinite ease-in-out;
}
.mision-qanimation img
{
width:53%;
	animation: beat .25s infinite alternate;	
}
.casestudy-ximage
{
	    right: -92px;
		left:inherit;
}

.detail-ugoodfirm
{
     padding: 45px 25px 25px;
    border: 1px solid #ececec;
    border-top: 0;
    border-radius: 0px 0px 8px 8px;
    background-color: #f5f5f5;
}
.info-fagency h3
{
      font-weight: bold;
}
.custom-kjasbutton
{
  padding-top:10px !important;
      width: 40px;
    height: 40px;
    text-align: center;
    line-height: 48px;
    padding: 0;
    margin-right: 8px;
    position: relative;
    display: inline-block;
    border-radius:50%;
    color:#ffffff;
}
.release-usocial
{
      -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    backface-visibility: hidden;
    display: block;
    position: fixed;
    opacity: 1;
    text-align: left;
    top: 160px;
    z-index: 94034;
    right:0;
}
.release-usocial > div {
    clear: right;
    float: right;
}
.release-usocial .re-btn[data-network='twitter'] {
    background-color: #55acee;
}
.release-usocial .re-btn[data-network='email'] {
    background-color: #7d7d7d;
}
.release-usocial .re-btn[data-network='sharethis'] {
    background-color: #95D03A;
}
.release-usocial .re-btn[data-network='linkedin'] {
    background-color: #0077b5;
}
.release-usocial .re-total {
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    background: #fff;
    color: #555;
    display: inline-block;
    font-weight: 500;
    line-height: 18px;
    margin-right: 0;
    min-height: 34px;
    max-width: 80px;
    opacity: 1;
    padding: 4px 0;
    text-align: center;
    width: 48px;
}
.release-usocial .re-total > span {
    display: block;
    font-size: 18px;
    line-height: 21px;
    padding: 0;
}
.release-usocial .re-total > span.re-shares {
    font-size: 11px;
    line-height: 11px;
}
.release-usocial .re-btn:hover {
    width: 120px;
}
.release-usocial .re-btn[data-network='facebook'] {
    background-color: #4267B2;
}
.release-usocial .re-btn:hover {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}
.release-usocial .re-btn.re-first {
    border-top: none;
    border-top-left-radius: 0px;
}
.release-usocial .re-btn
{
  -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: NaNpx;
    height: 48px;
    line-height: 24px;
    margin-bottom: 0;
    opacity: 1;
    overflow: hidden;
    padding: 12px;
    position: relative;
    text-align: left;
    top: 0;
    vertical-align: top;
    white-space: nowrap;
    width: 48px;
}
.release-usocial .re-btn:hover > img {
    margin-left: 5px;
}
.release-usocial .re-btn > img {
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    height: 24px;
    margin-left: 0;
    vertical-align: top;
    width: 24px;
}
.release-usocial .re-btn[data-network='facebook'] > span {
    color: #fff;
}
.release-usocial .re-btn:hover > span {
    opacity: 1;
    display: inline-block;
    left: 0;
    filter: alpha(opacity=100);
}
.release-usocial .re-btn > span {
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    left: -35px;
    letter-spacing: 0.5px;
    opacity: 0;
    padding: 0 6px;
    position: relative;
    vertical-align: top;
    filter: alpha(opacity=0);
}

li.rush-qwimage
{
      padding-top: 21px;
}
li.rush-qwimage img
{
  width:230px !important;
}
.asw-mbanchorimg img
{
    width:auto !important;
}
.custom-uborder a
{
    border-bottom: 2px dotted rgb(51 51 51);
    padding-bottom: 10px;
}
.custom-ngqaddress .info-body
{
  border-bottom: 2px dotted rgb(51 51 51);
    padding-bottom: 10px;
    padding-top:10px;
}
.custom-kjasbutton 
{
  animation: swing ease-in-out 1s infinite alternate;
}
@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}
.copyright .footer- p
{
  margin-bottom: 0px;
}
.custom-ngqaddress .info-body p
{
  margin-bottom: 0px !important;
}
.custom-kjasbutton:hover 
{
  color:#ffffff;
}
.skype-card  .info-body h5
{
  margin-bottom:0px;
}
.skype-card  .info-body h5
{
  margin-bottom:5px;
  font-weight:550;
}
.skype-card  .info-body p
{
      margin: 2px 0 10px 0;
}
.faq-wyimage
{
	top:-59px;
}
  .main-tabbacklink .portfolio-block
  {
    display:block !important;
        box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 42%);
            padding: 20px;
            background-color:#ffffff;
  }
  .main-tabbacklink ul.nav-tabs
  {
     margin: 0 auto;
    margin-bottom: 20px;
    border-bottom: none;

  }
  .main-tabbacklink ul.nav-tabs li a
  {
            color: #ff1f8e;
    font-size: 17px;
    margin-left: 10px;
    font-weight: 600;
  }
  .main-tabbacklink .nav-tabs .nav-link.active
  {
    background-color:#ff1f8e;
    color:#ffffff;

  }
.development-dzbanner
{
	background-image: url(../images/blog4/develop-uheader.webp);
    height: 354px;
  
}
.develop-ximage img
{
	    width: 63%;
    animation: float 6s ease-in-out infinite
}
@keyframes float {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
}
@keyframes swing {
  0%, 100% { transform: rotate(-30deg); }
  20% {transform:scale(.95);}
  50% { transform: rotate(30deg); }
  80% {transform:scale(.95);}
}


.gamingy-dfcolor
{
	 background: linear-gradient(to bottom, #cc6699 7%, #990099 100%);
}
.gamingy-dfcolor1
{
	 background: linear-gradient(to bottom, #cc6699 7%, #9900ff 100%);
}
.gamingy-dfcolor2
{
	background: linear-gradient(to bottom, #cc6699 7%, #999966 100%);
}

.multi-zsbcolor
{
	 background: linear-gradient(to bottom, #33ccff 0%, #ff00ff 100%);
}
.multi-zsbcolor1
{
	background: linear-gradient(to bottom, #33ccff 0%, #cc0099 100%);
}
.multi-zsbcolor2
{
	background: linear-gradient(to bottom, #ff99ff 0%, #66ff99 100%);
}
.multi-zsbcolor3 
{
	background: linear-gradient(to bottom, #339966 0%, #cc0000 100%);
}
.multi-zsbcolor4
{
	 background: linear-gradient(to bottom, #0066ff 0%, #cc3399 100%);
}
.multi-zsbcolor5
{
	background: linear-gradient(to bottom, #cc0099 0%, #ffff66 100%);
}
.multi-zsbcolor6
{
	 background: linear-gradient(to bottom, #cc66ff 0%, #ffcc66 100%);
}
.multi-zsbcolor7
{
	background: linear-gradient(to bottom, #003366 0%, #cc6699 100%);
}
.multi-zsbcolor8
{
	background: linear-gradient(to bottom, #6600ff 0%, #993366 100%);
}
.multi-zsbcolor9
{
	background: linear-gradient(to bottom, #6600ff 0%, #993366 100%);
}
.multi-zsbcolor10
{
	 background: linear-gradient(to bottom, #99ff99 0%, #009999 100%);
}
.multi-zsbcolor11
{
	background: linear-gradient(to bottom, #99ff99 0%, #ff3399 100%);
}
 .multi-zsbcolor12 
 {
	background: linear-gradient(to bottom, #006699 0%, #cc3399 100%); 
 }
 .multi-zsbcolor13
 {
	  background: linear-gradient(to bottom, #006699 0%, #990099 100%);
 }
  .multi-zsbcolor14
  {
	  background: linear-gradient(to bottom, #9933ff 0%, #cc6699 100%);
  }
   .multi-zsbcolor15
  {
	  background: linear-gradient(to bottom, #666633 0%, #ff9900 100%);
  }
  .multi-zsbcolor16
  {
	 background: linear-gradient(to bottom, #cc0099 0%, #ff9933 100%); 
  }
.cta-qw1
{
	    background-color: #36befa;
}

.cta-qw2
{
	 background-color: #77b4ab;
}
.gt-dfcolor
{
	    background-color: #1cc707;
}
.gt-dfcolor1
{
	    background-color: #1cc707;
}
.gt-dfcolor2
{
	        background-color: #1b689b;
}
.ecommerce-kzbcolor
{
	background: linear-gradient(to bottom, #cc6699 0%, #ff6699 100%);
}
.ecommerce-kzbcolor1
{
	   background: linear-gradient(to bottom, #cc6699 0%, #00cc99 100%);
}
.digital-kzcolor
{
	 background: linear-gradient(to bottom, #cc6699 0%, #6666ff 100%);
}
.digital-kzcolor1
{
	background: linear-gradient(to bottom, #cc6699 0%, #cc33ff 100%);
}
.digital-kzcolor2
{
	 background: linear-gradient(to bottom, #cc6699 7%, #ff5050 100%);
}
.freelance-dfcolor
{
	  background: linear-gradient(to bottom, #cc6699 7%, #33cc33 100%);
}
.gt-dfxcolor
{
	    background-color: #fca264;
}
.banner-kzcolor
{
	background-color: #7bb9c8;
}
.header-heading .fa-icon{    margin-left: 5px; font-size: 12px; animation: 2s infinite arrowanim; -webkit-animation: 2s infinite arrowanim;}
.common-heading{padding: 0;    text-align: center;    position: relative;z-index: 10;}
.common-heading h2 {        margin-bottom: 60px;}
.inner-heading h2 {     margin-bottom: 30px;}
.v-center{align-self: center; align-items: center;}
button{ position: relative;    overflow: hidden;}
.lnk{position: relative;    overflow: hidden;}
.animation, a, .isotope_item, input, button, .custom-btn, .circle,
.s-block, .clients-logo, .icon-set, .link-hover, .sticky, .navbar, .dropdown-toggle, .hover-scale img, .sub-menu-sec a,.main-header.sticky, .main-header, .circle2, .hoshd{
-webkit-transition: 1.2s cubic-bezier(.17, .85, .438, .99);
-o-transition: 1.2s cubic-bezier(.17, .85, .438, .99);
transition: 1.2s cubic-bezier(.17, .85, .438, .99);
/*-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;*/}
/* add new css */
li.sub-mdropdown .nx-dropdown
{
	width:1060px;
}
.servie-key-points .key-points
{
	padding-left:0px;
}
 .multimedia-wmore
 {
	 display:none;
 }
 .cu-xwhoose
 {
  color:#ffffff !important;
 }
  .servive-gx
  {
	  padding-left:0px;
  }
   .blog-kcity
 {
	     position: absolute;
    bottom: 18px;
    left: 0px;
    right: 0px;
}
.blog-kcity a
{
	    d    display: inline-block;
    background-color: #fa0301;
    padding: 5px;
    color: #ffffff;
    font-size: 12px;
}
.blog-gbpost
{
	  position: static !important;
    margin-top: 10px;
    margin-bottom: 10px;
}
.blog-zimage img
{
	width:200px;
	height:105px;
	object-fit:cover;
}
.blog-ucontent h3
{
	    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 600;

}
.blog-uimage img
{
      height: 220px;
    object-fit: cover;
    width:100%;
}
.blog-ucontent p
{
      min-height: 90px;
    max-height: 90px;
    overflow: hidden;
}
.custom-aqbacklink
{
      margin-top: -380px;
    padding-left: 0px;
    padding-right: 0px;
}
.bactive-xbackheader h3
{
      text-align: left;
    padding-left: 95px;
    font-size: 28px;
    padding-top: 49px;
        font-weight: 550;
}
.custom-aqbacklink .shape-a1 {
    bottom: -57px !important;
    left: -81px !important;
}
.package-kcost
{
  padding:20px;
}
.main-xcost
{
       line-height: 57px;
    padding: 10px;
  }
  .main-xcost span
  {
    display:block;
  }
.blog-uimage
{
	position:relative;
}
.contact-details .table tr td
{
  font-style:italic;
}
 
 .s-block p,.wide-block p,.service-card-app p 
  {
	  min-height: 110px;
    max-height: 110px;
    overflow-y: scroll;
	cursor:pointer;
  } 

 
  .web-servic .item-info-div
  {
	  top:-62px;
	  padding:6px;
  }
  .banner-presentfolder
  {
	  background:#990033 !important;
  }
  .banner-ebookcover
  {
	   background:#990033 !important;
  }
  .banner-xmenudesign
  {
	   background:rgb(0, 102, 102) !important;
  }
  .color-qpersonpen
  {
	  background:#ff5050 !important;
  }
    .banner-personalizepen
  {
	 background:#ff33cc !important; 
  }
  .personabed-ubanner
  {
	  background:#33cc33 !important;  
  }
  
  .page-domainbanner .bread-menu li a
  {
	  color:#ffffff !important;
  }

  .link-jblock
  {
        background: #fff;
    text-align: center;
    background-size: 200%;
    background-position: top right;
    background-repeat: no-repeat;
    text-align: center;
    padding: 50px 20px;
    margin: 0;
    position: relative;
    border: 1px solid #d4f0ff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
  }
  .main-tabbacklink .single-card-item
  {
    margin-top:15px;
  }
  .useful-zbanner1
  {
	 background: linear-gradient(to bottom, #33ccff 0%, #cc0066 100%); 
  }
  .page-domainbanner .bread-title h2
  {
	  color:#ffffff;
  }
  .bg-privacypolicybannner
  {
	  background: linear-gradient(to bottom, #33ccff 0%, #cc00cc 100%);
  }
  .useful-zbanner
  {
	 background: linear-gradient(to bottom, #33ccff 0%, #333300 100%);  
  }
  .useful-zbanner2
  {
	 background: linear-gradient(to bottom, #33ccff 0%, #cc00ff 100%);    
  }
   .useful-zbanner3
   {
   background: linear-gradient(to bottom, #33ccff 0%, #003366 100%);
   }
   .useful-zbanner4
   {
	background: linear-gradient(to bottom, #33ccff 0%, #0066ff 100%);  
   }
  .bg-gtermbannner
  {
	   background: linear-gradient(to bottom, #33ccff 0%, #cc0066 100%);
  }
  .bg-asdgradient
  {
	background:#7B241C;    
  }
  .faq-zcontact .card-header
  {
	      background: #D6FFFC;
	border: 1px solid rgb(51 51 51 / 35%) !important;
    margin-bottom: 5px;
  }
 .faq-wrightcontent
 {
	 margin-top:20px;
 }
  .faq-wrightcontent h3
  {
	  margin-bottom:0px;
  }
  
 
  .faq-zcontact .card-body
  {
	border: 1px solid rgb(0 0 0 / 35%);
    padding: 5px !important;
    margin-top: -6px;
    margin-bottom: 5px;
}  
  .personagift-ubanner
  {
	   background:#00cc99 !important;
  }
  .twitterxc-ubanner
  {
	  background:#336699 !important;
  }
  .productpackg-ubanner
  {
	    background:#ff5050 !important; 
  }
 .websitexc-ubanner
  {
	  background:#993333 !important; 
  }
  .kidsbook-ubanner
  {
	  background:#cc0066 !important; 
  }
  .productcatalog-ubanner
  {
	   background:#0099ff !important;
  }
  .letterhead-ubanner
  {
	   background:#ff5050 !important;
  }
  .banner-gvinylcase
  {
	  background:#F5B041  !important; 
  }
  .banner-rolodexcard
  {
	 background:#EC7063   !important;  
  }
  .banner-holidaycard
  {
	 background:#F5B041    !important;  
  }
  .banner-xpenvironment
  {
	   background:#E67E22 !important;
  }
  .banner-3dposter
  {
	 background:#196F3D  !important; 
  }
  .banner-bookletgraphic
  {
	  background:#B9770E  !important; 
  }
  .fontstyling-ubanner
  {
	  background:#ff6600 !important;
  }
  .banner-xlealeft
  {
	  background:#ff9933 !important;
  }
  .school-ubanner
  {
	background:#339933 !important;  
  }
  .partypopers-ubanner
  {
	  background:#00ccff !important; 
  }
  .tabletent-ubanner
  {
	  background:#993399 !important;
  }
  .booklayout-ubanner
  {
	   background:#339966 !important;
  }
  .banner-xwebdesigning
  {
	  background:#993366 !important;
  }
  .banner-ugraphiccover
   {
	  background:#cc0000 !important;
  }
 .annual-qareport
 {
	     background: #ff1f8e !important;
 }
 .multimedia-wpresw
 {
	 background: -webkit-linear-gradient(left, #f92c8b 0%,#b02cd6 100%) !important;
 }
  .multimedia-wdiagram
  {
	    background: -webkit-linear-gradient(left, #673AB7 0%,#2196F3 100%) !important;
  }
  .graphix-qareport
  {
	      background-color: #ff1f8e !important;
  }
  .custom-uzxmarket
  {
	  background: #ffdadb !important;
  }
  .custom-uzxmarket .item-info
  {
	      background-color: #ffffff !important;
    padding-bottom: 15px;
    height: 260px;
    overflow: hidden;
  }
  .custom-xblog .shape-a3
  {
	         top: 88px !important;
    right: 38px !important;
  }
  .custom-xblog .shape-a4
  {
      top: 89px !important;
    right: 54% !important;;
  }
  .ser-pd50
  {
	  padding-top:50px;
	  padding-bottom:50px;
  }
  .web-servic .item-info-div p
  {
	  margin-bottom:0px;
  }
 .custom-bwserv .s-block
 {
	     margin-top: -64px;
    border-radius: 0px;
    border: none;
    padding: 22px 20px;
 }
.servie-key-points h4
{
	margin-bottom:0px;
}
.whatapp-wlink img
{
	    animation: 3s infinite updonanim;
    -webkit-animation: 3s infinite updonanim;
}
.multimedia-wmore .col-lg-4
{
	float:left;
}
.whatapp-wlink
{
	position: fixed;
    bottom: 26px;
    left: 26px;
    z-index: 9999999999999999999;
}
.multi-wview
{
	margin-top:20px;
	color:#ffffff !important;
}
.multimedia-uylayservice
{
	float:left;
	width:100%;
}
.blog-nlist .ul-check
{
	padding-left:0px;
}
.niwax-list .ul-circle
{
	padding-left:0px;
}
.custom-npresent
{
	margin-top:20px;
}
.blo-gplro
{
	padding-left:0px;
	padding-right:0px;
}
#blog-wslider .carousel-item:before
{
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
    background-color: rgb(0 0 0 / 70%);
	width:100%;
	height:100%;	
}
.blog-urow
{
	margin-bottom:20px;
}
#blog-wslider .carousel-caption h3
{
	color:#ffffff;
}
.feature-uimage img
{
	height:185px;
}
 .feature-ucontent
 {
	 position:relative;
 }
 .feature-cblog h3,.feature-cblog a,.entry-blog a
 {
	 color:#ffffff !important;
 }
 .feature-ucontent
 {
	 margin-bottom:10px;
 }
 .feature-ucontent:before
 {
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
    background-color: rgb(0 0 0 / 70%);
	width:100%;
	height:100%; 
 }
 .feature-cblog h3
 {
	 margin-bottom:0px;
 }
 .feature-cblog
 {
	     position: absolute;
    bottom: 0px;
    left: 7px;
    right: 0px;
 }
.blog-page
{
	background-color:#f5f5f5;
	padding-top:20px;
	padding-bottom:20px;
}
.grid-kqpost
{
	margin-bottom:10px;
}
.blog-ucontent
{
	background-color:#ffffff;
	padding:10px;
}
 .grid-qwpost h5
 {
	 margin-bottom:4px;
 }
.grid-tpdlro
{
	padding-left:0px;
}
.sidebar .recent-post .media
{
          border-bottom: 1px dotted rgb(93 72 192 / 59%);
}
.mainblog-fsidebar
{
      margin-top: 68px
}
.blog-page .sidebar
{
          background-color: #ffffff;
    padding: 8px;
    box-shadow: 2px 4px 5px rgb(0 0 0 / 40%);
}
.grid-kqpost
{
	    background-color: #ffffff;
    padding: 10px;
    box-shadow: 2px 2px 9px rgb(0 0 0 / 21%);
}
.custom-weqblog:after
{
	top:-21px !important;
}
.certifi-wlist
{
	padding-left:0px ;
}
.s-block p::-webkit-scrollbar,.wide-block p::-webkit-scrollbar,.service-card-app p::-webkit-scrollbar
{
    width: 0px !important;
}
::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}


.navbar-default .nav > li.dropdown .dropdown-menu {
    left: 0;
    border-radius: 0 !important;
    border: 0;
    border-top: 5px solid #CD2323;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
    margin: -3px 0 0 0;
    min-width: 240px;
    padding: 0;
    text-align: left;
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
@media (min-width: 768px)
.dropdown-menu.desktop {
    min-height: 410px;
}
@media (min-width: 768px)
.navbar-right .dropdown-menu {
    right: 0;
    left: auto;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0;
}
ul, li {
    list-style: none !important;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
ul ul {
    list-style-type: circle;
    margin-block-start: 0px;
    margin-block-end: 0px;
}
user agent stylesheet
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.navbar-default .nav > li {
    padding: 0;
    margin: 0 1px;
    font-family: "Open Sans", Arial, sans-serif;
}
user agent stylesheet
li {
    text-align: -webkit-match-parent;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
user agent stylesheet
ul {
    list-style-type: disc;
}
.navbar-default {
    border-color: rgba(34, 34, 34, .05);
    font-family: "Open Sans", Arial, sans-serif;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    padding: 3px 0 3px;
    margin-bottom: 0;
}
@media (min-width: 768px)
body {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
body {
    font-family: "Open Sans", Arial, sans-serif;
    margin: 0;
    padding: 0;
}
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}
.business-wgfill svg path
{
	fill:linear-gradient(to bottom, #e0f8ff 0%,#fff0e5 100%);
}
 .custom-kbusiness
 {
	     background: #D6FFFC;
    background: -moz-linear-gradient(top, #D6FFFC 0%, #ffeff5 100%);
    background: -webkit-linear-gradient(top, #D6FFFC 0%,#ffeff5 100%);
    background: linear-gradient(to bottom, #D6FFFC 0%,#ffeff5 100%);
 }
 .service-vshadow
 {
	     -webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
    box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
    -webkit-border-radius: 8px;
 }
.service-vshadow:after
 {
       content: '';
    background: url(../images/shape/shape-1.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    right: 9px;
    bottom: 230px;
    z-index: 0;
}
.service-vshadow:before
{
	    content: '';
    background: url(../images/shape/shape-2.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    left: 19px;
    bottom: 260px;
    z-index: 0;
}
.service-vshadow
{
	position:static !important;
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
.multimedia-kcustom
{
	
	height:1300px;
	
}
.user-info h5
{
	margin-bottom:0px;
}
.wholefieldgrabber .input_dv5:hover
{
	background-color:#dc143c;
}
.multimedia-kcustom .sub-menu-center-block
{
	overflow-y:scroll;
	height:400px;
	
}


.customdes-bannner  .bread-menu li + li::before,.responsive-wbanner  .bread-menu li + li::before
{
	color:#ffffff;
}
.customdes-bannner .bread-title h2,.responsive-wbanner .bread-title h2
{
	color:#ffffff;
}

.customdes-bannner .bread-menu li a,.responsive-wbanner .bread-menu li a
{
	color:#ffffff !important;
}
.business-wgfill .footer-svg svg path
{
	    fill: #f6ede8;
}

.custom-xdropdown
{
	    position: absolute;
    z-index: 1;
    left: -6px;
    right: 0;
    top: 26px;
    opacity: 1;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    width: 570px;
    -webkit-box-shadow: 0 10px 15px 0px rgba(175, 0, 87, .2);
    box-shadow: 0 10px 15px 0px rgba(175, 0, 87, .2);
}
.service-card-app img
{
	    width: 172px;
    margin: 0 auto;
}
.multi-wdropdown
{
	width:750px !important;
}
.single-uxdropdown
{
	width:auto;
}
.multi-wbdropdown
{
	        width: 1338px !important;
    margin: 0 auto;
    left: -429px !important;
}
.custom-ymultieconomy
{
	left:-162px !important;
}
.sub-menu-fgcolumn
{
	    width: 50%;
    float: left;
}
.custom-xdropdown ul
{
	    padding-left: 0px;
}
.custom-xdropdown ul li:hover{
	    background: #673AB7;
    background: -moz-linear-gradient(left, #673AB7 0%, #2196F3 100%);
    background: -webkit-linear-gradient(left, #673AB7 0%,#2196F3 100%);
    background: linear-gradient(to right, #673AB7 0%,#2196F3 100%);
	
}
.custom-xdropdown ul li a:hover{
	color:#ffffff;
	text-decoration:none;
}
.custom-xdropdown .sub-menu-section
{
	padding:0px 0px;
	border: 1px solid #f3f3f3;
	
}
.custom-xdropdown ul li
{
	    border-bottom: 2px dotted #333333;
		padding-left:8px !important;
		margin-bottom:0px !important;
		width:97% !important;
		margin-left:8px;
}
 .mty-10
 {
	 margin-top:25px;
 }
.custom-xdropdown ul li:last-child
{
	border-bottom:none;
}
.custom-xdropdown .sub-menu-column 
{
	    border-right: 1px solid rgb(51 51 51 / 23%);
}
.custom-xdropdown .sub-menu-column ul li a
{
	font-weight:normal;
	line-height:20px;
}
.custom-xdropdown .sub-menu-column:last-child
{
	border-right:none;
}
.custom-xdropdown .sub-menu-column
{
	padding:0px 0px;
}
li.sub-mdropdown:hover .custom-xdropdown
{
	opacity:1;
	height:auto;
} 
li.sub-mdropdown
{
	position: relative;
}

/* end new css */
.no-shadow{box-shadow:none !important}
span.circle{background: rgba(255, 255, 255, 0.2); display: block; position: absolute; top: -10%; right: -130px; width: 200px; height: 200px; border-radius: 50%;}
.lnk:hover span.circle{ top: -10%;    right: -80px;}
span.circle2{background: rgba(255, 255, 255, 0.2); display: block; position: absolute; top: -10%; right: -50px; width: 80px; height: 80px; border-radius: 50%;}
.lnk:hover span.circle2{ top: -10%;    right: -40px;}
.font-15{font-size:15px;}
.f-medium{ font-weight:600}
.f-bold{ font-weight:700}
.light-blue{background: #f8fdff;}
.text-radius { border-radius: 3px;    padding: 0 3px;}
.text-primary { color: #fe4c1c;}
.text-second{color: #E91E63;}
.text-bold{font-weight:bold}
/**Header section**/
.header-icon-nav a{ background: #ffffff7a;    padding: 12px;   margin: 5px;   border-radius: 50%;   color: #0a2233;}
.sticky .dsk-logo { line-height: 70px;}
.sticky .custom-nav .nav-list li a.menu-links { line-height: 70px;}
.main-header.sticky  {height: 70px;}
.top-header{position:relative; z-index:999;}
.navbar .mobile-menu{ display:none;}
.navbar .mobilemenu{color: #0a2233;    top: -4px;    position: relative;}
.navbar .mobilemenu i{    font-size: 25px;}
.mob-nav{    display: flex;}
.mob-nav li{ position: relative;}
.ml8{margin-left: 8px; }
.animate {animation-duration: 0.4s;   -webkit-animation-duration: 0.4s;   animation-fill-mode: both;   -webkit-animation-fill-mode: both;}
.top-header .dropdown-toggle::after {
display: inline-block;
margin-left: 3px;
vertical-align: baseline;
content: "+";
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
border-radius: 100px;}
.slideIn {  -webkit-animation-name: slideIn;    animation-name: slideIn;}
.dropdown-item:focus, .dropdown-item:hover {
color: #16181b;
text-decoration: none;
background-color: #ffffff;
outline:none;}
.dropdown-item.active, .dropdown-item:active {color: #0a2233;   text-decoration: none;   background-color: #ffffff; outline:none;}
.dropdown-menu { border: 0px solid rgba(0,0,0,.15);}
header .dropdown-menu {
position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 10px 0; margin: 0; font-size: 16px; color: #212529;
text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 0; border-top: 0px solid rgb(0, 186, 255);
border-radius: 0px 0px 8px 8px;
-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.dropdown-item { display: block; width: 100%; clear: both;  font-weight: 400; text-align: inherit; white-space: nowrap; background-color: transparent;
border: 0; font-size: 15px; color: #0a2233; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 10px 15px;}
.navbar-toggler { background-color: #fff; border: 1px solid #fff;}
.top-header  .sticky{ background: #fff; -webkit-box-shadow: 0 4px 6px 0 rgba(12, 0, 46, .08); box-shadow: 0 4px 6px 0 rgba(12, 0, 46, .08); height: 70px;}
.nav-item.dropdown:hover{background: #fff}
.list-mnu li a{white-space: break-spaces; line-height: 24px; padding: 5px 10px;}
.navbar-light .navbar-nav .nav-link {
font-weight: 600;
font-size: 16px;
color: #0a2233;
font-family: 'Poppins', sans-serif;
font-weight: 500;
padding: 0px 15px;
line-height: 48px;}
.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; padding-top: 0; padding-bottom: 0; height: 100px;  }
.brand-logo a{display: block; }
.top-header  .navbar .custom-btn{   padding: 0px 32px;    color:#fff;   font-weight: 400;}
.top-header  .navbar .custom-btn:hover, .top-header  .navbar .custom-btn:focus{ color:#fff;}
.modal-backdrop {background: linear-gradient(135deg, #0c0004 0%,#000e0c 100%);}
.modal {z-index: 999999;}
.abt{position: absolute;    right: 15px !important;    top: 0px !important;    z-index: 9999999;}
.popup-modalfull .modal-dialog {min-height: 100%; margin: 0 0 0 auto; background: #fff;     width: 100%;    max-width: 100%;    height: 100%;    margin: 0; }
.popup-modalfull .modal-content{border: 0;height: 100%;  border-radius: 0;}
.popup-modalfull .modal-body { overflow-y: auto;}
/**mega menu header **/
.main-header.sticky .nx-dropdown { top: 65px;}
.nav-bg-b .custom-nav .nav-list li a.menu-links {  color: #fff;}
.main-header.sticky{
background: #fff;
-webkit-box-shadow: 0 4px 6px 0 rgba(12, 0, 46, .08);
box-shadow: 0 4px 6px 0 rgba(12, 0, 46, .08);}
.main-header  {
padding: 0 20px;
height: 85px;
z-index: 99999;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
background-color:#ffffff;
}
.fa-ani {
margin-left: 5px;
font-size: 12px;
animation: 2s infinite arrowanim;
-webkit-animation: 2s infinite arrowanim;}
.sub-menu-center-block{display: flex;}
.menu-header{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;}
.right-bddr{    border-right: 1px solid rgba(255, 255, 255, 0.1);
padding: 0px 10px 0 0px !important;
margin: 0 20px 0 0;}
.custom-nav .sbmenu > a::before {content: "+"; position: absolute; right: 4px;}
.custom-nav .sbmenu.hover > a::before { content: "-"; }
.main-header.sticky .custom-nav .nav-list li a.menu-links { color: #050748;}
.main-header.sticky  .mega-white-logo{display:none;}
.main-header  .mega-white-logo{display:none;}
.nav-bg-b.main-header.sticky  .mega-white-logo{display:none;}
.nav-bg-b.main-header  .mega-white-logo{display:inline-block;}
.nav-bg-b.main-header .mega-darks-logo{display: none;}
.main-header.sticky .mega-darks-logo{display: inline-block;}
.dsk-logo{float: left; line-height: 85px;margin-top:-26px;}
.dsk-logo .nav-brand img{max-height: 75px;}
.custom-nav{float: right;}
.custom-nav .menu-dorpdown{width:240px; margin: 0 auto;}
.custom-nav .smfull{width:100%;}
.custom-nav .nav-list li{display: inline-flex;}
.custom-nav .nav-list li.rpdropdown{position: relative;}
.custom-nav .nav-list li a.menu-links{
font-size: 16px;
color: #050748;
font-family: 'Poppins', sans-serif;
font-weight: 500;
padding: 0px 15px;
line-height: 85px;
text-transform: uppercase;
position: relative;
overflow: hidden;}
.btn-br{line-height: 48px; color: #fff; border-radius: 100px; padding: 0 20px;}
.btn-br:hover{color:#fff;}
.btn-round-{
width: 48px;
height: 48px;
text-align: center;
line-height: 48px;
padding: 0;
margin-right: 8px;
position: relative;
display: inline-block;}
.btn-round-.trngl:after{
content: '';
position: absolute;
right: -4px;
top: 50%;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid #e8e8e8;
clear: both;
transform: translateY(-50%);}
.btshad-b1{
-webkit-box-shadow: 0 10px 15px 0px rgba(175, 0, 87, .2);
box-shadow: 0 10px 15px 0px rgba(175, 0, 87, .2);}
.btshad-b2{
-webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);
box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);}
.nx-dropdown {
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 80px;
opacity: 0;
height: 0;
overflow: hidden;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;}
div.custom-nav > ul > li:hover .nx-dropdown {
opacity: 1;
height: auto;
overflow: inherit;}
.submenu-btnset{
position: relative;
display: block;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
white-space: normal;}
.sub-menu-column {
width: 33%;
float: left;
padding: 0 20px;}
.sub-menu-column .menuheading {
color: #050748;
font-weight: 700;
font-size: 18px;
letter-spacing: .2px;
margin: 0 0 16px 0;
padding: 0 0 14px 0;
border-bottom: 1px solid #dadada;}
.sub-menu-column ul {width: 100%; display: inline-block; position: relative; }
.sub-menu-column ul li {
    width: 100%;
    height: auto;
    float: left;
    padding: 0;
    margin-right: 0;
    /* margin-bottom: 9px; */
    border-bottom: 1px solid rgb(51 51 51 / 34%);
    padding: 5px 0px 5px 0px;
}
.sub-menu-column ul li a {
width: 100%;
font-size: 15px;
color: #050748;
position: relative;
line-height: 25px;
font-weight: 600;}
.sub-menu-section {
box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 0.04);
border-top: 2px solid #f3f3f3;
width: 100%;
padding:25px 0;
display: inline-block;
background-color: #ffffff;
margin-top: 4px;}
.btn-block a{
min-width: 230px;
text-align: center;
-webkit-box-shadow: 0 10px 15px 0px rgba(47, 0, 16, 0.15);
box-shadow: 0 10px 15px 0px rgba(47, 0, 16, 0.15);}
.bgtspnt{background: transparent !important;}
div.custom-nav > ul > li.sbmenu > a:after {
content: '';
position: absolute;
width: 100%;
height: 5px;
background: #4f4daf;
left: -100%;
bottom: 0px;
opacity: 0;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;}
div.custom-nav > ul > li.sbmenu:hover > a:after  {left: 0; opacity: 1;}
.contact-show{position: relative;}
.contact-show:hover .contact-inquiry{ display: block;}
.contact-inquiry {
width: 285px;
position: absolute;
top: 48px;
right: 0;
z-index: 99;
display: none;
transition: all 2s linear;}
.hrbg{background: #e4e8ff;}
.contact-info- .contct-heading {
font-size: 17px;
color: #3c4147;
font-weight: 700;
padding: 11px 20px;
letter-spacing: .2px;}
.contact-info- .inquiry-card-nn .title-inq-c {font-size: 14px; font-weight: bold;}
.contact-info- .inquiry-card-nn ul li a {
    font-size: 16px;
    color: #050748;
    font-weight: 700;
    text-decoration: none;
    padding: 20px 10px;
    line-height: 38px;}
.contact-info- .inquiry-card-nn {
border-top: 1px solid #e1e1e2;
position: relative;
text-align: left;}
.contact-info- .inquiry-card-nn ul
{
  padding-left:0px;
}
.contact-info- {
width: 100%;
display: inline-block;
padding: 0;
background: #fff;
border-radius: 5px;
margin-top: 20px;
position: relative;
box-shadow: 0 0 5px rgba(0,0,0,.3);}
.contact-info- .inquiry-card-nn ul li {
list-style: none;
padding-left:0px;
text-align: left;
display: block;
    border-top: 1px solid #e2e2e1;
}
.contact-info- .inquiry-card-nn ul li:first-child 
{
  border-top:none;
  }
.contact-info- .inquiry-card-nn ul li.mb0 {margin-bottom: 0;}
.contact-info- .inquiry-card-nn ul li i{font-size: 20px; margin: 0 11px 0 0px; color: #8BC34A;}
.contact-info- .inquiry-card-nn span {font-size: 13px; color: #828282;}
.contact-info- .inquiry-card-nn .fa-envelope{color: #012169;}
.contact-info-:after {
content: '';
position: absolute;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid transparent;
border-bottom: 7px solid rgba(255,255,255,.95);
top: -14px;
right: 22px;
transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;}
/**circle button effect**/
a.play-video {
min-width: 70px;
min-height: 70px;
display: inline-flex;
background: #ffffff;
border-radius: 1000px;
transition: all 0.3s ease-in-out 0s;
cursor: pointer;
outline: none;
position: relative;
padding: 10px;
align-items: center;}
a.play-video::after {
content: '';
width: 70px;
height: 70px;
border-radius: 100%;
border: 6px solid #ffffff;
position: absolute;
z-index: 0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: ring-ani 1.75s infinite cubic-bezier(0.66, 0, 0, 1);
box-shadow: 0 0 0 0 rgba(12, 108, 211, 0.5);}
@-webkit-keyframes ring-ani {to {box-shadow: 0 0 0 18px rgba(12, 108, 211, 0);}}
.triangle-play {
width: 0;
height: 0;
border-top: 15px solid transparent;
border-left: 25px solid #ff2d8d;
border-bottom: 15px solid transparent;
text-align: center;
margin: 0 auto 0;}
/****/
.hero-card-web{
position: relative;
overflow: hidden;
padding-top: 150px;
padding-bottom: 100px;
height: 100vh;
align-items: center;
display: flex;}
.hero-main-rp {padding: 0 30px 0 180px;}
.hero-heading-sec h2{
color: #fff;
font-size: 55px;
line-height: 67px;
text-transform: uppercase;
font-weight: 700;}
.hero-heading-sec h2 span{display: block;}
.hero-heading-sec > p{color: #fff000; font-size: 18px; max-width: 400px; margin: 40px 0;}
.flags-size {width:25px;margin-right:7px;}
.awards-block-tt{margin-top: 40px;}
.hero-content-sec{display: inline-flex; align-items: center;}
.title-hero-oth p{font-size: 20px; color: #fff; margin: 0 0 0 25px; text-transform: uppercase; }
.title-hero-oth p span{display: block; color: #fff000;}
.hero-service-cards {margin-top: 195px;}
.service-slide{border-radius: 30px; max-width: 280px; overflow: hidden;margin: 20px 0;  transform-style: preserve-3d; transform: perspective(1000px);}
.service-card-hh{transform: translateZ(20px);    display: block;}
.image-sr-mm{
height: 250px;
width: 100%;
padding: 0px 0 0px 0;
position: relative;
margin: 0 auto;}
.image-sr-mm img{
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
margin: 0 auto 0;
max-width: 100%;
max-height: 100%;
width: initial !important;}
.title-serv-c{color: #fff; font-size: 22px; font-weight: 700; line-height: 1.2; padding: 20px 20px 35px;}
.title-serv-c span {   display: block;}
.card-bg-a{
background: #3faee5;
background: -moz-linear-gradient(top,#3faee5 0,#6d03ce 100%);
background: -webkit-linear-gradient(top,#3faee5 0,#6d03ce 100%);
background: linear-gradient(to bottom,#3faee5 0,#6d03ce 100%);}
.card-bg-b{
background: #ff92f6;
background: -moz-linear-gradient(top,#ff92f6 0,#b300a5 100%);
background: -webkit-linear-gradient(top,#ff92f6 0,#b300a5 100%);
background: linear-gradient(to bottom,#ff92f6 0,#b300a5 100%);}
.card-bg-c{
background: #3e35b7;
background: -moz-linear-gradient(top,#3e35b7 0,#4c4aff 100%);
background: -webkit-linear-gradient(top,#3e35b7 0,#4c4aff 100%);
background: linear-gradient(to bottom,#3e35b7 0,#4c4aff 100%);}
.card-bg-d{
background: #f72c8c;
background: -moz-linear-gradient(top,#f72c8c 0,#b82dcf 100%);
background: -webkit-linear-gradient(top,#f72c8c 0,#b82dcf 100%);
background: linear-gradient(to bottom,#ffa76a 0,#ff8e38 100%);}
.card-bg-e{
background: #5782ea;
background: -moz-linear-gradient(top,#5782ea 0,#2251af 100%);
background: -webkit-linear-gradient(top,#5782ea 0,#2251af 100%);
background: linear-gradient(to bottom,#5782ea 0,#2251af 100%);}
.card-bg-f{
background: #95e5ff;
background: -moz-linear-gradient(top,#95e5ff 0,#009688 100%);
background: -webkit-linear-gradient(top,#95e5ff 0,#009688 100%);
background: linear-gradient(to bottom,#95e5ff 0,#009688 100%);}
.shape-bg3:before{
content: "";
background: url(../images/shape/shape-12.svg);
position: absolute; height: 100%; width: 100%; opacity: 0.03;}
/**Hero section**/
.hero-bg-bg1:before{
content: "";
background: url(../images/hero/banner-shap-2.png);
position: absolute;
height: 100vh;
right: 0;
left: 0;
top: 0;
width: 100%;
background-position: left 0;
background-size: contain;
background-repeat: no-repeat;}
.hero-section {
position: relative;
overflow: hidden;
padding-top: 100px;
padding-bottom: 100px;
height: 100vh;
align-items: center;
display: grid;}
.btn-main:hover{color:#fff;}
.btn-main {
font-size: 16px;
font-weight: 400;
font-family: 'Poppins', sans-serif;
padding: 0px 32px;
line-height: 56px;
text-align: center;
outline: none;
color: #fff;
background-color: #ff1f8e;
border: none;
-webkit-border-radius: 100px;
border-radius: 100px;
display: inline-block;
position: relative;
-webkit-box-shadow: 0 10px 15px 0px rgba(233, 30, 99, .15);
box-shadow: 0 10px 15px 0px rgba(233, 30, 99, .15);}
.header-heading h1{ font-size: 60px;   line-height: 72px; font-weight: 700;  margin-bottom: 30px;}
.header-heading p{font-size: 20px;  line-height: 30px;  margin-bottom: 35px;}
/**About section**/
.about-agency .common-heading h2 {margin-bottom: 20px;}
.about-agency{position: relative;   overflow: hidden;}
.about-agency:before {
content: "";
background: url(../images/shape/dot_bg.png);
position: absolute;
width: 100%;
height: 100%;
top: 0;}
.text-l{text-align:left !important;}
.common-heading > span {
color: #e60072;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 16px;
font-weight: 400;
margin: 0 0 15px 0;
display: block;}
.quote{
font-weight: 500;
padding: 25px;
position: relative;
border-left: 4px solid #ff358f;
margin: 30px 0;
background: #FAFAFB;
color: #6a6a8e;
font-family: 'Poppins', sans-serif;}
.user- .user-image img{ border-radius: 100%;    width:80px}
.user-info{ margin: 0px 0 0 20px;text-align: left;}
.user-info p span{font-weight: 700;}
/**Service section**/
.service-section {background: #fff;   position: relative; overflow: hidden;}
.image-block img{width:100%; border-radius: 8px;}
.img-block img{width:100%; border-radius: 8px;}
.white-text{    color: #fff !important;}
.shape-num .shape-loc:first-child:before{
content: '';
background: url(../images/shape/shape-1.svg);
background-size: auto;
position: absolute;
height: 150px;
width: 150px;
background-repeat: no-repeat;
left: -40px;
bottom: -60px;
z-index: -1;}
.shape-num .shape-loc:last-child:after{
content: '';
background: url(../images/shape/shape-2.svg);
background-size: auto;
position: absolute;
height: 150px;
width: 150px;
background-repeat: no-repeat;
right: -40px;
bottom: -60px;
z-index: -1;}
.shape-bg2 img{
z-index: 1;
position: relative;}
.shape-bg2{ position: relative;}
.shape-bg2:after {
content: '';
background: url(../images/shape/shape-2.svg);
background-size: auto;
position: absolute;
height: 150px;
width: 150px;
background-repeat: no-repeat;
right: -40px;
bottom: -60px;
z-index: -1;}
.shape-bg2:before {
content: '';
background: url(../images/shape/shape-1.svg);
background-size: auto;
position: absolute;
height: 150px;
width: 150px;
background-repeat: no-repeat;
left: -40px;
bottom: -60px;
z-index: 0;}
.service-section:before{
content: "";
background: url(../images/shape/dot-shape.png) #d7f0fd;
position: absolute;
height: 400px;
right: 0;
left: 0;
top: 0;
width: 100%;
background-position: center top;
background-size: contain;
background-repeat: repeat;}
.s-block{
background: #fff;
text-align: center;
background-size: 200%;
background-position: top right;
background-repeat: no-repeat;
text-align: center;
padding: 50px 20px;
margin:0;
position: relative;
border: 1px solid #d4f0ff;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow:
0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059),
0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071),
0 25px 40px -30px rgba(0, 0, 0, 0.2);
box-shadow:
0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059),
0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071),
0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.service-section .s-block{
background: url(../images/shape/shape-7.svg) #fff;
background-size: 180px;
background-position: top right;
background-repeat: no-repeat;}
.s-card-icon {  width: 80px;    margin: 0 auto 30px;}
.s-block h4 {       margin: 0 0 10px 0;}
.s-block a{ display: inline-block;    margin: 30px 0 0 0;    color: #050748;    font-family: 'Poppins', sans-serif;}
.upset{position:relative;z-index:5}
/**Service index2**/
.service-2:before{background-color:#f9f9f9}
.wide-block{
padding: 40px 30px;
margin: 5px 0;
position: relative;
border: 0px solid #d4f0ff;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.service-img1{     background:#e9ddff;   }
.service-img1:after{        background: url(../images/service/ecommerce-seo.png); }
.service-img2{    background:#ffdadb;}
.service-img2:after{    background: url(../images/service/link-building.png);}
.service-img3{  background:#d6edff; }
.service-img3:after{    background: url(../images/service/local-seo.png);}
.service-img4{  background:#ffede1;   }
.service-img4:after{    background: url(../images/service/online-marketing.png);}
.service-img5{  background:#ffdadb;   }
.service-img5:after{    background: url(../images/service/ppc-services.png);}
.service-img6{  background:#e9ddff;   }
.service-img6:after{    background: url(../images/service/search-engine-optimization.png);}
.service-img7{  background:#ffdadb;   }
.service-img7:after{    background: url(../images/service/search-engine-submission.png);}
.service-img8{  background:#d6edff;   }
.service-img8:after{    background: url(../images/service/web-promotion.png);}
.service-img9{  background:#ffede1;   }
.service-img9:after{    background: url(../images/service/seo-audit.png);}
.wide-block:after{
content:'';
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 100%;
background-size: 280px;
background-position: right center;
background-repeat: no-repeat;}
.block-space- {    max-width: 50%;    position: relative;    z-index: 555;}
.wide-block h4{     margin: 20px 0 30px 0;}
/**Statistics section**/
.tilt3d .statistics-img {transform-style: preserve-3d;    transform: perspective(1000px);}
.tilt3d .statistics-img img{transform: translateZ(20px)}
.statistics{    align-items: center;    display: flex;}
.statistics p{  font-size: 20px;    margin: 10px 0 0 0; font-weight: 500;}
.statistics span{
font-size: 45px;
font-family: 'Poppins', sans-serif;
color: #050748;
font-weight: 700;
display: inline-block;}
.statistics-img {
width: 100px;
height: 100px;
float: left;
padding: 15px;
background: #fff;
border-radius: 8px 40px 8px 40px;
-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.statnumb {  margin: 0 0 0 20px;    text-align: left;    float: left;}
.small .statistics-img {  width: 75px;   height: 75px;}
.t-ctr{text-align:center;}
.small .statistics span{font-size: 35px; color: #050748;}
.in-stats .statistics span{ font-size: 35px;color: #ff1f8e;}
.small .statistics p{   font-size: 18px; line-height: 24px;}
.small{ margin-top: 100px;}
.in-stats .statistics{  text-align:left;}
.card-stats .statistics{
padding: 40px;
text-align:center;
border-radius: 8px;
background: #ffffff;
-webkit-box-shadow:  -30px 30px 60px #f2f2f2,30px -30px 60px #ffffff;
box-shadow:  -30px 30px 60px #f2f2f2,30px -30px 60px #ffffff;}
/**Portfolio section**/
.portfolio-section{ background: #fff; position: relative;}
.portfolio-section:before{
content: "";
background: url(../images/shape/dot-pattern.png);
position: absolute;
height: 100%;
right: 0;
left: 0;
top: 0;
background-size: auto;
background-repeat: repeat;}
.isotope_item{  position:relative;}
.item-info{ padding:20px 0 0px 0;}
.isotope_item h4 {font-weight: 600;   margin: 0px 0 10px 0;
    
}
.custom-uzxmarket .item-info 
{
	padding: 20px 10px 15px 10px;
}
.single-blog-info- p
{
line-height:25px;
}
.isotope_item h4 a{ color: #050748;}
.item-image{
display: block;
width: 100%;
border-radius: 8px;
overflow: hidden;
background: #f3f9ff;
-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.item-image img {  width: 100%;}
.portfolio-block{   position: relative;    padding:50px;    border-radius: 8px;    display: flex;    align-items: center;    justify-content: space-between;}
.portfolio-item-info h3 a{color: #050748;}
.portfolio-item-info{    width: 50%; padding-right: 40px}
.portfolio-item-image{width: 50%;text-align: center;}
.portfolio-item-info .-reviewr {   width: 50px;   height: 50px;   border-radius: 100px;   overflow: hidden;   margin-right: 15px;}
.portfolio-item-info .review-text {   padding: 0px 0 20px 0;}
.portfolio-item-info .reviews-card {       background: rgba(255, 255, 255, 0.6);    padding: 25px;    border-radius: 8px;}
/**Clients section**/
.clients-logo{
background: #ffffff;
padding: 0px 15px;
max-height: 150px;
min-height: 150px;
margin: 0 15px;
border: 1px solid #d4f0ff;
align-items: center;
display: flex;
position: relative;
border-radius: 8px;
-webkit-box-shadow: -20px 20px 40px #ece0f2, 20px -20px 40px #fff8ff;
box-shadow: -20px 20px 40px #ece0f2, 20px -20px 40px #fff8ff;}
.clients-section{
background: #fffaf5;
background: -moz-linear-gradient(top, #fffaf5 0%, #f8ecff 100%);
background: -webkit-linear-gradient(top, #fffaf5 0%,#f8ecff 100%);
background: linear-gradient(to bottom, #fffaf5 0%,#f8ecff 100%);}
.clients-logo img{margin: 0 auto;    display: block;    width: 160px; }
.opl ul {display: contents;}
.opl ul li {   width: 20%;   float: left;   position: relative; }
/**Work category section**/
.work-category{
background: #fbf9ed;
background: -moz-linear-gradient(top, #fbf9ed 0%, #fbeaf8 100%);
background: -webkit-linear-gradient(top, #fbf9ed 0%,#fbeaf8 100%);
background: linear-gradient(to bottom, #fbf9ed 0%,#fbeaf8 100%);
position: relative;}
.work-category .common-heading h2{  margin-bottom: 30px;}
.work-card p{
color: #050748;
font-family: 'Poppins', sans-serif;
line-height: 24px;
font-size: 16px;
margin: 5px 0 0 0;
padding: 0 12px}
.icon-bg{display: block;   height: 62px;   width: 62px;  margin: 0 auto;  text-align: center;}
.icon-set{width: 25%; display: inline-block;   float: left;   position: relative;}
.work-card {
margin: 10px;
padding: 30px 20px;
max-height: 170px;
text-align: center;
min-height: 170px;
border-radius:8px 40px 8px 40px;
-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.cd1{background:#70e4e8;}.cd2{background:#f5eb92;}.cd3{background:#a3ffe2;}.cd4{background:#ffbc7a;}.cd5{background:#e3ff8e;}.cd6{background:#ffa0c6;}
.cd7{background:#f3a6ff;}.cd8{background:#97ffaf;}.cd9{background:#6cfffa;}.cd10{background:#77baff;}.cd11{background:#ffefd4;}.cd12{background:#7affdb;}
/**Testimonial section**/
.testinomial-section{
background: url(../images/shape/shape-9.svg) #fff;
background-size: contain;
background-position: center left;
background-repeat: no-repeat;}
.testimonial-card .t-text p{font-size:16px; line-height:28px;}
.testinomial-section .owl-carousel .owl-dots{
position: absolute;
bottom: 0;
right: 0;
text-align: right;
background: #ffffff;
width: 100px;
margin: 0;
height: 50px;
padding: 25px 0 0 0;}
.user-info p {font-size: 16px;   line-height: 24px;}
.owl-carousel .user-image img {border-radius: 100%;   width: 80px;}
.owl-carousel .owl-dots .owl-dot:before {
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
opacity: 0;
background: 0 0;
border: 1px solid #ff1f8e;}
.owl-carousel .owl-dots .owl-dot:after, .owl-carousel .owl-dots .owl-dot:before {
content: '';
position: absolute;
border-radius: 50%;
-webkit-transition: ease-out .16s;
transition: ease-out .16s;}
.owl-carousel .owl-dots .owl-dot {position: relative;  display: inline-block;  width: 20px;  height: 20px;  margin: 0 2px; vertical-align: middle;}
.owl-carousel .owl-dots .owl-dot.active:before {    top: 0;    right: 0;    bottom: 0;    left: 0;}
.owl-carousel .owl-dots .owl-dot:after {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
opacity: .4;
background: #ff1f8e;
width: 4px;
height: 4px;}
.owl-carousel .owl-dots .owl-dot.active:after, .owl-carousel .owl-dots .owl-dot.active:before {    opacity: 1;}
.owl-carousel .owl-dots .owl-dot.active:after, .owl-carousel .owl-dots .owl-dot:focus:after, .owl-carousel .owl-dots .owl-dot:hover:after {    opacity: 1;}
/**Enquire form section**/
.light-bgs{background: rgba(255, 255, 255, 0.52); padding: 30px; border-radius: 8px; }
.enquire-form{
background: #D6FFFC;
background: -moz-linear-gradient(top, #D6FFFC 0%, #ffeff5 100%);
background: -webkit-linear-gradient(top, #D6FFFC 0%,#ffeff5 100%);
background: linear-gradient(to bottom, #D6FFFC 0%,#ffeff5 100%);}
.custom-file-label::after {
line-height: 44px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
border: 0;
height: auto;
padding: 0px 15px;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0;
cursor: pointer; }
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
padding: 0px 15px;
font-weight: 400;
height: 50px;
line-height: 46px;
background-color: #fff;
border: 2px solid #ced4da;
border-radius: 4px; }
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: auto;
margin-bottom: 0; }
.modal-backdrop.show { opacity: 0.9; z-index: 99999; }
.fdgn2 input, .fdgn2 select, .fdgn2 textarea {border: 2px solid #e6e6e6 !important;}
.form-block input:focus, .form-block textarea:focus{ border-bottom: 2px solid #ff1f8e;}
.form-block input{
width: 100%;
height: 50px;
padding: 0px 15px;
margin: 0px 0 15px 0;
color: #172b43;
font-size: 16px;
outline: none;
background: #fff;
border: 0;
border-bottom: 2px solid #e6e6e6;
-webkit-border-radius: 4px;
border-radius: 4px;}
.form-block textarea{
height: 100px;
width: 100%;
padding: 15px;
margin: 0px 0 15px 0;
color: #172b43;
font-size: 16px;
outline: none;
background: #fff;
border: 0;
border-bottom: 2px solid #e6e6e6;
-webkit-border-radius: 4px;
border-radius: 4px;}
.form-block .form-group { margin-bottom: 0;}
.form-block select {
width: 100%;
height: 50px;
padding: 0px 15px;
margin: 0px 0 15px 0;
color: #172b43;
font-size: 16px;
outline: none;
background: #fff;
border: 0;
border-bottom: 2px solid #e6e6e6;
-webkit-border-radius: 4px;
border-radius: 4px;}
.help-block.with-errors {color: #ff5050; margin: 0px 0 0 10px; font-size: 13px; position: relative; bottom: 12px; }
.messages .alert {
position: relative;
padding: 6px 25px 6px 6px;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
font-size: 14px;}
.form-block .messages button:hover {background-color: transparent;}
.messages .close {
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5; text-align: right; position: absolute; right: 5px; top: 0;}
.custom-control-input:checked~.custom-control-label::before {color: #fff;   border-color: #ff1f8e; background-color: #ff1f8e;}
.custom-control-input:focus~.custom-control-label::before {
-webkit-box-shadow: 0 3px 6px rgba(91,130,148,.08);
box-shadow: 0 3px 6px rgba(91,130,148,.08);}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {border-color: #ffbc80;}
.custom-control-label::before {
position: absolute;
top: -1px;
left: -1.5rem;
display: block;
width: 20px;
height: 20px;
pointer-events: none;
content: "";
background-color: #fff;
border: #adb5bd solid 1px;}
.custom-control-label::after {
position: absolute;
top: -3px;
left: -26px;
display: block;
width: 25px;
height: 25px;
content: "";
background: no-repeat 50%/50% 50%;}
.custom-control { margin-bottom: 10px;}
.form-block label input {height: 20px;  width: 20px;    position: relative; top: 5px; margin: 0 5px 0 0;}
.fieldsets label{
position: relative;
top: -14px;
font-size: 14px;
color: #ff1f8e;
margin: 0;
padding: 0;
display: inline;}
.custom-control label {text-indent: -21px;    padding: 2px 0 0 21px;    font-size: 14px;}
.form-block label a {color: #000;}
.form-block p.trm {font-size: 13px; width: 100%;    text-align: center; margin: 10px 0 0 0;}
.form-block p.trm i{padding: 5px 5px 0 0;}
.form-block button:hover{background-color: #ff1f8e;}
.form-block button {width: 100%;}
/**Our office section**/
.our-office{background: #fff; position:relative; overflow:hidden;}
.shape-bg1, .shape-num, .shape-num{position:relative;}
.shape-numm .shape-loc:first-child:before{
content: '';
background: url(../images/shape/shape-1.svg);
background-size: auto;
position: absolute;
height: 150px;
width: 150px;
background-repeat: no-repeat;
left: -40px;
top: -55px;
z-index: -1;}
.shape-numm .shape-loc:last-child:after{
content: '';
background: url(../images/shape/shape-2.svg);
background-size: auto;
position: absolute;
height: 150px;
width: 150px;
background-repeat: no-repeat;
right: -40px;
top: -55px;
z-index: -1;}
.shape-bg1:before{
content: '';
background: url(../images/shape/shape-1.svg);
background-size: auto;
position: absolute;
height: 150px;
width: 150px;
background-repeat: no-repeat;
left: -40px;
top: -55px;
z-index: -1;}
.shape-bg1:after{
content: '';
background: url(../images/shape/shape-2.svg);
background-size: auto;
position: absolute;
height: 150px;
width: 150px;
background-repeat: no-repeat;
right: -30px;
top: -80px;
z-index: -1;}
.office-text{padding:20px 0 0 0; }
.office-text h4{margin: 0 0 10px 0;  }
.office-text p{ padding: 0 50px 0 0;  margin: 0 0 20px 0;}
.skyline-img{
background: #fbf4f1;
padding: 20px;
border-radius: 8px 40px 8px 0px;
-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.-address-list li a{  color: #6a6a8e;}
.-address-list li a i{  width: 25px;}
.-address-list li {line-height: 35px;}
/**scroll to top**/
#scrollUp:hover{opacity: 1}
#scrollUp {
bottom: 20px;
right: 20px;
width: 30px;
height: 50px;
-webkit-border-radius: 100px ;
border-radius: 100px;
color: #fff; opacity: .4;
background: url(../images/icons/up-arrow.svg) #00baff;
background-repeat: no-repeat;
background-size: 15px;
background-position: center center;
background-repeat: no-repeat;}
/**Footer section**/
footer{position: relative; }
.footer-svg{ height: 80px;   overflow: hidden;   margin: -20px 0 0 0px;}
.footer-svg svg path{fill: #FFF0F5;}
footer .row{    position: relative;  z-index: 1;}
footer.ftshap:after{
content: "";
background: url(../images/shape/shape-1.png);
position: absolute;
width: 200px;
height: 370px;
background-repeat: no-repeat;
top: 35%;
z-index: 0;
right: 0;
background-position: center right;
background-size: 80%;
opacity: 0.5;}
footer.ftshap:before{
content: "";
background: url(../images/shape/shape-2.png);
position: absolute;
width: 250px;
height: 250px;
bottom: 0;
z-index: 0;
left: 0;
background-repeat: no-repeat;
background-position: left bottom;
background-size: 100%;
opacity: 0.5;}
.footer-row1 {
background: #fffdf2;
background: -moz-linear-gradient(top, #fffdf2 0%, #ffeff5 100%);
background: -webkit-linear-gradient(top, #fffdf2 0%,#ffeff5 100%);
background: linear-gradient(to bottom, #fffdf2 0%,#ffeff5 100%);
padding:80px 0;}
.footer-row2 {   background: #ffffff;   padding: 50px 0 80px 0;}
.footer-row3 { background: #ffffff;   padding: 40px 0;}
.email-subs h3{  margin-bottom: 10px }
.hline{ border-top: 1px solid #e2eaef;   margin: 0; position: relative;}
.email-subs-form{ position:relative;}
.email-subs-form form{  align-items: center;    justify-content: center;    display: flex; }
.email-subs-form input {
width: 100%;
height: 65px;
padding: 0px 175px 0px 30px;
margin: 0px 0 0px 0;
color: #172b43;
font-size: 16px;
outline: none;
background: #fff;
border: 1px solid #e6e6e6;
-webkit-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: -6px 6px 11px #f2f2f2, 6px -6px 11px #fff0e8;
box-shadow: -6px 6px 11px #f2f2f2, 6px -6px 11px #fff0e8;}
.email-subs-form button {
width: max-content;
position: absolute;
right: 5px;
border-radius: 28px 100px 100px 28px;
padding: 0 30px;
line-height: 55px;
box-shadow: none;
height:54px;}
.asd-multi
{
	float:left;
	width:100%;
}
.whatapp-wlink img
{
	width:33%;
}
.whatsapp-dmessage,.whatsapp-dmessage:hover
{
    background-color: #ffffff;
    padding: 6px;
    margin-top: 10px;
    display: inline-block;
    color: #333333;
    text-decoration: none;	
	position: relative;
	border-radius:4px;
}
.whatsapp-dmessage:before{
    content: '';
    position: absolute;
    background: white;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    left: -5px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    z-index: 1;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
	
}
.qwe
{
	display:none;
}
.footer-row2 h5 {margin-bottom: 25px;   font-size: 24px;  font-weight: 500;  margin-top: 30px;}
.footer-address-list li p{
font-weight: 600;
font-size: 18px;
font-family: 'Poppins', sans-serif;
line-height: 25px;}
.footer-address-list li p span{
display: flex;
font-weight: 400;
font-size: 15px;
font-family: 'Open Sans', sans-serif;}
.footer-address-list li > span {position: relative;   top: 5px;  }
.footer-address-list li { color: #6a6a8e;  display: flex;  padding: 0 0 5px 0; }
.footer-address-list li:last-child{ padding: 0 0 0px 0; }
.footer-address-list li a{color: #6a6a8e;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 24px;}
.footer-address-list li i{ margin: 0 15px 0 0;   display: initial; font-size: 21px;}
.ftr-details li{padding: 0 0 15px 0;}
.footer-block{  padding:20px 0;}
.social-links {text-align: right;}
.social-links a{ color: #6a6a8e;    font-size: 25px;    line-height: 1;}
.footer-social-media-icons a:hover{color:#ff1f8e !important}
.footer-social-media-icons a{
color: #6a6a8e;
font-size: 26px;
border-radius: 4px;
margin: 0 20px;
width: 35px;
height: 35px;
display: inline-block;
text-align: center;
line-height: 34px;}
.copyright{  text-align: center; color: #6a6a8e;}
.footer-social-media-icons{margin: 0 0 30px 0;}
.footer- p a{color:#6a6a8e;}
.link-hover a {
color: #6a6a8e;
font-family: 'Poppins', sans-serif;
display: inline-block;
padding: 3px 0;
position: relative;
overflow: hidden;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
-o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
z-index: 1;}
.link-hover a::after {
content: "";
width: 0;
height: 1px;
bottom: 0;
position: absolute;
left: auto;
right: 0;
z-index: -1;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
-o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
background: currentColor;}
.link-hover a:hover::after {width: 100%;left: 0;right: auto;}
.link-hover a:hover{    color: #ff1f8e !important;}
/**breadcrumb**/
.breadcrumb-area {padding:150px 0px 90px 0px;     position:relative; overflow:hidden; text-align:center;}
.breadcrumb-areav2 {
padding: 150px 0px 100px 0px;
position: relative;
overflow: hidden;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;}
.bread-titlev2{text-align: center;}
.statistics-wrap{
padding: 30px 0;
-webkit-box-shadow:  0 10px 10px -10px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.05);}
.breadcrumb-areav2:before{
content: '';   position: absolute;   top: 0;   height: 100%;   width: 100%;   opacity: .85;     right: 0;    left: 0; z-index:0;
background: -moz-linear-gradient(-45deg, #ffdee9 0%, #c8fff4  100%);
background: -webkit-linear-gradient(-45deg, #ffdee9 0%,#c8fff4  100%);
background: linear-gradient(135deg, #ffdee9 0%,#c8fff4  100%);}
/*.breadcrumb-area:before{
content: '';   position: absolute;   top: 0;   height: 100%;   width: 100%;   opacity: .85;     right: 0;    left: 0; z-index:0;
background: -moz-linear-gradient(-45deg, #ffdee9 0%, #c8fff4  100%);
background: -webkit-linear-gradient(-45deg, #ffdee9 0%,#c8fff4  100%);
background: linear-gradient(135deg, #ffdee9 0%,#c8fff4  100%);}
.breadcrumb-area:after{
content: ''; z-index:0;
background: url(../images/banner/banner-shap-2.png);
background-size: auto;   position: absolute;   height: 100%;   width: 100%;   background-repeat: no-repeat;
right: 0;   top: 0;   z-index: 1;   background-position: center right; background-size: contain;}*/
.breadcrumb-area ul li {    display: block;    display: inline-block;}
.breadcrumb-area .bread-menu li a {    color: #000000;    font-size: 17px;    font-weight: 400;    padding-right: 6px;  display: inline-block;}
.breadcrumb-area .bread-menu li + li::before {
font-size: 5px;
font-family: 'Font Awesome 5 Free';
content: "\f111";
font-weight: bold;
margin: 0 10px 0 0;
position: relative;
top: -3px;}
/***About page***/
.text-block{position:relative; z-index:55;}
.bread-title h2{font-weight: 600;  font-size: 35px; line-height: 47px; margin: 15px 0 0 0;}
.bread-inner p{font-size:16px; line-height:28px;}
.block-1 p + p{margin: 25px 0 0 0;}
.block-1 .small {   margin-top: 50px;}
.block-1 .statnumb {margin: 0 0 0 0px;}
.why-choose{background: #f7fcff;}
/**Team page**/
.banner-4{background: url(../images/banner/2.jpg);   background-repeat: no-repeat;    background-size: cover; background-position: center center;}
.team{overflow:hidden;}
.bg-gradient99{
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #eef4fd 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#eef4fd 100%);
background: linear-gradient(to bottom, #ffffff 0%,#eef4fd 100%);}
.image-div{
-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 8px; border-radius: 8px;    overflow: hidden;}
.info-text-block{padding: 20px 0 0px 0;}
.info-text-block h4{  margin: 0 0 10px 0;}
.info-text-block h4 a{color: #050748;}
.full-image-card{margin-top:60px;}
.otherinfo{    margin: 30px 0 0 0px;}
.otherinfo p{    line-height: 28px;}
.social-media-profile{    margin: 30px 0 0 0px;}
.social-media-profile a{
color: #6a6a8e;
font-size: 22px;
margin: 0 30px 0 0;
display: inline-block;
line-height: 34px;}
.social-media-profile a:hover{color:#ff1f8e ;}
.bg-shape img{position: relative; z-index: 5;}
.bg-shape:after{
content: '';
background: url(../images/shape/shape-1.svg);
background-size: auto;
position: absolute;
height: 150px;
width: 150px;
background-repeat: no-repeat;
left: -55px;
top: -55px;
z-index: 0;}
.bg-shape:before{
content: '';
background: url(../images/shape/shape-2.svg);
background-size: auto;
position: absolute;
height: 150px;
width: 150px;
background-repeat: no-repeat;
right: -55px;
bottom: -55px;
z-index: 0;}
/**Portfolio page**/
.banner-3{background: url(../images/banner/5.jpg);   background-repeat: no-repeat;    background-size: cover; background-position: center center;}
.banner-fdrepeat
{
	 background-repeat: no-repeat;
    background-size: 100% 100%;
}
 .cor-ebanner
 {
	 background-image: url(../images/subc/banner-cor.jpg);
 }
 .static-qtbanner
 {
	    background-image: url(../images/subc/static-mainbanner.jpg);
       
 }
 .eommerce-vbanner
 {
	  background-image: url(../images/subc/main-ebanner.jpg);
       
 }
 .ecommerce-seobanner
 {
	   background-image: url(../images/subc1/ecommerce-seo.jpg);
 }
 .link-gbanner
 {
	 background-image: url(../images/subc1/link-ubanner.jpg); 
 }
 .local-seo
 {
	background-image: url(../images/subc1/local-seo.jpg); 
 }
.online-kmarketbanner
{
	 background-image: url(../images/subc1/online-marketing.jpg)
}
.mainte-pbannner
 {
	 background-image: url(../images/subc/main-ebanner.jpg);
 }
 .mobile-wbanner
 {background-image: url(../images/subc/mobile-gbanner.jpg);  
	
 }
 .ppcservice-ubanner
 {
	background-image: url(../images/subc1/ppc-service.jpg); 
 }
 .serachengineopti-ubanner
 {
	background-image: url(../images/subc1/searchengine-opti.jpg); 
 }
 .serachenginesubm-ubanner
 {
	background-image: url(../images/subc1/serachengine-wsub.jpg); 
 }
  .seoaudit-ubanner
 {
	background-image: url(../images/subc1/seo-waudit.jpg); 
 }
  .businesslist-qtbanner 
  {
	  background-image: url(../images/subc2/business-wlist.jpg); 
  }
  .domainregst-wbannner
  {
	background-image: url(../images/subc2/domain-wregs.jpg);  
  }
  .hosting-wbannner
  {
	 background-image: url(../images/subc2/hosting-wserv.jpg); 
  }
  .bigcommerce-ubanner
  {
	background-image: url(../images/subc2/big-wcommerce.jpg);  
  }
 .webpromotion-ubanner
 {
	 background-image: url(../images/subc1/web-promotion.jpg); `
 }
 .activecampaign-ubanner
 {
	 background-image: url(../images/subc1/active-campaign.jpg);
 }
 .contentmarket-ubanner
 {
	 background-image: url(../images/subc1/content-wmarket.jpg);
 }
 .ecommercelead-ubanner
 {
	 background-image: url(../images/subc1/ecommerce-wlead.jpg);
 }
 .emailmarket-ubanner
 {
	 background-image: url(../images/subc1/email-wmarket.jpg); 
 }
 .googleads-ubanner
 {
	background-image: url(../images/subc1/google-wadd.jpg); 
 }
 .content-kjmanage
 {
	 background-image: url(../images/subc1/content-manage.jpg);
 }
 .creative-ubanner
 {
	 background-image: url(../images/subc1/creative-wcopy.jpg);
 }
 .style-uguides
  {
	   background-image: url(../images/subc1/style-wguide.jpg);
  }
   .android-udevelop
   {
	  background-image: url(../images/subc1/android-wdevelop.jpg);  
   }
   .blackberry-wapp
   {
	  background-image: url(../images/subc1/blackberry-wapp.jpg);  
   }
   .iosapp-banner
   {
	  background-image: url(../images/subc1/ios-udevelop.jpg); 
   }
   .nativeapp-banner
   {
	  background-image: url(../images/subc1/native-wapp.jpg);
   }
   .symbianapp-ubanner
   {
	  background-image: url(../images/subc1/symbian-app.jpg); 
   }
   .symbianapp-ubanner
   {
	  background-image: url(../images/subc1/symbian-app.jpg); 
   }
   .windowapp-kbanner
   {
	   background-image: url(../images/subc1/windows-app.jpg); 
   }
   .graphicde-kbanner
   {
	 background-image: url(../images/subc1/graphic-wdesign.jpg);   
   }
   .brandlogod-zbanner
   {
	  background-image: url(../images/subc1/brandlogo-wdesign.jpg); 
   }
    .brandsocialm-zbanner
   {
	  background-image: url(../images/subc1/brandsocial-wdesign.jpg); 
   }
 .internetma-ubanner
 {
	 background-image: url(../images/subc1/internet-wmarket.jpg); 
 }
 .mobilema-ubanner
 {
	  background-image: url(../images/subc1/mobile-wmarket.jpg);
 }
 .ppcm-ubanner
 {
	  background-image: url(../images/subc1/ppc-wmanage.jpg);
 }
 
 .gpdlr5
 {
	 padding-left:5px;
	 padding-right:5px;
 }
 .onlinemedia-ubanner
 {
	  background-image: url(../images/subc1/online-wmedia.jpg);
 }
 .banner-rexdesign
 {
	   background-image: url(../images/subc/website-redesign.jpg);
    
 }

 .aspweb-banner
 {
	 background-image: url(../images/subc/asp-xbanner.jpg);
   
 }
  .b2bb2c-rbanner
  {
	  background-image: url(../images/subc/xb2b-b2c.jpg);
   
  }
 
   .cmswebbanner
   {
	    background-image: url(../images/subc/cms-web.jpg);
    
   }
   .codegin-ubanner
   {
	    background-image: url(../images/subc/codeig.jpg);
    
   }
   .codegin-ubanner1
   {
	   background-image: url(../images/subc/cms-web.jpg);
   }
   .flexweb-banner
   {
	 
	    background-image: url(../images/subc/flex.jpg);
     
   }
   .portal-vbanner
   {
	   background-image: url(../images/subc/portal-uweb.jpg);
    
   }
   .offshore-ubanner
   {
	   background-image: url(../images/subc/offshore.jpg);
   
   }
   .phonegap-zbanner
   {
	  background-image: url(../images/subc/phone-gap.jpg);
   
   }
   .shopwcart-banner
   {
	    background-image: url(../images/subc/shop-ncart1.jpg);
    
   }
   .sym-ubanner
   {
	    background-image: url(../images/subc/symfonyt.jpg);
   
   }
   .wordpress-nbanner
   {
	   background-image: url(../images/subc/wordpress.jpg);
    
   }
   .yii-2banner
   {
	 background-image: url(../images/subc/yii-2.jpg);
     
   }
  .mainteana-pbannner
  {
	 background-image: url(../images/subc/banner-tmain.jpg); 
  }
 .customdes-bannner
 {
	background-image: url(../images/subc/custom-lbanner.jpg); 
 }
 .responsive-wbanner
 {
	background-image: url(../images/subc/main-respobanner.jpg); 
 }
 .dynamic-xbannner
 {
	    background-image: url(../images/subc/dynamic-qweb.jpg);
    
 }
 .adudioedit-kbanner
 {
	 background-image: url(../images/subc3/di-30secaudio.jpg); 
 }
 .videoedit-kbanner
 {
	 background-image: url(../images/subc3/di-sevideo.jpg); 
 }
 .animalogo-kbanner
 {
	  background-image: url(../images/subc3/di-animate.jpg);
 }
 .zencartec-kbanner
 {
	 background-image: url(../images/subc2/ezencart.jpg);
 }
 .shopifyapp-kbanner
 {
	background-image: url(../images/subc2/shopify-cu.jpg); 
 }
 .businessycard-kbanner
 {
	background-image: url(../images/subc3/e-business-card.jpg);  
 }
 .videportfolio-kbanner
 {
	background-image: url(../images/subc3/video-portf.jpg); 
 }
 .digisocialmedia-kbanner
 {
	background-image: url(../images/subc3/dsocial-media.jpg);  
 }
 .opencart-kbanner
 {
	 background-image: url(../images/subc2/open-cart.jpg);
 }
 .oecommerce-kbanner
 {
	  background-image: url(../images/subc2/ecommerce-cu.jpg);
 }
 .presta-kbanner
 {
	 background-image: url(../images/subc2/prestashop.jpg);
 }
 .magentoe-kbanner
 {
	  background-image: url(../images/subc2/magento.jpg);
 }
 .bigcommerce-ubanner
 {
	 background-image: url(../images/subc/dynamic-qweb.jpg);
 }
 .ecommweb-kbanner
 {
	background-image: url(../images/subc2/ecommerce-web.jpg); 
 }
 .laravel-ubanner
 {
	 background-image: url(../images/subc/laravel-web.jpg);
  }
.cart-kbanner
 {
	 background-image: url(../images/subc2/cscart-customization.jpg);
    
 }
.common-heading.pp h2 { margin-bottom:0px;}
.common-heading.pp{ padding: 0;    text-align: left;}
.common-heading.pp p{    margin: 20px 0 0 0;}
.single-card-item{ margin-top: 60px;}
.filter-menu{text-align:center;}
.filters .filter-menu.recent {
list-style: none;
padding: 0;
bottom: 0;
position: inherit;
text-align: right;
margin: 35px 0 0 0;}
.filters .filter-menu li {
display: inline-block;
    margin-left: 10px;
    padding: 8px 10px 8px 10px;
    font-size: 18px;
color: #333;
cursor: pointer;
background: #feeee3;
}
.filters .filter-menu li.is-checked{background: #f95b94;   color: #fff;}
.portfolio-meta ul li {
font-size: 14px;
color: #fff;
display: block;
text-align: left;
background: #fff;
position: relative;
padding: 15px 20px 15px 55px;
border-bottom: 1px solid #ebebeb;}
.portfolio-meta ul li p {
font-family: 'Poppins', sans-serif;
font-size: 16px;
line-height: 28px;
background: #fff;
display: inline-block;
color: #050748;
font-weight: 600;}
.portfolio-meta ul li p span {
font-family: 'Open Sans', sans-serif;
display: block;
margin-top: 2px;
color: #6a6a8e;
font-weight: 400;}
.portfolio-meta ul li i {
position: absolute;
left: 10px;
color: #050748;
font-size: 25px;
top: 50%;
margin-top: -12.5px;}
.pv-:hover .item-image img {transform: scale(1.0);}
/***Service page***/
.h-scroll{
width: 100%;
padding: 50px 10px;}
.tech-icons img {
width: 45px;
margin: 0 auto;
position: absolute;
right: 0;
left: 0;
top: 50%;
transform: translatey(-50%);}
.tech-icons li {
margin: 6px;
display: inline-block;}
.tech-icons a:hover{border: 4px solid #d9cbff;}
.tech-icons a {border: 4px solid #fff;
display:inline-block;
height: 100%;
position: relative;
width: 90px;
height: 90px;
background: #fff;
border-radius: 100%;
-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.techonology-used-{
text-align: center;
background: #f9f9f9;}
.banner-2{background: url(../images/banner/6.jpg);   background-repeat: no-repeat;    background-size: cover; background-position: center center;}
.service{overflow:hidden;}
.service .common-heading h2 {  margin-bottom: 20px;}
.cta-area{
position: relative;
overflow: hidden;
background: #e0f8ff;
background: -moz-linear-gradient(top, #e0f8ff 0%, #fff0e5 100%);
background: -webkit-linear-gradient(top, #e0f8ff 0%,#fff0e5 100%);
background: linear-gradient(to bottom, #e0f8ff 0%,#fff0e5 100%);}
.btn-outline{
border: 2px solid #000248;
color: #050748;
display: inline-block;
padding: 0px 32px;
font-family: 'Poppins', sans-serif;
font-size: 16px;
background: #fff;
-webkit-box-shadow: 0 10px 15px 0px rgba(3, 35, 68, 0.1);
box-shadow: 0 10px 15px 0px rgba(3, 35, 68, 0.1);
line-height: 52px;
-webkit-border-radius: 100px;
border-radius: 100px;}
.btn-outline:hover{ background: #ff1f8e;    color: #fff;    border: 2px solid #ff1f8e;}
.cta-call{ margin: 30px 0 0 0;}
.cta-call i{ margin: 0 5px 0 0px;}
.cta-call a{font-family: 'Poppins', sans-serif; font-size:24px; color: #6a6a8e;    display: inline-block;    padding: 0 0 0 10px;}
.cta-area .common-heading h2 {  margin-bottom: 40px;}
.shape{position: absolute;}
.shape-a1 { bottom: -20px;  left: 0;}
.shape-a2 { bottom: -30px;  right: 0;}
.shape-a3 { top:0px;     right: 0;}
.shape-a4 { top: -150px;    right: 20%;}
/**Service details page**/
.common-heading.ptag h2 {  margin-bottom: 15px;}
.common-heading.ptag p {  font-size: 16px;  line-height: 28px; }
.ps-block span{
font-size: 60px;
font-family: 'Poppins', sans-serif;
border-radius: 100%;
border: 1px solid #e8e8e8;
width: 100px;
height: 100px;
display: block;
text-align: center;
line-height: 100px;
margin: 0 0 20px 0;
color: #6a6a8e;
border-radius: 68% 32% 64% 36% / 59% 59% 41% 41%;
background: #f5f5ff;
animation: border-transform 6s linear infinite;}
.ps-block h3{margin-bottom: 20px;}
.ps-block p{ font-size: 16px; line-height: 28px;}
.ps-block{ padding: 0 25px;}
.featured-project .isotope_item {   margin-top: 60px;}
.featured-project{
background: #f3fbff;
background: -moz-linear-gradient(top, #f3fbff 0%, #fffdf6 100%);
background: -webkit-linear-gradient(top, #f3fbff 0%,#fffdf6 100%);
background: linear-gradient(to bottom, #f3fbff 0%,#fffdf6 100%);}
.maga-btn{text-align: center;}
.image-block1 img{
-webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
-webkit-border-radius: 8px;
border-radius: 8px;
width:100%;}
.image-block img{
-webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
-webkit-border-radius: 8px;}
.wide-sblock{
display: inline-flex;
text-align: left;
padding: 30px 20px;}
.s-block-content{    margin: 0 0 0 20px;}
.key-points{display:block;}
.key-points li{ padding: 8px 0 8px 35px;
position: relative;
line-height: 28px;
font-size: 17px;}
.key-points li:before{
content: "\f00c";
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
left: 0;
top: 9px;
background: #ffc627;
height: 25px;
width: 25px;
border-radius: 50%;
text-align: center;
align-items: center;
color: #333;}
.service-point-2{display: flow-root;}
.service-point-2 li{
font-size: 17px;
font-weight: 600;
line-height: 25px;
padding: 4px 0;
float: left;
width: 50%;}
.s-card-icon-large{width:150px;}
.s-block-content-large {margin: 0 0 0 20px; width: calc(100% - 150px); }
/**Pricing page**/
.pricing-table {
position: relative;
text-align: center;
padding: 30px 30px 0;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: -30px 30px 60px #f2f2f2, 30px -30px 60px #ffffff;
box-shadow: -30px 30px 60px #f2f2f2, 30px -30px 60px #ffffff;}
.pricing-table img{
background: #e9f8ff;
width: 90px;
height: 90px;
border-radius: 100%;
padding: 10px;
border: 8px solid #fbfbfb;
animation: border-transform 6s linear infinite;}
.pricing-table .title {
margin: 30px 0 10px 0;
font-size: 16px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
text-transform: uppercase;
width: 100%;
display: block;
letter-spacing: 0.5px;}
.pricing-table .title-sub{  margin:0 0 30px 0;}
.pricing-table .inner-table h2 {font-size: 42px;  font-weight: 700;   color: #ff1f8e;  margin-bottom: 3px;}
.pricing-table .inner-table p.duration {color: #72729a;  font-weight: 500; margin-bottom: 0;}
.pricing-table .inner-table .details {
margin-top: 35px;
padding-top: 28px;
padding-bottom: 30px;
line-height: 42px;
border-top: 1px solid #e5e5e5;}
.pricing-table a { margin-bottom: -26px;  display: inline-block;}
.pricing-table .inner-table .details ul {list-style: none;  margin-bottom: 0;  padding: 0;}
.pricing-table.best-plan .inner-table h2 { color: #2a89ea; }
.pricing-table.best-plan img{
background: #ccf0ff;
width: 90px;
height: 90px;
border-radius: 100%;
padding: 10px;
border: 8px solid #e9f8ff;}
/**Case study page**/
.banner-5{background: url(../images/banner/7.jpg);   background-repeat: no-repeat;    background-size: cover; background-position: center center;}
.case-study1{overflow:hidden;}
.case-study3{overflow:hidden;}
.case-study .image-div{
border-radius: 8px;
overflow:hidden;
-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.case-study2{background: #fee;}
.image-div img{width:100%;}
.case-study2    .s-block {
text-align: center;
background: #fff;
padding: 50px 20px;
margin: 5px 0;
position: relative;
border: 1px solid #d4f0ff;
-webkit-box-shadow: -25px 25px 45px #f0dede, 25px -25px 45px #fff6f6;
box-shadow: -25px 25px 45px #f0dede, 25px -25px 45px #fff6f6;}
.case-study3 .image-block img, .case-study1 .image-block img{
-webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
width: 100%;}
.case-study4{background: #fff;}
.project-platform{display: inline-flex;}
.project-platform-used a{
display: flex;
margin: 0 auto;
align-items: center;
height: 100%;}
.project-platform-used img{    width: 40px;
margin: 0 auto;}
.project-platform-used {
width: 80px;
height: 80px;
background: #fff;
border-radius: 100%;
text-align: center;}
.screen-splits{padding: 0 10px;}
/**Blog page**/
.vrbloglist + .vrbloglist{margin-top: 60px;}
.entry-blog {text-transform: capitalize;   font-weight: 400; font-size: 15px; margin: 5px 0 15px 0;}
.entry-blog a {  color: #6a6a8e;}
.entry-blog a i{margin-right:4px;}
.bypost{margin-right:10px;}
.item-image{position: relative;}
.category-blog{ position: absolute;    left: 0;    bottom: 0;}
.posted-on{margin-right:10px;}
.category-blog a{display: inline-block;  padding: 5px;  background: #fe409c;  color: #fff;}
.image-set{ border-radius:8px; overflow:hidden;}
.image-set img{width:100%;}
.blog-header .user-image img {   border-radius: 100%;  width: 50px;}
.blog-header .user-info {   font-family: 'Poppins', sans-serif;   margin: 0px 0 0 20px;}
.postwatch{text-align: right;}
.ul-list{padding: 0 0 0 20px;}
.ul-list li{font-size: 16px;   line-height: 38px;   list-style-type: circle;}
.rd-quote {padding: 30px;position: relative; border-left: 4px solid #fc4899; font-size: 20px; line-height: 32px; font-style: italic; margin: 40px 0; background: #FAFAFB;}
.author-block{position: relative;  padding: 30px;  margin-top: 50px;  border-top: none;  background: #fafafb; border-radius: 10px;}
.author-block .user-image img{width:80px;   border-radius:100px;}
.comments-block h2{ font-weight: 600;   font-size: 25px;  line-height: 35px;}
.comments-block  .user-info h5 span{font-size: 15px;  text-align: right;  float: right; color: #6a6a8e;}
.comments-block .user-info h5 { font-size: 20px;  display: flow-root;}
.comments-block .user-info h5 a{display: inline-block;  padding: 0 0 0 6px;  color: #00b2ff;}
.comments-block .user-image img{width:50px; border-radius:100px;}
.replied{padding-left:60px;}
.form-blog  button{ width:max-content;}
.comments-block .media + .media{margin-top: 60px;}
.form-blog { background: #fafafb;  padding: 40px; border-radius: 8px;}
.offer-image{    border-radius: 8px;    overflow: hidden;}
.offer-image img{   width:100%;}
.recent-post .post-info p {    font-size: 16px;    line-height: 28px;}
.recent-post .post-image img {   border-radius:8px;   width: 80px;}
.recent-post .post-image a{ display:block;}
.recent-post .post-info h5 a{   color: #050748;}
.recent-post .post-info h5 a:hover{ color: #2196f3;}
.recent-post .post-info h5 {    font-size: 16px;    line-height: 26px;}
.post-info {    margin: 0px 0 0 20px;}
.widgets h3{font-size:20px;}
.recent-post .media + .media{margin-top: 20px;}
.tabs a{
font-size: 15px;
font-weight: 400;
text-transform: lowercase;
padding: 0px 10px;
line-height: 30px;
border-radius: 4px;
border: none;
color: inherit;
margin: 0 4px 8px 0;
display: inline-block;
background: #F6F5FA;
font-family: 'Poppins', sans-serif;}
.blog-categories ul li:first-child a{padding-top: 0;}
.blog-categories ul li a{
font-family: 'Poppins', sans-serif;
display: block;
padding: 10px 0;
font-size: 16px;
line-height: 28px;
border-bottom: 1px solid #D3D3D3;
text-decoration: none;
color: #757589;
position: relative;}
.blog-categories ul li span.categories-number {   position: absolute;   right: 0;}
.blog-categories ul li:first-child {  border-top: 0px solid;}
.blog-post-tag span {
font-size: 18px;
font-weight: 700;
display: block;
margin-bottom: 17px;
color: rgb(6, 42, 77);}
.blog-share-icon span {
font-size: 18px;
font-weight: 700;
color: rgb(6, 42, 77);
display: block;
margin-bottom: 17px;}
.blog-share-icon a { color: #6a6a8e;   font-size: 18px;   margin-right: 22px; }
.blog-post-tag a {
color: #6a6a8e;
display: inline-block;
font-size: 14px;
font-weight: 600;
margin-right: 10px;
margin-bottom: 10px;
border-width: 2px;
border-style: solid;
border-color: rgb(234, 237, 255);
border-image: initial;
padding: 12px 24px;
border-radius: 5px;}
.blog-share-icon a:last-child {   margin-right: 0px;}
.post-navigation span a {color: #6a6a8e;   margin-bottom: 5px;  display: block;}
.post-navigation h4 a{ color: #050748;}
/**contact page**/
.banner-6{background: url(../images/banner/4.jpg);   background-repeat: no-repeat;    background-size: cover; background-position: center center;}
.contact-location{overflow:hidden;}
.info-card { padding: 30px;
-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.contact-card{background: #fff8f2;}
.email-card{background: #ffecec;}
.skype-card{background: #eafffd;}
.info-card span i{    margin-right: 10px;}
.info-card span{ font-size: 20px;   font-weight: 700; font-family: 'Poppins', sans-serif;}
.info-card p{font-size: 16px; line-height: 28px; margin: 20px 0 10px 0; }
.info-card a{
      font-size: 17px;
    font-weight: 550;
    color: #333333;
    margin-bottom: 9px;
    display: block;

}
.company-jhname
{
  margin-bottom:0px;
  font-weight:bold;
}
.bglight{    background: #fbfbfb;}
/**list**/
.list-ul li{padding: 0 0px 12px 29px; position: relative; line-height: 25px; font-size: 16px;}
.list-ul li:before{
font-family: "Font Awesome 5 Free";
font-weight: bold;
position: absolute;
left: 0;
top: 2px;
font-size: 15px; }
.ul-check li:before{  content: "\f00c";}
.ul-circle li:before{ content: "\f0a9";}
.ul-numm li{    list-style-type: decimal !important;    padding: 0 0px 12px 5px;}
.ul-abc li{    list-style-type: upper-latin;    padding: 0 0px 12px 5px;}
.ul-liin {padding: 0 0 0 20px;}
/**404 page**/
.error{   height: 100vh;}
.error-block{   padding-top: 50px; position:relative;    z-index: 5;}
.layer-div{ position:relative;}
.error-block a{margin-top:40px; }
.layer-div:before {
background: url(../images/icons/404.svg);
background-repeat: no-repeat;
background-size: 70%;
background-position: center center;
content: "";
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;   bottom: 0;   text-align: center;   right: 0;   left: 0;  z-index: 0;}
/**Faq & accordion page**/
.card-2 .card-header button:hover{color: #050748;}
.card-2 .card-header {
padding: 10px;border: 0;}
.card-2 .card-header button{
border: 0;
padding: 0;
color: #050748;
font-size: 18px;
font-weight: 600;}
.accordion .acc-icon:after{
font-family: "Font Awesome 5 Free";
content: "\f068";
font-weight: bold;
position: absolute;
font-size: 14px;
right: 5px;
top: 5px;
color: #050748;}
.accordion .acc-icon.collapsed:after {   content: "\f067";   font-weight: bold; }
.accordion .card-title:after {
font-family: "Font Awesome 5 Free";
content: "\f068";
font-weight: bold;
position: absolute;
font-size: 14px;
right: 5px;
top: 2px;
background: #00baff;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 100px;
color: #fff;}
.accordion .card-title.collapsed:after {   content: "\f067";   font-weight: bold; }
.card-header .btn-link:hover {   color: #6a6a8e;   text-decoration: none;}
.card-header .btn-link.focus, .btn-link:focus {   text-decoration: none;   box-shadow: none;}
.accordion .card-body {   -ms-flex: 1 1 auto;   flex: 1 1 auto;   min-height: 1px;   padding: 0px 15px 15px 15px;}
.panel .panel-collapse .collapse {   transition: transform .25s ease-in-out;   -webkit-transition: -webkit-transform .25s ease-in-out;}
.card-1 .card-header {
padding:10px 15px;
margin-bottom: 0;
background-color: transparent;
border-bottom: 0;
position: relative;
cursor: pointer;}
.card-1 {
border: 1px solid #d4f0ff;
overflow: hidden;
-webkit-border-radius: 8px;
border-radius: 8px;
margin-bottom: 20px;
padding:0px;}
.card-1 .card-title {
margin-bottom: 0;
font-weight: 600;
font-size: 16px;
line-height: 26px;
color: #6a6a8e;
padding:2px 40px 2px 0}
.tabs-layout .nav-tabs .nav-link.active { color: #ffffff; background-color: #00baff; border-color: #00baff; border-radius: 100px;}
.tabs-layout .nav-tabs .nav-link {
border: 0px solid transparent;
color: #6a6a8e;
background-color: #efefef;
border-radius: 100px;
padding:10px 35px;}
.tabs-layout .nav-tabs .nav-item  + .nav-item{ margin:0 10px;}
.tabs-layout .nav-tabs .nav-item  + .nav-item:last-child{  margin:0px;}
.tabs-layout .nav-tabs {   border-bottom: 0px solid #dee2e6;}
.tabs-layout .tab-content{  padding: 20px 0 0px 0;}
.outline-tabs.tabs-layout .nav-tabs .nav-link {  border: 1px solid #efefef;  color: #6a6a8e;  background-color: #ffffff;  border-radius: 100px;}
.outline-tabs.tabs-layout .nav-tabs .nav-link.active {  color: #ffffff;  background-color: #00baff;  border-color: #00baff;  border-radius: 100px;}
/**Client reviews**/
.reviews-block{background: #fafaff;}
.pr-shadow{
-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.revbx-lr {font-size: 40px; }
.revbx-rl {text-align: right; display: block; }
.revbx-rl img{      max-width: 130px;}
.reviews-card {position: relative; z-index: 9; background: #fff; padding: 25px;     border-radius: 8px;}
.right-review-box p {
color: #676767;
font-size: 16px;
line-height: 25px;
letter-spacing: 0.4px;
font-style: inherit;}
.review-text{padding: 30px 0;}
.left-review-box h4 {
font-size: 16px;
letter-spacing: 1px;
color: #333;
padding: 8px 0 0 0;}
.-client-details-{display: flex;}
.-reviewr{
width: 70px;
height: 70px;
border-radius: 100px;
overflow: hidden;
margin-right: 15px;}
.reviewer-text h4 {color: #333; padding: 5px 0 0 0; font-size: 16px; line-height: 24px;}
.review-text {text-align: justify;}
.reviewer-text p {font-size: 15px; line-height: 20px; }
.star-rate li {display: inline-block; margin: 0 2px;}
.star-rate{margin-top:5px;}
.star-rate li a.chked{color: #ff711c;}
.star-rate li a{    color: #6a6a8e;}
/**Freelance Homepage**/
.fl-hero{
background: url(../images/banner/back-ugame.jpg), url(../images/shape/hero-shape.svg),#ffd6d6;
background-position: center center, center center;
background-size: cover, cover;
background-repeat: no-repeat, no-repeat;}
.showin-mobile{display:none;}
.follow-label{display: flex;}
.follow-label h6{ margin: 0 40px 0 0px;   position: relative;}
.follow-label h6:after{
content: '';
position: absolute;
top: 50%;
right: -38px;
width: 30px;
height: 1px;
background: #6a6a8e;}
.follow-label a{color: #6a6a8e;    padding: 5px 10px;    font-size: 20px;}
.bhv-service{overflow:hidden;}
.counter-number{transform: translateZ(20px);}
.hexagon {
transform-style: preserve-3d;
transform: perspective(1000px);
text-align: center;
min-width: 240px;
height: auto;
padding: 20px 30px;
margin: 0px 20px;
background: #fff;
border-radius: 8px 40px 8px 40px;
-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.hexa1{  border: 2px solid #ffc3fe;}
.hexa2{  border: 2px solid #ffe6ba;}
.hexa3{  border: 2px solid #addaff;}
.hexa4{  border: 2px solid #ffbaba;}
.counter-no span{
font-size: 50px;
font-weight: 700;
color: #050748;}
.counter-no p {
font-size: 20px;
margin: 10px 0 0 0;
font-weight: 500;}
.counter-no{    display: inline-block;}
.freelance-service{  background: #d4f0ff;}
.header-heading .title-{display: block; margin-bottom: 15px;}
.header-heading span{color: #e60072;}
/**Lead Generation Homepage**/
.lead-hero{
background: url(../images/hero/bg-gradient.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;}
.follow-label{display: flex;}
.lead-gen-client .clients-logo {
background: #ffffff;
padding: 0px 15px;
max-height: 150px;
min-height: 150px;
margin: 0 0px;
border: 1px solid #d4f0ff;
align-items: center;
display: flex;
position: relative;
border-radius: 8px;
-webkit-box-shadow: -20px 20px 40px #ece0f2, 20px -20px 40px #fff8ff;
box-shadow: -20px 20px 40px #ece0f2, 20px -20px 40px #fff8ff;}
.itm-media-object .media .img-media{
width: 65px;
background: #d3f3ff;
padding: 10px;
border-radius: 8px;}
.itm-media-object .media-body{margin-left: 30px;}
.why-choos-lg{position:relative;}
.why-choos-lg:before{
content: "";
background: url(../images/shape/dot_bg.png);
position: absolute;
width: 100%;
height: 100%;
top: 0;}
.itm-media-object h4{text-align:left;}
/**Digital agency homepage**/
.srvc-bg-nx{
background: #fff;
overflow: hidden;
border-radius: 6px;
margin: 0 10px;
height: 240px;
-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.about-sec-rpb{background: #fff8f2;}
.about-sec-rpb.pad-tb{padding-bottom: 200px;}
.badges-content{text-align: center;}
.badges-content p{
font-size: 15px;
line-height: 22px;
padding: 0 50px;
margin-top: 10px;}
.w-txt h2{ color:#fff; }
.common-heading.w-txt > span{color:#fff;}
.-service-list li:first-child {padding-left: 0;}
.-service-list li{
text-transform: uppercase;
list-style: none;
padding: 0 8px;
border-right: 1px solid #d4d4d4;
display: inline-block;}
.-service-list li:last-child {border-right: none;}
.service-sec-list p {
font-size: 15px;
line-height: 24px;
margin: 14px 0 0 0;}
.-service-list li a{
font-size: 13px;
color: #6a6a8e;
text-transform: uppercase;
text-decoration: none;
padding-bottom: 5px;
display: inline-block;
font-weight: 700;}
.link-prb{display: block;}
.col-lg-6-cus{width:40%;}
.col-lg-3-cus{width:30%;}
.mt30-{margin-top: 20px;}
.text-w, .text-w h4, .text-w a, .text-w h1, .text-w h2, .text-w h3, .text-w h5, .text-w h6{color:#fff;}
.service-section-prb{position: relative; margin-top: -200px;}
.bg-shape-dez{position: relative;}
.bg-shape-dez::after, .bg-shape-dez::before{
position: absolute;
z-index: 0;
content: '';
width: 50%;
height: 50%;
background: #007bff;
background: -webkit-linear-gradient(left, #007bff 0%,#ff1f8e 100%);
background: linear-gradient(to right, #007bff 0%,#ff1f8e 100%);}
.bg-shape-dez::after{ top: -10px;   right: -10px; border-radius: 0px 8px 0px 0px;}
.single-image img{  position: relative;   z-index: 5;   border-radius: 8px;}
.bg-shape-dez::before{   bottom: -10px;   left: -10px; border-radius: 0px 0px 0px 8px;}
.single-image img{ position: relative;   z-index: 5;   border-radius: 8px;}
.srcl1{background: #f3f5ff; border-bottom: 4px solid #b0bdff;}
.srcl2{background: #fff3e6; border-bottom: 4px solid #ffc093;}
.srcl3{background: #fbeefd; border-bottom: 4px solid #f6bcff;}
.srcl4{background: #effdff; border-bottom: 4px solid #9ff3ff;}
.srcl5{background: #fbfff1; border-bottom: 4px solid #ffdaa2;}
.service-sec-list p{display:none;}
.service-sec-list{ padding: 52px 25px;}
.service-sec-brp{ padding:30px 25px;}
.service-sec-list img{
-moz-transition: width 0.5s, height 0.5s;
-webkit-transition: width 0.5s, height 0.5s;
transition: width 0.5s, height 0.5s;
height: 130px;
width: 130px;
margin-bottom: 10px;}
.service-sec-list:hover{padding: 25px; }
.service-sec-list:hover img{height:0px;  width: 60px;}
.service-sec-list:hover p {display: block;}
.service-sec-list:hover p, .service-sec-list:hover, .service-sec-list{
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-webkit-transition: all 0.8s;
transition: all 0.8s;}
.-cta-btn {
margin: 0 auto;
display: inline-block;
text-align: center;
width: 100%;}
.-cta-btn p{font-size: 30px; color: #050748; margin: 0 30px 0 0px;}
.-cta-btn p span{    font-weight: bold;}
.free-cta-title{    display: inline-flex;}
.key-block.shadow-box {
padding: 15px;
margin-bottom: 20px;
border-top: 3px solid #a241bb;
transition: all .3s ease-out 0s;}
.key-icon {margin-right: 15px;float: left;}
.clients-logos ul li p {
font-size: 12px;
padding-top: 0.5em;
letter-spacing: 0px;
font-weight: 300;
color: #959595;}
.clients-logos ul li {display: inline-block; padding: 30px 0 0 0;}
.brand-logo{    max-width: 180px; margin: 0 auto; padding: 10px;}
.video-review{border-radius: 8px; overflow: hidden;}
.video-review a{position: relative; display: inline-block;}
.video-review a:after{ content: ""; display: block;
position: absolute;
left: 0;
top: 0;
opacity: 1;
width: 100%;
height: 100%;
z-index: 5;
background: -moz-linear-gradient(top, rgb(30,87,153, 0) 0%, rgb(32,124,202, 0) 70%, rgb(0, 0, 0, 0.5) 100%);
background: -webkit-linear-gradient(top, rgb(30,87,153, 0) 0%,rgb(32,124,202, 0) 70%,rgb(0, 0, 0, 0.5) 100%);
background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0%,rgba(32, 124, 202, 0) 70%,rgba(0, 0, 0, 0.5) 100%); }
.review-vid-details{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 10px;
position: absolute;
bottom: 0;
z-index: 10;}
.review-vid-details p{font-weight: bold; color: #fff; font-size: 20px;}
.-vid-ico{
min-width: 40px;
min-height: 40px;
display: inline-flex;
background: #ffffff;
border-radius: 1000px;
transition: all 0.3s ease-in-out 0s;
cursor: pointer;
outline: none;
position: relative;
padding: 10px;
align-items: center;}
.triangle-play2 {
width: 0;
height: 0;
border-top: 7px solid transparent;
border-left: 12px solid #ff2d8d;
border-bottom: 7px solid transparent;
text-align: center;
margin: 0 auto 0;}
.rount-btn{
width: 52px;
height: 52px;
padding: 0;
text-align: center;
font-size: 18px;
border: 2px solid #dcdcdc;}
.review-ref{ display: flex; align-items: center; justify-content: space-around;}
.review-icons a{display: inline-block;
padding: 0 20px;}
.bg-none{background: none;}
/**Digital Agency home 2**/
.img-with-shape{position: relative;
text-align: center;}
.dg-hero-img0{
border-radius: 8px;
transform: translateZ(60px);
position: relative;
z-index: 9;}
.dg-hero-shp1a{top: 0px;left: 0px;}
.dg-hero-shp1{top: -50px;left: 0px;}
.dg-hero-shp2{transform: translatez(80px);top: 40%;z-index: 999;left: 0px;max-width: 120px;}
.dg-hero-shp3{bottom: -80px;
right: 0px;}
.shape-dg-1{position: absolute;}
.dark-main  p, .dark-main .-content-sec .title-hero-oth p, .dark-main .footer-address-list li a, .dark-main .post-social a, .dark-main a {color:#a2a2a2}
.dark-main h2,.dark-main h3,.dark-main h4,.dark-main h5,.dark-main h6, .dark-main .title-hero-oth p, .dark-main .statistics span, .dark-main .single-blog-info- h4 a,    .dark-main .review-vid-details p, .dark-main .isotope_item h4 a, .dark-main .link-reviewrr a, .dark-main .entry-blog-post a, .dark-main h1 {color: #e6e6e6;}
.dark-main a.lnk, .dark-main a.bg-btn{color: #fff;}
.dark-main input, .dark-main textarea{box-shadow: none;}
.dark-main .s-block {background: #1d1d1d; border: 1px solid #1d1d1d;}
.dark-main .single-blog-post- {background: #1d1d1d;  border: 1px solid #1d1d1d;}
.dark-main .post-social { border-top: 1px solid #2b2b2b;}
.dark-main .blog-content-tt {    border: 0px solid #ececec;}
.f-weight .-cta-btn p span {font-weight: 900;}
p.video-lab--{    color: #6a6a8e;}
.mr25{margin-right: 25px}
.dg-bg2{
background-image: -moz-linear-gradient(45deg,#ff3870 0%,#ff3870 50%,#c300c3 100%) !important;
background-image: -webkit-linear-gradient(45deg,#ff3870 0%,#ff3870 50%,#c300c3 100%) !important;
background-image: linear-gradient(45deg,#ff0048 0%,#ff3870 50%,#c300c3 100%) !important; }
.hero-digital-agency-1 p{color:#bdbfca}
.hero-digital-agency-1 .header-heading h1 {font-size: 80px; line-height: 90px; font-weight: 900; }
.-content-sec .triangle-play {border-left: 25px solid #ffffff; }
.-content-sec a.play-video::after { border: 6px solid #ff2d8d;}
.-content-sec a.play-video { background: #ff2d8d;}
.-content-sec .title-hero-oth p {font-size: 18px; color: #6a6a8e;margin: 0 0 0 20px;text-transform: capitalize;}
.dg-btn{background-color: transparent; border: 1px solid #fff;}
.dg-bg{background-color: #202020;}
.dg-bg--1 {  background-color: #111111;}
.dg-bg--2 {  background-color: #171717;}
.dg-clients-section .opl ul li {display: inline-block; padding: 30px 0 0 0;}
.dg-clients-section .opl ul li p {
font-size: 12px;
padding-top: 0.5em;
letter-spacing: 0px;
font-weight: 300;
color: #959595;}
.dg-testinomial-section .owl-carousel .owl-dots {
position: absolute;
bottom: 0;
right: 0;
text-align: right;
background: transparent;
width: 100px;
margin: 0;
height: 50px;
padding: 25px 0 0 0;}
.quote-css{font-size: 45px; padding: 0 20px 0 0; color: #909090;}
.video-testimonial{ display: flex; }
.dg-statistics-section .statistics span {font-size: 45px; font-weight: 900;}
.common-heading-2 {
padding: 0;
text-align: center;
position: relative;
z-index: 10;}
.common-heading-2 h2{font-weight: 900; }
.common-heading-2 > span {
color: #e60072;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 16px;
font-weight: 400;
margin: 0 0 15px 0;
display: block;
font-weight: 900;}
.itm-media-object .media img {width: 100%; }
.itm-media-object .media .img-ab-{
background: #f5f5f5;
border-radius: 8px;
width: 65px;
padding: 10px;}
.overlay-- .s-block{
background: #222;
border: 1px solid #222;
padding: 30px;
overflow: hidden;}
.ovr-bg1 .ovr-base:before {
content: "";
background: -webkit-linear-gradient(45deg,#ff0048 0%,#ff3870 50%,#c300c3 100%);
background: linear-gradient(45deg,#ff0048 0%,#ff3870 50%,#c300c3 100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
left: 0;
opacity: 0;}
.nn-card-set{position: relative; z-index: 5; overflow: hidden;}
.ho-gdnt .s-block:hover:before {opacity: 1;}
.ho-gdnt .s-block{overflow: hidden;}
.ho-gdnt .ovr-base:before{
-webkit-transition: 0.8s cubic-bezier(.17, .85, .438, .99);
-o-transition: 0.8s cubic-bezier(.17, .85, .438, .99);
transition: 0.8s cubic-bezier(.17, .85, .438, .99); }
.ho-gdnt  .s-block:hover  p, .ho-gdnt .s-block:hover a, .ho-gdnt .s-block:hover h4 {color: #ffffff;}
.dg2-main .isotope_item h4 a {  color: #fff;}
.up-hor:hover{transform: translateY(-7.5px);}
.h-scl- .h-scl-base{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);}
.h-scl-:hover .h-scl-base {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);}
.h-scl-:hover .h-scl-base img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);}
.h-scl-  .h-scl-base {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);}
.h-scl- .h-scl-base,  .h-scl-base img, .up-hor, .bd-hor .bd-hor-base:after {
-webkit-transition: 1.2s cubic-bezier(.17, .85, .438, .99);
-o-transition: 1.2s cubic-bezier(.17, .85, .438, .99);
transition: 1.2s cubic-bezier(.17, .85, .438, .99);}
.itm-media-object h4 {
text-align: left;
margin-bottom: 10px;}
.single-blog-post-{
border-radius: 8px;
background: #fff;}
.single-blog-img- img{    border-radius: 8px 8px 0px 0px;position:relative;transition:all 0.3s ease-in-out;}
.single-blog-img-{position: relative;}
.entry-blog-post{
border-radius: 100px;
padding: 10px 15px;
margin: 0 20px;
position: absolute;
bottom: -18px;
right: 0;
left: 0;
justify-content: space-between;
display: flex;}
.entry-blog-post a{ color: #fff;   font-size: 14px;}
.single-blog-info- h4{margin-bottom: 18px;}
.single-blog-info- h4 a{ color: #050748; }
.post-social{
margin: 30px 0 0 0;
border-top: 1px solid #dadada;
padding-top: 30px;}
.post-social a{
color: #6a6a8e;
display: inline-block;
padding: 0 10px 0 0;}
.blog-content-tt
{
     height: 260px;
    overflow: hidden; 
padding: 45px 25px 25px;
border: 1px solid #ececec;
border-top: 0;
border-radius: 0px 0px 8px 8px;
}
.link-reviewrr{ margin: 30px 0 0 0;}
.link-reviewrr a{
display: block;
padding: 0 0 4px 0;
color: #6a6a8e;}
.dark-footer,.dark-footer .footer-address-list li a,.dark-footer .footer-address-list li > span,.dark-footer .footer-address-list li p, .dark-footer .ff-social-icons a, .dark-footer .footer-link-- li a{color: #a2a2a2;}
.dark-footer h5{color:#e6e6e6;}
.dg2-main .footer-address-list li a {color: #bdbfca;}
.footer-copyrights- a{color: #bdbfca;}
.footer-link--{text-align: right;}
.footer-link-- li { display: inline-block; }
.footer-link-- li a{ color: #bdbfca; margin-left: 15px; font-size: 16px; }
.end-footer-{
border-top: 1px solid rgba(237,237,237,0.05);
margin-top: 70px;
padding: 35px 0;}
.ff-social-icons a{
color: #fff; padding: 0 20px 0 0; font-size: 18px;}
.video-bg-{background: #000;}
.full-video {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 0.3;}
.email-subs-form .form-cta{
align-items: center;
justify-content: center;
display: flex;}
/**creative Agency home 1**/
.hero-creative-agenc1{
background-size: cover;
background-position:  center center;}
.hero-creative-agenc1 .header-heading h1 {font-weight: 900;}
.ovr-bg2 .ovr-base:before {
content: "";
background: -webkit-linear-gradient(135deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);
background: linear-gradient(135deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
left: 0;
opacity: 0;}
.sec-dark h2, .sec-dark h4, .sec-dark h5 {color:#fff;}
.sec-dark p {color:#bdbfca;}
/**creative-agenc 2**/
.hero-creative-agenc2 .container {  max-width: 1320px;}
.img-design{display: inline-flex; align-items: center;}
.ag-dg1{        z-index: 1;    border-radius: 8px 8px 8px 100px;    min-width: 100%;    top: 0;    left: 30px;    position: relative;}
.ag-dg2{z-index: 0;    border-radius: 8px 8px 100px 8px;    bottom: 0;    right: 30px;    min-width: 100%;    position: relative;}
.shpdzz{position: absolute;}
.shpdez1{width: 90px;    height: 90px;    background: #FFC107;    border-radius: 100px 100px 00px 100px;    left: 0;    bottom: 0;}
.shpdez2{width: 140px;    height: 140px;    background: #00BCD4;    border-radius: 00px 100px 100px 100px;    left: 0;    top: 0px;    z-index: 5;}
.shpdez3{width: 40px;    height: 40px;    background: #4caf50;    border-radius: 100px 0px 100px 100px;    left: 160px;    top: 0px;}
.shpdez4{ width: 140px;    height: 80px;    background: #ff6c89;    border-radius: 100px;    left: 130px;    bottom: 0px;    z-index: 5;}
.img-block-ca2 .abt-ca2 {border-radius: 100px 00px 100px 0px;    position: relative;    z-index: 5;    width: 80%;}
.img-block-ca2 .dot-sp-ca2{position: relative;z-index: 0}
.div-portfolio-{background: #1d1d1d;    padding: 60px;    border-radius: 8px;}
.itm-tag{   font-weight: 700;    font-style: italic;}
.div-item-image img{border-radius: 8px;    width: inherit !important;    margin: 0 auto;}
.porto-slide .owl-dots{text-align: center;    margin-top: 30px;}
.img-ca2set{max-height: 370px; overflow: hidden;border-radius: 8px;}
.aa a:hover{color:#ff1f8e !important ;}
.bd-hor .bd-hor-base{overflow: hidden;}
.bd-hor .bd-hor-base:hover:after {    width: 100%;    overflow: hidden;}
.bd-hor .bd-hor-base:after {
content: '';
position: absolute;
left: 0;
width: 0%;
bottom: 0;
height: 4px;
background: -webkit-linear-gradient(-45deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);
background: linear-gradient(135deg, #9100ff 0%,#3663ff 54%,#00e2ff 100%);}
.dot-c1{
position: absolute;
width: 80px;
height: 80px;
border-radius: 100px;
border: 0;}
.dot-c1 img{ width: 70px; border-radius: 100px;}
.tcc1 {background: #ffc107; width: 130px; text-align: left; padding-left: 5px; border-radius: 100px 100px 100px 100px;}
.tcc2 {background: #f44336; right: 0; width: 120px; text-align: right; padding-right: 5px; border-radius: 0px 100px 100px 0px; }
.tcc3 {background: #00bcd4; right: 120px; width: 130px; top: 200px; border-radius: 100px 8px 100px 100px; text-align: left; padding-left: 5px; }
.tcc4 {
background: #ff6c89;
left: 150px;
top: 110px;
width: 150px;
border-radius: 100px 100px 100px 8px;
text-align: right; padding-right: 5px; }
.tcc5 {background: #4caf50; right: 0px; bottom: 0px; border-radius: 100px 100px 100px 8px; width: 130px; text-align: right; padding-right: 5px; }
.tcc6 { background: #9C27B0; bottom: 0; left: 10%; width: 150px; text-align: left; padding-left: 5px; border-radius: 100px 8px 100px 100px; }
.dot-c1.active { box-shadow: 6px 6px 0px rgb(255 255 255 / .5); }
.instagram-post .thumb{overflow: hidden;} 
.instagram-post{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 5px;}
/**minimal-portfolio**/
.minimal-portfolio{background-repeat: no-repeat; background-position: center center; background-size: contain;}
.minimal-portfolio .dzname { font-size: 22px; line-height: 30px; font-weight: 700; }
h3 a{color: #050748;}
.br-blog-post-{position: relative;}
.link-blog-post a{position: absolute; right: 0; bottom: 0; padding: 20px;  background: #fff; color: #050748; font-weight: 600; }
.btn-flnc{  align-items: flex-end;    display: flex;}
.post-newsltr .owl-stage{padding-left:0px !important;}
.bg-light-f7{background: #f7f7f7;}
.img-hro img{border-radius: 8px; }
/**mobile-app-**/
.mobile-app-{
background-image: -moz-linear-gradient(45deg,#9217de 0%,#4775ff 50%,#00b6d4 100%);
background-image: -webkit-linear-gradient(45deg,#9217de 0%,#4775ff 50%,#00b6d4 100%);
background-image: linear-gradient(45deg,#4a0079 0%,#4202b2 50%,#4400b1 100%);}
.hero-heading-sec2 h1 {
color: #fff;
font-size: 55px;
line-height: 67px;
font-weight: 900;
display: inline-block;
background: linear-gradient( 90deg,#af6dff 0%,#ff448e 25%,#ff9d57 50%,#ff38d3 75%,#00ffdc 100% );
background-size: cover;
background-position: center;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;}
.hero-heading-sec2 > p {color: #fff000; font-size: 18px; margin: 40px 0; }
.wide-sblock {display: inline-flex; text-align: left; padding: 30px 20px; }
.img100w {max-width: 100% !important; width: auto !important;}
.funfct {
box-shadow: 0 11px 20px rgb(123 149 162 / 15%);
line-height: 26px;
padding: 30px;
border-radius: 8px 8px 8px 40px;
margin-top: 30px; position: relative; text-align: center; }
.funfct p{font-weight: 600; color: #6a6a8e;}
.funfct img{width: 65px; margin: 0 auto 15px; display: block;}
.funfct .services-cuntr{ display: inline-block; font-weight: 900; font-size: 30px; color: #050748; padding: 15px 0; }
.about-sec-app{
background: url(../images/shape/bg-light2.png);
background-size:contain;
background-repeat: repeat-x;
background-position: center center;}
.service-section-app{
background: url(../images/shape/wave-bg.png);
background-size:contain;
background-repeat: repeat-x;
background-position: center bottom;
position: relative; }
.-service-list li:first-child {padding-left: 0;}
.-service-list li {
text-transform: uppercase;
list-style: none;
padding: 0 8px;
border-right: 1px solid #d4d4d4;
display: inline-block;
}
.link-prbs {display: block; color: #6a6a8e;  font-size: 16px; font-family: 'Poppins', sans-serif; }
.tec-icon ul li .img-iconbb { display: inline-flex; border-radius: 100%; background: #f5f7ff; width: 60px; height: 60px; align-items: center; }
.tec-icon ul li img {width: 40px; margin: 0 auto; }
.tec-icon ul li { display: inline-block; margin: 0 10px 0 0; }
.service-card-app{
display: block;
background: #fff;
box-shadow: 0 11px 20px rgb(123 149 162 / 15%);
font-weight: 400; font-size: 14px; padding: 30px; border-radius: 40px 8px 40px 8px; }
.servc-icon-sldr{display: flex;}
.clients-section-app{    background: #4302ae;}
.item-info-div{background: #fff; padding: 15px; position: relative; top: -40px; width: 95%; border-radius: 40px 8px 8px 8px; margin: 0 auto; text-align: center; }
.item-info-div h4{margin: 0;}
.industry-workfor{ background: #fff; padding: 15px 20px; border-radius: 8px; margin-top: 30px; display: flex; align-items: center; }
.hoshd:hover { box-shadow: 0 15px 39px -11px #46638e45; transform: translate(0px, -5px); }
.industry-workfor img{width: 55px;}
.industry-workfor h6{    margin: 0 0 0 15px;}
.tcd{display: block; background: #fff; box-shadow: 0 11px 20px rgb(123 149 162 / 15%); font-weight: 400; font-size: 14px; padding: 60px 30px; border-radius: 40px 8px 8px  8px;}
.posiqut { position: absolute; right: 10px; bottom: 10px; font-size: 60px; color: #00f2a6;}
.pl50 { padding-left: 50px !important;}
.tcd  .owl-dots { position: absolute; bottom: 0; right: 0; text-align: right; margin: 15px; }
.app-cta{background: #4301b2; position: relative; overflow: hidden; }
.shape-c1 {background: transparent; width: 200px; height: 200px; border-radius: 100px 100px 100px 100px; border: 6px solid #f8d873; }
.shape-c2 {background: transparent; width: 200px; height: 200px; border-radius: 100px 100px 100px 30px; border: 6px solid #00f2a6; right: -20px; top: -70px; }
.shape-c3 { background: transparent; width: 100px; height: 100px; border-radius: 100px 100px 100px 30px; border: 6px solid #fff; right: 90px; bottom: -20px; }
.apppg .brand-logo {max-width: 180px; margin: 0 auto; padding: 10px; background: #fff; border-radius: 8px; }
.apppg li p{    color: #fff; margin: 10px 0 0 0;}
.info-text-div { padding: 20px; background: #fff; box-shadow: 0px 20px 30px -20px rgb(0 21 167 / 20%); border-radius: 8px 8px 8px 8px; border-bottom: 5px solid #b0bdff; }
.landscp{    text-align: center;background: #fbfbfb;}
.sctxt{
font-size: 90px;
position: absolute;
right: 0; left: 0; text-align: center; top: 0; font-weight: 900; text-transform: uppercase; -webkit-text-stroke: 1px #e8e8e8; -webkit-text-fill-color: white;}
/**business-startup**/
.business-startup{ background: url(../images/hero/wave-hero.svg); background-repeat: no-repeat; background-position: center top;}
.bg-light-ylo { background: #e9f5ff; }
.up-curvs{position: absolute; right: 0; left: 0; top: -50px; }
.bottom-curvs{position: absolute; right: 0; left: 0; bottom: -50px; }
.bg-flat5 {   background: #fff9f1;}
.bg-flat6 {   background: #fff3f3;}
.login-form-div{ max-width: 460px; margin: 0 auto; background: #fff; padding: 40px; border-radius: 8px;}
.login-page {background:url(../images/shape/bg-rectangles-.png), #101010; display: flex; height: 100vh; }
.fb-btn {line-height: 46px;  background-color: #3b5998!important;}
.google-btn {line-height: 46px;  background-color: #e94235!important;}
.closes {right: 8px; font-size: 35px;  font-weight: 700; top: -2px; color: #d6d6d6; border: 0; background: transparent; }
.popup-modals .modal-dialog {max-width: 600px; }
.modal-body {position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 30px; }
/**Features**/
.custom-file-input:focus~.custom-file-label {  border-color: #ced4da;  box-shadow: none;}
.dropcap{    float: left;   font-size: 45px;   line-height: 1;   padding-right: 10px;   text-transform: uppercase;}
.list-style-{padding: 0 0 0 20px;text-align: left;}
.list-style- li{line-height: 32px;
list-style-type: circle;}
.img-ctr{    text-align: center;
display: block;}
.footer-link-v2 li{display: inline-flex;    padding: 0px 15px;}
.footer-badges-{    display: flex;
justify-content: space-between;}
.footer-badges- li{    display: inline-block;}
.footer-badges- li a img {width: 150px; }
.footer-brands{background: #f8f9fa; padding: 30px 0;}
.single-blog- img {height: 70px; width: 70px; display: block; border-radius: 8px;}
.single-blog- .post-meta i {margin: 0 5px 0 0; }
.single-blog- .post-meta {font-size: 13px; }
.single-blog- .content .title{line-height: 20px; font-size: 15px;}
.single-blog- .content .title a {color: #050748; }
.single-blog- .content .title a:hover {color: #ff1f8e ; }
.post-thumb{margin-right: 15px;}
.single-blog-{    display: inline-flex;}
.footer-blog- .single-blog-:last-child{margin-top: 20px;}
.icon-card-{  text-align: center;
background: #fff;
border: 1px solid #eaeaea;
border-radius: 8px;
padding: 15px;}
.icon-card- img{width:60px;}
.icon-card- h4{margin: 20px 0}
/**Help css**/
.onloadpage {position: fixed; z-index: 99999999; top: 0; right: 0; bottom: 0; left: 0; display: block; background: #ffffff;}
.onloadpage .pre-content{top: 50%; position: relative; right: 0; left: 0; text-align: center; transform: translateY(-50%);   }
.onloadpage .pre-text- {  font-size: 18px;    line-height: 28px;    font-weight: 600;    width: 30%;    margin: 0 auto;}
.onloadpage .pre-text- span{display: block;}
.logo-pre {
background: #e2e2e2;
border-radius: 50%;
height: 100px;
width: 100px;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);;
animation: pulse 2s infinite;
margin: 0 auto 30px;
display: flex;
align-items: center;
padding: 8px;}
@keyframes pulse {
0% {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);}
70% {box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);}
100% {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }}
.tilt-3d .base {transform-style: preserve-3d;    transform: perspective(1000px);}
.tilt-3d .layer{transform: translateZ(20px);}
.shdo{    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.-shadow{
-webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;}
a.disabled { pointer-events: none; cursor: default; opacity: 0.4;}
h1 {  font-size: 45px;  line-height: 57px;}
h2 {  font-size: 40px;  line-height: 52px;}
h3 {  font-size: 34px;  line-height: 46px;}
h4 {  font-size: 22px;  line-height: 32px;}
h5 {  font-size: 20px;  line-height: 30px;}
h6 {  font-size: 16px;  line-height: 26px;}
p {   font-size: 17px;  line-height: 28px;}
.pad-tb { padding-top: 100px; padding-bottom: 100px;}
.pr--100 { padding-right: 100px;}
.pl--100 { padding-left: 100px;}
.pl--50 { padding-left: 50px;}
.pr--50 { padding-right: 50px;}
.mr15{margin-right: 15px;}
html .pl5{padding-left:5px !important;}
html .pt0{padding-top:0;}
html .pm0{padding-bottom:0;}
html .mt0{margin-top: 0px;}
html .mb0{margin-bottom: 0;}
html .mt10{margin-top: 10px;}
html .mt20{margin-top: 20px;}
html .mt30{margin-top: 30px;}
html .mt40{margin-top: 40px;}
html .mt50{margin-top: 50px;}
html .mt60{margin-top: 60px;}
html .mt70{margin-top: 70px;}
html .mt80{margin-top: 80px;}
html .mt90{margin-top: 90px;}
html .mt100{margin-top: 100px;}
html .mb10{margin-bottom: 10px;}
html .mb20{margin-bottom: 20px;}
html .mb25{margin-bottom: 25px;}
html .mb30{margin-bottom: 30px;}
html .mb40{margin-bottom: 40px;}
html .mb50{margin-bottom: 50px;}
html .mb60{margin-bottom: 60px;}
html .mb70{margin-bottom: 70px;}
html .mb80{margin-bottom: 80px;}
html .mb90{margin-bottom: 90px;}
html .mb100{margin-bottom: 100px;}
html .m0{margin: 0px !important;}
html .p0{padding: 0px !important;}
html .pt10{padding-top: 10px;}
html .pt20{padding-top: 20px;}
html .pt30{padding-top: 30px;}
html .pt40{padding-top: 40px;}
html .pt50{padding-top: 50px;}
html .pt60{padding-top: 60px;}
html .pt70{padding-top: 70px;}
html .pt80{padding-top: 80px;}
html .pt90{padding-top: 90px;}
html .pt100{padding-top: 100px;}
html .pt110{padding-top: 110px;}
html .pt120{padding-top: 120px;}
html .pt130{padding-top: 130px;}
html .pt140{padding-top: 140px;}
html .pb10{padding-bottom: 10px;}
html .pb20{padding-bottom: 20px;}
html .pb30{padding-bottom: 30px;}
html .pb40{padding-bottom: 40px;}
html .pb50{padding-bottom: 50px;}
html .pb60{padding-bottom: 60px;}
html .pb70{padding-bottom: 70px;}
html .pb80{padding-bottom: 80px;}
html .pb90{padding-bottom: 90px;}
html .pb100{padding-bottom: 100px;}
html .pb110{padding-bottom: 110px;}
html .pb120{padding-bottom: 120px;}
html .pb130{padding-bottom: 130px;}
html .pb140{padding-bottom: 140px;}
.badge-warning {    color: #212529;    background-color: #ffc107;    text-align: center;    display: inline;}
.xhighlight{ display: block;  color: #ff2c8e;}
.pl25{padding-left: 25px !important}
.pr25{padding-right: 25px !important}
.text-effect-1 {
background-image: -moz-linear-gradient(45deg,#ff3870 0%,#ff3870 50%,#c300c3 100%);
background-image: -webkit-linear-gradient(45deg,#ff3870 0%,#ff3870 50%,#c300c3 100%);
background-image: linear-gradient(45deg,#ff3870 0%,#ff3870 50%,#c300c3 100%);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;}
.text-effect-2 {
background: #fc00c7;
background-image: -moz-linear-gradient(-45deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);
background-image: -webkit-linear-gradient(-45deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);
background-image: linear-gradient(135deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;}
.bg-btn{
background: #ffbd84;
background: -moz-linear-gradient(left, #ffbd84 0%, #ff1f8e 100%);
background: -webkit-linear-gradient(left, #ffbd84 0%,#ff1f8e 100%);
background: linear-gradient(to right, #ffbd84 0%,#ff1f8e 100%);
-webkit-box-shadow: 0 10px 15px 0px rgba(175, 0, 87, .2);
box-shadow: 0 10px 15px 0px rgba(175, 0, 87, .2);}
.bg-btn2{
background: #f92c8b;
background: -moz-linear-gradient(left, #f92c8b 0%, #b02cd6 100%);
background: -webkit-linear-gradient(left, #f92c8b 0%,#b02cd6 100%);
background: linear-gradient(to right, #f92c8b 0%,#b02cd6 100%);
-webkit-box-shadow: 0 10px 15px 0px rgba(175, 0, 202, .2);
box-shadow: 0 10px 15px 0px rgba(175, 0, 202, .2);}
.bg-btn3 {
background: #673AB7;
background: -moz-linear-gradient(left, #673AB7 0%, #2196F3 100%);
background: -webkit-linear-gradient(left, #673AB7 0%,#2196F3 100%);
background: linear-gradient(to right, #673AB7 0%,#2196F3 100%);
-webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);
box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);}
.bg-btn4 {/*use in dark mode*/
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #fff;}
.bg-btn5 {
background: #ff0048;
background-image: -webkit-linear-gradient(45deg,#ff3870 0%,#ff3870 50%,#c300c3 100%);
background-image: linear-gradient(45deg,#ff0048 0%,#ff3870 50%,#c300c3 100%);
-webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);
box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);}
.bg-btn6 {
background: #fc00c7;
background: -moz-linear-gradient(-45deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);
background: -webkit-linear-gradient(-45deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);
background: linear-gradient(135deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);}
.bg-btn7 {
background: #fc00c7;
background: -moz-linear-gradient(-45deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);
background: -webkit-linear-gradient(-45deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);
background: linear-gradient(135deg, #9100ff 0%,#3663ff 54%,#00e2ff 100%);
-webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);
box-shadow: 0 10px 15px 0px rgb(0 49 189 / .2);}
.hover-scale img{transform: scale(1.0);}
.hover-scale:hover img {transform: scale(1.05);}
.text-animation{
font-weight: bold;
color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 6s infinite linear; }
.bg-a{ background-image: linear-gradient(to right, #ff1f8e 0%,#ffbd84 36%,#ffbd84 65%,#ff1f8e 100%);}
.bg-b{ background-image: linear-gradient(to right, #673AB7 0%,#E91E63 36%,#E91E63 65%,#673AB7 100%);}
@keyframes slideIn {
0% {transform: translateY(1rem);    opacity: 0; }
100% {transform:translateY(0rem);   opacity: 1; }
0% {transform: translateY(1rem);    opacity: 0; } }
@-webkit-keyframes slideIn {
0% {-webkit-transform: transform;        -webkit-opacity: 0;    }
100% {-webkit-transform: translateY(0);  -webkit-opacity: 1;    }
0% {-webkit-transform: translateY(1rem); -webkit-opacity: 0;    } }
@keyframes hue {
from {background-position:0 0;  }
to {background-position: 2000px 0;} }
@keyframes arrowanim{
0%{ transform: translate(0, 0); }
50%{ transform: translate(8px, 0); }
100%{ transform: translate(0, 0); }
}
@-webkit-keyframes arrowanim{
0%{ transform: translate(0, 0); }
50%{ transform: translate(8px, 0); }
100%{ transform: translate(0, 0); }
}
@keyframes updonanim{
0%{ transform: translate(0, 0); }
50%{ transform: translate(0, 8px); }
100%{ transform: translate(0, 0); }
}
@-webkit-keyframes updonanim{
0%{ transform: translate(0, 0); }
50%{ transform: translate(0, 8px); }
100%{ transform: translate(0, 0); }
}
@keyframes border-transform{
0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
}
.lead-intro- img{ animation: 3s infinite updonanim; -webkit-animation: 3s infinite updonanim; }
/**Gredient css**/
.bg-gradient{
background: #c7ecff;
background: -moz-linear-gradient(top, #c7ecff 0%, #f9efff 100%);
background: -webkit-linear-gradient(top, #c7ecff 0%,#f9efff 100%);
background: linear-gradient(to bottom, #c7ecff 0%,#f9efff 100%);}
.bg-gradient1{
background: #ffe2e2;
background: -moz-linear-gradient(top, #ffe2e2 0%, #fff9f4 100%);
background: -webkit-linear-gradient(top, #ffe2e2 0%,#fff9f4 100%);
background: linear-gradient(to bottom, #ffe2e2 0%,#fff9f4 100%);}
.bg-gradient2{
background: #fdffed;
background: -moz-linear-gradient(top, #fdffed  0%, #effff8  100%);
background: -webkit-linear-gradient(top, #fdffed  0%,#effff8  100%);
background: linear-gradient(to bottom, #fdffed 0%,#effff8 100%);}
.bg-gradient3{
background: #e2f3ff;
background: -moz-linear-gradient(top, #e2f3ff  0%, #fffbef  100%);
background: -webkit-linear-gradient(top, #e2f3ff  0%,#fffbef  100%);
background: linear-gradient(to bottom, #e2f3ff  0%,#fffbef  100%);}
.bg-gradient4{
background: #c1eeff;
background: -moz-linear-gradient(top, #c1eeff 0%, #f5faff 100%);
background: -webkit-linear-gradient(top, #c1eeff 0%,#f5faff 100%);
background: linear-gradient(to bottom, #c1eeff 0%,#f5faff 100%);}
.bg-gradient5{
background: #fff6f3     ;
background: -moz-linear-gradient(top, #fff6f3 0%, #fffefb 100%);
background: -webkit-linear-gradient(top, #fff6f3 0%,#fffefb 100%);
background: linear-gradient(to bottom, #fff6f3 0%,#fffefb 100%);}
.bg-gradient6{
background: #e8fffc ;
background: -moz-linear-gradient(top, #e8fffc 0%, #fff4f4  100%);
background: -webkit-linear-gradient(top, #e8fffc 0%,#fff4f4  100%);
background: linear-gradient(to bottom, #e8fffc 0%,#fff4f4  100%);}
.bg-gradient7{
background: #ffe2e2;
background: -moz-linear-gradient(top, #ffe2e2 0%, #fff9f4 100%);
background: -webkit-linear-gradient(top, #ffe2e2 0%,#fff9f4 100%);
background: linear-gradient(to bottom, #ffe2e2 0%,#fff9f4 100%);}
.bg-gradient8{
background: #fff8fb;
background: -moz-linear-gradient(top, #fff8fb 0%, #d0fcf6 100%);
background: -webkit-linear-gradient(top, #fff8fb 0%,#d0fcf6 100%);
background: linear-gradient(to bottom, #fff8fb 0%,#d0fcf6 100%);}
.bg-gradient9{
background: #e5ffee;
background: -moz-linear-gradient(top, #ffe2e2 0%, #fff9f4 100%);
background: -webkit-linear-gradient(top, #ffe2e2 0%,#fff9f4 100%);
background: linear-gradient(to bottom, #e5ffee 0%,#e2f6ff 100%);}
.bg-gradient10{
background: #e4fffe;
background: -moz-linear-gradient(top, #e4fffe 0%, #ffedf3 100%);
background: -webkit-linear-gradient(top, #e4fffe 0%,#ffedf3 100%);
background: linear-gradient(to bottom, #e4fffe 0%,#ffedf3 100%);}
.bg-gradient11{
background: #ff1f8e;
background: -moz-linear-gradient(left, #ff1f8e 0%, #007bff 100%);
background: -webkit-linear-gradient(left, #ff1f8e 0%,#007bff 100%);
background: linear-gradient(to right, #ff1f8e 0%,#007bff 100%);}
.bg-gradient12{
background: #3f36b9;
background: -moz-linear-gradient(left, #3f36b9 0%, #20206b 100%);
background: -webkit-linear-gradient(left, #3f36b9 0%,#20206b 100%);
background: linear-gradient(to right, #3f36b9 0%,#20206b 100%);}
.bg-gradient13{
background: #9C27B0;
background: -moz-linear-gradient(left, #9C27B0 0%, #673AB7 100%);
background: -webkit-linear-gradient(left, #9C27B0 0%,#673AB7 100%);
background: linear-gradient(to right, #9C27B0 0%,#673AB7 100%);}
.bg-gradient14{
background: #ff2d8d;
background: -moz-linear-gradient(top, #ff2d8d 0%, #653db9  100%);
background: -webkit-linear-gradient(top, #ff2d8d 0%,#653db9  100%);
background: linear-gradient(to bottom, #ff2d8d 0%,#653db9  100%);}
.bg-gradient15{
background: #fffdf2;
background: -moz-linear-gradient(top, #fffdf2 0%, #ffeff5 100%);
background: -webkit-linear-gradient(top, #fffdf2 0%,#ffeff5 100%);
background: linear-gradient(to bottom, #fffdf2 0%,#ffeff5 100%);}
.bg-gradient16 {
background-image: -moz-linear-gradient(45deg,#9217de 0%,#4775ff 50%,#00b6d4 100%);
background-image: -webkit-linear-gradient(45deg,#9217de 0%,#4775ff 50%,#00b6d4 100%);
background-image: linear-gradient(45deg,#9217de 0%,#4775ff 50%,#00b6d4 100%);
}
.bg-flat1{background: #f5f5f5}
.classic-bg1{background: #fffef9;}
.classic-bg2{background: #f3fffe;}
.classic-bg3{background: #fef9ff;}
.classic-bg4{background: #3f36b9;}
.classic-bg5{background: #fffef4;}
/**Mobile Nav**/
.mobile-menu2{display: none;}
.mobile-menu2 .navm-{margin: 0px 0 0 10px;}
.mob-nav2 {display: flex;}
.mob-nav2 li{position: relative;}
html.hc-nav-yscroll {overflow-y: scroll}
body.hc-nav-open {overflow: visible;    position: relative;    width: 100%; min-height: 100%}
.hc-offcanvas-nav { visibility: hidden; display: none;  position: fixed;    top: 0; height: 100%;   z-index: 9999999;}
.hc-offcanvas-nav.is-ios * {    cursor: pointer !important}
.hc-offcanvas-nav .nav-container {  position: fixed;    z-index: 9998;  top: 0; height: 100%;   max-width: 100%;    max-height: 100%;
box-sizing: border-box; transition: transform .4s ease}
.hc-offcanvas-nav .nav-wrapper {    width: 100%;    height: 100%;   box-sizing: border-box; }
.hc-offcanvas-nav .nav-content { height: 100%}
.hc-offcanvas-nav .nav-wrapper-0>.nav-content {
overflow: scroll;
overflow-x: visible;
overflow-y: auto;
box-sizing: border-box}
.hc-offcanvas-nav ul {list-style: none; margin: 0; padding: 0}
.hc-offcanvas-nav li {position: relative; display: block }
.hc-offcanvas-nav li.level-open>.nav-wrapper {visibility: visible}
.hc-offcanvas-nav li:not(.custom-content) a {
position: relative;
display: block;
box-sizing: border-box;
cursor: pointer}
.hc-offcanvas-nav li:not(.custom-content) a[disabled] { cursor: not-allowed}
.hc-offcanvas-nav li:not(.custom-content) a,
.hc-offcanvas-nav li:not(.custom-content) a:hover { text-decoration: none }
.hc-offcanvas-nav input[type="checkbox"] { display: none }
.hc-offcanvas-nav label {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer }
.hc-offcanvas-nav .nav-item {position: relative; display: block; box-sizing: border-box }
.hc-offcanvas-nav.disable-body::after,
.hc-offcanvas-nav .nav-wrapper::after {
content: '';
position: fixed;
z-index: 9990;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
transition: visibility 0s ease .4s, opacity .4s ease}
.hc-offcanvas-nav.disable-body.nav-open::after,
.hc-offcanvas-nav .sub-level-open::after {visibility: visible; opacity: 1; transition-delay: .05s }
.hc-offcanvas-nav:not(.nav-open)::after {pointer-events: none }
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {display: none }
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 {max-height: 100vh }
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content {
overflow: scroll;
overflow-x: visible;
overflow-y: auto;
box-sizing: border-box;
max-height: 100vh}
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {
min-width: 0;
max-height: 0;
visibility: hidden;
overflow: hidden;
transition: height 0s ease .4s}
.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper {max-height: none; overflow: visible; visibility: visible }
.hc-offcanvas-nav.nav-levels-overlap .nav-content {
overflow: scroll;
overflow-x: visible;
overflow-y: auto;
box-sizing: border-box;
max-height: 100vh}
.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper {max-height: 100vh}
.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {
position: absolute;
z-index: 9999;
top: 0;
height: 100%;
visibility: hidden;
transition: visibility 0s ease .4s, transform .4s ease}
.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {position: static }
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {
visibility: visible;
transform: translate3d(0, 0, 0);
transition: transform .4s ease}
.hc-offcanvas-nav.nav-position-left {left: 0}
.hc-offcanvas-nav.nav-position-left .nav-container {left: 0}
.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {left: 0; transform: translate3d(-100%, 0, 0)}
.hc-offcanvas-nav.nav-position-right {right: 0 }
.hc-offcanvas-nav.nav-position-right .nav-container {right: 0 }
.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {right: 0; transform: translate3d(100%, 0, 0)}
.hc-offcanvas-nav.nav-position-top {top: 0 }
.hc-offcanvas-nav.nav-position-top .nav-container {top: 0; width: 100%}
.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {left: 0; transform: translate3d(0, -100%, 0) }
.hc-offcanvas-nav.nav-position-bottom {top: auto; bottom: 0 }
.hc-offcanvas-nav.nav-position-bottom .nav-container {top: auto; bottom: 0; width: 100%}
.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {left: 0; transform: translate3d(0, 100%, 0) }
.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container {transform: translate3d(0, 0, 0) }
.hc-offcanvas-nav.rtl li {text-align: right}
.hc-offcanvas-nav.rtl .nav-next span,
.hc-offcanvas-nav.rtl .nav-back span,
.hc-offcanvas-nav.rtl .nav-close span {left: 0; right: unset}
.hc-nav-trigger {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: none;
top: 20px;
z-index: 9980;
width: 30px;
min-height: 48px}
.hc-nav-trigger span {
width: 30px;
top: 50%;
transform: translateY(-50%);
transform-origin: 50% 50%}
.main-header.sticky .hc-nav-trigger span,
.main-header.sticky .hc-nav-trigger span::before,
.main-header.sticky .hc-nav-trigger span::after {
background: #050748;}
.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {
display: block;
position: absolute;
left: 0;
height: 4px;
background: #050748;
transition: all .2s ease}
.nav-bg-b .hc-nav-trigger span,
.nav-bg-b .hc-nav-trigger span::before,
.nav-bg-b .hc-nav-trigger span::after {
background: #fff;}
.hc-nav-trigger span::before,
.hc-nav-trigger span::after {content: ''; width: 100% }
.hc-nav-trigger span::before {top: -10px }
.hc-nav-trigger span::after {bottom: -10px }
.hc-nav-trigger.toggle-open span {background: rgba(0, 0, 0, 0) !important; transform: rotate(45deg)}
.hc-nav-trigger.toggle-open span::before {transform: translate3d(0, 9px, 0);}
.hc-nav-trigger.toggle-open span::after {transform: rotate(-90deg) translate3d(10px, 0, 0) }
.hc-offcanvas-nav::after,
.hc-offcanvas-nav .nav-wrapper::after {background: rgba(0, 0, 0, 0.5)}

.hc-offcanvas-nav .nav-wrapper
 {background: #101010;height:auto;}
.hc-offcanvas-nav .nav-container
{
  background: #101010;height:100%;
}
.custom-weservice:before
{
  background:none !important;
}
.custom-weservice p
{
  color:#ffffff;
}
.hc-offcanvas-nav ul {background: #101010;height:max-content;}
.hc-offcanvas-nav h2 {    font-size: 22px;
font-weight: normal;
text-align: left;
padding: 10px 17px;
color: #101010 !important;
background: #fff;}
.hc-offcanvas-nav .nav-item {
padding: 14px 17px;
font-size: 15px;
color: #fff;
z-index: 1;
background: rgba(0, 0, 0, 0);
border-bottom: 0px solid #fff}
.hc-offcanvas-nav .nav-item:focus,
.hc-offcanvas-nav .nav-item:focus-within {z-index: 10 }
.hc-offcanvas-nav .nav-item-wrapper { position: relative }
.hc-offcanvas-nav .nav-highlight { background: #2e6296 }
.hc-offcanvas-nav .nav-close:focus,
.hc-offcanvas-nav .nav-next:focus,
.hc-offcanvas-nav .nav-back:focus { z-index: 10 }
.hc-offcanvas-nav li:not(.custom-content) a {
padding: 14px 15px;
font-size: 15px;
color: #fff ;
z-index: 1;
background: rgba(0, 0, 0, 0);
border-bottom: 0px solid #2c5d8f}
.hc-offcanvas-nav li:not(.custom-content) a[disabled] {color: rgba(255, 255, 255, 0.5) }
.hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover {background: #101010 }
.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a {
border-top: 1px solid #2c5d8f; margin-top: -1px}
.hc-offcanvas-nav li {text-align: left }
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav li.nav-back a {    background: #ffffff;  color: #101010;}
.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav li.nav-back a:hover {background: #fff }
.hc-offcanvas-nav li.nav-close:not(:first-child) a,
.hc-offcanvas-nav li.nav-back:not(:first-child) a {margin-top: -1px }
.hc-offcanvas-nav li.nav-parent .nav-item:last-child {padding-right: 35px }
.hc-offcanvas-nav li.nav-parent .nav-item:not(:last-child) {margin-right: 44px}
.hc-offcanvas-nav li.nav-close span,
.hc-offcanvas-nav li.nav-parent .nav-next,
.hc-offcanvas-nav li.nav-back span {
width: 45px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
text-align: center;
cursor: pointer;
transition: background .2s ease}
.hc-offcanvas-nav li.nav-close span::before,
.hc-offcanvas-nav li.nav-close span::after {
content: '';
position: absolute;
top: 46%;
left: 50%;
width: 10px;
height: 10px;
margin-top: -3px;
border-top: 2px solid #101010 ;
border-left: 2px solid #101010 }
.hc-offcanvas-nav li.nav-close span::before {margin-left: -11px; transform: rotate(135deg) }
.hc-offcanvas-nav li.nav-close span::after {transform: rotate(-45deg) }
.hc-offcanvas-nav a.nav-next {border-left: 1px solid #2c5d8f }
.hc-offcanvas-nav .nav-next span::before,
.hc-offcanvas-nav li.nav-back span::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
margin-left: -2px;
box-sizing: border-box;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
transform-origin: center}
.hc-offcanvas-nav .nav-next span {position: absolute; top: 0; right: 0; left: 0; bottom: 0}
.hc-offcanvas-nav .nav-next span::before {transform: translate(-50%, -50%) rotate(135deg) }
.hc-offcanvas-nav li.nav-back span::before {transform: translate(-50%, -50%) rotate(-45deg)}
.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper {box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2)}
.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper {box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2)}
.hc-offcanvas-nav.nav-position-right .nav-next span::before {
margin-left: 0;
margin-right: -2px;
transform: translate(-50%, -50%) rotate(-45deg)}
.hc-offcanvas-nav.nav-position-right li.nav-back span::before {
margin-left: 0;
margin-right: -2px;
transform: translate(-50%, -50%) rotate(135deg)}
.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) }
.hc-offcanvas-nav.nav-position-top .nav-next span::before {
margin-left: 0;
margin-right: -2px;
transform: translate(-50%, -50%) rotate(-135deg) }
.hc-offcanvas-nav.nav-position-top li.nav-back span::before {
margin-left: 0;
margin-right: -2px;
transform: translate(-50%, -50%) rotate(45deg) }
.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper { box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2) }
.hc-offcanvas-nav.nav-position-bottom .nav-next span::before {
margin-left: 0;
margin-right: -2px;
transform: translate(-50%, -50%) rotate(45deg) }
.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before {
margin-left: 0;
margin-right: -2px;
transform: translate(-50%, -50%) rotate(-135deg) }
.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {
box-shadow: none;
background: transparent }
.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,
.hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {
display: none }
.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,
.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {
font-size: 14px }
.hc-offcanvas-nav.nav-levels-expand .nav-container li,
.hc-offcanvas-nav.nav-levels-none .nav-container li {transition: background .3s ease }
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open { background: #101010 }
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a {
border-bottom: 0px solid #fff }
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a:hover,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a:hover {
background: #101010 }
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>.nav-next span::before,
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a>.nav-next span::before,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>.nav-next span::before,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a>.nav-next span::before {
margin-top: 2px;
transform: translate(-50%, -50%) rotate(45deg) }
.hc-offcanvas-nav.nav-levels-expand .nav-container .nav-next span::before,
.hc-offcanvas-nav.nav-levels-none .nav-container .nav-next span::before {
margin-top: -2px;
transform: translate(-50%, -50%) rotate(-135deg) }
.hc-offcanvas-nav.rtl a.nav-next {
border-left: none; border-right: 0px solid #fff }
.hc-offcanvas-nav.rtl li.nav-parent .nav-item {
padding-right: 17px; padding-left: 58px }
#main-nav {display: none}
.hc-offcanvas-nav .nav-wrapper-0>.nav-content {padding-bottom: 41px }
.hc-offcanvas-nav h2 {font-weight: 400 }
.hc-offcanvas-nav a {font-size: 16px }
.hc-offcanvas-nav li .custom-message {font-size: 12px }
.hc-offcanvas-nav li .custom-message a {color: #fff; font-size: 13px }
.hc-offcanvas-nav li .custom-message a:hover {text-decoration: none }
.hc-offcanvas-nav.nav-position-top ul.bottom-nav,
.hc-offcanvas-nav.nav-position-bottom ul.bottom-nav {position: relative; border-top: none}
.hc-offcanvas-nav.nav-position-top .nav-wrapper-0>.nav-content,
.hc-offcanvas-nav.nav-position-bottom .nav-wrapper-0>.nav-content {padding-bottom: 0 }
.hc-offcanvas-nav ul.bottom-nav {
position: absolute;
z-index: 10;
bottom: 0;
width: 100%;
display: flex;
flex-wrap: nowrap;
align-items: stretch;
border-top: 0px solid #101010;
background: #101010;}
.hc-offcanvas-nav ul.bottom-nav li {flex: auto}
.hc-offcanvas-nav ul.bottom-nav li a {padding: 10px; text-align: center; height: 100%; border-bottom: none }
.hc-offcanvas-nav ul.bottom-nav li svg {fill: #fff; display: inline-block; vertical-align: middle }
.hc-offcanvas-nav ul.bottom-nav li.prb svg {width: 18px; height: 18px }
.hc-offcanvas-nav.close-no-label:not(.rtl) .nav-title {   padding-right: 60px;}
.hc-offcanvas-nav.close-no-label .nav-title+ul>.nav-close:first-child a {
position: absolute;	width: 45px;	height: 56px;	top: 0;	right: 0;	transform: translateY(-100%) }
/**dark mode css**/
.menu-dark .sub-menu-column .menuheading {  color: #e6e6e6;}
.menu-dark .sub-menu-column ul li a { color: #a2a2a2;}
.menu-dark .sub-menu-section {background: #202020;  border-top: 2px solid #2f2f2f;}
body.active-dark {    color: #a2a2a2; background: #101010;}
.active-dark .-service-list li a { color: #a2a2a2;}
.active-dark h1,.active-dark h2,.active-dark h3,.active-dark h4,.active-dark h5,.active-dark h6 {color: #e6e6e6;}
.active-dark .web-deg {background: #101010;}
.active-dark .navbar-light .navbar-nav .nav-link {color: #e6e6e6;}
.active-dark .hero-bg-bg1:before { opacity: 0.4;}
.active-dark .top-header .navbar .custom-btn {color: #fff; }
.active-dark header .dropdown-menu {background-color: #202020;}
.active-dark .dropdown-item {color: #a2a2a2;}
.active-dark .dropdown-item:focus, .active-dark .dropdown-item:hover {background-color: #202020;}
.active-dark .top-header .sticky {background: #151515;}
.active-dark .about-agency{background: #151515;}
.active-dark .about-agency:before { opacity: .4;}
.active-dark .quote { background: #101010; color: #a2a2a2;  }
.active-dark .service-section { background: #101010;}
.active-dark .service-section:before { background: url(../images/shape/dot-shape.png) #101010;}
.active-dark .service-section .s-block {background: url(../images/shape/shape-7.svg) #1d1d1d;   background-size: 0px;    border: 1px solid #151515;}
.active-dark .shape-bg2:after {opacity: .4;}
.active-dark .shape-bg2:before {opacity: .4;}
.active-dark .statistics-img {  background: rgba(255, 255, 255, 0.3);}
.active-dark .statistics .statnumb  span {color: #e6e6e6;}
.active-dark .portfolio-section:before { opacity: .2;}
.active-dark .isotope_item h4 a {color: #e6e6e6;}
.active-dark .portfolio-section {background: #151515;}
.active-dark .breadcrumb-area .bread-menu li a {    color: #a2a2a2;}
.active-dark .clients-section { background: #101010;}
.active-dark .clients-logo {
background:rgba(255, 255, 255, 0.3);
border: 1px solid #29294c;
-webkit-box-shadow: -20px 20px 40px #ece0f2, 20px -20px 40px #fff8ff;
box-shadow: -20px 20px 40px #101010, 20px -20px 40px #101010;}
.active-dark .work-category {  background: #151515;}
.active-dark .testinomial-section {background: url(../images/shape/shape-9.svg) #101010;  background-size: 0px;}
.active-dark .testinomial-section .owl-carousel .owl-dots {background: transparent;}
.active-dark .enquire-form {    background: #151515;}
.active-dark .form-block label a {color: #00BCD4;}
.active-dark .our-office {background: #101010; }
.active-dark .skyline-img {    background: #191919;}
.active-dark .btn-outline {border: 2px solid #ffffff;    color: #e6e6e6;    background: transparent;}
.active-dark .shape-bg1:after {opacity: .4;}
.active-dark .shape-bg1:before {opacity: .4;}
.active-dark .shape-numm .shape-loc:last-child:after{opacity: .4;}
.active-dark .shape-numm .shape-loc:first-child:before{opacity: .4;}
.active-dark .shape-num .shape-loc:last-child:after{opacity: .4;}
.active-dark .shape-num .shape-loc:first-child:before{opacity: .4;}
.active-dark .footer-row1 { background: #151515;}
.active-dark .email-subs-form input {
color: #e6e6e6;    background: #101010;    border: 1px solid #1f1f1f;
-webkit-box-shadow: -6px 6px 11px #f2f2f2, 6px -6px 11px #fff0e8;
box-shadow: -6px 6px 11px #151515, 6px -6px 11px #151515;}
.active-dark .footer-svg svg path { fill: #151515;}
.active-dark .footer-row2 { background: #101010;}
.active-dark .footer-row3 {background: #101010;}
.active-dark .hline {border-top: 1px solid #181818;}
.active-dark footer:after { opacity: 0.04;}
.active-dark footer:before { opacity: 0.04;}
.active-dark .form-block input, .active-dark .form-block textarea {    color: #e6e6e6;    background: #101010;    border: 2px solid #1f1f1f;}
.active-dark .fl-hero {
background: url(../images/hero/freelancer.png), url(../images/shape/hero-shape.svg),#101010;
background-position: center center, center center;
background-size: cover, cover;
background-repeat: no-repeat, no-repeat;}
.active-dark .about-freelance{background: #151515;}
.active-dark .counter-no span {color: #a2a2a2;}
.active-dark .hexa4 {background: #00243a; border: 2px solid #003c61;}
.active-dark .hexa3 {background: #101844; border: 2px solid #182884;}
.active-dark .hexa2 {background: #174267; border: 2px solid #2369a5;}
.active-dark .hexa1 {background: #311a58; border: 2px solid #54289e;}
.active-dark .bhv-service {background: #151515;}
.active-dark .bhv-service {background: #151515;}
.active-dark .bhv-service .s-block {background: url(../images/shape/shape-7.svg) #191919;  background-size: 0px;  border: 1px solid #191919;}
.active-dark .lead-hero {background: #101010;}
.active-dark .about-lead-gen{background: #101010;}
.active-dark .why-choos-lg:before { opacity: .4;}
.active-dark .statistics-section{background: #151515;}
.active-dark .why-choos-lg { background: #151515;}
.active-dark .active-dark .clients-section.lead-gen-client { background: #151515;}
.active-dark .light-bgs { background: rgba(255, 255, 255, 0.02);}
.active-dark .digi-mkt {background: #101010;}
.active-dark .wide-block {border: 1px solid #191919;    background: #191919;}
.active-dark ::-webkit-input-placeholder { color: #e6e6e6;}
.active-dark :-ms-input-placeholder {   color: #e6e6e6;}
.active-dark ::placeholder {  color: #e6e6e6;}
.active-dark .navbar .mobilemenu i { color: #a2a2a2;}
.active-dark .res-menu .modal-header {background: #151515;}
.active-dark .res-menu .modal-dialog {background: #101010;}
.active-dark .res-menu .modal-body { background: #101010;}
.active-dark .res-menu .menu .nav-link { color: #e6e6e6;}
.active-dark .res-menu .dropdown-toggle::after {border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}
.active-dark .res-menu .dropdown-item { background-color: #101010;}
.active-dark .res-menu .dropdown-menu { background-color: #101010;}
.active-dark .res-menu .modal-content.full {background: #101010;}
.active-dark .hero-card-web {background: #101010;}
.active-dark .about-sec-rpb { background: #151515;}
.active-dark .service-sec-list { background: #191919;    border: 1px solid #191919;}
.active-dark .-cta-btn p { color: #e6e6e6;}
.active-dark .clients-section- { background: #101010;}
.active-dark .badges-section { background: #181818;}
.active-dark .cta-area { background: #181818;}
.active-dark .footer-brands { background: #151515;}
.active-dark .shape { opacity: .4;}
.active-dark .single-blog- .content .title a {  color: #e6e6e6;}
.active-dark .single-blog- .content .title a:hover {  color: #ff1f8e ;}
.active-dark::-webkit-scrollbar-track {    background: #101010;}
.active-dark .main-header.sticky { background: #101010;}
.active-dark .main-header.sticky .custom-nav .nav-list li a.menu-links {  color: #e6e6e6;}
.active-dark .custom-nav .nav-list li a.menu-links {  color: #e6e6e6;}
.active-dark .contact-info- { box-shadow: 0 0 5px rgba(0,0,0,.3);}
.active-dark .hrbg {  background: #151515;}
.active-dark .contact-info- .inquiry-card-nn {   border-top: 1px solid #1c2b42;}
.active-dark .contact-info- .contct-heading { color: #e6e6e6;}
.active-dark .contact-info- .inquiry-card-nn ul li a { color: #e6e6e6; }
.active-dark .contact-info-:after { border-bottom: 7px solid #202020;}
.active-dark .contact-info- { background: #202020;}
.active-dark .footer-address-list li {  color: #a2a2a2;}
.active-dark .nav-bg-b.main-header .mega-white-logo { display: inline-block;}
.active-dark .main-header.sticky .mega-darks-logo {  display: none;}
.active-dark .main-header.sticky .hc-nav-trigger span,
.active-dark .main-header.sticky .hc-nav-trigger span::before,
.active-dark .main-header.sticky .hc-nav-trigger span::after {  background: #fff;}
.active-dark .hc-nav-trigger span, .active-dark .hc-nav-trigger span::before, .active-dark .hc-nav-trigger span::after { background: #fff;}
.active-dark .nav-item.dropdown:hover a.nav-link{ color: #101010;}
.active-dark .footer-address-list li a {  color: #a2a2a2;}
.active-dark .footer-social-media-icons a {  color: #e6e6e6;}
.active-dark .breadcrumb-area:before {  opacity: .92;  background: #101010;}
.active-dark .deep-dark{background: #101010 !important;}
.active-dark .light-dark{background: #151515 !important;}
.active-dark .dim-dark{background: #181818;}
.active-dark .link-hover a {  color: #a2a2a2;}
.active-dark .breadcrumb-areav2:before { opacity: .92; background: #101010;}
.active-dark .blog-post-tag span {color: rgb(106 106 142);}
.active-dark .blog-share-icon span { color: rgb(106 106 142);}
.active-dark .blog-post-tag a { color: #6a6a8e; border-color: rgb(64 64 97);}
.active-dark .rd-quote { border-left: 4px solid #fc4899;  background: #151515;}
.active-dark .form-blog { background: #151515;}
.active-dark .author-block { background: #151515;}
.active-dark .post-navigation h4 a { color: #a2a2a2;}
.active-dark .tabs a { background: #252533;}
.active-dark .recent-post .post-info h5 a { color: #a2a2a2;}
.active-dark .icon-card- { background: #101010;  border: 1px solid #29294c;}
.active-dark .card-stats .statistics {  background: #101010; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #29294c;}
.active-dark .case-study{background: #151515}
.active-dark .project-platform-used {  margin: 0 10px 0 0px; }
.active-dark .-shadow {  -webkit-box-shadow: none; box-shadow: none;}
.active-dark .info-text-block h4 a {  color: #a2a2a2;}
.active-dark .team {background: #151515}
.active-dark .about-sec{background: #151515}
.active-dark .accordion .card-body { background: #101010;}
.active-dark .card-1 {    border: 1px solid #151515;}
.active-dark .card-1 .card-header { background-color: #151515;}
.active-dark .tabs-layout .nav-tabs .nav-link.active {    color: #ffffff;    background-color: #00baff;    border-color: #00baff; }
.active-dark .tabs-layout .nav-tabs .nav-link {   border: 1px solid #151515;  color: #6a6a8e;  background-color: #202040; }
.active-dark .layer-div:before { opacity: .1;}
.active-dark section.error{    background: #101010;}
.active-dark .contact-page{    background: #151515;}
.active-dark .contact-location{    background: #101010;}
.active-dark .form-block select {   color: #738ba0;    background: #202040;   border-bottom: 2px solid #29294c; }
.active-dark .skype-card {    background: #202040;}
.active-dark .email-card {  background: #251738;}
.active-dark .contact-card { background: #202040;}
.active-dark .portfolio-meta ul li i { color: #a2a2a2;}
.active-dark .portfolio-meta ul li p { background: #151515;  color: #a2a2a2;}
.active-dark .portfolio-meta ul li { background: #151515; border-bottom: 1px solid #101010;}
.active-dark .filters .filter-menu li.is-checked {  background: #f95b94;  color: #fff;}
.active-dark .filters .filter-menu li { color: #a2a2a2;  background: #2d304c;}
.active-dark .portfolio-item-info h3 a {    color: #a2a2a2;}
.active-dark .portfolio-block { background: #151515;}
.active-dark .why-choose {background: #101010;}
.active-dark .ps-block span {  border: 1px solid #2b2b7d;   background: #24213c;}
.active-dark .service { background: #101010;}
.active-dark .reviews-card { background: #181818; border: 1px solid #29294c;}
.active-dark .reviews-block { background: #151515;}
.active-dark .featured-project { background: #101010;}
.active-dark .block-a1{background: #151515;}
.active-dark .pricing-table.best-plan img {   background: #2d1963;     border: 8px solid #382371;}
.active-dark .pricing-table img {  background: #231744;     border: 8px solid #2d1963;}
.active-dark .pricing-table .inner-table .details {   border-top: 1px solid #20203e;}
.active-dark .best-plan { background: #161633 !important;}
.active-dark .pricing-table {    -webkit-box-shadow: none; box-shadow: none; background: #18182f; border: 1px solid #29294c;}
.active-dark .bg-shape:before {  opacity: .3;}
.active-dark .bg-shape:after { opacity: .3;}
.active-dark .s-block {  background: #191919;   border: 1px solid #191919;}
.active-dark .service-block{background: #101010;}
.active-dark .tech-icons a { border: 4px solid #101010; background: #101010;}
.active-dark .techonology-used- {   background: #151515;}
.active-dark .image-block img {
-webkit-box-shadow: -20px 20px 35px #101010, 20px -40px 35px #101010;
box-shadow: -20px 20px 35px #101010, 20px -40px 35px #101010;
-webkit-border-radius: 8px;}
.active-dark .image-block1 img {
-webkit-box-shadow: -20px 20px 35px #151515, 20px -40px 35px #151515;
box-shadow: -20px 20px 35px #151515, 20px -40px 35px #151515;
-webkit-border-radius: 8px;}
.active-dark .statistics-wrap { background: #151515;}
.active-dark .copyright{ color: #a2a2a2;}
.active-dark .copyright a{ color: #a2a2a2;}
.active-dark .entry-blog a {  color: #a2a2a2;}
.darkbg .navbar-light .navbar-nav .nav-link {  color: #e6e6e6;}
.active-dark .modal-content { background-color: #101010;}
.active-dark .fdgn2 input,.active-dark .fdgn2 select,.active-dark .fdgn2 textarea {  border: 2px solid #404040!important;}
.active-dark .modal-header { border-bottom: 1px solid #404040;}
.active-dark .popup-modal1 .modal-dialog { background: #101010;}
@media(max-width:767px)
{
	.banner-wimage
	{
		height: 460px !important;
	}
  .statistics p
  {
        margin: 0px 0 0 0;
  }
  .tilt3d .col-lg-4
  {
    padding-left:5px;
    padding-right:5px;
  }
	.dsk-logo
	{
		margin-top:-5px;
	}
	#home-banner .slide-content
	{
		bottom:-4px !important;
	}
	.hc-offcanvas-nav h2
	{
		display:none;
	}
	.banner-qcontent p{
		    font-size: 12px;
    line-height: 16px;
    text-align: justify;
    color: #333333;
    text-shadow: none;
	} 
	.banner-qcontent h2
	{
		           color: #333333 !important;
    text-shadow: none;
    margin-bottom: 0px;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
	}
	.banner-qcontent hr
	{
		border-top: 2px solid rgb(51 51 51 / 72%) !important;
    margin-bottom: 10px;
    margin-top: 10px;
	}
		#home-banner .carousel-control-prev
	{
		left:-20px;
	}
	#home-banner .carousel-control-next
	{
		right:-20px;
	}
	
}