/**** Fonts ****/
/* 
@font-face {

	font-family: "Brandon Grotesque Regular";

	src: url("../fonts/Brandon-Grotesque-Web-Regular.eot") format("eot"),

		 url("../fonts/Brandon-Grotesque-Web-Regular.woff") format("woff"),

		 url("../fonts/Brandon-Grotesque-Web-Regular.woff2") format("woff2");

		 font-weight: normal;

		 font-style: normal;

}



@font-face {

	font-family: "Brandon Grotesque Bold";

	src: url("../fonts/Brandon-Grotesque-Web-Bold.eot") format("eot"),

		 url("../fonts/Brandon-Grotesque-Web-Bold.woff") format("woff"),

		 url("../fonts/Brandon-Grotesque-Web-Bold.woff2") format("woff2");

		 font-weight: normal;

		 font-style: normal;

}



@font-face {

	font-family: "Brandon Grotesque Light";

	src: url("../fonts/Brandon-Grotesque-Web-Light.eot") format("eot"),

		 url("../fonts/Brandon-Grotesque-Web-Light.woff") format("woff"),

		 url("../fonts/Brandon-Grotesque-Web-Light.woff2") format("woff2");

		 font-weight: normal;

		 font-style: normal;

}



@font-face {

	font-family: "Brandon Grotesque Medium";

	src: url("../fonts/Brandon-Grotesque-Web-Medium.eot") format("eot"),

		 url("../fonts/Brandon-Grotesque-Web-Medium.woff") format("woff"),

		 url("../fonts/Brandon-Grotesque-Web-Medium.woff2") format("woff2");

		 font-weight: normal;

		 font-style: normal;

} */


/* 
body {

	font-family: "Brandon Grotesque Light", Verdana, sans-serif;

} */



body {
    font-family: 'Roboto', sans-serif !important;
}

p,
a,
span,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif !important;
}





/*scrollbar theme*/

::-webkit-scrollbar {width:10px;}

