/*Theme: Niwax - Web Design & Digital Marketing Agency HTML Template
  Author: Rajesh-Doot
  File Description: Main CSS file of the template*/

/**Table of contents**
	1. Default css
	 - Header section
	 - Hero section
	 - About section
	 - Service section
	 - Statistics section
	 - Portfolio Section
	 - Clients section
	 - Work category section
	 - Testimonial section
	 - Enquire form section
	 - Our office section
	 - Reviews section
	 - Footer section
	2. About page
	3. Team page
	4. Portfolio page
	5. Service page
	6. Service details page
	7. Pricing page
	8. Case study page
	9. Blog page
	10.Contact page
	11.404 page
	12.Faq & accordion page
	13.Help css
**/

@font-face {
    font-display: swap;
}

/*scrollbar theme*/
::-webkit-scrollbar {width:12px;}
::-webkit-scrollbar-track {	background: #e8e8e8;}
::-webkit-scrollbar-thumb:hover {background: #fb5496;}
::-webkit-scrollbar-thumb {
	background-image: -webkit-linear-gradient(45deg, #63a8f4, #6240bb);
    background-image: -o-linear-gradient(45deg, #63a8f4, #6240bb);
    background-image: linear-gradient(45deg, #63a8f4, #6240bb);
	-webkit-border-radius: 100px;
    border-radius: 100px;
	box-shadow: inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25);}
/*Default css*/
::-moz-selection { /* Code for Firefox */
  background: #ffcaae;}
::selection {
  background: #ffcaae;
}
* {	-webkit-font-smoothing: antialiased;
	-moz-os-font-smoothing: grayscale;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	vertical-align:baseline;}
body {font-family: 'Open Sans', sans-serif;	color: #6a6a8e;	font-weight: 400;	font-style: normal;	line-height:1; }
article, aside, details, figcaption, figure, footer, header, nav, section, summary {  display: block; }
h1, h2, h3, h4, h5, h6 {font-family: 'Poppins', sans-serif;	color: #050748; font-weight: 600;}
h1, h2, h3, h4, h5, h6, p, ul{padding: 0;	margin: 0;}
ul{list-style:none;}

a:hover { text-decoration: none;}
button:focus {outline: none!important}
.fa-icon{    margin-left: 5px; font-size: 12px;}
.common-heading{padding: 0;    text-align: center;    position: relative;z-index: 10;}
.common-heading h2 {	    margin-bottom: 60px;}
.inner-heading h2 {	    margin-bottom: 30px;}
.v-center{align-self: center; align-items: center;}
button{	position: relative;    overflow: hidden;}
.lnk{position: relative;    overflow: hidden;}
.animation, a, .isotope_item, input, button, .custom-btn, .circle,
.s-block, .clients-logo, .icon-set, .link-hover, .sticky, .navbar, .dropdown-toggle, .hover-scale img{
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;}
.no-shadow{box-shadow:none !important}
span.circle{
	background: rgba(255, 255, 255, 0.2);
    display: block;
    position: absolute;
    top: -10%;
    right: -130px;
    width: 200px;
    height: 200px;
	border-radius: 50%;}
.lnk:hover span.circle{	top: -10%;    right: -80px;    width: 200px;    height: 200px;    border-radius: 50%;}
.font-15{font-size:15px;}
.f-medium{ font-weight:600}
.f-bold{ font-weight:700}
.light-blue{background: #f8fdff;}
.text-radius { border-radius: 3px;    padding: 0 3px;}
.text-primary { color: #fe4c1c;}
.text-second{color: #E91E63;}
.text-bold{font-weight:bold}

/**Header section**/
.top-header{position:relative; z-index:999;}
.navbar .mobile-menu{ display:none;}
.navbar .mobilemenu{color: #0a2233;}
.navbar .mobilemenu i{    font-size: 25px;}
.mob-nav{    display: flex;}
.animate {animation-duration: 0.4s;   -webkit-animation-duration: 0.4s;   animation-fill-mode: both;   -webkit-animation-fill-mode: both;}
.top-header .dropdown-toggle::after {
    display: inline-block;
    margin-left: 3px;
    vertical-align: baseline;
    content: "+";
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 100px;}
.slideIn {	-webkit-animation-name: slideIn;	animation-name: slideIn;}
.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #ffffff;
	outline:none;}
.dropdown-item.active, .dropdown-item:active {color: #0a2233;   text-decoration: none;   background-color: #ffffff;	outline:none;}
.dropdown-menu { border: 0px solid rgba(0,0,0,.15);}
header .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 10px 0;
    margin: 0;
    font-size: 16px;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 0px solid rgb(0, 186, 255);
    border-radius: 0px 0px 8px 8px;
	-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.dropdown-item {
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 15px;
    color: #0a2233;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding: 10px 15px;}
.navbar-toggler { background-color: #fff; border: 1px solid #fff;}
.top-header  .sticky{
	background: #fff;
	-webkit-box-shadow: 0 4px 6px 0 rgba(12, 0, 46, .08);
    box-shadow: 0 4px 6px 0 rgba(12, 0, 46, .08);
	height: 70px;}
.navbar-light .navbar-nav .nav-link {
    font-weight: 600;
	font-size: 16px;
    color: #0a2233;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding: 0px 15px;
    line-height: 48px;}
.fixed-top {
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    padding-top: 0;
    padding-bottom: 0;
    height: 100px;  }
.brand-logo a{display: block; }
.top-header  .navbar .custom-btn{	padding: 0px 30px;    color:#fff;	font-weight: 400;}
.top-header  .navbar .custom-btn:hover, .top-header  .navbar .custom-btn:focus{	color:#fff;}

/*Responsive mobile menu*/
.res-menu .modal-header i {    font-size: 24px;    cursor: pointer;}
.res-menu .modal-header {
    align-items: center;
    padding:22px 20px;
    border: none;
    font-weight: 600;
    border-radius: 0;
	background: #fee;}
.res-menu .menu .nav-link {
    margin-bottom: 0;
    border: none;
    font-size: 18px;
    line-height: 32px;
    color: #050748;
    font-weight: 600;}
.res-menu .modal.fade.show .modal-dialog  {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    display: flex;
    align-items: start;
    -webkit-box-align: start;
    height: 100%;}
.res-menu .modal-dialog {
    min-height: 100%;
    margin: 0 0 0 auto;
	background: #fff;}
.res-menu .modal.fade.show .modal-dialog{
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    display: flex;
    align-items: start;
    -webkit-box-align: start;
    height: 100%;}
.res-menu .modal-content.full {    height: 100%;}
.res-menu .modal-content {
    border: none;
    border-radius: 0;
    overflow-x: hidden;
	font-family: 'Poppins', sans-serif;}
.res-menu .modal-body {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px;
	align-items: start !important;}
.res-menu .modal-body  .m-nav{	width:100%;}
.res-menu .modal-body  .navbar-nav{	width:100%;}
.res-menu .dropdown-item {
    padding: 0px 0 20px 0;
    color: #4f517e;
    font-size: 16px;
    font-weight: 400;}
.res-menu .dropdown-item:last-child {    padding: 0px 0 5px 0;  }
.res-menu .dropdown-toggle::after {
    display: inline-block;
    content: "";
    right: 4px;
    position: absolute;
    top: 16px;
    transform: rotate(136deg);
    border-left: 0;
    border-bottom: 0;
    border-top: 1px solid #1d1f5a;
    border-right: 1px solid #1d1f5a;
    width: 10px;
    height: 10px;
    margin-left: 0;
    vertical-align: middle;}
.res-menu .navbar-nav .dropdown-menu {    position: static;    float: none;    padding-top: 0;}

/**Hero section**/
.hero-section:before{
	content: "";
    position: absolute;
    height: 100vh;
    right: 0;
    left: 0;
    top: 0;
    width: 100%;
    background-position: left 0;
    background-size: contain;
    background-repeat: no-repeat;}
.hero-section {
	position: relative;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px;
    height: 100vh;
    align-items: center;
    display: grid;}
.btn-main:hover{color:#fff;}
.btn-main {
	font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    padding: 0px 40px;
    line-height: 56px;
    text-align: center;
    outline: none;
    color: #fff;
    background-color: #ff1f8e;
    border: none;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
    position: relative;
	-webkit-box-shadow: 0 10px 15px 0px rgba(233, 30, 99, .15);
	box-shadow: 0 10px 15px 0px rgba(233, 30, 99, .15);}
.header-heading h1{	font-size: 60px;   line-height: 72px; font-weight: 700;  margin-bottom: 30px;}
.header-heading p{font-size: 20px;  line-height: 30px;  margin-bottom: 35px;}

/**About section**/
.about-agency .common-heading h2 {margin-bottom: 20px;}
.about-agency{position: relative;   overflow: hidden;}
.text-l{text-align:left;}
.common-heading > span {
	color: #e60072;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 15px 0;
	display: block;}
.quote{
	font-weight: 500;
    padding: 25px;
    position: relative;
    border-left: 4px solid #ff358f;
    margin: 30px 0;
    background: #FAFAFB;
    color: #6a6a8e;
    font-family: 'Poppins', sans-serif;}
.user- .user-image img{	border-radius: 100%; 	width:80px}
.user-info{	margin: 0px 0 0 20px;}
.user-info p span{font-weight: 700;}

/**Service section**/
.service-section {background: #fff;   position: relative; overflow: hidden;}
.image-block img{width:100%;}
.white-text{    color: #fff !important;}
.shape-bg2{ position: relative;}
.shape-bg2:after {
	content: '';
    background: url(../public/images/shape/shape-2.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    right: -70px;
    bottom: -70px;
    z-index: -1;}
.shape-bg2:before {
	content: '';
    background: url(../public/images/shape/shape-1.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    left: -40px;
    bottom: -80px;
    z-index: 0;}
.service-section:before{
	content: "";
    background: url(https://www.AbletonTuts.nl/public/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(../public/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-img2{    background:#ffdadb;}

.service-img3{	background:#d6edff; }

.service-img4{	background:#ffede1;   }

.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;}
.header-heading h1 span{   display: block;    font-weight: 100;    color: #ff2c8e;}

/**Statistics section**/
.statistics{	align-items: center;    display: flex;}
.statistics p{	font-size: 20px;    margin: 10px 0 0 0;	font-weight: 500;}
.statistics span{
	font-size: 45px;
    font-family: 'Poppins', sans-serif;
    color: #050748;
    font-weight: 700;
	display: inline-block;}
.statistics-img {
    width: 100px;
    height: 100px;
    float: left;
    padding: 15px;
    background: #fff;
    border-radius: 8px 40px 8px 40px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.statnumb {  margin: 0 0 0 20px;    text-align: left;    float: left;}
.small .statistics-img {  width: 75px;   height: 75px;}
.t-ctr{text-align:center;}
.small .statistics span{font-size: 35px; color: #050748;}
.in-stats .statistics span{	font-size: 35px;color: #ff1f8e;}
.small .statistics p{	font-size: 18px; line-height: 24px;}
.small{	margin-top: 100px;}
.in-stats .statistics{	text-align:left;}
.card-stats .statistics{
	padding: 40px;
	text-align:center;
	border-radius: 8px;
	background: #ffffff;
	-webkit-box-shadow:  -30px 30px 60px #f2f2f2,30px -30px 60px #ffffff;
	box-shadow:  -30px 30px 60px #f2f2f2,30px -30px 60px #ffffff;}

/**Portfolio section**/
.portfolio-section{	background: #fff; position: relative;}
.portfolio-section:before{
	content: "";
    position: absolute;
    height: 400px;
    right: 0;
    left: 0;
    top: 0;
    background-size: auto;
    background-repeat: repeat;}
.isotope_item{	position:relative;}
.item-info{	padding:20px 0 0px 0;}
.isotope_item h4 {font-weight: 600;  margin: 0 0 10px 0;}
.isotope_item h4 a{	color: #050748;}
.item-image{
	display: block;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    background: #f3f9ff;
	-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.item-image img {  width: 100%;}
/**Clients section**/
.clients-logo{
	background: #ffffff;
    padding: 60px 25px;
    max-height: 160px;
    min-height: 160px;
    margin: 0 15px;
    border: 1px solid #d4f0ff;
    align-items: center;
    display: flex;
    position: relative;
    border-radius: 8px;
	-webkit-box-shadow: -20px 20px 40px #ece0f2, 20px -20px 40px #fff8ff;
    box-shadow: -20px 20px 40px #ece0f2, 20px -20px 40px #fff8ff;}
.clients-section{
	background: #fffaf5;
	background: -moz-linear-gradient(top, #fffaf5 0%, #f8ecff 100%);
	background: -webkit-linear-gradient(top, #fffaf5 0%,#f8ecff 100%);
	background: linear-gradient(to bottom, #fffaf5 0%,#f8ecff 100%);}
.clients-logo img{margin: 0 auto; display: block; }
.opl ul {display: contents;}
.opl ul li {   width: 20%;   float: left;   position: relative; }

/**Work category section**/
.work-category{
	background: #fbf9ed;
	background: -moz-linear-gradient(top, #fbf9ed 0%, #fbeaf8 100%);
	background: -webkit-linear-gradient(top, #fbf9ed 0%,#fbeaf8 100%);
	background: linear-gradient(to bottom, #fbf9ed 0%,#fbeaf8 100%);
	position: relative;}
.work-category .common-heading h2{	margin-bottom: 30px;}
.work-card p{
	color: #050748;
    font-family: 'Poppins', sans-serif;
    line-height: 24px;
    font-size: 16px;
    margin: 5px 0 0 0;
	padding: 0 12px}
.icon-bg{display: block;   height: 62px;   width: 62px;  margin: 0 auto;  text-align: center;}
.icon-set{width: 25%; display: inline-block;   float: left;	  position: relative;}
.work-card {
	margin: 10px;
    padding: 30px 20px;
    max-height: 170px;
    text-align: center;
    min-height: 170px;
    border-radius:8px 40px 8px 40px;
	-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.cd1{background:#70e4e8;}.cd2{background:#f5eb92;}.cd3{background:#a3ffe2;}.cd4{background:#ffbc7a;}.cd5{background:#e3ff8e;}.cd6{background:#ffa0c6;}
.cd7{background:#f3a6ff;}.cd8{background:#97ffaf;}.cd9{background:#6cfffa;}.cd10{background:#77baff;}.cd11{background:#ffefd4;}.cd12{background:#7affdb;}

/**Testimonial section**/
.testinomial-section{
	background: url(../public/images/shape/shape-9.svg) #fff;
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;}
.testimonial-card .t-text p{font-size:16px;	line-height:28px;}
.testinomial-section .owl-carousel .owl-dots{
	position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    background: #ffffff;
    width: 100px;
    margin: 0;
    height: 50px;
    padding: 25px 0 0 0;}
.user-info p {font-size: 16px;   line-height: 28px;}
.owl-carousel .user-image img {border-radius: 100%;   width: 80px;}
.owl-carousel .owl-dots .owl-dot:before {
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    opacity: 0;
    background: 0 0;
    border: 1px solid #ff1f8e;}
.owl-carousel .owl-dots .owl-dot:after, .owl-carousel .owl-dots .owl-dot:before {
    content: '';
    position: absolute;
    border-radius: 50%;
    -webkit-transition: ease-out .16s;
    transition: ease-out .16s;}
.owl-carousel .owl-dots .owl-dot {position: relative;  display: inline-block;  width: 20px;  height: 20px;  margin: 0 2px; vertical-align: middle;}
.owl-carousel .owl-dots .owl-dot.active:before {    top: 0;    right: 0;    bottom: 0;    left: 0;}
.owl-carousel .owl-dots .owl-dot:after {
	top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: .4;
    background: #ff1f8e;
    width: 4px;
    height: 4px;}
.owl-carousel .owl-dots .owl-dot.active:after, .owl-carousel .owl-dots .owl-dot.active:before {    opacity: 1;}
.owl-carousel .owl-dots .owl-dot.active:after, .owl-carousel .owl-dots .owl-dot:focus:after, .owl-carousel .owl-dots .owl-dot:hover:after {    opacity: 1;}

/**Enquire form section**/
.enquire-form{
	background: #D6FFFC;
	background: -moz-linear-gradient(top, #D6FFFC 0%, #ffeff5 100%);
	background: -webkit-linear-gradient(top, #D6FFFC 0%,#ffeff5 100%);
	background: linear-gradient(to bottom, #D6FFFC 0%,#ffeff5 100%);}
.form-block input:focus, .form-block textarea:focus{ border-bottom: 2px solid #ff1f8e;}
.form-block input{
    width: 100%;
    height: 50px;
    padding: 0px 15px;
    margin: 0px 0 15px 0;
    color: #172b43;
    font-size: 16px;
    outline: none;
    background: #fff;
    border: 0;
    border-bottom: 2px solid #e6e6e6;
	-webkit-border-radius: 4px;
	border-radius: 4px;}
.form-block	textarea{
	height: 100px;
    width: 100%;
    padding: 15px;
    margin: 0px 0 15px 0;
    color: #172b43;
    font-size: 16px;
    outline: none;
    background: #fff;
    border: 0;
    border-bottom: 2px solid #e6e6e6;
	-webkit-border-radius: 4px;
    border-radius: 4px;}
.custom-control-input:checked~.custom-control-label::before {color: #fff;	border-color: #ff1f8e; background-color: #ff1f8e;}
.custom-control-input:focus~.custom-control-label::before {
	-webkit-box-shadow: 0 3px 6px rgba(91,130,148,.08);
	box-shadow: 0 3px 6px rgba(91,130,148,.08);}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {border-color: #ffbc80;}
.custom-control-label::before {
	position: absolute;
	top: -1px;
	left: -1.5rem;
	display: block;
	width: 20px;
	height: 20px;
	pointer-events: none;
	content: "";
	background-color: #fff;
	border: #adb5bd solid 1px;}
.custom-control-label::after {
	position: absolute;
	top: -3px;
	left: -26px;
	display: block;
	width: 25px;
	height: 25px;
	content: "";
	background: no-repeat 50%/50% 50%;}
.custom-control { margin-bottom: 10px;}
.form-block label input {height: 20px;	width: 20px;	position: relative;	top: 5px; margin: 0 5px 0 0;}
.fieldsets label{
	position: relative;
    top: -14px;
    font-size: 14px;
    color: #ff1f8e;
	margin: 0;
	padding: 0;
	display: inline;}
.custom-control label {text-indent: -21px;    padding: 2px 0 0 21px;    font-size: 14px;}
.form-block label a {color: #000;}
.form-block p.trm {font-size: 13px;	width: 100%;	text-align: center; margin: 10px 0 0 0;}
.form-block p.trm i{padding: 5px 5px 0 0;}
.form-block button:hover{background-color: #ff1f8e;}
.form-block button {width: 100%;}

/**Our office section**/
.our-office{background: #fff; position:relative; overflow:hidden;}
.shape-bg1{position:relative;}
.shape-bg1:before{
    content: '';
    background: url(../public/images/shape/shape-1.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
	left: -40px;
    top: -55px;
    z-index: 0;}
.shape-bg1:after{
    content: '';
    background: url(../public/images/shape/shape-2.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
	right: -30px;
    top: -80px;
    z-index: -1;}
.office-text{padding:20px 0 0 0; }
.office-text h4{margin: 0 0 10px 0;  }
.office-text p{	padding: 0 100px 0 0;  margin: 0 0 20px 0;}
.office-text a:hover{background: #ff1f8e;  color: #fff;  border: 2px solid #ff1f8e;}
.skyline-img{
	background: #fbf4f1;
    border-radius: 8px 40px 8px 0px;
	-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}

/**scroll to top**/
#scrollUp {
	bottom: 20px;
    right: 20px;
	width: 30px;
    height: 50px;
    -webkit-border-radius: 100px ;
    border-radius: 100px;
    color: #fff;
    background: url(../public/images/icons/up-arrow.svg) #00baff;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center center;
    background-repeat: no-repeat;}

/**Footer section**/
footer{position: relative; }
.footer-svg{ height: 80px;   overflow: hidden;   margin: -20px 0 0 0px;}
.footer-svg svg path{fill: #FFF0F5;}
footer .row{    position: relative;  z-index: 1;}
footer:after{
	content: "";
    position: absolute;
    width: 200px;
    height: 370px;
    background-repeat: no-repeat;
    top: 35%;
    z-index: 0;
    right: 0;
    background-position: center right;
    background-size: 80%;
	opacity: 0.5;}
footer:before{
	content: "";
    background: url(public/images/shape/shape-2.svg);
    position: absolute;
    width: 250px;
    height: 250px;
    bottom: 0;
    z-index: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100%;
	opacity: 0.5;}
.footer-row1 {
	background: #fffdf2;
	background: -moz-linear-gradient(top, #fffdf2 0%, #ffeff5 100%);
	background: -webkit-linear-gradient(top, #fffdf2 0%,#ffeff5 100%);
	background: linear-gradient(to bottom, #fffdf2 0%,#ffeff5 100%);
	padding:80px 0;}
.footer-row2 {   background: #ffffff;   padding: 10px 0 80px 0;}
.footer-row3 { background: #ffffff;   padding: 40px 0;}
.email-subs h3{	 margin-bottom: 10px }
.hline{ border-top: 1px solid #e2eaef;   margin: 0; position: relative;}
.email-subs-form{ position:relative;}
.email-subs-form form{	align-items: center;    justify-content: center;    display: flex; }
.email-subs-form input {
	width: 100%;
    height: 65px;
    padding: 0px 175px 0px 30px;
    margin: 0px 0 0px 0;
    color: #172b43;
    font-size: 16px;
    outline: none;
    background: #fff;
    border: 1px solid #e6e6e6;
	-webkit-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-shadow: -6px 6px 11px #f2f2f2, 6px -6px 11px #fff0e8;
    box-shadow: -6px 6px 11px #f2f2f2, 6px -6px 11px #fff0e8;}
.email-subs-form button {
	width: max-content;
    position: absolute;
    right: 5px;
    border-radius: 28px 100px 100px 28px;
    padding: 0 30px;
    line-height: 55px;}
.footer-row2 h5 {margin-bottom: 25px;   font-size: 24px;  font-weight: 500;  margin-top: 30px;}
.footer-address-list li p{
	font-weight: 600;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    line-height: 25px;}
.footer-address-list li p span{
	display: flex;
    font-weight: 400;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;}
.footer-address-list li > span {position: relative;   top: 5px;  }
.footer-address-list li { color: #6a6a8e;  display: flex;  padding: 0 0 15px 0; }
.footer-address-list li:last-child{	padding: 0 0 0px 0; }
.footer-address-list li a{	color: #6a6a8e; font-family: 'Open Sans', sans-serif;}
.footer-address-list li i{ margin: 0 15px 0 0;   display: initial; font-size: 21px;}
.footer-block{	padding:20px 0;}
.social-links {text-align: right;}
.social-links a{ color: #6a6a8e;    font-size: 25px;    line-height: 1;}
.footer-social-media-icons a:hover{color:#ff1f8e;}
.footer-social-media-icons a{
	color: #6a6a8e;
    font-size: 26px;
    border-radius: 4px;
    margin: 0 30px;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    line-height: 34px;}
.copyright{  text-align: center; color: #6a6a8e;}
.footer-social-media-icons{margin: 0 0 30px 0;}
.link-hover a {
	color: #6a6a8e;
	font-family: 'Poppins', sans-serif;
	display: inline-block;
	padding: 3px 0;
	position: relative;
	overflow: hidden;
	-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	-o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	z-index: 1;}
.link-hover a::after {
	content: "";
	width: 0;
	height: 1px;
	bottom: 0;
	position: absolute;
	left: auto;
	right: 0;
	z-index: -1;
	-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	-o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	background: currentColor;}
.link-hover a:hover::after {width: 100%;left: 0;right: auto;}
.link-hover a:hover{    color: #ff1f8e !important;}

/***About page***/
.breadcrumb-area {padding:150px 0px 90px 0px;     position:relative; overflow:hidden; text-align:center;}
.banner-1{background: url(../public/images/banner/6.jpg);   background-repeat: no-repeat;    background-size: cover; background-position: center center;}
.breadcrumb-area:before{
	content: '';   position: absolute;   top: 0;   height: 100%;   width: 100%;   opacity: .85;	    right: 0;    left: 0; z-index:0;
	background: -moz-linear-gradient(-45deg, #ffdee9 0%, #c8fff4  100%);
	background: -webkit-linear-gradient(-45deg, #ffdee9 0%,#c8fff4  100%);
	background: linear-gradient(135deg, #ffdee9 0%,#c8fff4  100%);}
.breadcrumb-area:after{
	content: ''; z-index:0;
    background: url(https://www.AbletonTuts.nl/public/images/banner/banner-shap-2.png);
    background-size: auto;   position: absolute;   height: 100%;   width: 100%;   background-repeat: no-repeat;
    right: 0;   top: 0;   z-index: 1;   background-position: center right; background-size: contain;}
.breadcrumb-area ul li {    display: block;    display: inline-block;}
.breadcrumb-area .bread-menu li a {    color: #6a6a8e;    font-size: 16px;    font-weight: 400;    padding-right: 6px;  display: inline-block;}
.breadcrumb-area .bread-menu li + li::before {
	font-size: 5px;
    font-family: 'Font Awesome 5 Free';
    content: "\f111";
    font-weight: bold;
    margin: 0 10px 0 0;
    position: relative;
    top: -3px;}
.text-block{position:relative; z-index:55;}
.bread-title h2{font-weight: 600;  font-size: 35px; line-height: 47px; margin: 15px 0 0 0;}
.bread-inner p{font-size:16px; line-height:28px;}
.block-1 p + p{margin: 25px 0 0 0;}
.block-1 .small {   margin-top: 50px;}
.block-1 .statnumb {margin: 0 0 0 0px;}
.why-choose{background: #f7fcff;}

/**Team page**/
.banner-4{background: url(../public/images/banner/2.jpg);   background-repeat: no-repeat;    background-size: cover; background-position: center center;}
.team{overflow:hidden;}
.bg-gradient99{
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #eef4fd 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#eef4fd 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#eef4fd 100%);}
.image-div{
	-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 8px;	border-radius: 8px;    overflow: hidden;}
.info-text-block{padding: 20px 0 0px 0;}
.info-text-block h4{  margin: 0 0 10px 0;}
.info-text-block h4 a{color: #050748;}
.full-image-card{margin-top:60px;}
.otherinfo{    margin: 30px 0 0 0px;}
.otherinfo p{    line-height: 28px;}
.social-media-profile{    margin: 30px 0 0 0px;}
.social-media-profile a{
	color: #6a6a8e;
    font-size: 22px;
    margin: 0 30px 0 0;
    display: inline-block;
    line-height: 34px;}
.bg-shape:after{
	content: '';
    background: url(../public/images/shape/shape-1.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    left: -40px;
    top: -55px;
    z-index: 0;}
.bg-shape:before{
	content: '';
    background: url(../public/images/shape/shape-2.svg);
    background-size: auto;
    position: absolute;
    height: 150px;
    width: 150px;
    background-repeat: no-repeat;
    right: -40px;
    bottom: -55px;
    z-index: 0;}

/**Portfolio page**/
.banner-3{background: url(../public/images/banner/5.jpg);   background-repeat: no-repeat;    background-size: cover; background-position: center center;}
.common-heading.pp h2 { margin-bottom:0px;}
.common-heading.pp{	padding: 0;    text-align: left;}
.common-heading.pp p{    margin: 20px 0 0 0;}
.single-card-item{ margin-top: 60px;}
.filter-menu{text-align:right;}
.filters .filter-menu.recent {
	list-style: none;
    padding: 0;
    bottom: 0;
    position: inherit;
    text-align: right;
    margin: 35px 0 0 0;}
.filters .filter-menu li {
	display: inline-block;
    padding: 20px;
    color: #333;
    cursor: pointer;
    background: #feeee3;
	-webkit-border-radius: 100px;
    border-radius: 40px 40px 40px 20px;}
.filters .filter-menu li.is-checked{background: #f95b94;   color: #fff;}
.portfolio-meta ul li {
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: left;
    background: #fff;
    position: relative;
    padding: 15px 20px 15px 55px;
    border-bottom: 1px solid #ebebeb;}
.portfolio-meta ul li p {
	font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 28px;
    background: #fff;
    display: inline-block;
    color: #050748;
    font-weight: 600;}
.portfolio-meta ul li p span {
	font-family: 'Open Sans', sans-serif;
    display: block;
    margin-top: 2px;
    color: #6a6a8e;
    font-weight: 400;}
.portfolio-meta ul li i {
	position: absolute;
    left: 10px;
    color: #050748;
    font-size: 25px;
    top: 50%;
    margin-top: -12.5px;}
.pv-:hover .item-image img {transform: scale(1.0);}

/***Service page***/
.banner-2{background: url(../public/images/banner/6.jpg);   background-repeat: no-repeat;    background-size: cover; background-position: center center;}
.service{overflow:hidden;}
.service .common-heading h2 {  margin-bottom: 20px;}
.bg-lights{   background: #f8ffff url(../public/images/shape/bg-line.svg);   background-size: 50px;}
.cta-area{
	position: relative;
    overflow: hidden;
	background: #e0f8ff;
	background: -moz-linear-gradient(top, #e0f8ff 0%, #fff0e5 100%);
	background: -webkit-linear-gradient(top, #e0f8ff 0%,#fff0e5 100%);
	background: linear-gradient(to bottom, #e0f8ff 0%,#fff0e5 100%);}
.btn-outline{
	border: 2px solid #000248;
    color: #050748;
    display: inline-block;
    padding: 0px 40px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    background: #fff;
    -webkit-box-shadow: 0 10px 15px 0px rgba(3, 35, 68, 0.1);
    box-shadow: 0 10px 15px 0px rgba(3, 35, 68, 0.1);
    line-height: 52px;
    -webkit-border-radius: 100px;
    border-radius: 100px;}
.btn-outline:hover{	background: #ff1f8e;    color: #fff;    border: 2px solid #ff1f8e;}
.cta-call{ margin: 30px 0 0 0;}
.cta-call i{ margin: 0 5px 0 0px;}
.cta-call a{font-family: 'Poppins', sans-serif;	font-size:24px;	color: #6a6a8e;    display: inline-block;    padding: 0 0 0 10px;}
.cta-area .common-heading h2 {  margin-bottom: 40px;}
.shape{position: absolute;}
.shape-a1 { bottom: -20px;  left: 0;}
.shape-a2 {	bottom: -30px;  right: 0;}
.shape-a3 {	top:0px;     right: 0;}
.shape-a4 {	top: -150px;    right: 20%;}

/**Service details page**/
.common-heading.ptag h2 {  margin-bottom: 15px;}
.common-heading.ptag p {  font-size: 16px;  line-height: 28px; }
.ps-block span{
	font-size: 60px;
    font-family: 'Poppins', sans-serif;
    border-radius: 100%;
    border: 1px solid #e8e8e8;
    width: 100px;
    height: 100px;
    display: block;
    text-align: center;
    line-height: 100px;
    margin: 0 0 20px 0;
    color: #6a6a8e;
    border-radius: 68% 32% 64% 36% / 59% 59% 41% 41%;
    background: #f5f5ff;}
.ps-block h3{margin-bottom: 20px;}
.ps-block p{ font-size: 16px; line-height: 28px;}
.ps-block{ padding: 0 25px;}
.featured-project .isotope_item {   margin-top: 60px;}
.featured-project{
	background: #f3fbff;
	background: -moz-linear-gradient(top, #f3fbff 0%, #fffdf6 100%);
	background: -webkit-linear-gradient(top, #f3fbff 0%,#fffdf6 100%);
	background: linear-gradient(to bottom, #f3fbff 0%,#fffdf6 100%);}
.maga-btn{text-align: center;}
.image-block1 img{	width:100%;}
.image-block1{
	-webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
    box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
    -webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;}
.image-block{
	-webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
    box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
	-webkit-border-radius: 8px;
	border-radius: 8px;
    overflow: hidden;}

/**Pricing page**/
.pricing-table {
    position: relative;
    text-align: center;
    padding: 30px 30px 0;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: -30px 30px 60px #f2f2f2, 30px -30px 60px #ffffff;
    box-shadow: -30px 30px 60px #f2f2f2, 30px -30px 60px #ffffff;}
.pricing-table img{
	background: #e9f8ff;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    padding: 10px;
    border: 10px solid #ffffff;}
.pricing-table .title {
    margin: 30px 0 10px 0;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    display: block;
    letter-spacing: 0.5px;}
.pricing-table .title-sub{	margin:0 0 30px 0;}
.pricing-table .inner-table h2 {font-size: 42px;  font-weight: 700;   color: #ff1f8e;  margin-bottom: 3px;}
.pricing-table .inner-table p.duration {color: #72729a;  font-weight: 500; margin-bottom: 0;}
.pricing-table .inner-table .details {
	margin-top: 35px;
    padding-top: 28px;
    padding-bottom: 30px;
    line-height: 42px;
    border-top: 1px solid #e5e5e5;}
.pricing-table a { margin-bottom: -26px;  display: inline-block;}
.pricing-table .inner-table .details ul {list-style: none;  margin-bottom: 0;  padding: 0;}
.pricing-table.best-plan .inner-table h2 { color: #2a89ea; }
.pricing-table.best-plan img{
	background: #ccf0ff;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    padding: 10px;
    border: 10px solid #e9f8ff;}

/**Case study page**/
.banner-5{background: url(../public/images/banner/7.jpg);   background-repeat: no-repeat;    background-size: cover; background-position: center center;}
.case-study1{overflow:hidden;}
.case-study3{overflow:hidden;}
.case-study .image-div{
	border-radius: 8px;
	overflow:hidden;
	-webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.case-study2{background: #fee;}
.image-div img{width:100%;}
.case-study2	.s-block {
    text-align: center;
    background: #fff;
    padding: 50px 20px;
    margin: 5px 0;
    position: relative;
    border: 1px solid #d4f0ff;
    -webkit-box-shadow: -25px 25px 45px #f0dede, 25px -25px 45px #fff6f6;
    box-shadow: -25px 25px 45px #f0dede, 25px -25px 45px #fff6f6;}
.case-study3 .image-block img, .case-study1 .image-block img{
	-webkit-box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
	box-shadow: -20px 20px 35px #dcdcdc, 20px -40px 35px #ffffff;
	width: 100%;}
.case-study4{background: #f9f9f9;}

/**Blog page**/
.entry-blog {text-transform: capitalize;   font-weight: 400; font-size: 15px; margin: 5px 0 15px 0;}
.entry-blog a {  color: #6a6a8e;}
.entry-blog a i{margin-right:4px;}
.bypost{margin-right:10px;}
.item-image{position: relative;}
.category-blog{	position: absolute;    left: 0;    bottom: 0;}
.posted-on{margin-right:10px;}
.category-blog a{display: inline-block;  padding: 5px;  background: #fe409c;  color: #fff;}
.image-set{	border-radius:8px; overflow:hidden;}
.image-set img{width:100%;}
.blog-header .user-image img {   border-radius: 100%;  width: 50px;}
.blog-header .user-info {   font-family: 'Poppins', sans-serif;   margin: 0px 0 0 20px;}
.postwatch{text-align: right;}
.ul-list{padding: 0 0 0 20px;}
.ul-list li{font-size: 16px;   line-height: 38px;   list-style-type: circle;}
.rd-quote {
    padding: 30px;
    position: relative;
    border-left: 4px solid #fc4899;
    font-size: 20px;
    line-height: 32px;
    font-style: italic;
    margin: 40px 0;
    background: #FAFAFB;}
.author-block{position: relative;  padding: 30px;  margin-top: 50px;  border-top: none;  background: #fafafb; border-radius: 10px;}
.author-block .user-image img{width:80px;	border-radius:100px;}
.comments-block h2{ font-weight: 600;   font-size: 25px;  line-height: 35px;}
.comments-block  .user-info h5 span{font-size: 15px;  text-align: right;  float: right; color: #6a6a8e;}
.comments-block	.user-info h5 { font-size: 20px;  display: flow-root;}
.comments-block	.user-info h5 a{display: inline-block;  padding: 0 0 0 6px;  color: #00b2ff;}
.comments-block .user-image img{width:50px;	border-radius:100px;}
.replied{padding-left:60px;}
.form-blog  button{	width:max-content;}
.comments-block .media + .media{margin-top: 60px;}
.form-blog{background: #fafafb;padding: 40px;}
.offer-image{    border-radius: 8px;    overflow: hidden;}
.offer-image img{	width:100%;}
.recent-post .post-info p {    font-size: 16px;    line-height: 28px;}
.recent-post .post-image img {   border-radius:8px;   width: 80px;}
.recent-post .post-image a{	display:block;}
.recent-post .post-info h5 a{	color: #050748;}
.recent-post .post-info h5 a:hover{	color: #2196f3;}
.recent-post .post-info h5 {	font-size: 16px;    line-height: 26px;}
.post-info {    margin: 0px 0 0 20px;}
.widgets h3{font-size:20px;}
.recent-post .media + .media{margin-top: 20px;}
.tabs a{
	font-size: 15px;
    font-weight: 400;
    text-transform: lowercase;
    padding: 0px 10px;
    line-height: 30px;
    border-radius: 4px;
    border: none;
    color: inherit;
    margin: 0 4px 8px 0;
    display: inline-block;
    background: #F6F5FA;
    font-family: 'Poppins', sans-serif;}
.blog-categories ul li:first-child a{padding-top: 0;}
.blog-categories ul li a{
	font-family: 'Poppins', sans-serif;
	display: block;
    padding: 10px 0;
    font-size: 16px;
    line-height: 28px;
    border-bottom: 1px solid #D3D3D3;
    text-decoration: none;
    color: #757589;
    position: relative;}
.blog-categories ul li span.categories-number {   position: absolute;   right: 0;}
.blog-categories ul li:first-child {  border-top: 0px solid;}
.blog-post-tag span {
    font-size: 18px;
    font-weight: 700;
    display: block;
    margin-bottom: 17px;
    color: rgb(6, 42, 77);}
.blog-share-icon span {
    font-size: 18px;
    font-weight: 700;
    color: rgb(6, 42, 77);
    display: block;
    margin-bottom: 17px;}
.blog-share-icon a { color: #6a6a8e;   font-size: 18px;   margin-right: 22px; }
.blog-post-tag a {
	color: #6a6a8e;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
    margin-bottom: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(234, 237, 255);
    border-image: initial;
    padding: 12px 24px;
    border-radius: 5px;}
.blog-share-icon a:last-child {   margin-right: 0px;}
.post-navigation span a {color: #6a6a8e;   margin-bottom: 5px;  display: block;}
.post-navigation h4 a{ color: #050748;}

/**contact page**/
.banner-6{background: url(../public/images/banner/4.jpg);   background-repeat: no-repeat;    background-size: cover; background-position: center center;}
.contact-location{overflow:hidden;}
.info-card { padding: 30px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.contact-card{background: #fff8f2;}
.email-card{background: #ffecec;}
.skype-card{background: #eafffd;}
.info-card span i{    margin-right: 10px;}
.info-card span{ font-size: 20px;   font-weight: 700; font-family: 'Poppins', sans-serif;}
.info-card p{font-size: 16px; line-height: 28px; margin: 20px 0 10px 0;	}
.info-card a{font-size: 20px;  color: inherit;  font-weight: 600;}
.bglight{    background: #fbfbfb;}

/**404 page**/
.error{   height: 100vh;}
.error-block{   padding-top: 50px; position:relative;    z-index: 5;}
.layer-div{	position:relative;}
.error-block a{margin-top:40px; }
.layer-div:before {
    background: url(../public/images/icons/404.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;   bottom: 0;   text-align: center;   right: 0;   left: 0;  z-index: 0;}

/**Faq & accordion page**/
.accordion .card-title:after {
    font-family: "Font Awesome 5 Free";
    content: "\f062";
    font-weight: bold;
    position: absolute;
    font-size: 14px;
    right: 5px;
    top: 9px;
    background: #00baff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100px;
    color: #fff;
    -webkit-box-shadow: 2px 5px 10px 0px rgba(0, 186, 255, 0.2);
    box-shadow: 2px 5px 10px 0px rgba(0, 186, 255, 0.2);}
.card-header .btn-link:hover {   color: #6a6a8e;   text-decoration: none;}
.card-header .btn-link.focus, .btn-link:focus {   text-decoration: none;   box-shadow: none;}
.accordion .card-title.collapsed:after {   content: "\f063";   font-weight: bold; }
.accordion .card-body {   -ms-flex: 1 1 auto;   flex: 1 1 auto;   min-height: 1px;   padding: 0px 15px 15px 15px;}
.panel .panel-collapse .collapse {   transition: transform .25s ease-in-out;   -webkit-transition: -webkit-transform .25s ease-in-out;}
.card-1 .card-header {
     padding:10px 15px;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0;
    position: relative;
    cursor: pointer;}
.card-1 {
    border: 1px solid #d4f0ff;
    overflow: hidden;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 20px;
	padding:0px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3.4px 2.7px -30px rgba(0, 0, 0, 0.059), 0 8.2px 8.9px -30px rgba(0, 0, 0, 0.071), 0 25px 40px -30px rgba(0, 0, 0, 0.2);}
.card-1 .card-title {
  margin-bottom: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #6a6a8e;
    padding:10px 40px 10px 0;}
.tabs-layout .nav-tabs .nav-link.active { color: #ffffff; background-color: #00baff; border-color: #00baff; border-radius: 100px;}
.tabs-layout .nav-tabs .nav-link {
       border: 0px solid transparent;
    color: #6a6a8e;
    background-color: #efefef;
    border-radius: 100px;
	 padding:10px 35px;}
.tabs-layout .nav-tabs .nav-item  + .nav-item{ margin:0 10px;}
.tabs-layout .nav-tabs .nav-item  + .nav-item:last-child{  margin:0px;}
.tabs-layout .nav-tabs {   border-bottom: 0px solid #dee2e6;}
.tabs-layout .tab-content{	padding: 20px 0 0px 0;}
.outline-tabs.tabs-layout .nav-tabs .nav-link {  border: 1px solid #efefef;  color: #6a6a8e;  background-color: #ffffff;  border-radius: 100px;}
.outline-tabs.tabs-layout .nav-tabs .nav-link.active {  color: #ffffff;  background-color: #00baff;  border-color: #00baff;  border-radius: 100px;}

/**Help css**/
h1 {  font-size: 45px;	line-height: 57px;}
h2 {  font-size: 40px;  line-height: 52px;}
h3 {  font-size: 34px;  line-height: 46px;}
h4 {  font-size: 22px;  line-height: 32px;}
h5 {  font-size: 20px;  line-height: 30px;}
h6 {  font-size: 16px;  line-height: 26px;}
p {   font-size: 17px;  line-height: 28px;}
.pad-tb { padding-top: 100px; padding-bottom: 100px;}
html .pt0{padding-top:0;}
html .pm0{padding-bottom:0;}
html .mt0{margin-top: 0px;}
html .mb0{margin-bottom: 0;}
html .mt10{margin-top: 10px;}
html .mt20{margin-top: 20px;}
html .mt30{margin-top: 30px;}
html .mt40{margin-top: 40px;}
html .mt50{margin-top: 50px;}
html .mt60{margin-top: 60px;}
html .mt70{margin-top: 70px;}
html .mt80{margin-top: 80px;}
html .mt90{margin-top: 90px;}
html .mt100{margin-top: 100px;}
html .mb10{margin-bottom: 10px;}
html .mb20{margin-bottom: 20px;}
html .mb30{margin-bottom: 30px;}
html .mb40{margin-bottom: 40px;}
html .mb50{margin-bottom: 50px;}
html .mb60{margin-bottom: 60px;}
html .mb70{margin-bottom: 70px;}
html .mb80{margin-bottom: 80px;}
html .mb90{margin-bottom: 90px;}
html .mb100{margin-bottom: 100px;}
html .p0{padding: 0px;}
html .pt10{padding-top: 10px;}
html .pt20{padding-top: 20px;}
html .pt30{padding-top: 30px;}
html .pt40{padding-top: 40px;}
html .pt50{padding-top: 50px;}
html .pt60{padding-top: 60px;}
html .pt70{padding-top: 70px;}
html .pt80{padding-top: 80px;}
html .pt90{padding-top: 90px;}
html .pt100{padding-top: 100px;}
html .pb10{padding-bottom: 10px;}
html .pb20{padding-bottom: 20px;}
html .pb30{padding-bottom: 30px;}
html .pb40{padding-bottom: 40px;}
html .pb50{padding-bottom: 50px;}
html .pb60{padding-bottom: 60px;}
html .pb70{padding-bottom: 70px;}
html .pb80{padding-bottom: 80px;}
html .pb90{padding-bottom: 90px;}
html .pb100{padding-bottom: 100px;}
.pl25{padding-left: 25px !important}
.pr25{padding-right: 25px !important}
.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-btn{
	background: #ffbd84;
	background: -moz-linear-gradient(left, #ffbd84 0%, #ff1f8e 100%);
	background: -webkit-linear-gradient(left, #ffbd84 0%,#ff1f8e 100%);
	background: linear-gradient(to right, #ffbd84 0%,#ff1f8e 100%);}
.bg-btn2{
	background: #f92c8b;
	background: -moz-linear-gradient(left, #f92c8b 0%, #b02cd6 100%);
	background: -webkit-linear-gradient(left, #f92c8b 0%,#b02cd6 100%);
	background: linear-gradient(to right, #f92c8b 0%,#b02cd6 100%);}
.bg-btn3 {
	background: #673AB7;
	background: -moz-linear-gradient(left, #673AB7 0%, #2196F3 100%);
	background: -webkit-linear-gradient(left, #673AB7 0%,#2196F3 100%);
	background: linear-gradient(to right, #673AB7 0%,#2196F3 100%);}
.hover-scale img{transform: scale(1.0);}
.hover-scale:hover img {transform: scale(1.05);}
.text-animation{
	font-weight: bold;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 6s infinite linear; }
.bg-a{ background-image: linear-gradient(to right, #ff1f8e 0%,#ffbd84 36%,#ffbd84 65%,#ff1f8e 100%);}
.bg-b{ background-image: linear-gradient(to right, #673AB7 0%,#E91E63 36%,#E91E63 65%,#673AB7 100%);}
@keyframes slideIn {
	0% {transform: translateY(1rem);	opacity: 0;	}
	100% {transform:translateY(0rem);	opacity: 1;	}
	0% {transform: translateY(1rem);	opacity: 0;	} }
@-webkit-keyframes slideIn {
	0% {-webkit-transform: transform;	     -webkit-opacity: 0;	}
	100% {-webkit-transform: translateY(0);	 -webkit-opacity: 1;	}
	0% {-webkit-transform: translateY(1rem); -webkit-opacity: 0;	} }
@keyframes hue {
	from {background-position:0 0;	}
	to {background-position: 2000px 0;} }