/*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: #ffcaae;}
::selection {background: #ffcaae;}
*{ -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;}
.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{
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;}
.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;}
/*Responsive mobile menu*/
.res-menu .modal-header i {    font-size: 24px;    cursor: pointer;}
.res-menu .modal-header {
align-items: center;
padding:22px 20px;
border: none;
font-weight: 600;
border-radius: 0;
background: #fee;}
.res-menu .modal.fade.show .modal-dialog  {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
display: flex;
align-items: start;
-webkit-box-align: start;
height: 100%;}
.res-menu .modal-dialog {min-height: 100%; margin: 0 0 0 auto; background: #fff;}
.res-menu .modal.fade.show .modal-dialog{
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
display: flex;
align-items: start;
-webkit-box-align: start;
height: 100%;}
.res-menu .modal-content.full {    height: 100%;}
.res-menu .modal-content {
border: none;
border-radius: 0;
overflow-x: hidden;
font-family: 'Poppins', sans-serif;}
.res-menu .modal-body {
width: 100%;
display: flex;
align-items: center;
padding: 0px;
align-items: start !important;}
.res-menu .modal-body  .m-nav{  width:100%;}
.res-menu .modal-body  .navbar-nav{ width:100%;}
.modal {z-index: 99999;}
.res-menu .contact-info-:after {display: none;}
.res-menu .contact-info- {margin-top: 0; position: relative; box-shadow: 0 0 5px rgba(0,0,0,.0);}
.res-menu  .contact-info- .contct-heading {
font-size: 18px;
color: #3c4147;
font-weight: 700;
padding: 20px 20px;
letter-spacing: .2px;}
.res-menu .close {
float: right;
font-size: 40px;
top: -10px;
font-weight: 700;
line-height: 1;
color: #ccc;
text-shadow: 0 1px 0 #fff;}
/**mega menu header 2**/
.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);}
.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: 0 20px 0 0px; margin: 0 16px 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;}
.dsk-logo .nav-brand img{max-height: 75px;}
.custom-nav{float: right;}
.custom-nav .nav-list{}
.custom-nav .nav-list li{display: inline-flex;}
.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: 25%; float: left; padding-right: 25px;}
.sub-menu-column .menuheading {color: #fff; font-weight: 700; font-size: 18px; letter-spacing: .2px; margin: 0;}
.sub-menu-column ul {
width: 100%;
display: inline-block;
position: relative;
padding-left: 24px;
margin-top: 24px;
}
.sub-menu-column ul li {
width: 100%;
height: auto;
float: left;
padding: 0;
margin-right: 0;
margin-bottom: 9px;}
.sub-menu-column ul li a {
width: 100%;
font-size: 15px;
color: #fff;
position: relative;
line-height: 22px;}
.sub-menu-section {
width: 100%;
padding: 50px 0 40px 0;
display: inline-block;
background-color: #12124c;
margin-top: 4px;}
.sub-menu-column ul:after {
content: '';
position: absolute;
left: 0;
width: 3px;
height: 100%;
background: #077bea;}
.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: 19px;
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;}
.contact-info- .inquiry-card-nn {
border-top: 1px solid #e1e1e2;
position: relative;
padding: 15px 20px;
text-align: left;}
.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;
margin: 14px 0;
text-align: left;
display: block;}
.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-: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: 100px;
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;}
.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 40px; 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;}
.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;}
.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;}
.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/service-img-1.png); }
.service-img2{    background:#ffdadb;}
.service-img2:after{    background: url(../images/service/service-img-2.png);}
.service-img3{  background:#d6edff; }
.service-img3:after{    background: url(../images/service/service-img-3.png);}
.service-img4{  background:#ffede1;   }
.service-img4:after{    background: url(../images/service/service-img-4.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: 400px;
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: 0 0 10px 0;}
.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**/
.tilt3d .icon-set {transform-style: preserve-3d;  transform: perspective(1000px);}
.tilt3d .work-card{transform: translateZ(10px)}
.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: 28px;}
.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%);}
.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: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: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;}
.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 30px;
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: #6a6a8e;    font-size: 16px;    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;}
.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:right;}
.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;
padding: 20px;
color: #333;
cursor: pointer;
background: #feeee3;
-webkit-border-radius: 100px;
border-radius: 40px 40px 40px 20px;}
.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**/
.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;}
.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: 20px;  color: inherit;  font-weight: 600;}
.bglight{    background: #fbfbfb;}
/**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**/
.accordion .card-title:after {
font-family: "Font Awesome 5 Free";
content: "\f062";
font-weight: bold;
position: absolute;
font-size: 14px;
right: 5px;
top: 9px;
background: #00baff;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 100px;
color: #fff;
-webkit-box-shadow: 2px 5px 10px 0px rgba(0, 186, 255, 0.2);
box-shadow: 2px 5px 10px 0px rgba(0, 186, 255, 0.2);}
.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-title.collapsed:after {   content: "\f063";   font-weight: bold; }
.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;
-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);}
.card-1 .card-title {
margin-bottom: 0;
font-weight: 600;
font-size: 16px;
line-height: 26px;
color: #6a6a8e;
padding:10px 40px 10px 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;}
.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/hero/freelancer.png), 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;}
.hexagon {
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{
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{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: 60px;
width: 60px;
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;}
/**Features**/
.list-style-{padding: 0 0 0 20px;}
.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**/
.-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;}
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 .p0{padding: 0px;}
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 .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;}
.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}
.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);}
.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%);}
.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.3)}
.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {background: #0d0c40}
.hc-offcanvas-nav h2 {font-size: 19px; font-weight: normal; text-align: left; padding: 20px 17px; color: #1b3958}
.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 17px;
font-size: 15px;
color: #e1ffff ;
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: #0d0c40 }
.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: #025eeb;
border-top: 0px solid #295887;
border-bottom: 0px solid #295887; }
.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav li.nav-back a:hover {background: #2b5c8d }
.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: 58px }
.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 #e1ffff ;
border-left: 2px solid #e1ffff }
.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 #6a6a8e;
border-left: 2px solid #6a6a8e;
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: #0d0c40 }
.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: #0d0c40 }
.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 #0d0c40;
background: #0c0b3a;}
.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 }
/**dark mode css**/
body.active-dark {    color: #738ba0; background: #161625;}
.active-dark h1,.active-dark h2,.active-dark h3,.active-dark h4,.active-dark h5,.active-dark h6 {color: #9fc0de;}
.active-dark .web-deg {background: #161625;}
.active-dark .navbar-light .navbar-nav .nav-link {color: #afc2d0;}
.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: #29294c;}
.active-dark .dropdown-item {color: #9fc0de;}
.active-dark .dropdown-item:focus, .active-dark .dropdown-item:hover {background-color: #29294d;}
.active-dark .top-header .sticky {background: #1a1a2f;}
.active-dark .about-agency{background: #1a1a2f;}
.active-dark .about-agency:before { opacity: .4;}
.active-dark .quote { background: #161625; color: #738ba0;  }
.active-dark .service-section { background: #161625;}
.active-dark .service-section:before { background: url(../images/shape/dot-shape.png) #181829;}
.active-dark .service-section .s-block {background: url(../images/shape/shape-7.svg) #161625; background-size: 0px;     border: 1px solid #29294c}
.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: #9fc0de;}
.active-dark .portfolio-section:before { opacity: .2;}
.active-dark .isotope_item h4 a {color: #9fc0de;}
.active-dark .portfolio-section {background: #1a1a2f;}
.active-dark .clients-section { background: #161625;}
.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 #161625, 20px -20px 40px #161625;}
.active-dark .work-category {  background: #1a1a2f;}
.active-dark .testinomial-section {background: url(../images/shape/shape-9.svg) #161625;  background-size: 0px;}
.active-dark .testinomial-section .owl-carousel .owl-dots {background: #161625;}
.active-dark .enquire-form {    background: #1a1a2f;}
.active-dark .form-block label a {color: #00BCD4;}
.active-dark .our-office {background: #161625; }
.active-dark .skyline-img {    background: #1a1a2f;}
.active-dark .btn-outline {border: 2px solid #8282bb; color: #050748; background: #8282bb;}
.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: #1a1a2f;}
.active-dark .email-subs-form input {
color: #738ba0;
background: #202040;
border: 1px solid #29294c;
-webkit-box-shadow: -6px 6px 11px #f2f2f2, 6px -6px 11px #fff0e8;
box-shadow: -6px 6px 11px #1a1a2f, 6px -6px 11px #1a1a2f;}
.active-dark .footer-svg svg path { fill: #1a1a2f;}
.active-dark .footer-row2 { background: #161625;}
.active-dark .footer-row3 {background: #161625;}
.active-dark .hline {border-top: 1px solid #1c1c2f;}
.active-dark footer:after { opacity: 0.04;}
.active-dark footer:before { opacity: 0.04;}
.active-dark .form-block input {color: #738ba0;background: #202040; border: 2px solid #29294c;}
.active-dark .form-block textarea {color: #738ba0;background: #202040; border: 2px solid #29294c;}
.active-dark .fl-hero {
background: url(../images/hero/freelancer.png), url(../images/shape/hero-shape.svg),#161625;
background-position: center center, center center;
background-size: cover, cover;
background-repeat: no-repeat, no-repeat;}
.active-dark .about-freelance{background: #1a1a2f;}
.active-dark .counter-no span {color: #9fc0de;}
.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: #1a1a2f;}
.active-dark .bhv-service {background: #1a1a2f;}
.active-dark .bhv-service .s-block {background: url(../images/shape/shape-7.svg) #161625;background-size: 0px;border: 1px solid #29294c;}
.active-dark .lead-hero {background: #161625;}
.active-dark .about-lead-gen{background: #161625;}
.active-dark .why-choos-lg:before { opacity: .4;}
.active-dark .statistics-section{background: #1a1a2f;}
.active-dark .why-choos-lg { background: #1a1a2f;}
.active-dark .active-dark .clients-section.lead-gen-client { background: #1a1a2f;}
.active-dark .light-bgs { background: rgba(255, 255, 255, 0.02);}
.active-dark .digi-mkt {background: #161625;}
.active-dark .wide-block {border: 1px solid #29294c; background: #161625;}
.active-dark ::-webkit-input-placeholder { color: #738ba0;}
.active-dark :-ms-input-placeholder {   color: #738ba0;}
.active-dark ::placeholder {  color: #738ba0;}
.active-dark .navbar .mobilemenu i { color: #9fc0de;}
.active-dark .res-menu .modal-header {background: #1a1a2f;}
.active-dark .res-menu .modal-dialog {background: #161625;}
.active-dark .res-menu .modal-body { background: #161625;}
.active-dark .res-menu .menu .nav-link { color: #afc2d0;}
.active-dark .res-menu .dropdown-toggle::after {border-top: 1px solid #afc2d0; border-right: 1px solid #afc2d0;}
.active-dark .res-menu .dropdown-item { background-color: #161625;}
.active-dark .res-menu .dropdown-menu { background-color: #161625;}
.active-dark .res-menu .modal-content.full {background: #161625;}
.active-dark .deep-dark{background: #161625;}
.active-dark .hero-card-web {background: #161625;}
.active-dark .about-sec-rpb { background: #1a1a2f;}
.active-dark .service-sec-list { background: #161625; border: 1px solid #29294c;}
.active-dark .-cta-btn p { color: #9fc0de;}
.active-dark .clients-section- { background: #161625;}
.active-dark .badges-section { background: #171729;}
.active-dark .cta-area { background: #171729;}
.active-dark .footer-brands { background: #1a1a2f;}
.active-dark .brand-logo { background: rgba(255, 255, 255, 0.3); border-radius: 8px;}
.active-dark .shape { opacity: .4;}
.active-dark .single-blog- .content .title a {  color: #738ba0;}
.active-dark .single-blog- .content .title a:hover {  color: #ff1f8e ;}
.active-dark::-webkit-scrollbar-track {    background: #161625;}
.active-dark .main-header.sticky { background: #161625;}
.active-dark .main-header.sticky .custom-nav .nav-list li a.menu-links {  color: #afc2d0;}
.active-dark .custom-nav .nav-list li a.menu-links {  color: #afc2d0;}
.active-dark .sub-menu-section {background: #1d1d3c;}
.active-dark .contact-info- { box-shadow: 0 0 5px rgba(0,0,0,.3);}
.active-dark .hrbg {  background: #17172f;}
.active-dark .contact-info- .inquiry-card-nn {   border-top: 1px solid #242442;}
.active-dark .contact-info- .contct-heading { color: #9fc0de;}
.active-dark .contact-info- .inquiry-card-nn ul li a { color: #738ba0; }
.active-dark .contact-info-:after { border-bottom: 7px solid rgb(36, 36, 66);}
.active-dark .contact-info- { background: #1d1d3c;}
.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-offcanvas-nav li.nav-close a, .hc-offcanvas-nav li.nav-back a { background: #0f0f1a;}
.active-dark .hc-offcanvas-nav .nav-container, .active-dark .hc-offcanvas-nav .nav-wrapper, .active-dark .hc-offcanvas-nav ul {background: #121227;}
.active-dark .hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open, .active-dark .hc-offcanvas-nav.nav-levels-none .nav-container li.level-open {background: #121227;}
.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: #161625;}
.active-dark .footer-address-list li a {  color: #738ba0;}
.active-dark .footer-social-media-icons a {  color: #738ba0;}

.tagsDiv{
    display:flex;
    flex-wrap: wrap;
}
.tagsDiv .tag {
    position: relative;
    white-space: nowrap;
    background: #b7b5b5;
    color: #fff;
    padding: 4px 8px;
        border-radius: 10px;
    margin-right: 10px;
    flex-wrap: wrap;
    margin-bottom:10px;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    padding-top: 0;
    padding-bottom: 0;
    height: 100px;
    background: #302b93;
}