/*scrollbar theme*/
::-webkit-scrollbar {width:12px;}
::-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);
-webkit-border-radius: 100px;
border-radius: 100px;
box-shadow: inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25);}
/*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;
vertical-align:baseline;}
body {font-family: 'Open Sans', sans-serif; color: #6a6a8e; font-weight: 400;   font-style: normal; line-height:1;}
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{
-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;    width: 200px;    height: 200px;    border-radius: 50%;}
.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**/
.top-header{position:relative; z-index:999;}
.navbar .mobile-menu{ display:none;}
.navbar .mobilemenu{color: #0a2233;}
.navbar .mobilemenu i{    font-size: 25px;}
.mob-nav{    display: flex;}
.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;}
.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 30px;    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 .menu .nav-link {
margin-bottom: 0;
border: none;
font-size: 18px;
line-height: 32px;
color: #050748;
font-weight: 600;}
.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: 20px;
align-items: start !important;}
.res-menu .modal-body  .m-nav{  width:100%;}
.res-menu .modal-body  .navbar-nav{ width:100%;}
.res-menu .dropdown-item {
padding: 0px 0 20px 0;
color: #4f517e;
font-size: 16px;
font-weight: 400;}
.res-menu .dropdown-item:last-child {    padding: 0px 0 5px 0;  }
.res-menu .dropdown-toggle::after {
display: inline-block;
content: "";
right: 4px;
position: absolute;
top: 16px;
transform: rotate(136deg);
border-left: 0;
border-bottom: 0;
border-top: 1px solid #1d1f5a;
border-right: 1px solid #1d1f5a;
width: 10px;
height: 10px;
margin-left: 0;
vertical-align: middle;}
.res-menu .navbar-nav .dropdown-menu {    position: static;    float: none;    padding-top: 0;}
/**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 40px;
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%;}
.white-text{    color: #fff !important;}
.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: -70px;
bottom: -70px;
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: -80px;
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**/
.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%;}
/**Clients section**/
.clients-logo{
background: #ffffff;
padding: 60px 25px;
max-height: 160px;
min-height: 160px;
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; }
.opl ul {display: contents;}
.opl ul li {   width: 20%;   float: left;   position: relative; }
/**Work category section**/
.work-category{
background: #fbf9ed;
background: -moz-linear-gradient(top, #fbf9ed 0%, #fbeaf8 100%);
background: -webkit-linear-gradient(top, #fbf9ed 0%,#fbeaf8 100%);
background: linear-gradient(to bottom, #fbf9ed 0%,#fbeaf8 100%);
position: relative;}
.work-category .common-heading h2{  margin-bottom: 30px;}
.work-card p{
color: #050748;
font-family: 'Poppins', sans-serif;
line-height: 24px;
font-size: 16px;
margin: 5px 0 0 0;
padding: 0 12px}
.icon-bg{display: block;   height: 62px;   width: 62px;  margin: 0 auto;  text-align: center;}
.icon-set{width: 25%; display: inline-block;   float: left;   position: relative;}
.work-card {
margin: 10px;
padding: 30px 20px;
max-height: 170px;
text-align: center;
min-height: 170px;
border-radius:8px 40px 8px 40px;
-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.cd1{background:#70e4e8;}.cd2{background:#f5eb92;}.cd3{background:#a3ffe2;}.cd4{background:#ffbc7a;}.cd5{background:#e3ff8e;}.cd6{background:#ffa0c6;}
.cd7{background:#f3a6ff;}.cd8{background:#97ffaf;}.cd9{background:#6cfffa;}.cd10{background:#77baff;}.cd11{background:#ffefd4;}.cd12{background:#7affdb;}
/**Testimonial section**/
.testinomial-section{
background: url(../images/shape/shape-9.svg) #fff;
background-size: contain;
background-position: center left;
background-repeat: no-repeat;}
.testimonial-card .t-text p{font-size:16px; line-height:28px;}
.testinomial-section .owl-carousel .owl-dots{
position: absolute;
bottom: 0;
right: 0;
text-align: right;
background: #ffffff;
width: 100px;
margin: 0;
height: 50px;
padding: 25px 0 0 0;}
.user-info p {font-size: 16px;   line-height: 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**/
.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;}
.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{position:relative;}
.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: 0;}
.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 100px 0 0;  margin: 0 0 20px 0;}
.office-text a:hover{background: #ff1f8e;  color: #fff;  border: 2px solid #ff1f8e;}
.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);}
/**scroll to top**/
#scrollUp {
bottom: 20px;
right: 20px;
width: 30px;
height: 50px;
-webkit-border-radius: 100px ;
border-radius: 100px;
color: #fff;
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: 10px 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;}
.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 15px 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;}
.footer-address-list li i{ margin: 0 15px 0 0;   display: initial; font-size: 21px;}
.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;}
.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;}
.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;}
/***About page***/
.breadcrumb-area {padding:150px 0px 90px 0px;     position:relative; overflow:hidden; text-align:center;}
.banner-1{background: url(../images/banner/3.jpg);   background-repeat: no-repeat;    background-size: cover; background-position: center center;}
.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;}
.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;}
.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: -40px;
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: -40px;
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***/
.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;}
.bg-lights{   background: #f8ffff url(../images/shape/bg-line.svg);   background-size: 50px;}
.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 40px;
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;}
.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{  width:100%;}
.image-block1{
-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;
overflow: hidden;}
.image-block{
-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;
overflow: hidden;}
/**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: 10px solid #ffffff;}
.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: 10px 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: #f9f9f9;}
/**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;}
/**index2 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;}
.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;}
/**index3 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: 60px 25px;
max-height: 160px;
min-height: 160px;
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;}
/**Help css**/
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 .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;}
.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%);}
.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%);}
.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%);}
.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); }
}
.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%);}
/**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: #646498;}
.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: #646498;
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 .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 .clients-section.lead-gen-client { background: #1a1a2f;}
.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;}