::-webkit-scrollbar-track { background: #e8e8e8;}

::-webkit-scrollbar-thumb:hover {background: linear-gradient(90deg, #0f5ba1 0%, #1d7fbb 100%);}

::-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);

background:linear-gradient(90deg, #0f5ba1 0%, #1d7fbb 100%);



}

/*Default css*/

::-moz-selection {background: rgba(166, 175, 189, 0.3);}

::selection {background: rgba(166, 175, 189, 0.3);}

*{ -webkit-font-smoothing: antialiased;

-moz-os-font-smoothing: grayscale;

box-sizing: border-box;

padding: 0;

margin: 0;

outline:none;

vertical-align:baseline;}

body {font-family: 'Roboto', 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: 'Roboto', sans-serif; color: #050748;

    font-weight: inherit;}

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, .hoshd{

-webkit-transition: 1.2s cubic-bezier(.17, .85, .438, .99);

-o-transition: 1.2s cubic-bezier(.17, .85, .438, .99);

transition: 1.2s cubic-bezier(.17, .85, .438, .99);

/*-moz-transition: all 0.4s;

-o-transition: all 0.4s;

-webkit-transition: all 0.4s;

transition: all 0.4s;*/}

.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: "Brandon Grotesque Medium", Verdana, sans-serif; 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: #fff;

font-family: 'Poppins', sans-serif;

font-weight: 500;

padding: 0px 15px;

line-height: 48px;}

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

.brand-logo a{display: block; }

.top-header  .navbar .custom-btn{   padding: 0px 32px;    color:#fff;   font-weight: 400;}

.top-header  .navbar .custom-btn:hover, .top-header  .navbar .custom-btn:focus{ color:#fff;}

.modal-backdrop {background: linear-gradient(135deg, #0c00043d 0%,#0c00043d 100%);}

.modal {z-index: 999999;}

.abt{position: absolute;    right: 15px !important;    top: 0px !important;    z-index: 9999999;}

.popup-modalfull .modal-dialog {min-height: 100%; margin: 0 0 0 auto; background: #fff;     width: 100%;    max-width: 100%;    height: 100%;    margin: 0; }

.popup-modalfull .modal-content{border: 0;height: 100%;  border-radius: 0;}

.popup-modalfull .modal-body { overflow-y: auto;}

/**mega menu header **/

.main-header.sticky .nx-dropdown { top: 65px;}

.nav-bg-b .custom-nav .nav-list li a.menu-links {  color: #fff;}

.main-header.sticky{

background: #fff;

-webkit-box-shadow: 0 4px 6px 0 rgba(12, 0, 46, .08);

box-shadow: 0 4px 6px 0 rgba(12, 0, 46, .08);}

.main-header  {

padding: 0 20px;

height: 85px;

z-index: 99999;

border-bottom: 1px solid rgba(255, 255, 255, 0.1);}

.fa-ani {

margin-left: 5px;

font-size: 12px;

animation: 2s infinite arrowanim;

-webkit-animation: 2s infinite arrowanim;}

.sub-menu-center-block{display: flex;}

.menu-header{

display: flex;

align-items: center;

justify-content: space-between;

width: 100%;}

.right-bddr{    border-right: 1px solid rgba(255, 255, 255, 0.1);

padding: 0px 10px 0 0px !important;

margin: 0 20px 0 0;}

.custom-nav .sbmenu > a::before {content: "+"; position: absolute; right: 4px;}

.custom-nav .sbmenu.hover > a::before { content: "-"; }

.main-header.sticky .custom-nav .nav-list li a.menu-links { color: #050748;}

.main-header.sticky  .mega-white-logo{display:none;}

.main-header  .mega-white-logo{display:none;}

.nav-bg-b.main-header.sticky  .mega-white-logo{display:none;}

.nav-bg-b.main-header  .mega-white-logo{display:inline-block;}

.nav-bg-b.main-header .mega-darks-logo{display: none;}

.main-header.sticky .mega-darks-logo{display: inline-block;}

.dsk-logo{float: left; line-height: 55px;}

.dsk-logo .nav-brand img{max-height: 75px;}

.custom-nav{float: right;}

.custom-nav .menu-dorpdown{width:240px; margin: 0 auto;}

.custom-nav .smfull{width:100%;}

.custom-nav .nav-list li{display: inline-flex;}

.custom-nav .nav-list li.rpdropdown{position: relative;}

.custom-nav .nav-list li a.menu-links{

font-size: 16px;

color: #050748;

font-family: 'Poppins', sans-serif;

font-weight: 500;

padding: 0px 15px;

line-height: 85px;

text-transform: uppercase;

position: relative;

overflow: hidden;}

.btn-br{line-height: 48px; color: #fff; border-radius: 100px; padding: 0 20px;}

.btn-br:hover{color:#fff;}

.btn-round-{

width: 48px;

height: 48px;

text-align: center;

line-height: 48px;

padding: 0;

margin-right: 8px;

position: relative;

display: inline-block;}

.btn-round-.trngl:after{

content: '';

position: absolute;

right: -4px;

top: 50%;

width: 0;

height: 0;

border-left: 6px solid transparent;

border-right: 6px solid transparent;

border-top: 8px solid #e8e8e8;

clear: both;

transform: translateY(-50%);}

.btshad-b1{

-webkit-box-shadow: 0 10px 15px 0px rgba(175, 0, 87, .2);

box-shadow: 0 10px 15px 0px rgba(175, 0, 87, .2);}

.btshad-b2{

-webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);

box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);}

.nx-dropdown {

position: absolute;

z-index: 1;

left: 0;

right: 0;

top: 80px;

opacity: 0;

height: 0;

overflow: hidden;

-webkit-transition: all .5s ease;

-moz-transition: all .5s ease;

-ms-transition: all .5s ease;

-o-transition: all .5s ease;

transition: all .5s ease;}

div.custom-nav > ul > li:hover .nx-dropdown {

opacity: 1;

height: auto;

overflow: inherit;}

.submenu-btnset{

position: relative;

display: block;

top: 50%;

-ms-transform: translateY(-50%);

transform: translateY(-50%);

white-space: normal;}

.sub-menu-column {

width: 25%;

float: left;

padding: 0 20px;}

.sub-menu-column .menuheading {

color: #050748;

font-weight: 700;

font-size: 18px;

letter-spacing: .2px;

margin: 0 0 16px 0;

padding: 0 0 14px 0;

border-bottom: 1px solid #dadada;}

.sub-menu-column ul {width: 100%; display: inline-block; position: relative; }

.sub-menu-column ul li {

width: 100%;

height: auto;

float: left;

padding: 0;

margin-right: 0;

margin-bottom: 9px;}

.sub-menu-column ul li a {

width: 100%;

font-size: 15px;

color: #050748;

position: relative;

line-height: 25px;

font-weight: 600;}

.sub-menu-section {

box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 0.04);

border-top: 2px solid #f3f3f3;

width: 100%;

padding:40px 0;

display: inline-block;

background-color: #ffffff;

margin-top: 4px;}

.btn-block a{

min-width: 230px;

text-align: center;

-webkit-box-shadow: 0 10px 15px 0px rgba(47, 0, 16, 0.15);

box-shadow: 0 10px 15px 0px rgba(47, 0, 16, 0.15);}

.bgtspnt{background: transparent !important;}

div.custom-nav > ul > li.sbmenu > a:after {

content: '';

position: absolute;

width: 100%;

height: 5px;

background: #4f4daf;

left: -100%;

bottom: 0px;

opacity: 0;

-webkit-transition: all .5s ease;

-moz-transition: all .5s ease;

-ms-transition: all .5s ease;

-o-transition: all .5s ease;

transition: all .5s ease;}

div.custom-nav > ul > li.sbmenu:hover > a:after  {left: 0; opacity: 1;}

.contact-show{position: relative;}

.contact-show:hover .contact-inquiry{ display: block;}

.contact-inquiry {

width: 285px;

position: absolute;

top: 48px;

right: 0;

z-index: 99;

display: none;

transition: all 2s linear;}

.hrbg{background: #e4e8ff;}

.contact-info- .contct-heading {

font-size: 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- .inquiry-card-nn .fa-envelope{color: #012169;}

.contact-info-:after {

content: '';

position: absolute;

border-left: 7px solid transparent;

border-right: 7px solid transparent;

border-top: 7px solid transparent;

border-bottom: 7px solid rgba(255,255,255,.95);

top: -14px;

right: 22px;

transition: all 1s ease;

-moz-transition: all 1s ease;

-webkit-transition: all 1s ease;}

/**circle button effect**/

a.play-video {

min-width: 60px;

min-height: 60px;

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: 60px;

height: 60px;

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: 10px solid transparent;

    border-left: 18px solid #ff2d8d;

    border-bottom: 10px solid transparent;

    text-align: center;

    margin: 0 auto 0;}

/****/

.hero-card-web{

position: relative;

overflow: hidden;

padding-top: 150px;

padding-bottom: 100px;

height: 100vh;

align-items: center;

display: flex;}

.hero-main-rp {padding: 0 30px 0 180px;}

.hero-heading-sec h2{

color: #fff;

font-size: 55px;

line-height: 67px;

text-transform: uppercase;

font-weight: 700;}

.hero-heading-sec h2 span{display: block;}

.hero-heading-sec > p{color: #fff000; font-size: 18px; max-width: 400px; margin: 40px 0;}

.flags-size {width:25px;}

.awards-block-tt{margin-top: 40px;}

.hero-content-sec{display: inline-flex; align-items: center;}

.title-hero-oth p{font-size: 20px; color: #fff; margin: 0 0 0 25px; text-transform: uppercase; }

.title-hero-oth p span{display: block; color: #fff000;}

.hero-service-cards {margin-top: 100px;}

.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.html);

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: "Brandon Grotesque Bold", Verdana, sans-serif;

padding: 0px 32px;

line-height: 56px;

text-align: center;

outline: none;

color: #fff;

background-color: #ff1f8e;

border: none;

-webkit-border-radius: 100px;

border-radius: 100px;

display: inline-block;

position: relative;

-webkit-box-shadow: 0 10px 15px 0px rgba(233, 30, 99, .15);

box-shadow: 0 10px 15px 0px rgba(233, 30, 99, .15);}

.header-heading h1{ font-size: 60px;   line-height: 72px; font-weight: 700;  margin-bottom: 30px;}

.header-heading p{font-size: 20px;  line-height: 30px;  margin-bottom: 35px;}

/**About section**/

.about-agency .common-heading h2 {margin-bottom: 20px;}

.about-agency{position: relative;   overflow: hidden;}

.about-agency:before {

content: "";

background: url(../images/shape/dot_bg.png);

position: absolute;

width: 100%;

height: 100%;

top: 0;}

.text-l{text-align:left !important;}

.common-heading > span {

color: #e60072;

text-transform: uppercase;

letter-spacing: 0.5px;

font-size: 16px;

font-weight: 400;

margin: 0 0 15px 0;

display: block;}

.quote{

font-weight: 500;

padding: 25px;

position: relative;

border-left: 4px solid #ff358f;

margin: 30px 0;

background: #FAFAFB;

color: #6a6a8e;

font-family: 'Poppins', sans-serif;}

.user- .user-image img{ border-radius: 100%;    width:80px}

.user-info{ margin: 0px 0 0 20px;text-align: left;}

.user-info p span{font-weight: 700;}

/**Service section**/

.service-section {background: #fff;   position: relative; overflow: hidden;}

.image-block img{width:100%; border-radius: 8px;}

.img-block img{width:100%; border-radius: 8px;}

.white-text{    color: #fff !important;}

.shape-num .shape-loc:first-child:before{

content: '';

background: url(../images/shape/shape-1.svg);

background-size: auto;

position: absolute;

height: 150px;

width: 150px;

background-repeat: no-repeat;

left: -40px;

bottom: -60px;

z-index: -1;}

.shape-num .shape-loc:last-child:after{

content: '';

background: url(../images/shape/shape-2.svg);

background-size: auto;

position: absolute;

height: 150px;

width: 150px;

background-repeat: no-repeat;

right: -40px;

bottom: -60px;

z-index: -1;}

.shape-bg2 img{

z-index: 1;

position: relative;}

.shape-bg2{ position: relative;}

.shape-bg2:after {

content: '';

background: url(../images/shape/shape-2.svg);

background-size: auto;

position: absolute;

height: 150px;

width: 150px;

background-repeat: no-repeat;

right: -40px;

bottom: -60px;

z-index: -1;}

.shape-bg2:before {

content: '';

background: url(../images/shape/shape-1.svg);

background-size: auto;

position: absolute;

height: 150px;

width: 150px;

background-repeat: no-repeat;

left: -40px;

bottom: -60px;

z-index: 0;}

.service-section:before{

content: "";

background: url(../images/shape/dot-shape.png) #d7f0fd;

position: absolute;

height: 400px;

right: 0;

left: 0;

top: 0;

width: 100%;

background-position: center top;

background-size: contain;

background-repeat: repeat;}

.s-block{

background: #fff;

text-align: center;

background-size: 200%;

background-position: top right;

background-repeat: no-repeat;

text-align: center;

padding: 50px 20px;

margin:0;

position: relative;

border: 1px solid #d4f0ff;

-webkit-border-radius: 8px;

border-radius: 8px;

-webkit-box-shadow:

0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059),

0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071),

0 25px 40px -30px rgba(0, 0, 0, 0.2);

box-shadow:

0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059),

0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071),

0 25px 40px -30px rgba(0, 0, 0, 0.2);}

.service-section .s-block{

background: url(../images/shape/shape-7.svg) #fff;

background-size: 180px;

background-position: top right;

background-repeat: no-repeat;}

.s-card-icon {  width: 80px;    margin: 0 auto 30px;}

.s-block h4 {       margin: 0 0 10px 0;}

.s-block a{ display: inline-block;    margin: 30px 0 0 0;    color: #050748;    font-family: 'Poppins', sans-serif;}

.upset{position:relative;z-index:5}

/**Service index2**/

.service-2:before{background-color:#f9f9f9}

.wide-block{

padding: 40px 30px;

margin: 5px 0;

position: relative;

border: 0px solid #d4f0ff;

-webkit-border-radius: 8px;

border-radius: 8px;

-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);

box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}

.service-img1{     background:#e9ddff;   }

.service-img1:after{        background: url(../images/service/service-img-1.html); }

.service-img2{    background:#ffdadb;}

.service-img2:after{    background: url(../images/service/service-img-2.html);}

.service-img3{  background:#d6edff; }

.service-img3:after{    background: url(../images/service/service-img-3.html);}

.service-img4{  background:#ffede1;   }

.service-img4:after{    background: url(../images/service/service-img-4.html);}

.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;

color: #050748;

font-family: "Brandon Grotesque Bold", Verdana, sans-serif;

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**/

.work-category{

background: #fbf9ed;

background: -moz-linear-gradient(top, #fbf9ed 0%, #fbeaf8 100%);

background: -webkit-linear-gradient(top, #fbf9ed 0%,#fbeaf8 100%);

background: linear-gradient(to bottom, #fbf9ed 0%,#fbeaf8 100%);

position: relative;}

.work-category .common-heading h2{  margin-bottom: 30px;}

.work-card p{

color: #050748;

font-family: 'Poppins', sans-serif;

line-height: 24px;

font-size: 16px;

margin: 5px 0 0 0;

padding: 0 12px}

.icon-bg{display: block;   height: 62px;   width: 62px;  margin: 0 auto;  text-align: center;}

.icon-set{width: 25%; display: inline-block;   float: left;   position: relative;}

.work-card {

margin: 10px;

padding: 30px 20px;

max-height: 170px;

text-align: center;

min-height: 170px;

border-radius:8px 40px 8px 40px;

-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);

box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}

.cd1{background:#70e4e8;}.cd2{background:#f5eb92;}.cd3{background:#a3ffe2;}.cd4{background:#ffbc7a;}.cd5{background:#e3ff8e;}.cd6{background:#ffa0c6;}

.cd7{background:#f3a6ff;}.cd8{background:#97ffaf;}.cd9{background:#6cfffa;}.cd10{background:#77baff;}.cd11{background:#ffefd4;}.cd12{background:#7affdb;}

/**Testimonial section**/

.testinomial-section{

background: url(../images/shape/shape-9.svg) #fff;

background-size: contain;

background-position: center left;

background-repeat: no-repeat;}

.testimonial-card .t-text p{font-size:16px; line-height:28px;}

.testinomial-section .owl-carousel .owl-dots{

position: absolute;

bottom: 0;

right: 0;

text-align: right;

background: #ffffff;

width: 100px;

margin: 0;

height: 50px;

padding: 25px 0 0 0;}

.user-info p {font-size: 16px;   line-height: 24px;}

.owl-carousel .user-image img {border-radius: 100%;   width: 80px;}

.owl-carousel .owl-dots .owl-dot:before {

top: 2px;

right: 2px;

bottom: 2px;

left: 2px;

opacity: 0;

background: 0 0;

border: 1px solid #ff1f8e;}

.owl-carousel .owl-dots .owl-dot:after, .owl-carousel .owl-dots .owl-dot:before {

content: '';

position: absolute;

border-radius: 50%;

-webkit-transition: ease-out .16s;

transition: ease-out .16s;}

.owl-carousel .owl-dots .owl-dot {position: relative;  display: inline-block;  width: 20px;  height: 20px;  margin: 0 2px; vertical-align: middle;}

.owl-carousel .owl-dots .owl-dot.active:before {    top: 0;    right: 0;    bottom: 0;    left: 0;}

.owl-carousel .owl-dots .owl-dot:after {

top: 50%;

left: 50%;

-webkit-transform: translate(-50%,-50%);

transform: translate(-50%,-50%);

opacity: .4;

background: #ff1f8e;

width: 4px;

height: 4px;}

.owl-carousel .owl-dots .owl-dot.active:after, .owl-carousel .owl-dots .owl-dot.active:before {    opacity: 1;}

.owl-carousel .owl-dots .owl-dot.active:after, .owl-carousel .owl-dots .owl-dot:focus:after, .owl-carousel .owl-dots .owl-dot:hover:after {    opacity: 1;}

/**Enquire form section**/

.light-bgs{background: rgba(255, 255, 255, 0.52); padding: 30px; border-radius: 8px; }

.enquire-form{

background: #D6FFFC;

background: -moz-linear-gradient(top, #D6FFFC 0%, #ffeff5 100%);

background: -webkit-linear-gradient(top, #D6FFFC 0%,#ffeff5 100%);

background: linear-gradient(to bottom, #D6FFFC 0%,#ffeff5 100%);}

.custom-file-label::after {

line-height: 44px;

position: absolute;

top: 0;

right: 0;

bottom: 0;

z-index: 3;

display: block;

border: 0;

height: auto;

padding: 0px 15px;

color: #495057;

content: "Browse";

background-color: #e9ecef;

border-left: inherit;

border-radius: 0;

cursor: pointer; }

.custom-file-label {

position: absolute;

top: 0;

right: 0;

left: 0;

z-index: 1;

padding: 0px 15px;

font-weight: 400;

height: 50px;

line-height: 46px;

background-color: #fff;

border: 2px solid #ced4da;

border-radius: 4px; }

.custom-file {

position: relative;

display: inline-block;

width: 100%;

height: auto;

margin-bottom: 0; }

.modal-backdrop.show { opacity: 0.9; z-index: 99999; }

.fdgn2 input, .fdgn2 select, .fdgn2 textarea {border: 2px solid #e6e6e6 !important;}

.form-block input:focus, .form-block textarea:focus{ border-bottom: 2px solid #ff1f8e;}

.form-block input{

width: 100%;

height: 50px;

padding: 0px 15px;

margin: 0px 0 15px 0;

color: #172b43;

font-size: 16px;

outline: none;

background: #fff;

border: 0;

border-bottom: 2px solid #e6e6e6;

-webkit-border-radius: 4px;

border-radius: 4px;}

.form-block textarea{

height: 100px;

width: 100%;

padding: 15px;

margin: 0px 0 15px 0;

color: #172b43;

font-size: 16px;

outline: none;

background: #fff;

border: 0;

border-bottom: 2px solid #e6e6e6;

-webkit-border-radius: 4px;

border-radius: 4px;}

.form-block .form-group { margin-bottom: 0;}

.form-block select {

width: 100%;

height: 50px;

padding: 0px 15px;

margin: 0px 0 15px 0;

color: #172b43;

font-size: 16px;

outline: none;

background: #fff;

border: 0;

border-bottom: 2px solid #e6e6e6;

-webkit-border-radius: 4px;

border-radius: 4px;}

.help-block.with-errors {color: #ff5050; margin: 0px 0 0 10px; font-size: 13px; position: relative; bottom: 12px; }

.messages .alert {

position: relative;

padding: 6px 25px 6px 6px;

margin-bottom: 1rem;

border: 1px solid transparent;

border-radius: .25rem;

font-size: 14px;}

.form-block .messages button:hover {background-color: transparent;}

.messages .close {

font-size: 1.5rem;

font-weight: 700;

line-height: 1;

color: #000;

text-shadow: 0 1px 0 #fff;

opacity: .5; text-align: right; position: absolute; right: 5px; top: 0;}

.custom-control-input:checked~.custom-control-label::before {color: #fff;   border-color: #ff1f8e; background-color: #ff1f8e;}

.custom-control-input:focus~.custom-control-label::before {

-webkit-box-shadow: 0 3px 6px rgba(91,130,148,.08);

box-shadow: 0 3px 6px rgba(91,130,148,.08);}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {border-color: #ffbc80;}

.custom-control-label::before {

position: absolute;

top: -1px;

left: -1.5rem;

display: block;

width: 20px;

height: 20px;

pointer-events: none;

content: "";

background-color: #fff;

border: #adb5bd solid 1px;}

.custom-control-label::after {

position: absolute;

top: -3px;

left: -26px;

display: block;

width: 25px;

height: 25px;

content: "";

background: no-repeat 50%/50% 50%;}

.custom-control { margin-bottom: 10px;}

.form-block label input {height: 20px;  width: 20px;    position: relative; top: 5px; margin: 0 5px 0 0;}

.fieldsets label{

position: relative;

top: -14px;

font-size: 14px;

color: #ff1f8e;

margin: 0;

padding: 0;

display: inline;}

.custom-control label {text-indent: -21px;    padding: 2px 0 0 21px;    font-size: 14px;}

.form-block label a {color: #000;}

.form-block p.trm {font-size: 13px; width: 100%;    text-align: center; margin: 10px 0 0 0;}

.form-block p.trm i{padding: 5px 5px 0 0;}

.form-block button:hover{background-color: #ff1f8e;}

.form-block button {width: 100%;}

/**Our office section**/

.our-office{background: #fff; position:relative; overflow:hidden;}

.shape-bg1, .shape-num, .shape-num{position:relative;}

.shape-numm .shape-loc:first-child:before{

content: '';

background: url(../images/shape/shape-1.svg);

background-size: auto;

position: absolute;

height: 150px;

width: 150px;

background-repeat: no-repeat;

left: -40px;

top: -55px;

z-index: -1;}

.shape-numm .shape-loc:last-child:after{

content: '';

background: url(../images/shape/shape-2.svg);

background-size: auto;

position: absolute;

height: 150px;

width: 150px;

background-repeat: no-repeat;

right: -40px;

top: -55px;

z-index: -1;}

.shape-bg1:before{

content: '';

background: url(../images/shape/shape-1.svg);

background-size: auto;

position: absolute;

height: 150px;

width: 150px;

background-repeat: no-repeat;

left: -40px;

top: -55px;

z-index: -1;}

.shape-bg1:after{

content: '';

background: url(../images/shape/shape-2.svg);

background-size: auto;

position: absolute;

height: 150px;

width: 150px;

background-repeat: no-repeat;

right: -30px;

top: -80px;

z-index: -1;}

.office-text{padding:20px 0 0 0; }

.office-text h4{margin: 0 0 10px 0;  }

.office-text p{ padding: 0 50px 0 0;  margin: 0 0 20px 0;}

.skyline-img{

background: #fbf4f1;

padding: 20px;

border-radius: 8px 40px 8px 0px;

-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);

box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}

.-address-list li a{  color: #6a6a8e;}

.-address-list li a i{  width: 25px;}

.-address-list li {line-height: 35px;}

/**scroll to top**/

#scrollUp:hover{opacity: 1}

#scrollUp {

bottom: 20px;

right: 20px;

width: 30px;

height: 50px;

-webkit-border-radius: 100px ;

border-radius: 100px;

color: #fff; opacity: .4;

background: url(../images/icons/up-arrow.svg) #00baff;

background-repeat: no-repeat;

background-size: 15px;

background-position: center center;

background-repeat: no-repeat;}

/**Footer section**/

footer{position: relative; }

.footer-svg{ height: 80px;   overflow: hidden;   margin: -20px 0 0 0px;}

.footer-svg svg path{fill: #FFF0F5;}

footer .row{    position: relative;  z-index: 1;}

footer.ftshap:after{

content: "";

background: url(../images/shape/shape-1.png);

position: absolute;

width: 200px;

height: 370px;

background-repeat: no-repeat;

top: 35%;

z-index: 0;

right: 0;

background-position: center right;

background-size: 80%;

opacity: 0.5;}

footer.ftshap:before{

content: "";

background: url(../images/shape/shape-2.png);

position: absolute;

width: 250px;

height: 250px;

bottom: 0;

z-index: 0;

left: 0;

background-repeat: no-repeat;

background-position: left bottom;

background-size: 100%;

opacity: 0.5;}

.footer-row1 {

background: #fffdf2;

background: -moz-linear-gradient(top, #fffdf2 0%, #ffeff5 100%);

background: -webkit-linear-gradient(top, #fffdf2 0%,#ffeff5 100%);

background: linear-gradient(to bottom, #fffdf2 0%,#ffeff5 100%);

padding:80px 0;}

.footer-row2 {
    background: #00aded;
    padding: 50px 0 80px 0;
    background-image: url("https://www.transparenttextures.com/patterns/back-pattern.png");
}

.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: 'Poppins', 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: 'Poppins', sans-serif;

font-size: 16px;

line-height: 24px;}

.footer-address-list li i{ margin: 0 15px 0 0;   display: initial; font-size: 21px;}

.ftr-details li{padding: 0 0 15px 0;}

.footer-block{  padding:20px 0;}

.social-links {text-align: right;}

.social-links a{ color: #6a6a8e;    font-size: 25px;    line-height: 1;}

.footer-social-media-icons a:hover{color:#ff1f8e !important}

.footer-social-media-icons a{

color: #6a6a8e;

font-size: 26px;

border-radius: 4px;

margin: 0 20px;

width: 35px;

height: 35px;

display: inline-block;

text-align: center;

line-height: 34px;}

.copyright{  text-align: center; color: #6a6a8e;}

.footer-social-media-icons{margin: 0 0 30px 0;}

.footer- p a{color:#6a6a8e;}

.link-hover a {

color: #6a6a8e;

font-family: 'Poppins', sans-serif;

display: inline-block;

padding: 3px 0;

position: relative;

overflow: hidden;

-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;

-o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;

transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;

z-index: 1;}

.link-hover a::after {

content: "";

width: 0;

height: 1px;

bottom: 0;

position: absolute;

left: auto;

right: 0;

z-index: -1;

-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;

-o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;

transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;

background: currentColor;}

.link-hover a:hover::after {width: 100%;left: 0;right: auto;}

.link-hover a:hover{    color: #ff1f8e !important;}

/**breadcrumb**/

.breadcrumb-area {padding:150px 0px 90px 0px;     position:relative; overflow:hidden; text-align:center;}

.breadcrumb-areav2 {

padding: 150px 0px 100px 0px;

position: relative;

overflow: hidden;

background-size: cover;

background-position: center center;

background-repeat: no-repeat;}

.bread-titlev2{text-align: center;}

.statistics-wrap{

padding: 30px 0;

-webkit-box-shadow:  0 10px 10px -10px rgba(0, 0, 0, 0.05);

box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.05);}

.breadcrumb-areav2:before{

content: '';   position: absolute;   top: 0;   height: 100%;   width: 100%;   opacity: .85;     right: 0;    left: 0; z-index:0;

background: -moz-linear-gradient(-45deg, #ffdee9 0%, #c8fff4  100%);

background: -webkit-linear-gradient(-45deg, #ffdee9 0%,#c8fff4  100%);

background: linear-gradient(135deg, #ffdee9 0%,#c8fff4  100%);}

.breadcrumb-area:before{

content: '';   position: absolute;   top: 0;   height: 100%;   width: 100%;   opacity: .85;     right: 0;    left: 0; z-index:0;

background: -moz-linear-gradient(-45deg, #ffdee9 0%, #c8fff4  100%);

background: -webkit-linear-gradient(-45deg, #ffdee9 0%,#c8fff4  100%);

background: linear-gradient(135deg, #ffdee9 0%,#c8fff4  100%);}

.breadcrumb-area:after{

content: ''; z-index:0;

background: url(../images/banner/banner-shap-2.png);

background-size: auto;   position: absolute;   height: 100%;   width: 100%;   background-repeat: no-repeat;

right: 0;   top: 0;   z-index: 1;   background-position: center right; background-size: contain;}

.breadcrumb-area ul li {    display: block;    display: inline-block;}

.breadcrumb-area .bread-menu li a {    color: #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.html);   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.html);   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: 'Poppins', 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.html);   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: "Brandon Grotesque Bold", Verdana, sans-serif;

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.html);   background-repeat: no-repeat;    background-size: cover; background-position: center center;}

.case-study1{overflow:hidden;}

.case-study3{overflow:hidden;}

.case-study .image-div{

border-radius: 8px;

overflow:hidden;

-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);

box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}

.case-study2{background: #fee;}

.image-div img{width:100%;}

.case-study2    .s-block {

text-align: center;

background: #fff;

padding: 50px 20px;

margin: 5px 0;

position: relative;

border: 1px solid #d4f0ff;

-webkit-box-shadow: -25px 25px 45px #f0dede, 25px -25px 45px #fff6f6;

box-shadow: -25px 25px 45px #f0dede, 25px -25px 45px #fff6f6;}

.case-study3 .image-block img, .case-study1 .image-block img{

-webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;

box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;

width: 100%;}

.case-study4{background: #fff;}

.project-platform{display: inline-flex;}

.project-platform-used a{

display: flex;

margin: 0 auto;

align-items: center;

height: 100%;}

.project-platform-used img{    width: 40px;

margin: 0 auto;}

.project-platform-used {

width: 80px;

height: 80px;

background: #fff;

border-radius: 100%;

text-align: center;}

.screen-splits{padding: 0 10px;}

/**Blog page**/

.vrbloglist + .vrbloglist{margin-top: 60px;}

.entry-blog {text-transform: capitalize;   font-weight: 400; font-size: 15px; margin: 5px 0 15px 0;}

.entry-blog a {  color: #6a6a8e;}

.entry-blog a i{margin-right:4px;}

.bypost{margin-right:10px;}

.item-image{position: relative;}

.category-blog{ position: absolute;    left: 0;    bottom: 0;}

.posted-on{margin-right:10px;}

.category-blog a{display: inline-block;  padding: 5px;  background: #fe409c;  color: #fff;}

.image-set{ border-radius:8px; overflow:hidden;}

.image-set img{width:100%;}

.blog-header .user-image img {   border-radius: 100%;  width: 50px;}

.blog-header .user-info {   font-family: 'Poppins', sans-serif;   margin: 0px 0 0 20px;}

.postwatch{text-align: right;}

.ul-list{padding: 0 0 0 20px;}

.ul-list li{font-size: 16px;   line-height: 38px;   list-style-type: circle;}

.rd-quote {padding: 30px;position: relative; border-left: 4px solid #fc4899; font-size: 20px; line-height: 32px; font-style: italic; margin: 40px 0; background: #FAFAFB;}

.author-block{position: relative;  padding: 30px;  margin-top: 50px;  border-top: none;  background: #fafafb; border-radius: 10px;}

.author-block .user-image img{width:80px;   border-radius:100px;}

.comments-block h2{ font-weight: 600;   font-size: 25px;  line-height: 35px;}

.comments-block  .user-info h5 span{font-size: 15px;  text-align: right;  float: right; color: #6a6a8e;}

.comments-block .user-info h5 { font-size: 20px;  display: flow-root;}

.comments-block .user-info h5 a{display: inline-block;  padding: 0 0 0 6px;  color: #00b2ff;}

.comments-block .user-image img{width:50px; border-radius:100px;}

.replied{padding-left:60px;}

.form-blog  button{ width:max-content;}

.comments-block .media + .media{margin-top: 60px;}

.form-blog { background: #fafafb;  padding: 40px; border-radius: 8px;}

.offer-image{    border-radius: 8px;    overflow: hidden;}

.offer-image img{   width:100%;}

.recent-post .post-info p {    font-size: 16px;    line-height: 28px;}

.recent-post .post-image img {   border-radius:8px;   width: 80px;}

.recent-post .post-image a{ display:block;}

.recent-post .post-info h5 a{   color: #050748;}

.recent-post .post-info h5 a:hover{ color: #2196f3;}

.recent-post .post-info h5 {    font-size: 16px;    line-height: 26px;}

.post-info {    margin: 0px 0 0 20px;}

.widgets h3{font-size:20px;}

.recent-post .media + .media{margin-top: 20px;}

.tabs a{

font-size: 15px;

font-weight: 400;

text-transform: lowercase;

padding: 0px 10px;

line-height: 30px;

border-radius: 4px;

border: none;

color: inherit;

margin: 0 4px 8px 0;

display: inline-block;

background: #F6F5FA;

font-family: 'Poppins', sans-serif;}

.blog-categories ul li:first-child a{padding-top: 0;}

.blog-categories ul li a{

font-family: 'Poppins', sans-serif;

display: block;

padding: 10px 0;

font-size: 16px;

line-height: 28px;

border-bottom: 1px solid #D3D3D3;

text-decoration: none;

color: #757589;

position: relative;}

.blog-categories ul li span.categories-number {   position: absolute;   right: 0;}

.blog-categories ul li:first-child {  border-top: 0px solid;}

.blog-post-tag span {

font-size: 18px;

font-weight: 700;

display: block;

margin-bottom: 17px;

color: rgb(6, 42, 77);}

.blog-share-icon span {

font-size: 18px;

font-weight: 700;

color: rgb(6, 42, 77);

display: block;

margin-bottom: 17px;}

.blog-share-icon a { color: #6a6a8e;   font-size: 18px;   margin-right: 22px; }

.blog-post-tag a {

color: #6a6a8e;

display: inline-block;

font-size: 14px;

font-weight: 600;

margin-right: 10px;

margin-bottom: 10px;

border-width: 2px;

border-style: solid;

border-color: rgb(234, 237, 255);

border-image: initial;

padding: 12px 24px;

border-radius: 5px;}

.blog-share-icon a:last-child {   margin-right: 0px;}

.post-navigation span a {color: #6a6a8e;   margin-bottom: 5px;  display: block;}

.post-navigation h4 a{ color: #050748;}

/**contact page**/

.banner-6{background: url(../images/banner/4.html);   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;}

/**list**/

.list-ul li{padding: 0 0px 12px 29px; position: relative; line-height: 22px; font-size: 16px;}

.list-ul li:before{

font-family: "Font Awesome 5 Free";

font-weight: bold;

position: absolute;

left: 0;

top: 2px;

font-size: 15px; }

.ul-check li:before{  content: "\f00c";}

.ul-circle li:before{ content: "\f0a9";}

.ul-numm li{    list-style-type: decimal;    padding: 0 0px 12px 5px;}

.ul-abc li{    list-style-type: upper-latin;    padding: 0 0px 12px 5px;}

.ul-liin {padding: 0 0 0 20px;}

/**404 page**/

.error{   height: 100vh;}

.error-block{   padding-top: 50px; position:relative;    z-index: 5;}

.layer-div{ position:relative;}

.error-block a{margin-top:40px; }

.layer-div:before {

background: url(../images/icons/404.svg);

background-repeat: no-repeat;

background-size: 70%;

background-position: center center;

content: "";

display: flex;

align-items: center;

justify-content: center;

position: absolute;

top: 0;   bottom: 0;   text-align: center;   right: 0;   left: 0;  z-index: 0;}





/**Client reviews**/

.reviews-block{background: #fafaff;}

.pr-shadow{

-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);

box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}

.revbx-lr {font-size: 40px; }

.revbx-rl {text-align: right; display: block; }

.revbx-rl img{      max-width: 130px;}

.reviews-card {position: relative; z-index: 9; background: #fff; padding: 25px;     border-radius: 8px;}

.right-review-box p {

color: #676767;

font-size: 16px;

line-height: 25px;

letter-spacing: 0.4px;

font-style: inherit;}

.review-text{padding: 30px 0;}

.left-review-box h4 {

font-size: 16px;

letter-spacing: 1px;

color: #333;

padding: 8px 0 0 0;}

.-client-details-{display: flex;}

.-reviewr{

width: 70px;

height: 70px;

border-radius: 100px;

overflow: hidden;

margin-right: 15px;}

.reviewer-text h4 {color: #333; padding: 5px 0 0 0; font-size: 18px; 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/shape/hero-shape.svg),#ffd6d6;

background-position: center center, center center;

background-size: cover, cover;

background-repeat: no-repeat, no-repeat;}

.showin-mobile{display:none;}

.follow-label{display: flex;}

.follow-label h6{ margin: 0 40px 0 0px;   position: relative;}

.follow-label h6:after{

content: '';

position: absolute;

top: 50%;

right: -38px;

width: 30px;

height: 1px;

background: #6a6a8e;}

.follow-label a{color: #6a6a8e;    padding: 5px 10px;    font-size: 20px;}

.bhv-service{overflow:hidden;}

.counter-number{transform: translateZ(20px);}

.hexagon {

transform-style: preserve-3d;

transform: perspective(1000px);

text-align: center;

min-width: 240px;

height: auto;

padding: 20px 30px;

margin: 0px 20px;

background: #fff;

border-radius: 8px 40px 8px 40px;

-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);

box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}

.hexa1{  border: 2px solid #ffc3fe;}

.hexa2{  border: 2px solid #ffe6ba;}

.hexa3{  border: 2px solid #addaff;}

.hexa4{  border: 2px solid #ffbaba;}

.counter-no span{

font-size: 50px;

font-weight: 700;

color: #050748;}

.counter-no p {

font-size: 20px;

margin: 10px 0 0 0;

font-weight: 500;}

.counter-no{    display: inline-block;}

.freelance-service{  background: #d4f0ff;}

.header-heading .title-{display: block; margin-bottom: 15px;}

.header-heading span{color: #e60072;}

/**Lead Generation Homepage**/

.lead-hero{

background: url(../images/hero/bg-gradient.html);

background-position: center center;

background-size: cover;

background-repeat: no-repeat;}

.follow-label{display: flex;}

.lead-gen-client .clients-logo {

background: #ffffff;

padding: 0px 15px;

max-height: 150px;

min-height: 150px;

margin: 0 0px;

border: 1px solid #d4f0ff;

align-items: center;

display: flex;

position: relative;

border-radius: 8px;

-webkit-box-shadow: -20px 20px 40px #ece0f2, 20px -20px 40px #fff8ff;

box-shadow: -20px 20px 40px #ece0f2, 20px -20px 40px #fff8ff;}

.itm-media-object .media .img-media{

width: 65px;

background: #d3f3ff;

padding: 10px;

border-radius: 8px;}

.itm-media-object .media-body{margin-left: 30px;}

.why-choos-lg{position:relative;}

.why-choos-lg:before{

content: "";

background: url(../images/shape/dot_bg.png);

position: absolute;

width: 100%;

height: 100%;

top: 0;}

.itm-media-object h4{text-align:left;}

/**Digital agency homepage**/

.srvc-bg-nx{

background: #fff;

overflow: hidden;

border-radius: 6px;

margin: 0 10px;

height: 240px;

-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);

box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}

.about-sec-rpb{background: #fff8f2;}

.about-sec-rpb.pad-tb{padding-bottom: 200px;}

.badges-content{text-align: center;}

.badges-content p{

font-size: 15px;

line-height: 22px;

padding: 0 50px;

margin-top: 10px;}

.w-txt h2{ color:#fff; }

.common-heading.w-txt > span{color:#fff;}

.-service-list li:first-child {padding-left: 0;}

.-service-list li{

text-transform: uppercase;

list-style: none;

padding: 0 8px;

border-right: 1px solid #d4d4d4;

display: inline-block;}

.-service-list li:last-child {border-right: none;}

.service-sec-list p {

font-size: 15px;

line-height: 24px;

margin: 14px 0 0 0;}

.-service-list li a{

font-size: 13px;

color: #6a6a8e;

text-transform: uppercase;

text-decoration: none;

padding-bottom: 5px;

display: inline-block;

font-weight: 700;}

.link-prb{display: block;}

.col-lg-6-cus{width:40%;}

.col-lg-3-cus{width:30%;}

.mt30-{margin-top: 20px;}

.text-w, .text-w h4, .text-w a, .text-w h1, .text-w h2, .text-w h3, .text-w h5, .text-w h6{color:#fff;}

.service-section-prb{position: relative; margin-top: -200px;}

.bg-shape-dez{position: relative;}

.bg-shape-dez::after, .bg-shape-dez::before{

position: absolute;

z-index: 0;

content: '';

width: 50%;

height: 50%;

background: #007bff;

background: -webkit-linear-gradient(left, #007bff 0%,#ff1f8e 100%);

background: linear-gradient(to right, #007bff 0%,#ff1f8e 100%);}

.bg-shape-dez::after{ top: -10px;   right: -10px; border-radius: 0px 8px 0px 0px;}

.single-image img{  position: relative;   z-index: 5;   border-radius: 8px;}

.bg-shape-dez::before{   bottom: -10px;   left: -10px; border-radius: 0px 0px 0px 8px;}

.single-image img{ position: relative;   z-index: 5;   border-radius: 8px;}

.srcl1{background: #f3f5ff; border-bottom: 4px solid #b0bdff;}

.srcl2{background: #fff3e6; border-bottom: 4px solid #ffc093;}

.srcl3{background: #fbeefd; border-bottom: 4px solid #f6bcff;}

.srcl4{background: #effdff; border-bottom: 4px solid #9ff3ff;}

.srcl5{background: #fbfff1; border-bottom: 4px solid #ffdaa2;}

.service-sec-list p{display:none;}

.service-sec-list{ padding: 52px 25px;}

.service-sec-brp{ padding:30px 25px;}

.service-sec-list img{

-moz-transition: width 0.5s, height 0.5s;

-webkit-transition: width 0.5s, height 0.5s;

transition: width 0.5s, height 0.5s;

height: 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;}

/**Digital Agency home 2**/

.img-with-shape{position: relative;

text-align: center;}

.dg-hero-img0{

border-radius: 8px;

transform: translateZ(60px);

position: relative;

z-index: 9;}

.dg-hero-shp1a{top: 0px;left: 0px;}

.dg-hero-shp1{top: -50px;left: 0px;}

.dg-hero-shp2{transform: translatez(80px);top: 40%;z-index: 999;left: 0px;max-width: 120px;}

.dg-hero-shp3{bottom: -80px;

right: 0px;}

.shape-dg-1{position: absolute;}

.dark-main  p, .dark-main .-content-sec .title-hero-oth p, .dark-main .footer-address-list li a, .dark-main .post-social a, .dark-main a {color:#a2a2a2}

.dark-main h2,.dark-main h3,.dark-main h4,.dark-main h5,.dark-main h6, .dark-main .title-hero-oth p, .dark-main .statistics span, .dark-main .single-blog-info- h4 a,    .dark-main .review-vid-details p, .dark-main .isotope_item h4 a, .dark-main .link-reviewrr a, .dark-main .entry-blog-post a, .dark-main h1 {color: #e6e6e6;}

.dark-main a.lnk, .dark-main a.bg-btn{color: #fff;}

.dark-main input, .dark-main textarea{box-shadow: none;}

.dark-main .s-block {background: #1d1d1d; border: 1px solid #1d1d1d;}

.dark-main .single-blog-post- {background: #1d1d1d;  border: 1px solid #1d1d1d;}

.dark-main .post-social { border-top: 1px solid #2b2b2b;}

.dark-main .blog-content-tt {    border: 0px solid #ececec;}

.f-weight .-cta-btn p span {font-weight: 900;}

p.video-lab--{    color: #6a6a8e;}

.mr25{margin-right: 25px}

.dg-bg2{

background-image: -moz-linear-gradient(45deg,#ff3870 0%,#ff3870 50%,#c300c3 100%) !important;

background-image: -webkit-linear-gradient(45deg,#ff3870 0%,#ff3870 50%,#c300c3 100%) !important;

background-image: linear-gradient(45deg,#ff0048 0%,#ff3870 50%,#c300c3 100%) !important; }

.hero-digital-agency-1 p{color:#bdbfca}

.hero-digital-agency-1 .header-heading h1 {font-size: 80px; line-height: 90px; font-weight: 900; }

.-content-sec .triangle-play {border-left: 25px solid #ffffff; }

.-content-sec a.play-video::after { border: 6px solid #ff2d8d;}

.-content-sec a.play-video { background: #ff2d8d;}

.-content-sec .title-hero-oth p {font-size: 18px; color: #6a6a8e;margin: 0 0 0 20px;text-transform: capitalize;}

.dg-btn{background-color: transparent; border: 1px solid #fff;}

.dg-bg{background-color: #202020;}

.dg-bg--1 {  background-color: #111111;}

.dg-bg--2 {  background-color: #171717;}

.dg-clients-section .opl ul li {display: inline-block; padding: 30px 0 0 0;}

.dg-clients-section .opl ul li p {

font-size: 12px;

padding-top: 0.5em;

letter-spacing: 0px;

font-weight: 300;

color: #959595;}

.dg-testinomial-section .owl-carousel .owl-dots {

position: absolute;

bottom: 0;

right: 0;

text-align: right;

background: transparent;

width: 100px;

margin: 0;

height: 50px;

padding: 25px 0 0 0;}

.quote-css{font-size: 45px; padding: 0 20px 0 0; color: #909090;}

.video-testimonial{ display: flex; }

.dg-statistics-section .statistics span {font-size: 45px; font-weight: 900;}

.common-heading-2 {

padding: 0;

text-align: center;

position: relative;

z-index: 10;}

.common-heading-2 h2{font-weight: 900; }

.common-heading-2 > span {

color: #e60072;

text-transform: uppercase;

letter-spacing: 0.5px;

font-size: 16px;

font-weight: 400;

margin: 0 0 15px 0;

display: block;

font-weight: 900;}

.itm-media-object .media img {width: 100%; }

.itm-media-object .media .img-ab-{

background: #f5f5f5;

border-radius: 8px;

width: 65px;

padding: 10px;}

.overlay-- .s-block{

background: #222;

border: 1px solid #222;

padding: 30px;

overflow: hidden;}

.ovr-bg1 .ovr-base:before {

content: "";

background: -webkit-linear-gradient(45deg,#ff0048 0%,#ff3870 50%,#c300c3 100%);

background: linear-gradient(45deg,#ff0048 0%,#ff3870 50%,#c300c3 100%);

width: 100%;

height: 100%;

position: absolute;

top: 0;

right: 0;

left: 0;

opacity: 0;}

.nn-card-set{position: relative; z-index: 5; overflow: hidden;}

.ho-gdnt .s-block:hover:before {opacity: 1;}

.ho-gdnt .s-block{overflow: hidden;}

.ho-gdnt .ovr-base:before{

-webkit-transition: 0.8s cubic-bezier(.17, .85, .438, .99);

-o-transition: 0.8s cubic-bezier(.17, .85, .438, .99);

transition: 0.8s cubic-bezier(.17, .85, .438, .99); }

.ho-gdnt  .s-block:hover  p, .ho-gdnt .s-block:hover a, .ho-gdnt .s-block:hover h4 {color: #ffffff;}

.dg2-main .isotope_item h4 a {  color: #fff;}

.up-hor:hover{transform: translateY(-7.5px);}

.h-scl- .h-scl-base{

-webkit-transform: scale(1);

-ms-transform: scale(1);

transform: scale(1);}

.h-scl-:hover .h-scl-base {

-webkit-transform: scale(.9);

-ms-transform: scale(.9);

transform: scale(.9);}

.h-scl-:hover .h-scl-base img {

-webkit-transform: scale(1.15);

-ms-transform: scale(1.15);

transform: scale(1.15);}

.h-scl-  .h-scl-base {

-webkit-transform: scale(1);

-ms-transform: scale(1);

transform: scale(1);}

.h-scl- .h-scl-base,  .h-scl-base img, .up-hor, .bd-hor .bd-hor-base:after {

-webkit-transition: 1.2s cubic-bezier(.17, .85, .438, .99);

-o-transition: 1.2s cubic-bezier(.17, .85, .438, .99);

transition: 1.2s cubic-bezier(.17, .85, .438, .99);}

.itm-media-object h4 {

text-align: left;

margin-bottom: 10px;}

.single-blog-post-{

border-radius: 8px;

background: #fff;}

.single-blog-img- img{    border-radius: 8px 8px 0px 0px;}

.single-blog-img-{position: relative;}

.entry-blog-post{

border-radius: 100px;

padding: 10px 15px;

margin: 0 20px;

position: absolute;

bottom: -18px;

right: 0;

left: 0;

justify-content: space-between;

display: flex;}

.entry-blog-post a{ color: #fff;   font-size: 14px;}

.single-blog-info- h4{margin-bottom: 18px;}

.single-blog-info- h4 a{ color: #050748; }

.post-social{

margin: 30px 0 0 0;

border-top: 1px solid #dadada;

padding-top: 30px;}

.post-social a{

color: #6a6a8e;

display: inline-block;

padding: 0 10px 0 0;}

.blog-content-tt{

padding: 45px 25px 25px;

border: 1px solid #ececec;

border-top: 0;

border-radius: 0px 0px 8px 8px;}

.link-reviewrr{ margin: 30px 0 0 0;}

.link-reviewrr a{

display: block;

padding: 0 0 4px 0;

color: #6a6a8e;}

.dark-footer,.dark-footer .footer-address-list li a,.dark-footer .footer-address-list li > span,.dark-footer .footer-address-list li p, .dark-footer .ff-social-icons a, .dark-footer .footer-link-- li a{color: #a2a2a2;}

.dark-footer h5{color:#e6e6e6;}

.dg2-main .footer-address-list li a {color: #bdbfca;}

.footer-copyrights- a{color: #bdbfca;}

.footer-link--{text-align: right;}

.footer-link-- li { display: inline-block; }

.footer-link-- li a{ color: #bdbfca; margin-left: 15px; font-size: 16px; }

.end-footer-{

border-top: 1px solid rgba(237,237,237,0.05);

margin-top: 70px;

padding: 35px 0;}

.ff-social-icons a{

color: #fff; padding: 0 20px 0 0; font-size: 18px;}

.video-bg-{background: #000;}

.full-video {

position: absolute;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

object-fit: cover;

object-position: center;

opacity: 0.3;}

.email-subs-form .form-cta{

align-items: center;

justify-content: center;

display: flex;}

/**creative Agency home 1**/

.hero-creative-agenc1{

background-size: cover;

background-position:  center center;}

.hero-creative-agenc1 .header-heading h1 {font-weight: 900;}

.ovr-bg2 .ovr-base:before {

content: "";

background: -webkit-linear-gradient(135deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);

background: linear-gradient(135deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);

width: 100%;

height: 100%;

position: absolute;

top: 0;

right: 0;

left: 0;

opacity: 0;}

.sec-dark h2, .sec-dark h4, .sec-dark h5 {color:#fff;}

.sec-dark p {color:#bdbfca;}

/**creative-agenc 2**/

.hero-creative-agenc2 .container {  max-width: 1320px;}

.img-design{display: inline-flex; align-items: center;}

.ag-dg1{        z-index: 1;    border-radius: 8px 8px 8px 100px;    min-width: 100%;    top: 0;    left: 30px;    position: relative;}

.ag-dg2{z-index: 0;    border-radius: 8px 8px 100px 8px;    bottom: 0;    right: 30px;    min-width: 100%;    position: relative;}

.shpdzz{position: absolute;}

.shpdez1{width: 90px;    height: 90px;    background: #FFC107;    border-radius: 100px 100px 00px 100px;    left: 0;    bottom: 0;}

.shpdez2{width: 140px;    height: 140px;    background: #00BCD4;    border-radius: 00px 100px 100px 100px;    left: 0;    top: 0px;    z-index: 5;}

.shpdez3{width: 40px;    height: 40px;    background: #4caf50;    border-radius: 100px 0px 100px 100px;    left: 160px;    top: 0px;}

.shpdez4{ width: 140px;    height: 80px;    background: #ff6c89;    border-radius: 100px;    left: 130px;    bottom: 0px;    z-index: 5;}

.img-block-ca2 .abt-ca2 {border-radius: 100px 00px 100px 0px;    position: relative;    z-index: 5;    width: 80%;}

.img-block-ca2 .dot-sp-ca2{position: relative;z-index: 0}

.div-portfolio-{background: #1d1d1d;    padding: 60px;    border-radius: 8px;}

.itm-tag{   font-weight: 700;    font-style: italic;}

.div-item-image img{border-radius: 8px;    width: inherit !important;    margin: 0 auto;}

.porto-slide .owl-dots{text-align: center;    margin-top: 30px;}

.img-ca2set{max-height: 370px; overflow: hidden;border-radius: 8px;}

.aa a:hover{color:#ff1f8e !important ;}

.bd-hor .bd-hor-base{overflow: hidden;}

.bd-hor .bd-hor-base:hover:after {    width: 100%;    overflow: hidden;}

.bd-hor .bd-hor-base:after {

content: '';

position: absolute;

left: 0;

width: 0%;

bottom: 0;

height: 4px;

background: -webkit-linear-gradient(-45deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);

background: linear-gradient(135deg, #9100ff 0%,#3663ff 54%,#00e2ff 100%);}

.dot-c1{

position: absolute;

width: 80px;

height: 80px;

border-radius: 100px;

border: 0;}

.dot-c1 img{ width: 70px; border-radius: 100px;}

.tcc1 {background: #ffc107; width: 130px; text-align: left; padding-left: 5px; border-radius: 100px 100px 100px 100px;}

.tcc2 {background: #f44336; right: 0; width: 120px; text-align: right; padding-right: 5px; border-radius: 0px 100px 100px 0px; }

.tcc3 {background: #00bcd4; right: 120px; width: 130px; top: 200px; border-radius: 100px 8px 100px 100px; text-align: left; padding-left: 5px; }

.tcc4 {

background: #ff6c89;

left: 150px;

top: 110px;

width: 150px;

border-radius: 100px 100px 100px 8px;

text-align: right; padding-right: 5px; }

.tcc5 {background: #4caf50; right: 0px; bottom: 0px; border-radius: 100px 100px 100px 8px; width: 130px; text-align: right; padding-right: 5px; }

.tcc6 { background: #9C27B0; bottom: 0; left: 10%; width: 150px; text-align: left; padding-left: 5px; border-radius: 100px 8px 100px 100px; }

.dot-c1.active { box-shadow: 6px 6px 0px rgb(255 255 255 / .5); }

.instagram-post .thumb{overflow: hidden;} 

.instagram-post{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 5px;}

/**minimal-portfolio**/

.minimal-portfolio{background-repeat: no-repeat; background-position: center center; background-size: contain;}

.minimal-portfolio .dzname { font-size: 22px; line-height: 30px; font-weight: 700; }

h3 a{color: #050748;}

.br-blog-post-{position: relative;}

.link-blog-post a{position: absolute; right: 0; bottom: 0; padding: 20px;  background: #fff; color: #050748; font-weight: 600; }

.btn-flnc{  align-items: flex-end;    display: flex;}

.post-newsltr .owl-stage{padding-left:0px !important;}

.bg-light-f7{background: #f7f7f7;}

.img-hro img{border-radius: 8px; }

/**mobile-app-**/

.mobile-app-{

background-image: -moz-linear-gradient(45deg,#9217de 0%,#4775ff 50%,#00b6d4 100%);

background-image: -webkit-linear-gradient(45deg,#9217de 0%,#4775ff 50%,#00b6d4 100%);

background-image: linear-gradient(45deg,#4a0079 0%,#4202b2 50%,#4400b1 100%);}

.hero-heading-sec2 h1 {

color: #fff;

font-size: 55px;

line-height: 67px;

font-weight: 900;

display: inline-block;

background: linear-gradient( 90deg,#af6dff 0%,#ff448e 25%,#ff9d57 50%,#ff38d3 75%,#00ffdc 100% );

background-size: cover;

background-position: center;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

background-clip: text;

color: transparent;}

.hero-heading-sec2 > p {color: #fff000; font-size: 18px; margin: 40px 0; }

.wide-sblock {display: inline-flex; text-align: left; padding: 30px 20px; }

.img100w {max-width: 100% !important; width: auto !important;}

.funfct {

box-shadow: 0 11px 20px rgb(123 149 162 / 15%);

line-height: 26px;

padding: 30px;

border-radius: 8px 8px 8px 40px;

margin-top: 30px; position: relative; text-align: center; }

.funfct p{font-weight: 600; color: #6a6a8e;}

.funfct img{width: 65px; margin: 0 auto 15px; display: block;}

.funfct .services-cuntr{ display: inline-block; font-weight: 900; font-size: 30px; color: #050748; padding: 15px 0; }

.about-sec-app{

background: url(../images/shape/bg-light2.png);

background-size:contain;

background-repeat: repeat-x;

background-position: center center;}

.service-section-app{

background: url(../images/shape/wave-bg.png);

background-size:contain;

background-repeat: repeat-x;

background-position: center bottom;

position: relative; }

.-service-list li:first-child {padding-left: 0;}

.-service-list li {

text-transform: uppercase;

list-style: none;

padding: 0 8px;

border-right: 1px solid #d4d4d4;

display: inline-block;

}

.link-prbs {display: block; color: #6a6a8e;  font-size: 16px; font-family: 'Poppins', sans-serif; }

.tec-icon ul li .img-iconbb { display: inline-flex; border-radius: 100%; background: #f5f7ff; width: 60px; height: 60px; align-items: center; }

.tec-icon ul li img {width: 40px; margin: 0 auto; }

.tec-icon ul li { display: inline-block; margin: 0 10px 0 0; }

.service-card-app{

display: block;

background: #fff;

box-shadow: 0 11px 20px rgb(123 149 162 / 15%);

font-weight: 400; font-size: 14px; padding: 30px; border-radius: 40px 8px 40px 8px; }

.servc-icon-sldr{display: flex;}

.clients-section-app{    background: #4302ae;}

.item-info-div{background: #fff; padding: 15px; position: relative; top: -40px; width: 95%; border-radius: 40px 8px 8px 8px; margin: 0 auto; text-align: center; }

.item-info-div h4{margin: 0;}

.industry-workfor{ background: #fff; padding: 15px 20px; border-radius: 8px; margin-top: 30px; display: flex; align-items: center; }

.hoshd:hover { box-shadow: 0 15px 39px -11px #46638e45; transform: translate(0px, -5px); }

.industry-workfor img{width: 55px;}

.industry-workfor h6{    margin: 0 0 0 15px;}

.tcd{display: block; background: #fff; box-shadow: 0 11px 20px rgb(123 149 162 / 15%); font-weight: 400; font-size: 14px; padding: 60px 30px; border-radius: 40px 8px 8px  8px;}

.posiqut { position: absolute; right: 10px; bottom: 10px; font-size: 60px; color: #00f2a6;}

.pl50 { padding-left: 50px !important;}

.tcd  .owl-dots { position: absolute; bottom: 0; right: 0; text-align: right; margin: 15px; }

.app-cta{background: #4301b2; position: relative; overflow: hidden; }

.shape-c1 {background: transparent; width: 200px; height: 200px; border-radius: 100px 100px 100px 100px; border: 6px solid #f8d873; }

.shape-c2 {background: transparent; width: 200px; height: 200px; border-radius: 100px 100px 100px 30px; border: 6px solid #00f2a6; right: -20px; top: -70px; }

.shape-c3 { background: transparent; width: 100px; height: 100px; border-radius: 100px 100px 100px 30px; border: 6px solid #fff; right: 90px; bottom: -20px; }

.apppg .brand-logo {max-width: 180px; margin: 0 auto; padding: 10px; background: #fff; border-radius: 8px; }

.apppg li p{    color: #fff; margin: 10px 0 0 0;}

.info-text-div { padding: 20px; background: #fff; box-shadow: 0px 20px 30px -20px rgb(0 21 167 / 20%); border-radius: 8px 8px 8px 8px; border-bottom: 5px solid #b0bdff; }

.landscp{    text-align: center;background: #fbfbfb;}

.sctxt{

font-size: 90px;

position: absolute;

right: 0; left: 0; text-align: center; top: 0; font-weight: 900; text-transform: uppercase; -webkit-text-stroke: 1px #e8e8e8; -webkit-text-fill-color: white;}

/**business-startup**/

.business-startup{ background: url(../images/hero/wave-hero.svg); background-repeat: no-repeat; background-position: center top;}

.bg-light-ylo { background: #e9f5ff; }

.up-curvs{position: absolute; right: 0; left: 0; top: -50px; }

.bottom-curvs{position: absolute; right: 0; left: 0; bottom: -50px; }

.bg-flat5 {   background: #fff9f1;}

.bg-flat6 {   background: #fff3f3;}

.login-form-div{ max-width: 460px; margin: 0 auto; background: #fff; padding: 40px; border-radius: 8px;}

.login-page {background:url(../images/shape/bg-rectangles-.png), #101010; display: flex; height: 100vh; }

.fb-btn {line-height: 46px;  background-color: #3b5998!important;}

.google-btn {line-height: 46px;  background-color: #e94235!important;}

.closes {right: 8px; font-size: 35px;  font-weight: 700; top: -2px; color: #d6d6d6; border: 0; background: transparent; }

.popup-modals .modal-dialog {max-width: 600px; }

.modal-body {position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 30px; }







/**start update 1.7 from here**/

/*shop page*/



@media (min-width: 1200px){

.shop-container{max-width: 1110px !important}

}



.shop-tags-list li {

    display: inline-block;

    margin-top: 10px;

    margin-right: 2px;

    margin-left: 2px;

}

.shop-tags-list li a{

    display: inline-block;

    background-color: #ffffff;

    border: 1px solid #f2effc;

    box-shadow: 0px 2px 8px 0px rgba(0, 0, 225, 0.08);

    color: #050748;

    padding: 12px 16px;

    border-radius: 30px;

    font-weight: 500;

    font-size: 14px;

    text-transform: capitalize;

}

.shop-tags-list li a.active{

	background-color: #436ad6;

    color: #fff;

}

.shop-tags-list{text-align: center;}

.shop-tags-list li a span{

	    display: inline-block;

    margin: 0 0 0 4px;

}

.main-shop-catte a{

display: inline-block;

    background-color: #e2e2ef;

    border: 1px solid #f2effc;

    box-shadow: 0px 2px 8px 0px rgba(0, 0, 225, 0.08);

    color: #050748;

    padding: 18px 18px;

    border-radius: 30px;

    font-weight: 600;

    font-size: 14px;

    text-transform: capitalize;

}

.main-shop-catte a.active{

	background-color: #436ad6;

    color: #fff;

}

.main-shop-catte {

    text-align: center;

}

.shop-products-bhv{

	background: #fafafa;

}

.rpb-shop-items-dv{

	padding: 0;

	margin: 0;

	border: 0;

	text-align: inherit;

}

.rpb-shop-items-dv a{

	padding: 0;margin: 0;

}

.rpb-shop-items-img{}

.rpb-shop-items-info{padding: 16px;}

.rpb-shop-items-tittl h3{

	font-size: 16px;

    line-height: 1;

}

.rpb-shop-items-tittl h3 a{

	    white-space: nowrap;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 16px;

    line-height: 24px;

}

.rpb-shop-items-tittl p.tags-itmm{

	font-size: 14px;

    line-height: 22px;

    margin: 0;

    padding: 0;

    color: #6a6a8e;

}



.rpb-shop-items-flex{

    display: flex;

    justify-content: space-between;

    margin-top: 20px;

}

.rpb-shop-inf-ll{}

.rpb-itm-pric span.regular-prz{

	font-size: 20px;

    font-weight: 100;

    color: #6a6a8e;

    text-decoration: line-through;

    margin: 0 0 0 6px;	    

}

.rpb-itm-pric span.offer-prz{

	   font-size: 20px;

    font-weight: 700;

    color: #050748;

}

.rpb-tim-rate ul li a{

	margin: 0;

	padding: 0;

	font-size: 13px;

}

.rpb-tim-rate ul li{margin: 0;}

.rpb-tim-rate{margin-top: 5px;}

.rpb-itm-sale{

    margin-top: 10px;

    display: block;

    font-size: 14px;}



.rpb-shop-inf-rr{

	align-items: flex-end;

    display: flex;

}    

.rpb-shop-inf-rr a.rpb-shop-prev{

	display: inline-block;

    background-color: #ffffff;

    border: 1px solid #f2effc;

    box-shadow: 0px 2px 8px 0px rgba(0, 0, 225, 0.08);

    color: #050748;

    padding: 12px 16px;

    border-radius: 30px;

    font-weight: 500;

    font-size: 14px;

    text-transform: capitalize;

}

.pagination {

    display: -ms-flexbox;

    display: flow-root;

    list-style: none;

    border-radius: .25rem;

    margin: 60px 0 0 0;

    text-align: center;

}

.pagination a{

  display: inline-block;

  padding: 10px 18px;

  color: #222;

}

.pagi1 a{

  width: 40px;

  height: 40px;

  line-height: 40px;

  padding: 0;

  text-align: center;

}



.pagi1 a.is-active{

  background-color: #436ad6;

  border-radius: 100%;

  color: #fff;

}



/*shop details*/



.rpb-shop-prevw{

	margin-bottom: 40px;

    background-color: #f6f6f7;

    padding: 20px;

}

/*tab css*/

.tab-17 .nav-tabs{

	background: #f6f6f7;

    padding: 0px 15px;

}



.tab-17.tabs-layout .nav-tabs .nav-link.active {

    color: #6a6a8e;

    background-color: transparent;

    border-color: transparent;

    border-radius: 0;

    border-bottom: 2px solid #ff358d;

}

.tab-17.tabs-layout .nav-tabs .nav-link {

    border: 0px solid transparent;

    color: #6a6a8e;

    background-color: transparent;

    border-radius: 0;

    padding: 15px;

    border-bottom: 2px solid #f6f6f7;

}

.badges {

    display: inline-block;

    padding: .25em .4em;

    font-size: 50%;

    font-weight: 700;

    line-height: 1;

    text-align: center;

    white-space: nowrap;

    vertical-align: baseline;

    border-radius: .25rem;

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.rpb-item-review .reviews-card {

    position: relative;

    z-index: 9;

    background: #f6f6f7;

    padding: 25px;

    border-radius: 8px;

    margin-bottom: 20px;

}

.rpb-item-infodv{

	    margin-bottom: 40px;

    background-color: #f6f6f7;

    padding: 20px;

}

.nx-rt{

    float: right;

    font-size: 15px;

    width: 60%;

    text-align: right;}



.rpb-item-infodv ul li strong {

color: #050748;

    font-size: 15px;

    float: left;

    width: 40%;

}

.rpb-item-infodv ul li + li {

    border-top: 1px solid #e0e0e0;  

}



.rpb-item-infodv ul li {

    padding: 15px 0;

        display: flow-root;

}

.btn-grp a{	 margin: 0 10px;}



/*cart page*/

.div-for-data {

border: 1px solid #e0e0e0;

    margin: 0;

    text-align: left;

    width: 100%;

    border-radius: 8px;

    background: #fff;

        border-collapse: separate;

}

.rpb-cart-table table.cart_table th {

    padding: 15px 20px;

    color: #050748;

    font-size: 17px;

}



.rpb-cart-table table.cart_table td {

border-top: 1px solid #e0e0e0;

    padding: 15px 20px;

    font-size: 16px;

    font-weight: 500;

    color: #050748;

}

.rpb-cart-table table .product-thumbnail img {

    width: 60px;

}



.rpb-cart-table table .product-name a {

   color: #050748;

}

.rpb-cart-table a.remove {

display: block;

    font-size: 24px;

    height: 25px;

    width: 25px;

    text-align: center;

    line-height: 25px;

    border-radius: 100%;

    color: #ff0000!important;

    text-decoration: none;

    font-weight: 700;

    border: 0;

    background: #efefef;

}

.update-cart{text-align: right;}

.cart-pg-coupon input{

	width: 180px;

    height: 45px;

    padding: 0px 10px;

    margin: 0px 0 0px 0;

    color: #172b43;

    font-size: 16px;

    outline: none;

    background: #fff;

    border: 1px solid #e6e6e6;

    -webkit-border-radius: 8px;

    border-radius: 8px;

}

button.smllbtnn{ 

	line-height: 45px;

    color: #fff;

    border-radius: 8px;

    padding: 0 20px;

    border: 0;}





.cart-extra-sevc{padding: 20px;}



.post-info h5 a{

	color: #050748;

    font-size: 16px;

}

.mt5{margin-top: 5px;}



table {

    color: #050748;

}

table.border{border-radius: 8px;}

.btn-small {

    font-size: 15px;

    font-weight: 400;  

    padding: 0px 20px;

    line-height: 35px;  

}

.media + .media {    margin-top: 20px;}



/*contact page 2*/

.map-div iframe{width: 100%; height: 200px; border: 0;}

.contact2dv{

	background: #e7fbff;

    padding: 30px;

}

.info-wrapr .dbox p span {

    color: #6a6a8e;

    font-size: 20px;

    display: block;

    text-transform: capitalize;

    font-weight: 700;

}



.info-wrapr .dbox {

    width: 100%;

     color: #6a6a8e;

    margin-bottom: 25px;

}



.info-wrapr .icon i{

	    font-size: 25px;

}

.info-wrapr .text a{

	 color: #6a6a8e;

}

.pr30{padding-right: 30px;}

.pl30{padding-left: 30px;}

.addtocart{

	    width: 20px;

    height: 20px;

    background: #fafafa;

    display: block;

    position: absolute;

    top: 1px;

    right: -6px;

    line-height: 20px;

    border-radius: 100%;

    color: #050748;

    box-shadow: 0px 5px 10px rgb(93 0 39 / 44%);

    font-size: 14px;

    font-weight: bold;

}

/**end update 1.7 from here**/



/**Features**/

.custom-file-input:focus~.custom-file-label {  border-color: #ced4da;  box-shadow: none;}

.dropcap{    float: left;   font-size: 45px;   line-height: 1;   padding-right: 10px;   text-transform: uppercase;}

.list-style-{padding: 0 0 0 20px;text-align: left;}

.list-style- li{line-height: 32px;

list-style-type: circle;}

.img-ctr{    text-align: center;

display: block;}

.footer-link-v2 li{display: inline-flex;    padding: 0px 15px;}

.footer-badges-{    display: flex;

justify-content: space-between;}

.footer-badges- li{    display: inline-block;}

.footer-badges- li a img {width: 150px; }

.footer-brands{background: #f8f9fa; padding: 30px 0;}

.single-blog- img {height: 70px; width: 70px; display: block; border-radius: 8px;}

.single-blog- .post-meta i {margin: 0 5px 0 0; }

.single-blog- .post-meta {font-size: 13px; }

.single-blog- .content .title{line-height: 20px; font-size: 15px;}

.single-blog- .content .title a {color: #050748; }

.single-blog- .content .title a:hover {color: #ff1f8e ; }

.post-thumb{margin-right: 15px;}

.single-blog-{    display: inline-flex;}

.footer-blog- .single-blog-:last-child{margin-top: 20px;}

.icon-card-{  text-align: center;

background: #fff;

border: 1px solid #eaeaea;

border-radius: 8px;

padding: 15px;}

.icon-card- img{width:60px;}

.icon-card- h4{margin: 20px 0}

/**Help css**/

.onloadpage {position: fixed; z-index: 99999999; top: 0; right: 0; bottom: 0; left: 0; display: block; background: #ffffff;}

.onloadpage .pre-content{top: 50%; position: relative; right: 0; left: 0; text-align: center; transform: translateY(-50%);   }

.onloadpage .pre-text- {  font-size: 18px;    line-height: 28px;    font-weight: 600;    width: 30%;    margin: 0 auto;}

.onloadpage .pre-text- span{display: block;}

.logo-pre {

    background: linear-gradient(to bottom, #fffce9 0%,#ffe1ec 100%);

    border-radius: 50%;

    height: 100px;

    width: 100px;

    box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);

    animation: pulse 2s infinite;

    margin: 0 auto 30px;

    display: flex;

    align-items: center;

    padding: 8px;}

@keyframes pulse {

0% {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);}

70% {box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);}

100% {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }}

.tilt-3d .base {transform-style: preserve-3d;    transform: perspective(1000px);}

.tilt-3d .layer{transform: translateZ(20px);}

.shdo{    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);

box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}

.-shadow{

-webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;

box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;}

a.disabled { pointer-events: none; cursor: default; opacity: 0.4;}

h1 {  font-size: 45px;  line-height: 57px;}

h2 {  font-size: 40px;  line-height: 52px;}

h3 {  font-size: 34px;  line-height: 46px;}

h4 {  font-size: 22px;  line-height: 32px;}

h5 {  font-size: 20px;  line-height: 30px;}

h6 {  font-size: 16px;  line-height: 26px;}

p {   font-size: 17px;  line-height: 28px;}

.pad-tb { padding-top: 100px; padding-bottom: 100px;}

.pr--100 { padding-right: 100px;}

.pl--100 { padding-left: 100px;}

.pl--50 { padding-left: 50px;}

.pr--50 { padding-right: 50px;}

.mr15{margin-right: 15px;}

html .pl5{padding-left:5px !important;}

html .pt0{padding-top:0;}

html .pm0{padding-bottom:0;}

html .mt0{margin-top: 0px;}

html .mb0{margin-bottom: 0;}

html .mt10{margin-top: 10px;}

html .ml10{margin-left: 10px;}

html .mt20{margin-top: 20px;}

html .mt30{margin-top: 30px;}

html .mt40{margin-top: 40px;}

html .mt50{margin-top: 50px;}

html .mt60{margin-top: 60px;}

html .mt70{margin-top: 70px;}

html .mt80{margin-top: 80px;}

html .mt90{margin-top: 90px;}

html .mt100{margin-top: 100px;}

html .mb10{margin-bottom: 10px;}

html .mb20{margin-bottom: 20px;}

html .mb25{margin-bottom: 25px;}

html .mb30{margin-bottom: 30px;}

html .mb40{margin-bottom: 40px;}

html .mb50{margin-bottom: 50px;}

html .mb60{margin-bottom: 60px;}

html .mb70{margin-bottom: 70px;}

html .mb80{margin-bottom: 80px;}

html .mb90{margin-bottom: 90px;}

html .mb100{margin-bottom: 100px;}

html .m0{margin: 0px !important;}

html .p0{padding: 0px !important;}

html .pt10{padding-top: 10px;}

html .pt20{padding-top: 20px;}

html .pt30{padding-top: 30px;}

html .pt40{padding-top: 40px;}

html .pt50{padding-top: 50px;}

html .pt60{padding-top: 60px;}

html .pt70{padding-top: 70px;}

html .pt80{padding-top: 80px;}

html .pt90{padding-top: 90px;}

html .pt100{padding-top: 100px;}

html .pt110{padding-top: 110px;}

html .pt120{padding-top: 120px;}

html .pt130{padding-top: 130px;}

html .pt140{padding-top: 140px;}

html .pb10{padding-bottom: 10px;}

html .pb20{padding-bottom: 20px;}

html .pb30{padding-bottom: 30px;}

html .pb40{padding-bottom: 40px;}

html .pb50{padding-bottom: 50px;}

html .pb60{padding-bottom: 60px;}

html .pb70{padding-bottom: 70px;}

html .pb80{padding-bottom: 80px;}

html .pb90{padding-bottom: 90px;}

html .pb100{padding-bottom: 100px;}

html .pb110{padding-bottom: 110px;}

html .pb120{padding-bottom: 120px;}

html .pb130{padding-bottom: 130px;}

html .pb140{padding-bottom: 140px;}

.badge-warning {    color: #212529;    background-color: #ffc107;    text-align: center;    display: inline;}

.xhighlight{ display: block;  color: #ff2c8e;}

.pl25{padding-left: 25px !important}

.pr25{padding-right: 25px !important}

.text-effect-1 {

background-image: -moz-linear-gradient(45deg,#ff3870 0%,#ff3870 50%,#c300c3 100%);

background-image: -webkit-linear-gradient(45deg,#ff3870 0%,#ff3870 50%,#c300c3 100%);

background-image: linear-gradient(45deg,#ff3870 0%,#ff3870 50%,#c300c3 100%);

-webkit-background-clip: text;

-moz-background-clip: text;

background-clip: text;

-webkit-text-fill-color: transparent;}

.text-effect-2 {

background: #fc00c7;

background-image: -moz-linear-gradient(-45deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);

background-image: -webkit-linear-gradient(-45deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);

background-image: linear-gradient(135deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);

-webkit-background-clip: text;

-moz-background-clip: text;

background-clip: text;

-webkit-text-fill-color: transparent;}

.bg-btn{

background: #ffbd84;

background: -moz-linear-gradient(left, #ffbd84 0%, #ff1f8e 100%);

background: -webkit-linear-gradient(left, #ffbd84 0%,#ff1f8e 100%);

background: linear-gradient(to right, #ffbd84 0%,#ff1f8e 100%);

-webkit-box-shadow: 0 10px 15px 0px rgba(175, 0, 87, .2);

box-shadow: 0 10px 15px 0px rgba(175, 0, 87, .2);}

.bg-btn2{

background: #f92c8b;

background: -moz-linear-gradient(left, #f92c8b 0%, #b02cd6 100%);

background: -webkit-linear-gradient(left, #f92c8b 0%,#b02cd6 100%);

background: linear-gradient(to right, #f92c8b 0%,#b02cd6 100%);

-webkit-box-shadow: 0 10px 15px 0px rgba(175, 0, 202, .2);

box-shadow: 0 10px 15px 0px rgba(175, 0, 202, .2);}

.bg-btn3 {

background: #673AB7;

background: -moz-linear-gradient(left, #673AB7 0%, #2196F3 100%);

background: -webkit-linear-gradient(left, #673AB7 0%,#2196F3 100%);

background: linear-gradient(to right, #673AB7 0%,#2196F3 100%);

-webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);

box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);}

.bg-btn4 {/*use in dark mode*/

background: transparent;

-webkit-box-shadow: none;

box-shadow: none;

border: 1px solid #fff;}

.bg-btn5 {

background: #ff0048;

background-image: -webkit-linear-gradient(45deg,#ff3870 0%,#ff3870 50%,#c300c3 100%);

background-image: linear-gradient(45deg,#ff0048 0%,#ff3870 50%,#c300c3 100%);

-webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);

box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);}

.bg-btn6 {

background: #fc00c7;

background: -moz-linear-gradient(-45deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);

background: -webkit-linear-gradient(-45deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);

background: linear-gradient(135deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);}

.bg-btn7 {

background: #fc00c7;

background: -moz-linear-gradient(-45deg, #fc00c7 0%, #1c4efd 54%, #00aded 100%);

background: -webkit-linear-gradient(-45deg, #fc00c7 0%,#1c4efd 54%,#00aded 100%);

background: linear-gradient(135deg, #9100ff 0%,#3663ff 54%,#00e2ff 100%);

-webkit-box-shadow: 0 10px 15px 0px rgba(56, 0, 189, .2);

box-shadow: 0 10px 15px 0px rgb(0 49 189 / .2);}

.hover-scale img{transform: scale(1.0);}

.hover-scale:hover img {transform: scale(1.05);}

.text-animation{

font-weight: bold;

color: transparent;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

-webkit-animation: hue 6s infinite linear; }

.bg-a{ background-image: linear-gradient(to right, #ff1f8e 0%,#ffbd84 36%,#ffbd84 65%,#ff1f8e 100%);}

.bg-b{ background-image: linear-gradient(to right, #673AB7 0%,#E91E63 36%,#E91E63 65%,#673AB7 100%);}

@keyframes slideIn {

0% {transform: translateY(1rem);    opacity: 0; }

100% {transform:translateY(0rem);   opacity: 1; }

0% {transform: translateY(1rem);    opacity: 0; } }

@-webkit-keyframes slideIn {

0% {-webkit-transform: transform;        -webkit-opacity: 0;    }

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

0% {-webkit-transform: translateY(1rem); -webkit-opacity: 0;    } }

@keyframes hue {

from {background-position:0 0;  }

to {background-position: 2000px 0;} }

@keyframes arrowanim{

0%{ transform: translate(0, 0); }

50%{ transform: translate(8px, 0); }

100%{ transform: translate(0, 0); }

}

@-webkit-keyframes arrowanim{

0%{ transform: translate(0, 0); }

50%{ transform: translate(8px, 0); }

100%{ transform: translate(0, 0); }

}

@keyframes updonanim{

0%{ transform: translate(0, 0); }

50%{ transform: translate(0, 8px); }

100%{ transform: translate(0, 0); }

}

@-webkit-keyframes updonanim{

0%{ transform: translate(0, 0); }

50%{ transform: translate(0, 8px); }

100%{ transform: translate(0, 0); }

}

@keyframes border-transform{

0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }

14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }

28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }

42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }

56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }

70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }

84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }

}

.lead-intro- img{ animation: 3s infinite updonanim; -webkit-animation: 3s infinite updonanim; }

/**Gredient css**/

.bg-gradient{

background: #c7ecff;

background: -moz-linear-gradient(top, #c7ecff 0%, #f9efff 100%);

background: -webkit-linear-gradient(top, #c7ecff 0%,#f9efff 100%);

background: linear-gradient(to bottom, #c7ecff 0%,#f9efff 100%);}

.bg-gradient1{

background: #ffe2e2;

background: -moz-linear-gradient(top, #ffe2e2 0%, #fff9f4 100%);

background: -webkit-linear-gradient(top, #ffe2e2 0%,#fff9f4 100%);

background: linear-gradient(to bottom, #ffe2e2 0%,#fff9f4 100%);}

.bg-gradient2{

background: #fdffed;

background: -moz-linear-gradient(top, #fdffed  0%, #effff8  100%);

background: -webkit-linear-gradient(top, #fdffed  0%,#effff8  100%);

background: linear-gradient(to bottom, #fdffed 0%,#effff8 100%);}

.bg-gradient3{

background: #e2f3ff;

background: -moz-linear-gradient(top, #e2f3ff  0%, #fffbef  100%);

background: -webkit-linear-gradient(top, #e2f3ff  0%,#fffbef  100%);

background: linear-gradient(to bottom, #e2f3ff  0%,#fffbef  100%);}

.bg-gradient4{

background: #c1eeff;

background: -moz-linear-gradient(top, #c1eeff 0%, #f5faff 100%);

background: -webkit-linear-gradient(top, #c1eeff 0%,#f5faff 100%);

background: linear-gradient(to bottom, #c1eeff 0%,#f5faff 100%);}

.bg-gradient5{

background: #fff6f3     ;

background: -moz-linear-gradient(top, #fff6f3 0%, #fffefb 100%);

background: -webkit-linear-gradient(top, #fff6f3 0%,#fffefb 100%);

background: linear-gradient(to bottom, #fff6f3 0%,#fffefb 100%);}

.bg-gradient6{

background: #e8fffc ;

background: -moz-linear-gradient(top, #e8fffc 0%, #fff4f4  100%);

background: -webkit-linear-gradient(top, #e8fffc 0%,#fff4f4  100%);

background: linear-gradient(to bottom, #e8fffc 0%,#fff4f4  100%);}

.bg-gradient7{

background: #ffe2e2;

background: -moz-linear-gradient(top, #ffe2e2 0%, #fff9f4 100%);

background: -webkit-linear-gradient(top, #ffe2e2 0%,#fff9f4 100%);

background: linear-gradient(to bottom, #ffe2e2 0%,#fff9f4 100%);}

.bg-gradient8{

background: #fff8fb;

background: -moz-linear-gradient(top, #fff8fb 0%, #d0fcf6 100%);

background: -webkit-linear-gradient(top, #fff8fb 0%,#d0fcf6 100%);

background: linear-gradient(to bottom, #fff8fb 0%,#d0fcf6 100%);}

.bg-gradient9{

background: #e5ffee;

background: -moz-linear-gradient(top, #ffe2e2 0%, #fff9f4 100%);

background: -webkit-linear-gradient(top, #ffe2e2 0%,#fff9f4 100%);

background: linear-gradient(to bottom, #e5ffee 0%,#e2f6ff 100%);}

.bg-gradient10{

background: #e4fffe;

background: -moz-linear-gradient(top, #e4fffe 0%, #ffedf3 100%);

background: -webkit-linear-gradient(top, #e4fffe 0%,#ffedf3 100%);

background: linear-gradient(to bottom, #e4fffe 0%,#ffedf3 100%);}

.bg-gradient11{

background: #ff1f8e;

background: -moz-linear-gradient(left, #ff1f8e 0%, #007bff 100%);

background: -webkit-linear-gradient(left, #ff1f8e 0%,#007bff 100%);

background: linear-gradient(to right, #ff1f8e 0%,#007bff 100%);}

.bg-gradient12{

background: #3f36b9;

background: -moz-linear-gradient(left, #552ecd 0%,#13137a 100%);

background: -webkit-linear-gradient(left,#552ecd 0%,#13137a 100%);

background: linear-gradient(to right, #552ecd 0%,#13137a 100%);}

.bg-gradient13{

background: #9C27B0;

background: -moz-linear-gradient(left, #9C27B0 0%, #673AB7 100%);

background: -webkit-linear-gradient(left, #9C27B0 0%,#673AB7 100%);

background: linear-gradient(to right, #9C27B0 0%,#673AB7 100%);}

.bg-gradient14{

background: #ff2d8d;

background: -moz-linear-gradient(top, #ff2d8d 0%, #653db9  100%);

background: -webkit-linear-gradient(top, #ff2d8d 0%,#653db9  100%);

background: linear-gradient(to bottom, #ff2d8d 0%,#653db9  100%);}

.bg-gradient15{

background: #fffdf2;

background: -moz-linear-gradient(top, #fffdf2 0%, #ffeff5 100%);

background: -webkit-linear-gradient(top, #fffdf2 0%,#ffeff5 100%);

background: linear-gradient(to bottom, #fffdf2 0%,#ffeff5 100%);}

.bg-gradient16 {

background-image: -moz-linear-gradient(45deg,#9217de 0%,#4775ff 50%,#00b6d4 100%);

background-image: -webkit-linear-gradient(45deg,#9217de 0%,#4775ff 50%,#00b6d4 100%);

background-image: linear-gradient(45deg,#9217de 0%,#4775ff 50%,#00b6d4 100%);

}

.bg-flat1{background: #f5f5f5}

.classic-bg1{background: #fffef9;}

.classic-bg2{background: #f3fffe;}

.classic-bg3{background: #fef9ff;}

.classic-bg4{background: #3f36b9;}

.classic-bg5{background: #fffef4;}

/**Mobile Nav**/

.mobile-menu2{display: none;}

.mobile-menu2 .navm-{margin: 0px 0 0 10px;}

.mob-nav2 {display: flex;}

.mob-nav2 li{position: relative;}

html.hc-nav-yscroll {overflow-y: scroll}

body.hc-nav-open {overflow: visible;    position: relative;    width: 100%; min-height: 100%}

.hc-offcanvas-nav { visibility: hidden; display: none;  position: fixed;    top: 0; height: 100%;   z-index: 9999999;}

.hc-offcanvas-nav.is-ios * {    cursor: pointer !important}

.hc-offcanvas-nav .nav-container {  position: fixed;    z-index: 9998;  top: 0; height: 100%;   max-width: 100%;    max-height: 100%;

box-sizing: border-box; transition: transform .4s ease}

.hc-offcanvas-nav .nav-wrapper {    width: 100%;    height: 100%;   box-sizing: border-box; }

.hc-offcanvas-nav .nav-content { height: 100%}

.hc-offcanvas-nav .nav-wrapper-0>.nav-content {

overflow: scroll;

overflow-x: visible;

overflow-y: auto;

box-sizing: border-box}

.hc-offcanvas-nav ul {list-style: none; margin: 0; padding: 0}

.hc-offcanvas-nav li {position: relative; display: block }

.hc-offcanvas-nav li.level-open>.nav-wrapper {visibility: visible}

.hc-offcanvas-nav li:not(.custom-content) a {

position: relative;

display: block;

box-sizing: border-box;

cursor: pointer}

.hc-offcanvas-nav li:not(.custom-content) a[disabled] { cursor: not-allowed}

.hc-offcanvas-nav li:not(.custom-content) a,

.hc-offcanvas-nav li:not(.custom-content) a:hover { text-decoration: none }

.hc-offcanvas-nav input[type="checkbox"] { display: none }

.hc-offcanvas-nav label {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer }

.hc-offcanvas-nav .nav-item {position: relative; display: block; box-sizing: border-box }

.hc-offcanvas-nav.disable-body::after,

.hc-offcanvas-nav .nav-wrapper::after {

content: '';

position: fixed;

z-index: 9990;

top: 0;

left: 0;

right: 0;

bottom: 0;

width: 100%;

height: 100%;

visibility: hidden;

opacity: 0;

transition: visibility 0s ease .4s, opacity .4s ease}

.hc-offcanvas-nav.disable-body.nav-open::after,

.hc-offcanvas-nav .sub-level-open::after {visibility: visible; opacity: 1; transition-delay: .05s }

.hc-offcanvas-nav:not(.nav-open)::after {pointer-events: none }

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after {display: none }

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 {max-height: 100vh }

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0>.nav-content {

overflow: scroll;

overflow-x: visible;

overflow-y: auto;

box-sizing: border-box;

max-height: 100vh}

.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper {

min-width: 0;

max-height: 0;

visibility: hidden;

overflow: hidden;

transition: height 0s ease .4s}

.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper {max-height: none; overflow: visible; visibility: visible }

.hc-offcanvas-nav.nav-levels-overlap .nav-content {

overflow: scroll;

overflow-x: visible;

overflow-y: auto;

box-sizing: border-box;

max-height: 100vh}

.hc-offcanvas-nav.nav-levels-overlap .nav-wrapper {max-height: 100vh}

.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper {

position: absolute;

z-index: 9999;

top: 0;

height: 100%;

visibility: hidden;

transition: visibility 0s ease .4s, transform .4s ease}

.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent {position: static }

.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper {

visibility: visible;

transform: translate3d(0, 0, 0);

transition: transform .4s ease}

.hc-offcanvas-nav.nav-position-left {left: 0}

.hc-offcanvas-nav.nav-position-left .nav-container {left: 0}

.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper {left: 0; transform: translate3d(-100%, 0, 0)}

.hc-offcanvas-nav.nav-position-right {right: 0 }

.hc-offcanvas-nav.nav-position-right .nav-container {right: 0 }

.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper {right: 0; transform: translate3d(100%, 0, 0)}

.hc-offcanvas-nav.nav-position-top {top: 0 }

.hc-offcanvas-nav.nav-position-top .nav-container {top: 0; width: 100%}

.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper {left: 0; transform: translate3d(0, -100%, 0) }

.hc-offcanvas-nav.nav-position-bottom {top: auto; bottom: 0 }

.hc-offcanvas-nav.nav-position-bottom .nav-container {top: auto; bottom: 0; width: 100%}

.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper {left: 0; transform: translate3d(0, 100%, 0) }

.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container {transform: translate3d(0, 0, 0) }

.hc-offcanvas-nav.rtl li {text-align: right}

.hc-offcanvas-nav.rtl .nav-next span,

.hc-offcanvas-nav.rtl .nav-back span,

.hc-offcanvas-nav.rtl .nav-close span {left: 0; right: unset}

.hc-nav-trigger {

cursor: pointer;

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

display: none;

top: 20px;

z-index: 9980;

width: 30px;

min-height: 48px}

.hc-nav-trigger span {

width: 30px;

top: 50%;

transform: translateY(-50%);

transform-origin: 50% 50%}

.main-header.sticky .hc-nav-trigger span,

.main-header.sticky .hc-nav-trigger span::before,

.main-header.sticky .hc-nav-trigger span::after {

background: #050748;}

.hc-nav-trigger span,

.hc-nav-trigger span::before,

.hc-nav-trigger span::after {

display: block;

position: absolute;

left: 0;

height: 4px;

background: #050748;

transition: all .2s ease}

.nav-bg-b .hc-nav-trigger span,

.nav-bg-b .hc-nav-trigger span::before,

.nav-bg-b .hc-nav-trigger span::after {

background: #fff;}

.hc-nav-trigger span::before,

.hc-nav-trigger span::after {content: ''; width: 100% }

.hc-nav-trigger span::before {top: -10px }

.hc-nav-trigger span::after {bottom: -10px }

.hc-nav-trigger.toggle-open span {background: rgba(0, 0, 0, 0) !important; transform: rotate(45deg)}

.hc-nav-trigger.toggle-open span::before {transform: translate3d(0, 9px, 0);}

.hc-nav-trigger.toggle-open span::after {transform: rotate(-90deg) translate3d(10px, 0, 0) }

.hc-offcanvas-nav::after,

.hc-offcanvas-nav .nav-wrapper::after {background: rgba(0, 0, 0, 0.5)}

.hc-offcanvas-nav .nav-container,

.hc-offcanvas-nav .nav-wrapper,

.hc-offcanvas-nav ul {background: #101010}

.hc-offcanvas-nav h2 {    font-size: 22px;

font-weight: normal;

text-align: left;

padding: 10px 17px;

color: #101010 !important;

background: #fff;}

.hc-offcanvas-nav .nav-item {

padding: 14px 17px;

font-size: 15px;

color: #fff;

z-index: 1;

background: rgba(0, 0, 0, 0);

border-bottom: 0px solid #fff}

.hc-offcanvas-nav .nav-item:focus,

.hc-offcanvas-nav .nav-item:focus-within {z-index: 10 }

.hc-offcanvas-nav .nav-item-wrapper { position: relative }

.hc-offcanvas-nav .nav-highlight { background: #2e6296 }

.hc-offcanvas-nav .nav-close:focus,

.hc-offcanvas-nav .nav-next:focus,

.hc-offcanvas-nav .nav-back:focus { z-index: 10 }

.hc-offcanvas-nav li:not(.custom-content) a {

padding: 14px 15px;

font-size: 15px;

color: #fff ;

z-index: 1;

background: rgba(0, 0, 0, 0);

border-bottom: 0px solid #2c5d8f}

.hc-offcanvas-nav li:not(.custom-content) a[disabled] {color: rgba(255, 255, 255, 0.5) }

.hc-offcanvas-nav:not(.touch-device) li:not(.custom-content) a:hover {background: #101010 }

.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a {

border-top: 1px solid #2c5d8f; margin-top: -1px}

.hc-offcanvas-nav li {text-align: left }

.hc-offcanvas-nav li.nav-close a,

.hc-offcanvas-nav li.nav-back a {    background: #ffffff;  color: #101010;}

.hc-offcanvas-nav li.nav-close a:hover,

.hc-offcanvas-nav li.nav-back a:hover {background: #fff }

.hc-offcanvas-nav li.nav-close:not(:first-child) a,

.hc-offcanvas-nav li.nav-back:not(:first-child) a {margin-top: -1px }

.hc-offcanvas-nav li.nav-parent .nav-item:last-child {padding-right: 35px }

.hc-offcanvas-nav li.nav-parent .nav-item:not(:last-child) {margin-right: 44px}

.hc-offcanvas-nav li.nav-close span,

.hc-offcanvas-nav li.nav-parent .nav-next,

.hc-offcanvas-nav li.nav-back span {

width: 45px;

position: absolute;

top: 0;

right: 0;

bottom: 0;

text-align: center;

cursor: pointer;

transition: background .2s ease}

.hc-offcanvas-nav li.nav-close span::before,

.hc-offcanvas-nav li.nav-close span::after {

content: '';

position: absolute;

top: 46%;

left: 50%;

width: 10px;

height: 10px;

margin-top: -3px;

border-top: 2px solid #101010 ;

border-left: 2px solid #101010 }

.hc-offcanvas-nav li.nav-close span::before {margin-left: -11px; transform: rotate(135deg) }

.hc-offcanvas-nav li.nav-close span::after {transform: rotate(-45deg) }

.hc-offcanvas-nav a.nav-next {border-left: 1px solid #2c5d8f }

.hc-offcanvas-nav .nav-next span::before,

.hc-offcanvas-nav li.nav-back span::before {

content: '';

position: absolute;

top: 50%;

left: 50%;

width: 8px;

height: 8px;

margin-left: -2px;

box-sizing: border-box;

border-top: 2px solid #fff;

border-left: 2px solid #fff;

transform-origin: center}

.hc-offcanvas-nav .nav-next span {position: absolute; top: 0; right: 0; left: 0; bottom: 0}

.hc-offcanvas-nav .nav-next span::before {transform: translate(-50%, -50%) rotate(135deg) }

.hc-offcanvas-nav li.nav-back span::before {transform: translate(-50%, -50%) rotate(-45deg)}

.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper {box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2)}

.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper {box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2)}

.hc-offcanvas-nav.nav-position-right .nav-next span::before {

margin-left: 0;

margin-right: -2px;

transform: translate(-50%, -50%) rotate(-45deg)}

.hc-offcanvas-nav.nav-position-right li.nav-back span::before {

margin-left: 0;

margin-right: -2px;

transform: translate(-50%, -50%) rotate(135deg)}

.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper {box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) }

.hc-offcanvas-nav.nav-position-top .nav-next span::before {

margin-left: 0;

margin-right: -2px;

transform: translate(-50%, -50%) rotate(-135deg) }

.hc-offcanvas-nav.nav-position-top li.nav-back span::before {

margin-left: 0;

margin-right: -2px;

transform: translate(-50%, -50%) rotate(45deg) }

.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper { box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2) }

.hc-offcanvas-nav.nav-position-bottom .nav-next span::before {

margin-left: 0;

margin-right: -2px;

transform: translate(-50%, -50%) rotate(45deg) }

.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before {

margin-left: 0;

margin-right: -2px;

transform: translate(-50%, -50%) rotate(-135deg) }

.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,

.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper {

box-shadow: none;

background: transparent }

.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,

.hc-offcanvas-nav.nav-levels-none .nav-container ul h2 {

display: none }

.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,

.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item {

font-size: 14px }

.hc-offcanvas-nav.nav-levels-expand .nav-container li,

.hc-offcanvas-nav.nav-levels-none .nav-container li {transition: background .3s ease }

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,

.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open { background: #101010 }

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a,

.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a {

border-bottom: 0px solid #fff }

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a:hover,

.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a:hover {

background: #101010 }

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>.nav-next span::before,

.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item-wrapper>a>.nav-next span::before,

.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>.nav-next span::before,

.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item-wrapper>a>.nav-next span::before {

margin-top: 2px;

transform: translate(-50%, -50%) rotate(45deg) }

.hc-offcanvas-nav.nav-levels-expand .nav-container .nav-next span::before,

.hc-offcanvas-nav.nav-levels-none .nav-container .nav-next span::before {

margin-top: -2px;

transform: translate(-50%, -50%) rotate(-135deg) }

.hc-offcanvas-nav.rtl a.nav-next {

border-left: none; border-right: 0px solid #fff }

.hc-offcanvas-nav.rtl li.nav-parent .nav-item {

padding-right: 17px; padding-left: 58px }

#main-nav {display: none}

.hc-offcanvas-nav .nav-wrapper-0>.nav-content {padding-bottom: 41px }

.hc-offcanvas-nav h2 {font-weight: 400 }

.hc-offcanvas-nav a {font-size: 16px }

.hc-offcanvas-nav li .custom-message {font-size: 12px }

.hc-offcanvas-nav li .custom-message a {color: #fff; font-size: 13px }

.hc-offcanvas-nav li .custom-message a:hover {text-decoration: none }

.hc-offcanvas-nav.nav-position-top ul.bottom-nav,

.hc-offcanvas-nav.nav-position-bottom ul.bottom-nav {position: relative; border-top: none}

.hc-offcanvas-nav.nav-position-top .nav-wrapper-0>.nav-content,

.hc-offcanvas-nav.nav-position-bottom .nav-wrapper-0>.nav-content {padding-bottom: 0 }

.hc-offcanvas-nav ul.bottom-nav {

position: absolute;

z-index: 10;

bottom: 0;

width: 100%;

display: flex;

flex-wrap: nowrap;

align-items: stretch;

border-top: 0px solid #101010;

background: #101010;}

.hc-offcanvas-nav ul.bottom-nav li {flex: auto}

.hc-offcanvas-nav ul.bottom-nav li a {padding: 10px; text-align: center; height: 100%; border-bottom: none }

.hc-offcanvas-nav ul.bottom-nav li svg {fill: #fff; display: inline-block; vertical-align: middle }

.hc-offcanvas-nav ul.bottom-nav li.prb svg {width: 18px; height: 18px }

.hc-offcanvas-nav.close-no-label:not(.rtl) .nav-title {   padding-right: 60px;}

.hc-offcanvas-nav.close-no-label .nav-title+ul>.nav-close:first-child a {

position: absolute;	width: 45px;	height: 56px;	top: 0;	right: 0;	transform: translateY(-100%) }



/**update 1.9**/

.custom-nav .menu-dorpdown {

    width: 240px;

    margin: 0 auto;

    border-radius: 0px 0px 20px 20px;    

}

.custom-nav .menu-dorpdown .sub-menu-section{  

    border-radius: 0px 0px 20px 20px;    

}

.shape-bg3:before {    

    height: 100%;

    width: 100%;

    opacity: 0.03;

    background-size: cover;

    background-position: center center;

    top: 0;

    left: 0;

    right: 0;

}



/**update 2.0**/ 

.onloadpage { z-index: 999999999;}

.hc-offcanvas-nav h2 {line-height: 36px;}

a.smllbtnn {    line-height: 45px;    color: #fff;    border-radius: 8px;    padding: 0 20px;    border: 0;}

.switch-wrapper {

    display: flex;

    align-items: center;

    position: fixed;

    z-index: 55555;

    top: 50%;

    transform: translateY(-50%);

    transform: rotate(90deg);

}  

.switch-wrapper .switch {

    display: inline-block;

    height: 34px;

    position: relative;

    width: 60px;  }  

.switch-wrapper  .switch input {display: none; }  

.switch-wrapper  .slider {

    background-color: white;

    bottom: 0;

    cursor: pointer;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    transition: 0.4s;

    border: 1px solid #e2e2e2;

    box-shadow: 10px 0px 10px 0px rgb(0 0 0 / 15%);

}  

.switch-wrapper  .slider:before {

    bottom: 4px;

    content: "";

    background: url("../images/icons/sun.svg") rgb(255, 196, 0) no-repeat center center;

    height: 24px;

    left: 4px;

    position: absolute;

    transition: 0.4s;

    width: 24px;

  }

  

.switch-wrapper  input:checked + .slider {background-color: rgb(36, 36, 36); border: 1px solid #ffffff57; }  

.switch-wrapper  input:checked + .slider:before {   transform: translateX(26px); content: "";   background: url(../images/icons/moon.svg) #2196f3 no-repeat center center; }  

.switch-wrapper  .slider.round {border-radius:50px;}  

.switch-wrapper  .slider.round:before {border-radius: 50%;}

/****/

.digitalagency20{

    background: url(../images/shape/bg-glass.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    height: 100vh;

    display: flex;

    align-items: center;

}



.glassmorphism .service-slide{    backdrop-filter: blur(10px);    background: rgb(255 255 255 / 10%);    border: 1px solid rgb(255 255 255 / 50%);}

.niwaxheroscroll{    position: absolute;    width: 100%;    height: 100%;}

.niwaxheroscroll img{ position: absolute;}

.nxhs1{ left: -4%;  bottom: 0;}

.nxhs2{ right: 50%; top: 50%;}

.nxhs3{ right: 30%; bottom: 0;}

.nxhs4{ left: 6%;   top: 14%;}

.nxhs5{ left: 0%;   bottom: 30%;}

.row-forfullcard{

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-gap: 20px;  

    padding: 60px 0;    

    background: url(../images/shape/tt-work-bg.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

}

.fullservicecard .nxgls {

    padding: 30px 20px;

    margin: 0;

    box-shadow: none;

    border-radius: 14px;

    backdrop-filter: blur(8px);

    background: rgb(255 255 255 / 5%);

    border: 1px solid rgb(255 255 255 / 50%);

}

.intgrdtd{ background-image: linear-gradient(135deg,#f34079,#f65b69 50%,#fc8b4c);}

.glassmorphism .badges-content {

    text-align: center;

    backdrop-filter: blur(8px);

    background: rgb(255 255 255 / 5%);

    border: 1px solid rgb(255 255 255 / 50%);

}

.glassmorphism .work-card {   

    backdrop-filter: blur(8px);

    background: rgb(255 255 255 / 5%);

    border: 1px solid rgb(255 255 255 / 50%);

}

.glassmorphism .work-categorys {

    background-color: #fbf9ed;

    position: relative;

    background-image: url(../images/shape/tt-work-bg.jpg);

    background-size: cover;

    background-position: center center;

}

.glassmorphism .statistics-img {

    background: url(../images/shape/shape-f.png),#feefff;

    background-position: left top;

    background-size: 130px;

    background-repeat: no-repeat;

}

.footerdez{

    background-color: #191919;

    padding: 90px 0;

    position: relative;

    z-index: 5;

}

.fttlnks h5 {

    margin-bottom: 25px;

    font-size: 20px;

    font-weight: 500;   

}

.fttlnks h4 {

    margin-bottom: 10px;

    font-size: 18px;

    font-weight: 500;   

}

.contactinfo a{

    display: block;

    font-size: 20px;

    color: #fff;

    line-height: 2

}

.dark-footer h4, .dark-footer h2{ color: #e6e6e6;}

.flexend{align-items: flex-end;}

.rffc{ grid-gap: 0; padding: 0;}

.rffc .fullservicecard .nxgls {   

    border-radius: 0;

    backdrop-filter: blur(1px);

    background: rgb(21 0 49 / 75%);

    border: 0px solid rgb(255 255 255 / 50%);

}

.widebloktag span{    background: #fff;    padding: 5px 14px;    font-size: 14px;    border-radius: 4px;}

.widebloktag span + span{margin-left: 8px;}

.pbwide{    

    position: relative;

    padding: 50px;

    border-radius: 8px;

    display: grid;

    grid-template-columns: auto 55%;

    align-items: center;

    grid-gap: 20px;

}

.info-list-ul{    display: grid;    grid-template-columns: repeat(2,minmax(0,1fr));}

.info-list-ul li{    line-height: 40px;    color: #050748;}

.info-list-ul li:before{    content: "â–¶";    font-size: 14px;    margin: 0 5px 0 0px;}

.img-wide-blocktt{    position: relative;    right: -80px;}

.portfolio-item-info-tt h3{        font-size: 30px;    line-height: 40px;}

.desktopblock{    position: relative;    width: 100%;    border: 10px solid rgb(255 255 255 / 50%);    border-radius: 28px;    overflow: hidden; }

.mobileblock{

    position: absolute;

    max-width: 190px;

    left: -80px;

    top: 0;

    border: 8px solid rgb(255 255 255 / 60%);

    border-radius: 28px;

    overflow: hidden;   

    transform: scale(1.1);

}

.shadow1{  -webkit-box-shadow: 0 10px 15px 0px rgb(3 35 68 / 15%);   box-shadow: 0 10px 15px 0px rgb(3 35 68 / 15%);}

.wptbb + .wptbb {margin-top: 40px;}

.forfullcard {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-gap: 20px;

    padding: 20px;   

    background-repeat: no-repeat;

    background-position: center center;

}

.forfullcard  .srvc-bg-nx{ margin:0}

.tilt-outer{  transform-style: preserve-3d;   transform: perspective(1000px);}

.tilt-inner{ transform: translateZ(20px);}

.pctmc{padding: 30px 15px;}

.srcl0{background: #f9d59e; border-bottom: 4px solid #ebc183;}

.srcl6{background: #fff1f1; border-bottom: 4px solid #ffa2a2;}

.srcl7{background: #ebfffa; border-bottom: 4px solid #a2ffe9;}



/***float label**/

.floating-label { 

    position:relative; 

    margin-bottom:20px; 

  }

  .floating-input , .floating-select {

    font-size:14px;

    padding:4px 4px;

    display:block;

    width:100%;

    height:45px;

    background-color: transparent;

    border:none;

    border-bottom:1px solid #C5C5C5;

  }  

  .floating-input:focus , .floating-select:focus {     outline:none;  border-bottom:1px solid #6B3489; }  

  .floating-label label {

    color: #999;

    font-size: 16px;

    font-weight: normal;

    position: absolute;

    pointer-events: none;

    left: 30px;

    top: 16px;

    transition: 0.2s ease all;

    -moz-transition: 0.2s ease all;

    -webkit-transition: 0.2s ease all;

    margin-bottom: 0;

  }  

  .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label, .floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {

      top: -4px;

      font-size: 12px;

      color: #828282;

  }



/**swiper slider start**/

.hero-slider {

	width: 100%;

	height: 100vh;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	position: relative;

	z-index: 0;

  }

  .hero-slider .slide-inner{ position: relative;}

  .hero-slider .slide-inner:before{

	content: "";

    position: absolute;

    background: #000;

    width: 100%;

    height: 100%;

    opacity: 0.30;

    top: 0;

    left: 0px;

    right: 0;

  }

  

 .hero-slider .swiper-slide {	overflow: hidden;	color: #fff;  }  

  .hero-slider .swiper-container {	width: 100%;	height: 100%;	position: absolute;	left: 0;	top: 0;  }  

  .hero-slider .slide-inner {	width: 100%;	height: 100%;	position: absolute;	left: 0;	top: 0;	z-index: 1;	background-size: cover;	background-position: center;	display: flex;	justify-content: center;	align-items: center;	text-align: left;  }

  

  .hero-slider .swiper-button-prev, .hero-slider .swiper-button-next {

	background: transparent;

	width: 55px;

	height: 55px;

	line-height: 53px;

	margin-top: -30px;

	text-align: center;

	border: 2px solid #d4d3d3;

	border-radius: 55px;

	opacity:0;

	visibility:hidden;

	transition:all .3s ease;

  }

  .hero-slider:hover .swiper-button-prev, .hero-slider:hover .swiper-button-next { transform:translateX(0);	opacity:1;	visibility:visible;  }  

  .hero-slider .swiper-button-prev {	left: 25px;	transform:translateX(50px);  }  

  .hero-slider .swiper-button-prev:before {

	font-family: "Font Awesome 5 Free";

	content: "\f060";

	font-size: 15px;

	color: #d4d3d3;

	font-style: normal;

	display: inline-block;

	vertical-align: middle;

	font-weight: 900;

  }  

  .hero-slider .swiper-button-next {	right: 25px;	transform:translateX(-50px);  }  

  .hero-slider .swiper-button-next:before {

	font-family: "Font Awesome 5 Free";

	content: "\f061";

	font-size: 15px;

	color: #d4d3d3;

	font-style: normal;

	display: inline-block;

	font-weight: 900;

  }  

  .hero-slider .swiper-pagination-bullet {

	width: 12px;

	height: 12px;

	text-align: left;

	line-height: 12px;

	font-size: 12px;

	color: #000;

	opacity: 0.3;

	background:#fff;

	transition:all .2s ease;

  }

  

  .hero-slider .swiper-pagination-bullet-active {opacity:1;  }  

  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,  .hero-slider .swiper-pagination-custom,  .hero-slider .swiper-pagination-fraction {	bottom: 30px;  }  

  .swiper-pagination {	text-align:left;  }  

  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{

	bottom:50px;

	  max-width: 1200px;

	  padding: 0 15px;

	  margin: 0 auto;

	  left: 50%;

	  transform: translateX(-50%);

  }   

  .hero-style .slide-title,  .hero-style .slide-text,  .hero-style .slide-btns {max-width: 600px; }  

  .hero-style .slide-title h2 {

	font-size: 60px;	

	line-height: 70px;

	color: #ffffff;

	margin: 0 0 20px;	

	transition:all .4s ease;	

  }  

  .hero-style .slide-text p {

	font-size: 20px;

    letter-spacing: normal;

    color: #ffffff;

    margin: 0 0 30px;

    transition: all .4s ease;

  }  

   .hero-style .slide-btns > a:first-child {margin-right: 10px;  }



/**swiper slider end**/



/***freelancer v2**/

.freelancerv2{ background-color: #05081a;}

.freelancerv2 .footerdez { background-color: #0b0e22;}

.flv2 .header-heading h1 {    font-size: 60px;    line-height: 74px;       margin-bottom: 30px;}

.freelancerv2:before{

        content: "";

        background-image: url(../images/shape/stars.svg);

        position: absolute;

        height: 100%;

        width: 100%;

        background-repeat: no-repeat;

        background-size: auto;

}

.text-effect-3{

    background: url(../images/shape/bg-gradient.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;  

  }

.font-bold h1, .font-bold h2, .font-bold h3{font-weight: 900;}

html .mb15{margin-bottom: 15px;}

html .mt15{margin-top: 15px;}

.card-dark-2 {  overflow: hidden;  border: 1px solid hsla(0,0%,100%,.05);     background-color: hsla(0,0%,100%,.05);  border-radius: 14px;} 

.inforcardtt h3{ font-size: 22px; line-height: 32px;  color: #fff;  font-weight: 600;  margin-bottom: 10px; }

.inforcardttt h2{  font-size: 30px;  line-height: 40px;  color: #fff;  font-weight: 600; }

.inforcardttt h3{  font-size: 20px;  line-height: 30px;  color: #787c97;  font-weight: 600;}

.srve .inforcardtt{  padding: 24px; background: #121526;}

.about-dg-ca2 .inforcardtt{ padding: 24px; padding-bottom: 0; background: #121526;}

.footerlinkcard{  display: flex;  align-items: center;  justify-content: space-between;  align-content: center;  padding: 20px 0 20px 0;  border-top: 1px solid #2f3140;  margin-top: 24px;  color: #fff; }

.footerlinkcard:hover{color: #fff;}

.ffvsocial a{  display: block;  }

.ffvsocial a + a{margin-top: 20px;}

.freelancerv2 .form-block h3{color:#fff; font-weight: 600;}

.freelancerv2 p,  .freelancerv2   .follow-label h6, .freelancerv2 .follow-label a {color: #85879b;}

.freelancerv2 .form-block label a { color: #85879b;}

.freelancer-footer{padding: 90px 0 0px 0;  }

.freelancer-footer p.ffttrr{ padding: 20px 0 20px 0;    border-top: 1px solid #303240;   margin-top: 60px; }

.freelancerv2   .hexagon { background: #05081a;}

.freelancerv2  .counter-no span { color: #fff; }

.freelancerv2 .reviewer-text h4 { color: #85879b;}

.niwaxheroscroll-v2{ position: relative;  overflow-x: clip;}

.niwaxheroscroll-v2 img{position: absolute;}

.nxhs10{ top: 0; left: -60px; filter: blur(80px);}

.nxhs20 { top: -10px; left: -20px; filter: blur(70px); }

.nxhs30{ top: -5%;    right: -5%;   filter: blur(100px);}

.nxhs40{ right: -70px; filter: blur(50px);}

.nxhs50{ top: 0;  left: 0;}

.grid-x {position: fixed; width: 100%; z-index: 1; }

.grid-line { height: 100vh;  border-left: 1px solid #1e2131; }

.freelancerv2    .section{position: relative; z-index: 2;}

 .innericodiv { width: 80px; height: 80px; border-radius: 100px; padding: 18px; margin: 30px 0 0 30px;}

.innidv1{ background: linear-gradient(135deg, #9100ff 0%,#3663ff 54%,#00e2ff 100%);}

.innidv2{ background: linear-gradient(to right, #ffbd84 0%,#ff1f8e 100%)}

.innidv3{ background: linear-gradient(to right, #f92c8b 0%,#b02cd6 100%)}



/***mouse cursor**/

.mouse-cursor {

  position: fixed;

  left: 0;

  top: 0;

  pointer-events: none;

  border-radius: 50%;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  visibility: hidden;

}

.cursor.cursor2 {    margin-left: -10px;    margin-top: -10px;    width: 20px;    height: 20px;}

.cursor {

 margin-left: -4px;

 margin-top: -4px;

 width: 8px;

 height: 8px;

 z-index: 21474836490;

 background: linear-gradient(to right, #ffbd84 0%,#ff1f8e 100%);

 -webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;

 -o-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;

  transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;

  opacity:0.9;

}

.cursor.cursor-hover {  margin-left: -40px;  margin-top: -40px;  width: 80px;  height: 80px;  background-color: #ffbd84;  opacity: .2;}

.cursor-follow {

    margin-left: -18px;

    margin-top: -19px;

    width: 38px;

    height: 38px;

    border: 1px solid #ffbd84;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    z-index: 21474836490;

    opacity: .8;

    -webkit-transition: all .08s ease-out;

    -o-transition: all .08s ease-out;

    transition: all .08s ease-out;

}

.cursor-follow.cursor-hover { opacity: 0;}

/****/

.nxbg-a {background-color: #f8edff;}

.nxbg-b {background-color: #d1d8ff;}

  .connect-block a {

    border-radius: 8px;

    background: #ffdbdb;

    border: 1px solid rgb(255 195 195);

    padding: 20px;

    display: flex;

}

.icon-fld-nx {

    text-align: center;

    font-size: 25px;

    margin: 0px 20px 0 0px;

    color: #050748;

}

.text-fld-nx {

    border-left: 1px solid #ffa7a7;

    padding: 0 0 0 20px;

}

.connect-block a span.small-text {

    font-size: 14px;

    color: #050748;

    font-weight: 300;

    text-transform: uppercase;

    letter-spacing: 2.2px;

}

.text-fld-nx span {  display: block;}

.connect-block a span.large-text {

    font-size: 20px;

    color: #050748;

    line-height: 34px;

    font-weight: 700;

}

.common-heading.text-l > p {  margin-top: 10px;}

.contact-block-btm {

    padding: 50px 30px;

    background: #fff;

    border-radius: 8px;

    margin-left: 50px;

}

.footerdex { background-color: #01011b; }

/***/

#progress-bar {

	--scrollAmount: 0%;	

	background-image: linear-gradient(to right, #673AB7 0%,#2196F3 100%);

	width: var(--scrollAmount);		

	height: 3px;

	position: fixed;

	top: 0;

    z-index: 999999999;

}



/**Start-Bootstrap-v5.1.3-update**/ 

a{text-decoration: auto;}

.clients-creative-pic, .testinomial-section-app .pl50, .img-design, .bread-titlev2{position: relative;  height: 100%;}

.hero-main-rp, .about-image,.img-block, .image-block {position: relative; z-index: 10;}



.custom-checkbox input[type=checkbox]{    width: 20px; height: 20px;     margin: 0;}

.custom-control { margin-bottom: 10px;   display: flex;   grid-gap: 10px;   align-items: center;}

.custom-control label {text-indent: 0;  padding: 0px 0 0 0px;}

.custom-control-label::after, .custom-control-label::before{display: none;}

.media{display: flex;}

.media div:first-child { flex-shrink: 0;}

.itm-media-object .media .img-ab- { height: 65px;  display: flex;  align-items: center;  justify-content: center;}

.quote-css {position: absolute;  right: 0;}

.accordion-button:focus {z-index: 3;  border-color: transparent;  outline: 0;  box-shadow: none;}

.accordion-button{font-size: 18px; line-height: 28px;}

.ftr-brand-pp .navbar-brand{display: block;}

.why-choos-lg:before {z-index: -1;}

.accordion-item:first-of-type {border-top-left-radius: 8px; border-top-right-radius: 8px;}

.accordion-item:last-of-type {border-bottom-right-radius:8px; border-bottom-left-radius: 8px;}

.accordion-item:first-of-type .accordion-button {border-top-left-radius: 8px; border-top-right-radius: 8px;}

.accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;}

.accordion-button:not(.collapsed) { color: #050748;  background-color: #f6f6f6; box-shadow: none;}

.accordion-button{ color: #050748;  background-color: #f6f6f6;}

.bdr0{border: 0px;}

.info-wrapr .dbox {grid-gap: 20px;}

.form-control[type=file] {overflow: hidden; padding: 11px 20px;}

.tab-content{margin-top: 20px;}

.nav-tabs {border-bottom: 0px solid #dee2e6;}

.col-lg-3-cus, .col-lg-6-cus{padding: 0;}

/**End-Bootstrap-v5.1.3-update**/ 





/**Start-Update 2.1**/

.ff-social-icons a:hover{color: #ff1f8e;}

.info-wrapr .dbox p span { padding: 0 0 5px 0;}

.common-heading > span{line-height: 26px;}

.niwax-btn1 {

    padding: 2px;

    display: inline-block;

    outline: 0;   

    color: rgb(255, 255, 255);

    background: -webkit-linear-gradient(left,  #ffd523 0%, #ff7f00 16%, #ff271a 32%, #a139ff 48%, #0081ff 64%, #60b5ff 80%, #00e953 100% );

    background: linear-gradient(to right,  #ffd523 0%, #ff7f00 16%, #ff271a 32%, #a139ff 48%, #0081ff 64%, #60b5ff 80%, #00e953 100% );

    border-radius: 30px;

    border: 0;

    box-shadow: none;

    cursor: pointer;

  } 

  .niwax-btn1 > span {

    display: block;

    padding: 0px 32px;

    line-height: 56px;

    font-size:16px ;

    background: #ffffff;

    border-radius: 30px;

    color: #050748;

  }

  .niwax-btn2 {   

    display: inline-block;

    font-size: 17px;

    font-weight: 400;

    color: #fff;

    cursor: pointer;

    padding: 0px 32px;

    line-height: 56px;

    text-align:center;

    border: none;

    background-size: 300% 100%;

    border-radius: 50px;

    moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

  }  

  .niwax-btn2:hover {

    background-position: 99% 0;

    moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

  }  

  .niwax-btn2:focus { outline: none; }  

  .niwax-btn2 {

      background-image: linear-gradient(to right,  #ff5652, #ff974f, #ff5752, #ffc323);

      box-shadow: 0 10px 15px 0px rgb(175 0 87 / 20%);

    }

    .niwax-btn3 {     

        display: inline-block;  

        font-size: 16px;

        font-weight: 400;

        color: #fff;

        cursor: pointer;

        padding: 0px 32px;

        line-height: 56px;

        text-align:center;

        border: none;

        background-size: 300% 100%;

        border-radius: 50px;

        moz-transition: all .4s ease-in-out;

        -o-transition: all .4s ease-in-out;

        -webkit-transition: all .4s ease-in-out;

        transition: all .4s ease-in-out;

      }      

      .niwax-btn3:hover {

        background-position: 99% 0;

        moz-transition: all .4s ease-in-out;

        -o-transition: all .4s ease-in-out;

        -webkit-transition: all .4s ease-in-out;

        transition: all .4s ease-in-out;

      }      

      .niwax-btn3:focus {outline: none; }      

      .niwax-btn3 {

        background-image: linear-gradient( to right, #663ab7, #007dff, #00d7ff, #017cfe );

        box-shadow: 0 4px 15px 0 rgb(90 75 194 / 15%);

    }

    .niwax-btn3:hover, .niwax-btn2:hover {color: #fff;} 



    .niwax-btn4 {

        background: #ff0048;

        box-shadow: 0 10px 15px 0px rgb(56 0 189 / 20%);

    }

    .niwax-btn5 {

        background: #00aded;

        box-shadow: 0 10px 15px 0px rgb(56 0 189 / 20%);

    }

    .niwax-btn6 {

        background: #ff9e4a;

        box-shadow: 0 10px 15px 0px rgb(56 0 189 / 20%);

    }  

    

    .tabs-layout .nav-tabs .nav-link.active {

        color: #fff;

        background-color: #00baff;

        border-color: #00baff;

        border-radius: 100px;

    }

    .tabs-layout .nav-tabs .nav-link {

        border: 0 solid transparent;

        color: #6a6a8e;

        background-color: #efefef;

        border-radius: 100px;

        padding: 10px 35px;

    }

    .tabs-layout .nav-tabs .nav-item+.nav-item {margin: 0 10px; }

    .breadcrumb-area { background-repeat: no-repeat; background-size: cover; }

    .niwax21{ font-weight: bold;}



    .vrt-tabb .nav-link.active, .vrt-tabb .show>.nav-link {

        color: #ffffff;

        background: linear-gradient(to right, #298bec 0%,#21a5f3 100%);

    }

    .vrt-tabb {

        padding-right: 100px;

    }

    .vrt-tabb li {

        width: 100%;

    }

    .vrt-tabb.nav-pills .nav-link {

        border-radius: 14px;

        margin-bottom: 8px;

    }

    .vrt-tabb .nav-link i {

        margin-right: 15px;

        background: #fff;

        padding: 10px;

        border-radius: 100px;

        height: 40px;

        width: 40px;

        color: #436ad6;

        box-shadow: 0 10px 10px rgb(0 59 100 / 20%);

    }

    

    .vrt-tabb .nav-link {

        width: 100%;

        display: block;

        padding: 20px;

        background: #fff;

        box-shadow: 0 2px 3px rgb(103 192 255 / 20%);

    }

    .niwaxgap40{grid-gap: 40px;}



/**about page timeline**/

.timeline {

    position: relative;

}

    .timeline:after {

        content: "";

        position: absolute;

        top: 0;

        left: 50%;

        margin-left: -2px;

        border-right: 2px dashed #288ced;

        height: 100%;

        display: block;

    }

    

    .timeline-row {

        padding-left: 50%;

        position: relative;

        margin-bottom: 30px;

    }

    .timeline-row .timeline-time {

        position: absolute;

        right: 50%;

        top: 15px;

        text-align: right;

        margin-right: 20px;

        color: #050748;

        font-size: 22px;

        font-weight: 600;

    }

    .timeline-row .timeline-time small {

        display: block;

        font-size: 15px;

        padding: 8px 0 0 0;

    }

    .timeline-row .timeline-content {

        position: relative;

        padding: 20px 30px;

        background: #ffffff;

        -webkit-border-radius: 4px;

        -moz-border-radius: 4px;

        border-radius: 8px;

        display: flex;

        flex-direction: column;

        border: 1px solid #efefef;

        -webkit-box-shadow: 0 10px 15px 0px rgb(0 0 0 / 10%);    

        box-shadow: 0 10px 15px 0px rgb(0 0 0 / 10%);       

    }

    .timeline-row .timeline-content:after {

        content: "";

        position: absolute;

        top: 20px;

        height: 16px;

        width: 16px;

        background: #fff;

        border: 1px solid #efefef;

    }

    .timeline-row .timeline-content:before {

        content: "";

        position: absolute;

        top: 20px;

        right: -49px;

        width: 20px;

        height: 20px;

        -webkit-border-radius: 100px;

        -moz-border-radius: 100px;

        border-radius: 100px;

        z-index: 10;

        background: #fff;

        border: 2px dashed #288ced;

    }

    .timeline-row .timeline-content h4 {

        margin: 0 0 10px 0;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

        line-height: 150%;

    }

    .timeline-row .timeline-content p {

        margin-bottom: 30px;

        line-height: 150%;

    }

    .timeline-row .timeline-content i {

        font-size: 1.2rem;

        line-height: 100%;

        padding: 15px;

        -webkit-border-radius: 100px;

        -moz-border-radius: 100px;

        border-radius: 100px;

        background: #272e48;

        margin-bottom: 10px;

        display: inline-block;

    }

    .timeline-row .timeline-content .thumbs {

        margin-bottom: 20px;

        display: flex;

    }

    .timeline-row .timeline-content .thumbs img {

        margin: 5px;

        max-width: 60px;

    }

    .timeline-row .timeline-content .badge {

        color: #ffffff;

        background: linear-gradient(120deg, #00b5fd 0%, #0047b1 100%);

    }

    .timeline-row:nth-child(even) .timeline-content {

        margin-left: 40px;

        text-align: left;

    }

    .timeline-row:nth-child(even) .timeline-content:after {

        left: -8px;

        right: initial;

        border-bottom: 0;

        border-left: 0;

        transform: rotate(-135deg);

    }

    .timeline-row:nth-child(even) .timeline-content:before {

        left: -52px;

        right: initial;

    }

    .timeline-row:nth-child(odd) {

        padding-left: 0;

        padding-right: 50%;

    }

    .timeline-row:nth-child(odd) .timeline-time {

        right: auto;

        left: 50%;

        text-align: left;

        margin-right: 0;

        margin-left: 20px;

    }

    .timeline-row:nth-child(odd) .timeline-content {

        margin-right: 40px;

    }

    .timeline-row:nth-child(odd) .timeline-content:after {

        right: -8px;

        border-left: 0;

        border-bottom: 0;

        transform: rotate(45deg);

    }

  

    @media (max-width: 992px) {

        .timeline {

            padding: 15px;

        }

        .timeline:after {

            border: 0;

        }

        .timeline .timeline-row:nth-child(odd) {

            padding: 0;

        }

        .timeline .timeline-row:nth-child(odd) .timeline-time {

            position: relative;

            top: 0;

            left: 0;

            margin: 0 0 10px 0;

        }

        .timeline .timeline-row:nth-child(odd) .timeline-content {

            margin: 0;

        }

        .timeline .timeline-row:nth-child(odd) .timeline-content:before {

            display: none;

        }

        .timeline .timeline-row:nth-child(odd) .timeline-content:after {

            display: none;

        }

        .timeline .timeline-row:nth-child(even) {

            padding: 0;

        }

        .timeline .timeline-row:nth-child(even) .timeline-time {

            position: relative;

            top: 0;

            left: 0;

            margin: 0 0 10px 0;

            text-align: left;

        }

        .timeline .timeline-row:nth-child(even) .timeline-content {

            margin: 0;

        }

        .timeline .timeline-row:nth-child(even) .timeline-content:before {

            display: none;

        }

        .timeline .timeline-row:nth-child(even) .timeline-content:after {

            display: none;

        }

    }



/**theme setup**/

.w80{width:80px}

.gap10{grid-gap:10px}

.gap20{grid-gap:20px}

.gap30{grid-gap:30px}

.gap40{grid-gap:40px}

.gap50{grid-gap:50px}

.h-center{justify-content: center;} 

.h-cb{justify-content: space-between;} 

/**theme setup**/



.icon-btn{display: inline-flex;    align-items: center; grid-gap: 8px; }

.icon-btn i{font-size: 24px;}

a.play-video { -webkit-box-shadow: 0 10px 15px 0px rgb(3 35 68 / 10%);  box-shadow: 0 10px 15px 0px rgb(3 35 68 / 10%); }

html body .title-hero p{padding: 0; margin: 0;}

.niwax-lp1{background-repeat: no-repeat;  background-size: cover; position: relative;}

.niwax-lp1:before{

    content: "";

    background: rgb(255 255 255 / 70%);

    width: 100%;

    height: 100%;

    position: absolute;

}

.formcover {

    background: #fff;

    padding:50px 20px;

    border-radius: 14px;

}

.formcover h4{

    text-align: center;

    font-size: 25px;

    line-height: 35px;

}

#contactForm .form-group{position: relative;}

.help-block.with-errors { margin: 0px 0 0 15px;  font-size: 11px;  position: absolute;  bottom: 16px;}

.clientlogo img{margin: 0 auto;}



.niwax-company-awards{

    display: grid;

    grid-template-columns: 200px auto;

    grid-gap: 20px;

    align-items: center;

    overflow: hidden;

}

.companytime p{

    font-weight: bold;

    font-size: 25px;

    text-transform: uppercase;

    text-align: center;

    color: #fff;

}

.companytime p span{

    font-weight: 500;

    display: block;

    font-size: 20px;

    line-height: 26px;

    border-top: 1px solid #d9d9d9;

    padding: 14px 0 0 0;

    margin: 14px 0 0 0;}

.companytime{    background: #0d83fd;    padding: 14px;    border-radius: 10px 50px 10px 50px;}

.niwaxawardrow2{text-align: center;}

.shadow {-webkit-box-shadow: 0 10px 15px 0px rgb(3 35 68 / 7%) !important;  box-shadow: 0 10px 15px 0px rgb(0 23 46 / 7%) !important;}

.awardbgwithtext{width: 150px; height: 150px; position: relative;}

.awardbgwithtext img{width: 100%;}

.awardbgwithtext p{

    position: absolute;

    top: 50%;

    right: 0;

    left: 0;

    transform: translateY(-50%);

    text-align: center;

    font-size: 35px;

    font-weight: bold;

    padding: 0 25px;

    color: #050748;

}

.awardbgwithtext p span{

    color: #050748;

    font-size: 15px;

    line-height: 18px;

    font-weight: normal;

    display: block;

    padding: 10px 0 0 0;}

.niwaxawardrow1 div + div {margin-top: 20px;}

.whychooseniwax{   display: grid;   grid-template-columns: 150px auto 150px;   grid-gap: 30px;

}



.btnwithiconside img{width: 42px;}

.btnwithiconside span{

    display: block;

    font-size: 14px;

    padding: 0 0 4px 0;

}

.btnwithiconside div{

    font-weight: 600;

    font-size: 20px;

    color: #050748;

    text-align: left; }





.pricingheader h2 {

    font-size: 28px;

    line-height: 40px;

}

.pricingrate{

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-top: 1px solid #e5e5e5;

    padding: 30px 0 0 20px;   

}

.pricevalue h2{

    font-size: 34px;

    line-height: 44px;

}

.priceoffer {

    clip-path: polygon(100% 0%, 100% 50%, 100% 100%, 15% 100%, 0% 50%, 15% 0%);

    background: #007dff;

    text-align: center;

    padding: 10px 20px;

}

.priceoffer h2{

    font-size: 25px;

    line-height: 35px;

    color: #fff;

}

.priceoffer h2 span{

    display: block;

    text-decoration: line-through;

    font-size: 20px;

    line-height: 30px;

}

.niwaxpricingbox {background: #fff; border-radius: 14px; overflow: hidden;}

.pricingheader{

    padding: 30px 20px 30px 20px;

    background: #f8f8ff;

    background-repeat: no-repeat;

    background-position: right center;

    background-size: 70px;

}



.priceodernow {

    padding: 0 20px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.pricingoffers{    

    overflow-y: scroll;

    max-height: 310px;

    height: 310px;

    padding: 20px;

    background-color: #f8f8ff;

    margin: 30px 20px;

    border: 1px solid #e8e8e8;

    border-radius: 14px 0px 0px 14px;

}



.pricingoffers .list-ul li {

    padding: 0 0px 10px 24px;

    position: relative;

    line-height: 22px;

    font-size: 15px;

}

.livechatbtn i {  color: #018f41;}

.livechatbtn span{  display: block;  font-size: 14px;}

.livechatbtn{  color: #050748;  font-weight: 600;}

.livechatbtn:hover{ color: #018f41;}

.pricingfooter a {color: #6a6a8e;    font-size: 14px;}

.pricingfooter{   background: #f8f8ff;   padding: 10px 20px;    display: flex;   align-items: center;   justify-content: space-between;}

.reco .priceoffer{background: #ff3381;}

.reco .pricingheader { background-color: #e9e9ff;}



.center-dots .owl-dots{

    margin: 30px auto 0;

    text-align: center;

    position: absolute;

    right: 0;

    left: 0;

} 

.awardlogo {

    text-align: center;

    background: #fff;

    border-radius: 14px;

    padding: 0 14px;

    width: 150px;

    height: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 0px 10px 20px -10px rgb(13 131 253 / 13%);

}

.niwax-logo-slider .industry-workfors{text-align: center;}

.niwax-logo-slider .industry-workfors img{width: 50px; margin: 0 auto;}

.industry-workfors h6{padding-top: 10px;}

.nxpb-1{margin-top: 60px;}

.nxpb-2{margin-top: 30px;}

.nxpb-3{margin-top: 60px;}

.pairofbtn{display: flex;    align-items: center;    justify-content: center;    align-content: center;    grid-gap: 30px;}

.about-agencys{overflow: hidden;}

.niwaxfixbtn{position: fixed;   right: 10px;   bottom: 70px;}

.niwaxfixbtn img{width: 180px;}

.badge {font-size: 12px;}

.niwax-company-awards-cover{background: #f0f7ff; padding: 20px 0;}

.typer{color:#ff3870 !important;}

.niwaxbtnvideo {  display: flex;  align-items: center;  grid-gap: 15px;}



.niwax-lp2{  background-size: 100%;   background-color: #fff0eb; }



.nlp1{   top: 0;   right: 0;   height: 100%; width: 65%;}

.nlp2{   top: 0;   right: 0;   height: 100%; width: 60%;}

.nlp3{    top: 65%;    left: 0;    height: 100%;    width: 200px;}

.nlp4{    top: 65%;    left: 0;    height: 100%;    width: 200px;}

.niwax-lp-img{ position: absolute;}





.nx-circl-icon img{width: 42px;}

.nx-circl-icon{   

    width: 80px;

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100px;

}



.nxlp-a{ background: linear-gradient(to right, #ffbd84 0%,#ff1f8e 100%);}

.nxlp-b{ background: linear-gradient(to right, #ff3f34 0%,#ff834f 100%);}

.nxlp-c{ background: linear-gradient(to right, #84bbff 0%,#1f70ff 100%);}

.nxlp-d{ background: linear-gradient(to right, #4bffc5 0%,#00c77c 100%);}

.hoverwithbg:hover {background: linear-gradient(to bottom, #ffffff 0%,#fff0eb 100%);}



.inforcardtt {

    padding: 24px;

    padding-bottom: 0;

    background: #fff;

}

.sliderset-nx{

    display: grid;

    grid-template-columns: 50% auto;

    align-items: center;

    grid-gap: 60px;

}



.typewriter-text {

    padding-right: 10px;

    color: #ffe509;

    border-right: solid #ffe509 7px;

    text-transform: uppercase;

    animation: cursor 1s ease-in-out infinite;

    font-weight: bold;

}

.clientslider{padding: 30px 0;}

.cursorx {  color: #ff3870; -webkit-animation: blink 2s infinite both; animation: blink 2s infinite both;}

@-webkit-keyframes blink { 0%,  50%,  100% {    opacity: 1;  }  25%,  75% {    opacity: 0;  }}

@keyframes blink {  0%,  50%,  100% {    opacity: 1;  }  25%,  75% {    opacity: 0;  }}

.niwaxofcanvas { 

    z-index: 10459999;

    -webkit-transition: all .6s cubic-bezier(0.6, 0.11, 0.45, 1.04);

    transition: all .6s cubic-bezier(0.6, 0.11, 0.45, 1.04);}



.offcanvas-title img{max-height: 60px;}  

.contactitle{

    font-size: 18px;

    opacity: .7; font-weight: normal;

}





.contact-data ul li + li{margin-top: 10px;}

.contact-data ul li a{

    color: #6a6a8e;

    font-size: 17px;

    line-height: 26px;

    display: grid;

    grid-template-columns: 30px auto;

    grid-gap: 10px;

    align-items: start;

    justify-content: start;

        

}

.contact-data ul li a i{

    font-size: 20px;

    margin: 6px 0 0 0;

}

.companyinfodiv .btn-close{

    position: absolute;

    left: 10px;

    top: 10px;

}

.companyinfodiv{

    background: #f3fffe;

    padding: 60px 20px;

    text-align: center;

}

.contactinfo-bar{padding:0 15px;}



.social-media-linkz a{

    display: inline-block;

    color: #6a6a8e;

    font-size: 20px;

    margin: 0 15px 0 0px;

}

.locoff span{ display: block; font-weight: 600;}



.companytitle{

    display: block;

    margin: 10px 0 0 0;

    font-size: 16px;

    line-height: 25px;

}

.main-header { display: flex; align-items: center;}

/**End-Update 2.1**/



/*Update 2.2*/

.sidebarform input, .sidebarform  select,  .sidebarform  textarea {  

    border: 2px solid #e6e6e6;   

}

.sidebarform{background: #fff;}

.icondive img{width:35px; margin-right: 20px;}

.getintouchinfo a{

    color: #050748;

    font-size: 18px;

    font-weight: 600;

    line-height: 25px;

    display: block;

}

.getintouchinfo a span{

    display: block;

    color: #6a6a8e;

    font-size: 15px;

    font-weight: normal;

}

.offcanvas.show .cbtn {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

}

.cbtn {

    position: absolute;

    left: -40px;

    top: 10px;    

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    opacity: 0;

}

.btnclose{

    background: #ffffff;

    width: 50px; height: 50px;

    border-radius: 50px;

    border: 2px solid #e3e3e3;

    box-shadow: 0px 10px 10px #0000004a;

}

.btnclose .btn-close{  padding: 15px;}



/*update 2.3*/



/*dark mode switch update*/

.switch-wrapper input:checked + .slider:before {

    transform: translateX(0px); 

}

.switch-wrapper .switch {

    display: inline-block;

    height: 34px;

    position: relative;

    width: 34px;

}

.switch-wrapper {

    display: block;

    align-items: center;

    position: relative;

    z-index: 55555;

    top: auto;

    transform: none;

    transform: none;

    margin:0 10px;

}

.custom-nav .nav-list{     display: flex;  align-items: center;}

.active-dark footer .ftr-brand-pp .f-dark-logo { display: none;}

.active-dark footer .ftr-brand-pp .f-white-logo { display: block;}

footer .ftr-brand-pp .f-white-logo { display: none;}

footer  .ftr-brand-pp .f-dark-logo { display: block;}

.mob-nav2 {align-items: center;}



/*contact form*/

#contactform .error-label .error {

    color: #ff0500;

    display: block;

    margin: 0;

    font-size: 12px;

    bottom: 10px;

    top: inherit;

    background: #fff;

    padding: 0 8px 0 8px;

}

 .formicon{

     position: absolute;

     top: 15px;

     left: 20px;

}

 .iconin .form-block input, .iconin .form-block select, .iconin .form-block textarea{

     padding: 0px 25px 0px 35px; border-radius: 0;

}

 .iconin .form-block textarea {

    padding: 15px 35px 15px 35px;

    margin-top: 1px;

    line-height: 25px;

}

 .iconin .floating-label label {

     left:50px;

}

.loader-icon{

    display: flex;

    height: 100%;

    width: 100%;

    position: absolute;   

    justify-content: center;

    align-items: center;

    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%); 

}

.loader-icon:before {

    content: '';

    box-sizing: border-box;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    border: 3px solid rgb(255 255 255 / 20%);

    border-top-color: #fff;

    animation: spinner .6s linear infinite;

  }

  @keyframes spinner {

    to {transform: rotate(360deg);}

  } 

.niwaxform input.error, .niwaxform select.error, .niwaxform textarea.error { border-bottom: 1px solid red !important;}  

.niwaxform input.valid, .niwaxform select.valid, .niwaxform textarea.valid { border-bottom: 1px solid #00a759 !important;}

.niwaxform input.valid, .niwaxform textarea.valid{

	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2300a759' d='M18.71,7.21a1,1,0,0,0-1.42,0L9.84,14.67,6.71,11.53A1,1,0,1,0,5.29,13l3.84,3.84a1,1,0,0,0,1.42,0l8.16-8.16A1,1,0,0,0,18.71,7.21Z'/%3E%3C/svg%3E") !important;

	background-repeat: no-repeat !important;

    background-position: right center !important;

    background-size: 28px !important;

    transition: none;

}

.niwaxform input.error, .niwaxform textarea.error{

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff0000' d='M13.41 12l4.3-4.29a1 1 0 1 0-1.42-1.42L12 10.59 7.71 6.29A1 1 0 0 0 6.29 7.71L10.59 12l-4.3 4.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0L12 13.41l4.29 4.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42Z'/%3E%3C/svg%3E") !important;

	background-repeat: no-repeat !important;

    background-position: right center !important;

    background-size: 28px !important;

    transition: none;

}

.floating-input:focus~label, .floating-input:not(:placeholder-shown)~label, .floating-select:focus~label, .floating-select:not([value=""]):valid~label {

    top: -1px;

    font-size: 12px;

    color: #828282;   

    width: 100%;    

}

.textareax .floating-input:focus~label, .textareax .floating-input:not(:placeholder-shown)~label, .textareax .floating-select:focus~label, .textareax .floating-select:not([value=""]):valid~label { background: #fff;}

.niwaxform textarea.error,.niwaxform textarea.valid {   

    background-position-x: 98%;

    background-position-y: 10px;

}

label.error {height: auto;}

#contactform .form-group { margin-bottom: 10px;}

#contactform input:focus, #contactform textarea:focus {

    border-bottom: 1px solid #00b1ff;

}

#contactform button{ 

    display: inline-flex;  

    overflow: hidden;   

    align-items: center;

    justify-content: center;

    position: relative;

    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%);   

    width: fit-content;

    padding: 0 50px;

}



/***/

.single-blog- img { max-width: 70px;}

.offcanvas-body .getintouchblock p{margin-bottom: 30px;}

.custom-nav .nav-list li.hidedesktop{display:none;}

.custom-nav .nav-list li.darkmodeswitch{display:block;}

.right-end-btn{margin-left: 15px;}

.custom-nav {display: flex; justify-content: flex-end; align-items: center;float: none;}

.sidebarform form{margin-bottom: 20px;}

.navm-{position: relative;}

div.custom-nav > ul > li:hover .nx-dropdown {

    opacity: 1;

    height: auto;

    overflow: inherit;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;    

}

.nx-dropdown {

    -webkit-transform: perspective(600px) rotateX(-15deg);

    transform: perspective(600px) rotateX(-15deg );

    -webkit-transform-origin: 50% -50px;

    -ms-transform-origin: 50% -50px;

    transform-origin: 50% -50px;

 

    width: 97vw;

    right: 0;

    left: 0;

    margin: 0 auto;

    border-radius: 0px 0px 20px 20px;

    overflow: hidden !important;

    -webkit-box-shadow:0px 20px 20px -10px rgb(0 0 0 / 15%);

    box-shadow: 0px 20px 20px -10px rgb(0 0 0 / 15%);

}

.clientsicons{

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-gap: 30px;

}

.clientsicons img{padding: 0 10px;}

img {

    max-width: 100%;

    height: auto;

}

.contact-review{

    background: #fff;

    padding: 30px 20px;

    border-radius: 14px;

}

.niwax23form{

    background: #fff;

    padding: 50px 30px;

    border-radius: 14px;

}

.contact-review .owl-dots{

    position: absolute;

    right: 10px;

    bottom: 10px;

}

.locations{

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 30px;

} 

.ouroffice a{

    color: #050748;

    margin-top: 20px;

    display: block;

} 

.ouroffice h4{margin-bottom: 8px;}

.form-block{overflow: hidden;}

.leadpopup .modal-body{padding: 0;}

.leadpopup .modal-dialog{max-width: 800px;}

.leadpopup .modal-content{border-radius: 0;}

.innerbody{

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 30px;

}

.innerleft{padding: 30px;}

.innerright{background-size: cover;}

.leadbtnclose{

    position: absolute;

    right: 5px;

    top: 5px;

    background: #fff;

    width: 30px;

    height: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100px;}

input {

    accent-color: #ff1f8e;

}
ul#crnt-select {
    list-style: none !important;
    padding-left: 13px;
}
#crnt-select li {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: auto;
    padding-right: 3px;
    padding-left: 0;
    padding-bottom: 5px;
}
#crnt-select li:last-child {
    margin-bottom: 30px;
}
#crnt-select li label:after {
    content: "\f00d";
    width: 10px;
    height: 10px;
    position: absolute;
    top: -3px;
    right: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 13px;
}
#crnt-select li label {
    cursor: pointer;
    position: relative;
    padding-left: 15px;
    padding-right: 19px;
    font-size: 11px;
    line-height: 1.773;
    margin-right: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
    background-color: #fff;
    border-color: #c0ccda;
    color: rgba(27, 46, 75, 0.7);
}


.bg-btn1.btn-green {
    color: #fff;
    background: #89bc01;
    line-height: 39px;
    padding: 1px 29px;
    transition: all 1.5s;
    min-width: 150px;
}


.pricing-table .btncart-green {
    background-color: #89bc01 !important;
}

@media only screen and (max-width: 767px) {
.wide-block.ftdiv .block-space- {
    max-width: 50%;
}

.wide-block.fts.ftdiv h4 {
    font-size: 17px;
    line-height: 23px;
}

.wide-block.ftdiv.fts .block-space- img {
    max-width: 36px;
    position: absolute;
    top: 5px;
    left: 10px;
}

.scrollmobile {
    overflow-x: scroll;
    padding-bottom: 0;
}

.scrollmobile ul {
    width: 705px !important;
    float: none !important;
}

.scrollmobile::-webkit-scrollbar {
	width:100%;
	height:5px;
}

}