@font-face {
	font-family: IRANYekanX;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/iranyekan/woff/IRANYekanX-Regular.woff') format('woff'),   
	url('../fonts/iranyekan/woff2/IRANYekanX-Regular.woff2') format('woff2');	
}

@font-face {
	font-family: Morraba-bold;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/morabba/Morabba-ExtraBold.woff') format('woff'),   
	url('../fonts/morabba/Morabba-ExtraBold.woff2') format('woff2');	
}

@font-face {
	font-family: Morraba-Light;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/morabba/Morabba-Light.woff') format('woff'),   
	url('../fonts/morabba/Morabba-Light.woff2') format('woff2');	
}
@font-face {
	font-family: Morraba-Medium;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/morabba/Morabba-Medium.woff') format('woff'),   
	url('../fonts/morabba/Morabba-Medium.woff2') format('woff2');	
}
body {
  background-color: #e5e5e5;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: IRANYekanX !important;
  color: #585858 !important;
  overflow-x: hidden;
}
.ff-morabba-bold{
  font-family: Morraba-bold !important;
}
.ff-morabba-light{
  font-family: Morraba-Light !important;
}
.ff-morabba-medium{
  font-family: Morraba-Medium !important;
}
.font-weight-bolder{
  font-family: Morraba-Medium !important;
}

#cms-demo .page-header {
 
  width: 100%;
  background-image: url(../image/hero-bg-shape-3.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0px;
  color: #ffffff;
  min-height: 605px;
  line-height: 35px;
  background-color: rgba(28,206,234,.82);
  background: linear-gradient(-45deg,rgba(147,26,222,0.83) 0%,rgba(28,206,234,0.82) 100%);
  
 }
 #cms-demo .page-header-rtl {
 
  width: 100%;
  background-image: url(../image/hero-bg-shape-rtl.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0px;
  color: #ffffff;
  min-height: 605px;
  line-height: 35px;
  background-color: rgba(28,206,234,.82);
background: linear-gradient(-45deg,rgba(147,26,222,0.83) 0%,rgba(28,206,234,0.82) 100%);
  
 }
 .logo-landing  {
width: 50%;
  background-image: url(../image/logo-web-sky-group.png);
  height: 50px;
 }
 .logo-landing img {
  width: 250px;
  height: 40px;
  margin: 2%;
 }
 .header_content
 {
  padding: 140px 30px 20px 30px;
 }
 .header_content_img
 {
  width: 100%;
 }
 #cms-demo .content-landing {
  margin: -50px 30px 0;
  margin-top: -50px;
border-radius: 10px 10px 0 0;
background: linear-gradient(0deg,#fff 0%,#fff 100%);
position: relative;

padding: 20px 20px 70px;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
margin-top: -100px;
 }
 #cms-demo h2,h3 {
  margin-top:0;
  margin-bottom:30px;
  text-align:center;
  
  
 }
 #cms-demo .border-right {
  border-right:1px solid #efefef
 }
 #cms-demo .border-left {
  border-left:1px solid #efefef
 }
 .btn-landing .btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--icon-mt);
  margin-inline-end: var(--icon-me);
  margin-bottom: var(--icon-mb);
  margin-inline-start: var(--icon-ms);
  transition: background .3s,color .125s,box-shadow .3s,border .3s,opacity .25s,transform .5s;
  padding: 8px;
}
 @media screen and (max-width:767px) {
  #cms-demo .border-right {
   border-right:0 solid #efefef
  }
 }
 #cms-demo .demonstration-box {
  padding:5px 20px;
  position: relative;
 }
 #cms-demo .demonstration-box .box-overlay {
  position:absolute;
  display:block;
  z-index:99;
  top:0;
  bottom:0;
  left:0;
  right:0;
  font-size:20px;
  text-transform:uppercase;
 
  color:#fff;
  background-color:rgba(36,45,55,.9);
  opacity:0;
  -webkit-transition:visibility 0s ease-in-out,opacity .15s ease-in;
  -o-transition:visibility 0s ease-in-out,opacity .15s ease-in;
  transition:visibility 0s ease-in-out,opacity .15s ease-in;
  border-radius:2px
 }
 #cms-demo .demonstration-box .box-overlay:hover {
  opacity:1;
  text-decoration:none
 }
 #cms-demo .demonstration-box .box-overlay span {
  position:absolute;
  z-index:999;
  display:block;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  text-align:center
 }
 #cms-demo .demonstration-box img{
  width: 100%;
 }
 #cms-demo .demonstration-box .box-overlay span i {
  text-transform:lowercase
 }

 #cms-demo .demonstration-box .thumb-cover {
  padding: 15px 20px;
  height: 100%;
  top: 0;
  position: absolute;
  opacity: 0;
  display: block;
  width: 100%;
  background-color: rgba(0,0,0,.75);
  z-index: 3;
  content: "";
  left: 0;
  border-radius: 8px;
}
#cms-demo .demonstration-box .thumb-cover:hover  {
 opacity:1
}
 #cms-demo .demonstration-box p {
  color:#a8a8ae;
  text-align:center;
  margin-top:20px;
  letter-spacing:2px;
  font-style:italic
 }
 
  #cms-demo .btn-landing {
  color:#ffff;
  background-image: linear-gradient(310deg,#aa6fe4,#00c3ff);
 }


 .accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: right;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  font-size: 16px;
line-height: 2em;

border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #d8dbe2;
padding: 0.93em 1.5em 0.93em 1.5em;
border-radius: 100px 100px 100px 100px;

margin: 10px;
}

.active, .accordion:hover {
  background-color: rgb(31, 31, 31); 
  color: #fff;
}
.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-right: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

.footer {
  position: relative;
  margin-top: 5em;
margin-bottom: 0em;
padding: 13em 1em 2em 1em;
}
.footer-widget {
  position: relative;
  color: #fff;
}
.landing-background-overlay{
background-color: transparent;
background-image: radial-gradient(at center center, #15F273 29%, #2BE491 77%);
opacity: 1;
filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
}
.landing-shape[data-negative="true"].landing-shape-top{
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.landing-shape-top {
  top: -1px;
}
.landing-shape {
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 0;
  direction: ltr;
}
.landing-shape svg {
  display: block;
  width: calc(100% + 1.3px);
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.landing-shape .landing-shape-fill {
  fill: #fff;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.faq {
  margin: 40px 0px;
 }



.navbar {
  box-shadow:0 2px 12px 0 rgba(0,0,0,.16)
 }
 .navbar .nav-link,
 .navbar .navbar-brand {
  color:#344767;
  font-size:.875rem
 }
 .navbar .nav-link {
  padding:.5rem 1rem;
  font-weight:400;
  cursor: pointer;
 }
 .navbar.navbar-absolute {
  position:absolute;
  width:100%;
  z-index:1
 }
 .navbar.navbar-transparent .nav-link,
 .navbar.navbar-transparent .nav-link i {
  color:#fff
 }
 .navbar.navbar-transparent .nav-link:focus,
 .navbar.navbar-transparent .nav-link:hover {
  color:hsla(0,0%,100%,.75)
 }
 .navbar.navbar-transparent .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar {
  background:#fff
 }
 .navbar.navbar-transparent .navbar-collapse {
  border-radius:.75rem
 }
 .navbar.navbar-dark .navbar-collapse.collapsing .dropdown-header.text-dark,
 .navbar.navbar-dark .navbar-collapse.show .dropdown-header.text-dark {
  color:#fff!important
 }
 .navbar .sidenav-toggler-inner {
  width:18px
 }
 .navbar .sidenav-toggler-inner .sidenav-toggler-line {
  transition:all .15s ease;
  background:#7b809a;
  border-radius:.1rem;
  position:relative;
  display:block;
  height:2px
 }
 .navbar .sidenav-toggler-inner .sidenav-toggler-line:not(:last-child) {
  margin-bottom:3px
 }
 .g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:first-child,
 .g-sidenav-show.g-sidenav-pinned .navbar .sidenav-toggler-inner .sidenav-toggler-line:last-child {
  width:13px;
  transform:translateX(5px)
 }
 .navbar-light {
  background-color:#fff!important
 }
 .navbar-light .navbar-toggler {
  border:none
 }
 .navbar-light .navbar-toggler:focus {
  box-shadow:none
 }
 .navbar-toggler .navbar-toggler-icon {
  background-image:none
 }
 .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar {
  display:block;
  position:relative;
  width:22px;
  height:1px;
  border-radius:1px;
  background:#6c757d;
  transition:all .2s;
  margin:0 auto
 }
 .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar2,
 .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar.bar3 {
  margin-top:7px
 }
 .navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar1 {
  transform:rotate(45deg);
  transform-origin:10% 10%;
  margin-top:4px
 }
 .navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar2 {
  opacity:0
 }
 .navbar-toggler[aria-expanded=true] .navbar-toggler-bar.bar3 {
  transform:rotate(-45deg);
  transform-origin:10% 90%;
  margin-top:3px
 }
 @media (max-width:991.98px) {
  .navbar.navbar-transparent .navbar-collapse {
   padding-top:.5rem;
   padding-bottom:.5rem;
   box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)
  }
  .navbar.navbar-transparent .navbar-collapse.collapsing,
  .navbar.navbar-transparent .navbar-collapse.show {
   background:#fff
  }
  .navbar.navbar-transparent .navbar-collapse.show .nav-link,
  .navbar.navbar-transparent .navbar-collapse.show i {
   color:#344767
  }
  .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-collapse {
   display:flex!important;
   flex-basis:auto
  }
  .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-nav {
   flex-direction:row
  }
  .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu {
   box-shadow:none!important
  }
  .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu:before {
   display:none!important
  }
 }
 @media (max-width:767.98px) {
  .navbar-collapse {
   position:relative
  }
  .navbar-collapse .navbar-nav {
   width:100%
  }
  .navbar-collapse .navbar-nav .nav-item.dropdown {
   position:static
  }
  .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu {
   left:0;
   right:0
  }
  .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu.show:before {
   content:none
  }
 }
 @media (max-width:575.98px) {
  .navbar-nav .nav-item.dropdown .dropdown-menu {
   left:0;
   right:auto
  }
 }
 .navbar-vertical .navbar-brand-img,
 .navbar-vertical .navbar-brand>img {
  max-width:100%;
  max-height:2rem
 }
 .navbar-vertical .navbar-nav .nav-link {
  padding-left:1rem;
  padding-right:1rem;
  font-weight:300;
  color:#fff
 }
 .navbar-vertical .navbar-nav .nav-link>i {
  min-width:1.8rem;
  font-size:1.5rem;
  line-height:1.5rem;
  text-align:center
 }
 .navbar-vertical .navbar-nav .nav-link .dropdown-menu {
  border:none
 }
 .navbar-vertical .navbar-nav .nav-link .dropdown-menu .dropdown-menu {
  margin-left:.5rem
 }
 .navbar-vertical .navbar-nav .nav-link .avatar {
  width:1.875rem;
  height:1.875rem
 }
 .navbar-vertical .navbar-nav .nav-sm .nav-link {
  font-size:.8125rem
 }
 .navbar-vertical .navbar-nav .nav-link {
  display:flex;
  align-items:center;
  white-space:nowrap
 }
 .navbar-vertical .navbar-heading {
  padding-top:.5rem;
  padding-bottom:.5rem;
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.04em
 }
 .navbar-vertical.navbar-expand-xs {
  display:block;
  position:fixed;
  top:0;
  bottom:0;
  width:100%;
  max-width:15.625rem!important;
  overflow-y:auto;
  padding:0;
  box-shadow:none
 }
 .navbar-vertical.navbar-expand-xs .navbar-collapse {
  display:block;
  overflow:auto;
  height:calc(100vh - 360px)
 }
 .navbar-vertical.navbar-expand-xs>[class*=container] {
  flex-direction:column;
  align-items:stretch;
  min-height:100%;
  padding-left:0;
  padding-right:0
 }
 @media (-ms-high-contrast:active),(-ms-high-contrast:none) {
  .navbar-vertical.navbar-expand-xs>[class*=container] {
   min-height:none;
   height:100%
  }
 }
 .navbar-vertical.navbar-expand-xs.fixed-start {
  left:0
 }
 .navbar-vertical.navbar-expand-xs.fixed-end {
  right:0
 }
 .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link {
  padding-top:.75rem;
  padding-bottom:.75rem;
  margin:0 1rem;
  margin-bottom:1.5px
 }
 .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .nav-link-text,
 .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .sidenav-mini-icon,
 .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link .sidenav-normal,
 .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link i {
  pointer-events:none
 }
 .navbar-vertical.navbar-expand-xs .navbar-nav .nav-item {
  width:100%
 }
 .navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item {
  margin-top:.125rem
 }
 .navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item .icon .ni {
  top:0
 }
 .navbar-vertical.navbar-expand-xs .lavalamp-object {
  width:calc(100% - 1rem)!important;
  background:theme-color("primary");
  color:color-yiq(#e91e63);
  margin-right:.5rem;
  margin-left:.5rem;
  padding-left:1rem;
  padding-right:1rem;
  border-radius:.125rem
 }
 .navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link {
  padding-top:.75rem;
  padding-bottom:.75rem;
  padding-left:15px
 }
 .navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link>span.sidenav-normal {
  transition:all .1s ease 0s
 }
 .navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link.active {
  padding-top:.75rem;
  padding-bottom:.75rem
 }
 @media (min-width:576px) {
  .navbar-vertical.navbar-expand-sm {
   display:block;
   position:fixed;
   top:0;
   bottom:0;
   width:100%;
   max-width:15.625rem!important;
   overflow-y:auto;
   padding:0;
   box-shadow:none
  }
  .navbar-vertical.navbar-expand-sm .navbar-collapse {
   display:block;
   overflow:auto;
   height:calc(100vh - 360px)
  }
  .navbar-vertical.navbar-expand-sm>[class*=container] {
   flex-direction:column;
   align-items:stretch;
   min-height:100%;
   padding-left:0;
   padding-right:0
  }
 }
 @media (min-width:576px) and (-ms-high-contrast:active),(min-width:576px) and (-ms-high-contrast:none) {
  .navbar-vertical.navbar-expand-sm>[class*=container] {
   min-height:none;
   height:100%
  }
 }
 @media (min-width:576px) {
  .navbar-vertical.navbar-expand-sm.fixed-start {
   left:0
  }
  .navbar-vertical.navbar-expand-sm.fixed-end {
   right:0
  }
  .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link {
   padding-top:.75rem;
   padding-bottom:.75rem;
   margin:0 1rem;
   margin-bottom:1.5px
  }
  .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .nav-link-text,
  .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-mini-icon,
  .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link .sidenav-normal,
  .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link i {
   pointer-events:none
  }
  .navbar-vertical.navbar-expand-sm .navbar-nav .nav-item {
   width:100%
  }
  .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item {
   margin-top:.125rem
  }
  .navbar-vertical.navbar-expand-sm .navbar-nav>.nav-item .icon .ni {
   top:0
  }
  .navbar-vertical.navbar-expand-sm .lavalamp-object {
   width:calc(100% - 1rem)!important;
   background:theme-color("primary");
   color:color-yiq(#e91e63);
   margin-right:.5rem;
   margin-left:.5rem;
   padding-left:1rem;
   padding-right:1rem;
   border-radius:.125rem
  }
  .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link {
   padding-top:.75rem;
   padding-bottom:.75rem;
   padding-left:15px
  }
  .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link>span.sidenav-normal {
   transition:all .1s ease 0s
  }
  .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link.active {
   padding-top:.75rem;
   padding-bottom:.75rem
  }
 }
 @media (min-width:768px) {
  .navbar-vertical.navbar-expand-md {
   display:block;
   position:fixed;
   top:0;
   bottom:0;
   width:100%;
   max-width:15.625rem!important;
   overflow-y:auto;
   padding:0;
   box-shadow:none
  }
  .navbar-vertical.navbar-expand-md .navbar-collapse {
   display:block;
   overflow:auto;
   height:calc(100vh - 360px)
  }
  .navbar-vertical.navbar-expand-md>[class*=container] {
   flex-direction:column;
   align-items:stretch;
   min-height:100%;
   padding-left:0;
   padding-right:0
  }
 }
 @media (min-width:768px) and (-ms-high-contrast:active),(min-width:768px) and (-ms-high-contrast:none) {
  .navbar-vertical.navbar-expand-md>[class*=container] {
   min-height:none;
   height:100%
  }
 }
 @media (min-width:768px) {
  .navbar-vertical.navbar-expand-md.fixed-start {
   left:0
  }
  .navbar-vertical.navbar-expand-md.fixed-end {
   right:0
  }
  .navbar-vertical.navbar-expand-md .navbar-nav .nav-link {
   padding-top:.75rem;
   padding-bottom:.75rem;
   margin:0 1rem;
   margin-bottom:1.5px
  }
  .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .nav-link-text,
  .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-mini-icon,
  .navbar-vertical.navbar-expand-md .navbar-nav .nav-link .sidenav-normal,
  .navbar-vertical.navbar-expand-md .navbar-nav .nav-link i {
   pointer-events:none
  }
  .navbar-vertical.navbar-expand-md .navbar-nav .nav-item {
   width:100%
  }
  .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item {
   margin-top:.125rem
  }
  .navbar-vertical.navbar-expand-md .navbar-nav>.nav-item .icon .ni {
   top:0
  }
  .navbar-vertical.navbar-expand-md .lavalamp-object {
   width:calc(100% - 1rem)!important;
   background:theme-color("primary");
   color:color-yiq(#e91e63);
   margin-right:.5rem;
   margin-left:.5rem;
   padding-left:1rem;
   padding-right:1rem;
   border-radius:.125rem
  }
  .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link {
   padding-top:.75rem;
   padding-bottom:.75rem;
   padding-left:15px
  }
  .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link>span.sidenav-normal {
   transition:all .1s ease 0s
  }
  .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link.active {
   padding-top:.75rem;
   padding-bottom:.75rem
  }
 }
 @media (min-width:992px) {
  .navbar-vertical.navbar-expand-lg {
   display:block;
   position:fixed;
   top:0;
   bottom:0;
   width:100%;
   max-width:15.625rem!important;
   overflow-y:auto;
   padding:0;
   box-shadow:none
  }
  .navbar-vertical.navbar-expand-lg .navbar-collapse {
   display:block;
   overflow:auto;
   height:calc(100vh - 360px)
  }
  .navbar-vertical.navbar-expand-lg>[class*=container] {
   flex-direction:column;
   align-items:stretch;
   min-height:100%;
   padding-left:0;
   padding-right:0
  }
 }
 @media (min-width:992px) and (-ms-high-contrast:active),(min-width:992px) and (-ms-high-contrast:none) {
  .navbar-vertical.navbar-expand-lg>[class*=container] {
   min-height:none;
   height:100%
  }
 }
 @media (min-width:992px) {
  .navbar-vertical.navbar-expand-lg.fixed-start {
   left:0
  }
  .navbar-vertical.navbar-expand-lg.fixed-end {
   right:0
  }
  .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link {
   padding-top:.75rem;
   padding-bottom:.75rem;
   margin:0 1rem;
   margin-bottom:1.5px
  }
  .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .nav-link-text,
  .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-mini-icon,
  .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link .sidenav-normal,
  .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link i {
   pointer-events:none
  }
  .navbar-vertical.navbar-expand-lg .navbar-nav .nav-item {
   width:100%
  }
  .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item {
   margin-top:.125rem
  }
  .navbar-vertical.navbar-expand-lg .navbar-nav>.nav-item .icon .ni {
   top:0
  }
  .navbar-vertical.navbar-expand-lg .lavalamp-object {
   width:calc(100% - 1rem)!important;
   background:theme-color("primary");
   color:color-yiq(#e91e63);
   margin-right:.5rem;
   margin-left:.5rem;
   padding-left:1rem;
   padding-right:1rem;
   border-radius:.125rem
  }
  .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link {
   padding-top:.75rem;
   padding-bottom:.75rem;
   padding-left:15px
  }
  .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link>span.sidenav-normal {
   transition:all .1s ease 0s
  }
  .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link.active {
   padding-top:.75rem;
   padding-bottom:.75rem
  }
 }
 @media (min-width:1200px) {
  .navbar-vertical.navbar-expand-xl {
   display:block;
   position:fixed;
   top:0;
   bottom:0;
   width:100%;
   max-width:15.625rem!important;
   overflow-y:auto;
   padding:0;
   box-shadow:none
  }
  .navbar-vertical.navbar-expand-xl .navbar-collapse {
   display:block;
   overflow:auto;
   height:calc(100vh - 360px)
  }
  .navbar-vertical.navbar-expand-xl>[class*=container] {
   flex-direction:column;
   align-items:stretch;
   min-height:100%;
   padding-left:0;
   padding-right:0
  }
 }
 @media (min-width:1200px) and (-ms-high-contrast:active),(min-width:1200px) and (-ms-high-contrast:none) {
  .navbar-vertical.navbar-expand-xl>[class*=container] {
   min-height:none;
   height:100%
  }
 }
 @media (min-width:1200px) {
  .navbar-vertical.navbar-expand-xl.fixed-start {
   left:0
  }
  .navbar-vertical.navbar-expand-xl.fixed-end {
   right:0
  }
  .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link {
   padding-top:.75rem;
   padding-bottom:.75rem;
   margin:0 1rem;
   margin-bottom:1.5px
  }
  .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .nav-link-text,
  .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-mini-icon,
  .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link .sidenav-normal,
  .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link i {
   pointer-events:none
  }
  .navbar-vertical.navbar-expand-xl .navbar-nav .nav-item {
   width:100%
  }
  .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item {
   margin-top:.125rem
  }
  .navbar-vertical.navbar-expand-xl .navbar-nav>.nav-item .icon .ni {
   top:0
  }
  .navbar-vertical.navbar-expand-xl .lavalamp-object {
   width:calc(100% - 1rem)!important;
   background:theme-color("primary");
   color:color-yiq(#e91e63);
   margin-right:.5rem;
   margin-left:.5rem;
   padding-left:1rem;
   padding-right:1rem;
   border-radius:.125rem
  }
  .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link {
   padding-top:.75rem;
   padding-bottom:.75rem;
   padding-left:15px
  }
  .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link>span.sidenav-normal {
   transition:all .1s ease 0s
  }
  .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link.active {
   padding-top:.75rem;
   padding-bottom:.75rem
  }
 }
 @media (min-width:1400px) {
  .navbar-vertical.navbar-expand-xxl {
   display:block;
   position:fixed;
   top:0;
   bottom:0;
   width:100%;
   max-width:15.625rem!important;
   overflow-y:auto;
   padding:0;
   box-shadow:none
  }
  .navbar-vertical.navbar-expand-xxl .navbar-collapse {
   display:block;
   overflow:auto;
   height:calc(100vh - 360px)
  }
  .navbar-vertical.navbar-expand-xxl>[class*=container] {
   flex-direction:column;
   align-items:stretch;
   min-height:100%;
   padding-left:0;
   padding-right:0
  }
 }
 @media (min-width:1400px) and (-ms-high-contrast:active),(min-width:1400px) and (-ms-high-contrast:none) {
  .navbar-vertical.navbar-expand-xxl>[class*=container] {
   min-height:none;
   height:100%
  }
 }
 @media (min-width:1400px) {
  .navbar-vertical.navbar-expand-xxl.fixed-start {
   left:0
  }
  .navbar-vertical.navbar-expand-xxl.fixed-end {
   right:0
  }
  .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link {
   padding-top:.75rem;
   padding-bottom:.75rem;
   margin:0 1rem;
   margin-bottom:1.5px
  }
  .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .nav-link-text,
  .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-mini-icon,
  .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link .sidenav-normal,
  .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-link i {
   pointer-events:none
  }
  .navbar-vertical.navbar-expand-xxl .navbar-nav .nav-item {
   width:100%
  }
  .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item {
   margin-top:.125rem
  }
  .navbar-vertical.navbar-expand-xxl .navbar-nav>.nav-item .icon .ni {
   top:0
  }
  .navbar-vertical.navbar-expand-xxl .lavalamp-object {
   width:calc(100% - 1rem)!important;
   background:theme-color("primary");
   color:color-yiq(#e91e63);
   margin-right:.5rem;
   margin-left:.5rem;
   padding-left:1rem;
   padding-right:1rem;
   border-radius:.125rem
  }
  .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link {
   padding-top:.75rem;
   padding-bottom:.75rem;
   padding-left:15px
  }
  .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link>span.sidenav-normal {
   transition:all .1s ease 0s
  }
  .navbar-vertical.navbar-expand-xxl .navbar-nav .nav .nav-link.active {
   padding-top:.75rem;
   padding-bottom:.75rem
  }
 }
 .blur {
  box-shadow: inset 0px 0px 2px #fefefed1;
  -webkit-backdrop-filter: saturate(200%) blur(30px);
  backdrop-filter: saturate(200%) blur(30px);
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.blur.saturation-less {
  -webkit-backdrop-filter: saturate(20%) blur(30px);
  backdrop-filter: saturate(20%) blur(30px);
}

.border-radius-xs {
  border-radius: 0.1rem;
}

.border-radius-sm {
  border-radius: 0.125rem;
}

.border-radius-md {
  border-radius: 0.375rem;
}

.border-radius-lg {
  border-radius: 0.5rem;
}

.border-radius-xl {
  border-radius: 0.75rem;
}

.border-radius-2xl {
  border-radius: 1rem;
}

.border-radius-section {
  border-radius: 10rem;
}

.border-bottom-end-radius-0 {
  border-bottom-right-radius: 0;
}

.border-top-end-radius-0 {
  border-top-right-radius: 0;
}

.border-bottom-start-radius-0 {
  border-bottom-left-radius: 0;
}

.bg-gradient-primary {
  color: #fff;
  background-image: linear-gradient(310deg,#aa6fe4,#00c3ff);
box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
}
.z-index-sticky {
  z-index: 100;
}

.bg-gradient-mytheme {
  background: linear-gradient(-45deg,rgba(147,26,222,0.83) 0%,rgba(28,206,234,0.82) 100%);
}
.video h2 {
 
  padding: 10px;
}


.blog-card {
  margin-bottom:2rem
 }
 .blog-card .card.img-card {
  background-repeat:no-repeat;
  background-position:top center;
  background-size:cover
 }
 .blog-card .card-header {
  background:0 0
 }
 .blog-card .card-body .bottom-content {
  position:absolute;
  bottom:10px
 }
 .blog-card .card-footer {
  background:0 0;
  padding:1rem
 }
 .blog-card .avatar-sm-custom img {
  border:.125rem solid #ee5050;
  padding:.25rem;
  width:50px;
  height:50px
 }
 .blog-card .card-img-top {
  object-fit:cover
 }
 .blog-card .card-article-wide img {
  height:100%
 }
 .card-img-overlay {
  padding:0
 }
 .card-img-overlay .card-footer,
 .card-img-overlay .card-header {
  background:0 0;
  border-color:#66799e
 }
 .card {
  position:relative
 }
 .card .card-header {
  background:0 0
 }
 @media(min-width:992px) {
  .card.timeline-card:before {
   content:"";
   position:absolute;
   top:50%;
   left:0;
   margin-left:.75rem;
   border:8px solid #24262b;
   border-color:transparent #e0e6ec #e0e6ec transparent;
   box-sizing:border-box;
   transform-origin:0 0;
   transform:rotate(135deg);
   box-shadow:0 .75rem 1.5rem rgba(18,38,63,.03)
  }
  .card.left-timeline-card:after {
   content:"";
   position:absolute;
   top:50%;
   right:0;
   margin-right:-5px;
   border:8px solid #24262b;
   border-color:transparent #e0e6ec #e0e6ec transparent;
   box-sizing:border-box;
   transform-origin:0 0;
   transform:rotate(-45deg);
   box-shadow:0 .75rem 1.5rem rgba(18,38,63,.03)
  }
 }

 .customer-testimonial .content:before {
  content:"";
  position:absolute;
  top:25px;
  left:-1px;
  margin-left:.75rem;
  border:8px solid #24262b;
  border-color:transparent #e0e6ec #e0e6ec transparent;
  box-sizing:border-box;
  transform-origin:0 0;
  transform:rotate(135deg);
  box-shadow:0 .75rem 1.5rem rgba(18,38,63,.03)
 }
 .profile-page .card-profile {
  margin-top:-150px
 }
 .profile-page .card-profile .card-profile-image {
  position:relative
 }
 .profile-page .card-profile .card-profile-image img {
  max-width:180px;
  border-radius:.5rem;
  transform:translate(-50%,-30%);
  position:absolute;
  left:50%;
  transition:all .2s ease
 }
 .profile-page .card-profile .card-profile-image img:hover {
  transform:translate(-50%,-33%)
 }
 .profile-page .card-profile .card-profile-stats {
  padding:1rem 0
 }
 .profile-page .card-profile .card-profile-stats>div {
  text-align:center;
  margin-right:1rem;
  padding:.875rem
 }
 .profile-page .card-profile .card-profile-stats>div:last-child {
  margin-right:0
 }
 .profile-page .card-profile .card-profile-stats>div .heading {
  display:block;
  font-size:1.1rem;
  font-weight:700
 }
 .profile-page .card-profile .card-profile-stats>div .description {
  font-size:.875rem;
  color:#b1bcce
 }
 .profile-page .card-profile .card-profile-actions {
  padding:.875rem
 }
 @media(max-width:575.98px) {
  .profile-page .card-profile .card-profile-actions {
   margin-top:110px
  }
 }
 @media(min-width:576px) and (max-width:991.98px) {
  .profile-page .card-profile .card-profile-stats {
   margin-top:30px
  }
 }
 .card-footer {
  background-color:transparent
 }
 .card .card-blockquote {
  position:relative;
  padding:2rem
 }
 .card .card-blockquote .svg-bg {
  display:block;
  position:absolute;
  width:100%;
  height:95px;
  top:-94px;
  left:0
 }
 .card-lift-hover:hover {
  transform:translateY(-20px);
  transition:all .2s ease
 }
 @media(prefers-reduced-motion:reduce) {
  .card-lift-hover:hover {
   transition:none
  }
 }
 .page-preview {
  display:block;
  position:relative
 }
 .page-preview .show-on-hover {
  position:absolute;
  bottom:-30px;
  background:rgba(13,20,49,.85);
  padding:10px 0;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  width:calc(100% + 40px);
  left:-20px;
  opacity:0;
  transition:.2s
 }
 @media(prefers-reduced-motion:reduce) {
  .page-preview .show-on-hover {
   transition:none
  }
 }
 .page-preview:hover .show-on-hover {
  z-index:99;
  opacity:1
 }
 .bg-soft {
  background-color: #f4f6fc !important;
}
.timeline.timeline-six .row .col.middle-line {
  border-right: 2px solid #f0f3f6;
}
.shadow-xl {
  box-shadow:0 80px 40px -50px #d8d6d6!important
 }
 .shadow-pixel {
  box-shadow:.2rem .2rem 0 rgba(244,246,252,.5)!important
 }
 .shadow-soft {
  box-shadow:0 .75rem 1.5rem rgba(18,38,63,.03)!important
 }
 .shadow-box {
  box-shadow:-8px 32px 50px rgba(21,33,41,.1)!important
 }
 .shadow-hover:hover {
  box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important
 }
 .shadow-sm-hover:hover {
  box-shadow:0 .125rem .25rem rgba(13,20,49,.07)!important
 }
 .shadow-lg-hover:hover {
  box-shadow:0 1rem 3rem rgba(13,20,49,.175)!important
 }
 .shadow-none-hover:hover {
  box-shadow:none!important
 }

 .timeline.timeline-six .row .dot-separator {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}