:root{--bs-accordion-btn-active-icon-w:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
a:focus, a:hover, button:hover, h1, h2, h3, h4, h5, h6 {color: #141f39; transition: .5s ease-out}
.animate__animated, .animation {-webkit-animation-fill-mode: both}
h4, h5 {line-height: 34px}
*, .slick-list:focus, a, button, button:focus, input:focus, textarea, textarea:focus {outline: 0}
.header-menu-area.sticky_menu, .main-menu ul ul {box-shadow: 0 24px 64px 0 rgba(199, 206, 218, .25)}
.slick-slide.dragging img, .vimeo-wrapper {pointer-events: none}
.contactmapdiv .container-fluid {max-width: 100% !important}
.contactmapbg {border-radius: 0 !important}
ul.fooinfo li svg {width: 20px}
.vimeo-wrapper {position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 4; overflow: hidden}
.vimeo-wrapper iframe {width: 100vw; height: 56.25vw; min-height: 100vh; min-width: calc(177.77vh - 106px); position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%)}
.mean-container .mean-nav ul li, .pluging-logo, .pluging-logo1, .slick-list, .slick-slider, .slick-track, bar {position: relative}
.home-service.service-area .icon-card.style-2 .icon svg, .pluging-logo1 iframe, .techstack.testimonial-area .icon-card .icon {width: 100%; height: auto; max-height: 100%;}
.pluging-logo {transform: scale(.8); margin: auto; left: -30px; top: -12px}
.pluging-logo1 {transform: scale(.7); left: -32px; top: 0}
.goodfirm-widget iframe {max-width: 100%; height: auto}
.list-item-wrapper ul.list {display: flex; flex-wrap: wrap}
.list-item-wrapper ul.list li {width: 30%; font-size: 14px}
.slick-slider {display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent}
.slick-list {display: block; overflow: hidden; margin: 0; padding: 0}
.slick-list.dragging {cursor: pointer; cursor: hand}
.slick-slider .slick-list, .slick-slider .slick-track {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.slick-track {top: 0; left: 0; display: block; margin-left: auto; margin-right: auto}
.slick-track:after, .slick-track:before {display: table; content: ''}
.slick-track:after {clear: both}
.main-menu ul ul li ul, .slick-loading .slick-slide, .slick-loading .slick-track {visibility: hidden}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px}
.main-menu ul ul li i, [dir=rtl] .slick-slide {float: right}
.header-menu-area.sticky_menu .logo .sticky-logo, .slick-initialized .slick-slide, .slick-slide img {display: block}
.header-area.style-three .header-menu-area .logo:before, .header-menu-area .logo .retina-logo, .header-menu-area .logo .sticky-logo, .header-menu-area.sticky_menu .logo .standard-logo, .header-menu-area.sticky_menu .logo:before, .home-service.service-area .icon-card.style-2 .icon:before, .mean-container .mean-nav ul li > a > i, .mean-container a.meanmenu-reveal, .slick-arrow.slick-hidden, .slick-slide.slick-loading img, .slider-area .slider-wrapper .slick-dots li.slick-active:after, .slider-area .slider-wrapper .slick-dots li.slick-active:before {display: none}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent}
bar {float: left; width: 100%; background: #070337; padding: 4px 0; min-height: 42px; z-index: 999999}
.mean-container a.meanmenu-reveal {width: 22px; height: 22px; padding: 13px 13px 11px; position: absolute; top: 0; right: 0; cursor: pointer; color: #fff; text-decoration: none; text-indent: -9999em; line-height: 22px; font-size: 1px; font-family: Arial, Helvetica, sans-serif; font-weight: 700}
.mean-container a.meanmenu-reveal span {display: block; background: #fff; height: 3px; margin-top: 3px}
.mean-container .mean-nav {float: left; width: 100%; margin-top: 44px}
.mean-container .mean-nav ul {padding: 0; margin: 0; width: 100%; list-style-type: none}
.mean-container .mean-nav ul li {float: left; width: 100%}
.mean-container .mean-nav ul li a {display: block; float: left; margin: 0; text-align: left; text-decoration: none; text-transform: uppercase}
.mean-container .mean-nav ul li li a {width: 80%; padding: 10px 10%; text-shadow: none !important; visibility: visible}
.mean-container .mean-nav ul li.mean-last a {border-bottom: 0; margin-bottom: 0}
.mean-container .mean-nav ul li li li a {width: 70%; padding: 10px 15%}
.mean-container .mean-nav ul li li li li a {width: 60%; padding: 10px 20%}
.mean-container .mean-nav ul li li li li li a {width: 50%; padding: 10px 25%}
.mean-container .mean-nav ul li a.mean-expand {text-align: center; right: 0; z-index: 2; background: 0 0; border: none !important; font-size: 14px}
.mean-container .mean-push {float: left; width: 100%; padding: 0; margin: 0; clear: both}
.mean-nav .wrapper {width: 100%; padding: 0; margin: 0}
.mean-container .mean-bar, .mean-container .mean-bar * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box}
.mean-container a.meanmenu-reveal, .mean-remove, .showinmd {display: none !important}
:root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1}
.animate__animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); animation-fill-mode: both}
.animate__animated.animate__slow {-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration)*2);  animation-duration: calc(var(--animate-duration)*2)}
@-webkit-keyframes fadeIn {
  0% {opacity: 0}
  to {opacity: 1}
}
@keyframes fadeIn {
  0% {opacity: 0}
  to {opacity: 1}
}
.animate__fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn}
@-webkit-keyframes fadeInDown {
	0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes fadeInDown {
  0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
.animate__fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown}
@-webkit-keyframes fadeInDownBig {
	0% {opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes fadeInDownBig {
	0% {opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
.animate__fadeInDownBig {-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig}
@-webkit-keyframes fadeInLeft {
	0% {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes fadeInLeft {
  0% {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
.animate__fadeInLeft {-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft}
@-webkit-keyframes fadeInLeftBig {
  0% {opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes fadeInLeftBig {
  0% {opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
.animate__fadeInLeftBig {-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig}
@-webkit-keyframes fadeInRight {
	0% {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes fadeInRight {
  0% {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
.animate__fadeInRight {-webkit-animation-name: fadeInRight; animation-name: fadeInRight}
@-webkit-keyframes fadeInRightBig {
  0% {opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes fadeInRightBig {
  0% {opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
.animate__fadeInRightBig {-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig}
@-webkit-keyframes fadeInUp {
	0% {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes fadeInUp {
  0% {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
.animate__fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp}
@-webkit-keyframes fadeInUpBig {
	0% {opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes fadeInUpBig {
  0% {opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
.animate__fadeInUpBig {-webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig}
@-webkit-keyframes fadeInTopLeft {
	0% {opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes fadeInTopLeft {
  0% {opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
.animate__fadeInTopLeft {-webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft}
@-webkit-keyframes fadeInTopRight {
	0% {opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes fadeInTopRight {
  0% {opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
.animate__fadeInTopRight {-webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight}
@-webkit-keyframes fadeInBottomLeft {
  0% {opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes fadeInBottomLeft {
  0% {opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
.animate__fadeInBottomLeft {-webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft}
@-webkit-keyframes fadeInBottomRight {
  0% {opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes fadeInBottomRight {
  0% {opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0)}
  to {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
}
.animate__fadeInBottomRight {-webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight}
@-webkit-keyframes fadeOut {
	0% {opacity: 1}
  to {opacity: 0}
}
@keyframes fadeOut {
  0% {opacity: 1}
  to {opacity: 0}
}
.animate__fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut}
@-webkit-keyframes fadeOutDown {
  0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0)}
}
@keyframes fadeOutDown {
  0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0)}
}
.animate__fadeOutDown {-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown}
@-webkit-keyframes fadeOutDownBig {
	0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0)}
}
@keyframes fadeOutDownBig {
	0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0)}
}
.animate__fadeOutDownBig {-webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig}
@-webkit-keyframes fadeOutLeft {
	0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0)}
}
@keyframes fadeOutLeft {
  0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0)}
}
.animate__fadeOutLeft {-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig {
  0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0)}
}
@keyframes fadeOutLeftBig {
  0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0)}
}
.animate__fadeOutLeftBig {-webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig}
@-webkit-keyframes fadeOutRight {
  0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0)}
}
@keyframes fadeOutRight {
  0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0)}
}
.animate__fadeOutRight {-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight}
@-webkit-keyframes fadeOutRightBig {
  0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0)}
}
@keyframes fadeOutRightBig {
  0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0)}
}
.animate__fadeOutRightBig {-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig}
@-webkit-keyframes fadeOutUp {
	0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0)}
}
@keyframes fadeOutUp {
  0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0)}
}
.animate__fadeOutUp {-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp}
@-webkit-keyframes fadeOutUpBig {
	0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0)}
}
@keyframes fadeOutUpBig {
  0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0)}
}
.animate__fadeOutUpBig {-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig}
@-webkit-keyframes fadeOutTopLeft {
	0% {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
  to {opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0)}
}
@keyframes fadeOutTopLeft {
  0% {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
  to {opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0)}
}
.animate__fadeOutTopLeft {-webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft}
@-webkit-keyframes fadeOutTopRight {
  0% {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
  to {opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0)}
}
@keyframes fadeOutTopRight {
  0% {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
  to {opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0)}
}
.animate__fadeOutTopRight {-webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight}
@-webkit-keyframes fadeOutBottomRight {
  0% {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
  to {opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0)}
}
@keyframes fadeOutBottomRight {
  0% {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
  to {opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0)}
}
.animate__fadeOutBottomRight {-webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight}
@-webkit-keyframes fadeOutBottomLeft {
  0% {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
  to {opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0)}
}
@keyframes fadeOutBottomLeft {
  0% {opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0)}
  to {opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0)}
}
.animate__fadeOutBottomLeft {-webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft}
@-webkit-keyframes flipInX {
  0% {-webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg);  transform: perspective(400px) rotateX(90deg)}
  40% {-webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg)}
  60% {opacity: 1; -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg)}
  80% {-webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg)}
  to {-webkit-transform: perspective(400px); transform: perspective(400px)}
}
@keyframes flipInX {
  0% {-webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg);  transform: perspective(400px) rotateX(90deg)}
  40% {-webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg)}
  60% {opacity: 1; -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg)}
  80% {-webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg)}
  to {-webkit-transform: perspective(400px); transform: perspective(400px)}
}
.animate__flipInX {-webkit-animation-name: flipInX; animation-name: flipInX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important}
.animate__flipInY, .animate__flipOutX {-webkit-backface-visibility: visible !important; backface-visibility: visible !important}
@-webkit-keyframes flipInY {
  0% {-webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg)}
  40% {-webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg)}
  60% {opacity: 1; -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg)}
  80% {-webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg)}
  to {-webkit-transform: perspective(400px); transform: perspective(400px)}
}
@keyframes flipInY {
  0% {-webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg)}
  40% {-webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg)}
  60% {opacity: 1; -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg)}
  80% {-webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg)}
  to {-webkit-transform: perspective(400px); transform: perspective(400px)}
}
.animate__flipInY {-webkit-animation-name: flipInY; animation-name: flipInY}
@-webkit-keyframes flipOutX {
  0% {-webkit-transform: perspective(400px); transform: perspective(400px)}
  30% {opacity: 1; -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg)}
  to {opacity: 0; -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg)}
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {opacity: 1;-webkit-transform: perspective(400px) rotateX(-20deg);transform: perspective(400px) rotateX(-20deg)}
  to {opacity: 0;-webkit-transform: perspective(400px) rotateX(90deg);transform: perspective(400px) rotateX(90deg)}
}
.animate__flipOutX {-webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*.75); animation-duration: calc(var(--animate-duration)*.75); -webkit-animation-name: flipOutX; animation-name: flipOutX}
@-webkit-keyframes flipOutY {
  0% {-webkit-transform: perspective(400px); transform: perspective(400px)}
  30% {opacity: 1; -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg)}
  to {opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg)}
}
@keyframes flipOutY {
  0% {-webkit-transform: perspective(400px); transform: perspective(400px)}
  30% {opacity: 1; -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg)}
  to {opacity: 0; -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg)}
}
.animate__flipOutY {-webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*.75); animation-duration: calc(var(--animate-duration)*.75); -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-backface-visibility: visible !important; backface-visibility: visible !important}
@-webkit-keyframes lightSpeedInRight {
  0% {opacity: 0; -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg)}
  60% {opacity: 1; -webkit-transform: skewX(20deg); transform: skewX(20deg)}
  80% {-webkit-transform: skewX(-5deg); transform: skewX(-5deg)}
  to {-webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes lightSpeedInRight {
  0% {opacity: 0; -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg)}
  60% {opacity: 1; -webkit-transform: skewX(20deg); transform: skewX(20deg)}
  80% {-webkit-transform: skewX(-5deg); transform: skewX(-5deg)}
  to {-webkit-transform: translateZ(0); transform: translateZ(0)}
}
.animate__lightSpeedInRight {-webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out}
@-webkit-keyframes lightSpeedInLeft {
  0% {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg)}
  60% {opacity: 1; -webkit-transform: skewX(-20deg); transform: skewX(-20deg)}
  80% {-webkit-transform: skewX(5deg); transform: skewX(5deg)}
  to {-webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes lightSpeedInLeft {
  0% {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg)}
  60% {opacity: 1; -webkit-transform: skewX(-20deg); transform: skewX(-20deg)}
  80% {-webkit-transform: skewX(5deg); transform: skewX(5deg)}
  to {-webkit-transform: translateZ(0); transform: translateZ(0)}
}
.animate__lightSpeedInLeft {-webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out;	animation-timing-function: ease-out}
@-webkit-keyframes lightSpeedOutRight {
	0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg)}
}
@keyframes lightSpeedOutRight {
  0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg)}
}
.animate__lightSpeedOutRight {-webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in}
@-webkit-keyframes lightSpeedOutLeft {
  0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg)}
}
@keyframes lightSpeedOutLeft {
  0% {opacity: 1}
  to {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg)}
}
.animate__lightSpeedOutLeft {-webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in}
@-webkit-keyframes slideInDown {
  0% {-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible}
  to {-webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes slideInDown {
  0% {-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible}
  to {-webkit-transform: translateZ(0); transform: translateZ(0)}
}
.animate__slideInDown {-webkit-animation-name: slideInDown; animation-name: slideInDown}
@-webkit-keyframes slideInLeft {
  0% {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible}
  to {-webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes slideInLeft {
  0% {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible}
  to {-webkit-transform: translateZ(0); transform: translateZ(0)}
}
.animate__slideInLeft {-webkit-animation-name: slideInLeft; animation-name: slideInLeft}
@-webkit-keyframes slideInRight {
  0% {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible}
  to {-webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes slideInRight {
  0% {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible}
  to {-webkit-transform: translateZ(0); transform: translateZ(0)}
}
.animate__slideInRight {-webkit-animation-name: slideInRight; animation-name: slideInRight}
@-webkit-keyframes slideInUp {
  0% {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible}
  to {-webkit-transform: translateZ(0); transform: translateZ(0)}
}
@keyframes slideInUp {
  0% {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible}
  to {-webkit-transform: translateZ(0); transform: translateZ(0)}
}
.animate__slideInUp {-webkit-animation-name: slideInUp; animation-name: slideInUp}
@-webkit-keyframes slideOutDown {
	0% {-webkit-transform: translateZ(0); transform: translateZ(0)}
  to {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: hidden}
}
@keyframes slideOutDown {
  0% {-webkit-transform: translateZ(0); transform: translateZ(0)}
  to {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: hidden}
}
.animate__slideOutDown {-webkit-animation-name: slideOutDown; animation-name: slideOutDown}
@-webkit-keyframes slideOutLeft {
  0% {-webkit-transform: translateZ(0); transform: translateZ(0)}
  to {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: hidden}
}
@keyframes slideOutLeft {
  0% {-webkit-transform: translateZ(0); transform: translateZ(0)}
  to {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: hidden}
}
.animate__slideOutLeft {-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft}
@-webkit-keyframes slideOutRight {
  0% {-webkit-transform: translateZ(0); transform: translateZ(0)}
  to {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: hidden}
}
@keyframes slideOutRight {
  0% {-webkit-transform: translateZ(0); transform: translateZ(0)}
  to {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: hidden}
}
.animate__slideOutRight {-webkit-animation-name: slideOutRight; animation-name: slideOutRight}
@-webkit-keyframes slideOutUp {
  0% {-webkit-transform: translateZ(0); transform: translateZ(0)}
  to {-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: hidden}
}
@keyframes slideOutUp {
  0% {-webkit-transform: translateZ(0); transform: translateZ(0)}
  to {-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: hidden}
}
.main-menu ul li a:after, .main-menu ul ul li a:before {transform: scale(0); transition: .5s ease-out; visibility: hidden}
.animate__slideOutUp {-webkit-animation-name: slideOutUp; animation-name: slideOutUp}
.g-6 {--bs-gutter-x: 40px; --bs-gutter-y: 40px}
.custom-container {margin: 0 44px; max-width: 100%}
.bg-blue, .header-btn .header-single-btn:hover/*, .menu-sidebar-area .menu-sidebar-close .menu-sidebar-close-btn:hover*/ {background-color: #141F39}
.bg-lightblue{background: #EAF1FF;}
* {  margin: 0; border: 0}
body, html {height: 100%; font-size: 18px; font-weight: 400; font-family: "Open Sans", sans-serif; color: #3E4B65; vertical-align: baseline; line-height: 30px; font-smoothing: antialiased}
h1, h2, h3, h4 {font-weight: 700}
p {margin: 0 0 15px}
img {max-width: 100%; height: auto}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit}
h1, h2, h3, h4, h5, h6 {margin-top: 0; font-family: Urbanist, sans-serif;font-style: normal}
h1 {font-size: 68px; line-height: 75px}
h2 {font-size: 40px; line-height: 65px}
h3 {font-size: 36px; line-height: 47px}
h4 {font-size: 24px}
h5 {font-size: 20px; font-weight: 500}
h6 {font-size: 18px; line-height: 28px; font-weight: 500}
label {color: #5e6f92; cursor: pointer; font-size: 16px; font-weight: 400}
.body-overlay:hover, button {cursor: pointer}
a:not([href]):not([tabindex]) {color: inherit; text-decoration: none}
.button, a {text-decoration: none; transition: .5s ease-out}
.button:focus, a:focus {text-decoration: none; outline: 0}
a:focus {text-decoration: none}
.footer-widget .footer-widget-contact .footer-contact ul li .contact-text a:hover span, .footer-widget .widget_latest_post ul li .latest-post-desc .latest-post-title a:hover, a, button {color: #204593;  transition: .5s ease-out}
ul {margin: 0; padding: 0 0 0 20px; list-style: disc}
::-moz-selection {background: #204593; text-shadow: none; color: #fff}
::selection {background: #204593; text-shadow: none; color: #fff}
.theme-btn, .wp-block-loginout a, input.theme-btn {display: inline-flex; color: #fff; padding: 10px 32px; background-color: #204593; text-align: center; font-family: Urbanist, sans-serif; font-size: 18px; font-weight: 500; line-height: 31px; position: relative; z-index: 1; gap: 8px; border-radius: 50px; overflow: hidden}
.header-top, .scrollup-btn {display: flex; background-color: #204593}
.theme-btn:focus, .wp-block-loginout a:focus, input.theme-btn:focus {color: #fff}
.footer-main, .footer-main ul li a, .mean-container .mean-nav ul li a.mean-expand.mean-clicked, .mean-container .mean-nav ul li.dropdown-opened a.mean-expand.mean-clicked i, .techwizeedge h3, .theme-btn:hover {color: #fff}
.theme-btn:hover{background: #141f39;}
.main-menu ul li a, .scrollup-btn {text-decoration: none; color: #141f39}
.mb-20 {margin-bottom: 20px}
.mb-30 {margin-bottom: 30px}
.pt-5 {padding-top: 5px}
.py-60 {padding-top: 60px; padding-bottom: 60px}
.py-80 {padding-top: 80px; padding-bottom: 80px}
.py-100 {padding-top: 100px; padding-bottom: 100px}
.contact-form-area .comment-respond textarea {margin-bottom: 0}
.contact-form-area {/*background: linear-gradient(114deg, #efecff 0, #faf9ff 100%)*/background: #F6F6F6;}
.contact-form-area .shape {position: absolute; top: 0; right: -28%; z-index: 0}
.contact-form-area .comment-respond {position: relative; margin-left: 26px; padding: 40px; margin-top: 0; border-radius: 12px; background-color: #fff}
.contact-form-area .comment-respond .g-6 {--bs-gutter-x: 24px; --bs-gutter-y: 24px}
.comment-respond input, .comment-respond select, .comment-respond textarea {color: #3E4B65; font-size: 16px; font-family: "Open Sans", sans-serif !important; width: 100%; font-weight: 400}
.comment-respond input, .comment-respond select {padding: 0 15px; height: 57px; opacity: 1; border: 1px solid #e7e7e7 !important; border-radius: 8px; line-height: 27px; background-color: #fff}
.comment-respond textarea {resize: vertical; padding: 15px; border: 1px solid #e7e7e7 !important; border-radius: 5px; background-color: #fff; height: 144px; margin-bottom: 12px; resize: none; height: 120px}
.contact-form-right {background-color: #141F39; border-radius: 10px; padding: 50px 30px; display: flex; align-items: center; height: 100%}
.contact-form-right ul {padding: 0 !important}
.contact-form-right ul li {align-items: center; display: flex}
.contact-form-right ul li + li {margin-top: 60px}
.contact-form-right ul li .icon {align-items: center; background-color: #f7f7f7; border-radius: 100%; display: flex; justify-content: center; height: 70px; width: 70px}
.contact-form-right ul li .info {padding-left: 15px; width: calc(100% - 70px)}
.contact-form-right ul li .info .h {color: #f7f7f7; font-weight: 600; margin-bottom: 4px}
.contact-form-right ul li .info p {font-size: 20px; line-height: 33px; color: #f7f7f7; margin: 0}
.contact-form-right ul li .info p a {color: #f7f7f7}
.contact-form-right ul li .info p a:hover {text-decoration: underline}
.contact-form-right.map {background-color: transparent; padding: 0}
.contact-form-right.map img {max-width: 100%}
body {-ms-word-wrap: break-word; word-wrap: break-word; overflow-x: hidden}
dl, ol, ul {margin-top: 0; margin-bottom: 25px}
ol {padding-left: 20px}
.scrollup-wrapper {position: fixed; right: 37px; bottom: 100px; z-index: 9999}
.scrollup-btn {align-content: center;justify-content: center; font-size: 26px; width: 50px; height: 50px; border-radius: 50px; align-items: center; cursor: pointer}
.scrollup-btn i {margin-top: -3px; display: block; color: #fff}
.header-area {z-index: 999; position: relative}
.footer-widget .footer-widget-contact .footer-contact ul li:last-child, .header-area.style-2, .section-title .text {margin-bottom: 0}
.header-top {align-items: center; justify-content: center; gap: 16px; padding: 16px 0}
.header-top .desc {margin-bottom: 0; color: #fff; font-size: 14px; font-weight: 400; line-height: 21px}
.header-top .header-top-btn {position: relative; padding: 4px 12px; font-family: Urbanist, sans-serif; color: #204593; background-color: #fff; border-radius: 4px; display: inline-block; font-size: 14px; font-weight: 400; line-height: 21px; z-index: 2}
.header-menu-area, .header-menu-area.sticky-header {z-index: 999; transition: .4s; width: 100%}
.header-top .social-profile {display: flex; align-items: center; gap: 25px; justify-content: flex-end}
.header-top .social-profile a {font-size: 16px; color: #fff; transition: .3s; transform: scale(1)}
.header-top .social-profile a:hover {transition: .5s ease-out; transform: scale(1.4); color: #1eae98}
.header-menu-area {background-color: transparent}
.header-menu-area.fixed-header {position: fixed}
.header-menu-area.sticky_menu {left: 0; right: 0; top: 0; position: fixed; z-index: 9999; background: #fff}
.header-menu-area.sticky_menu .logo {height: 84px}
.header-menu-area.sticky_menu .logo .sticky-logo img {width: 170px; transition: .5s ease-out}
.header-menu-area.sticky_menu .main-menu > ul > li > a {padding-top: 24px; padding-bottom: 24px}
.header-menu-area .menu {width: calc(100% - 200px)}
.header-menu-area .logo {position: relative; z-index: 999; height: 90px; display: flex; align-items: center; margin-left: -3px}
.header-menu-area .logo .standard-logo img {transition: .5s ease-out; width: 200px}
@media only screen and (min-width:768px) and (max-width:991px) {
  .pt-md-80, .py-md-80 {padding-top: 80px}
  .g-6 {--bs-gutter-x: 34px; --bs-gutter-y: 34px}
  .custom-container {margin: 0 auto}
  h1 {font-size: 50px; line-height: 60px}
  .py-md-80 {padding-bottom: 80px}
  .pb-md-60 {padding-bottom: 60px}
  .pb-md-80 {padding-bottom: 80px}
  .header-menu-area .logo {height: 100px}
}
@media only screen and (max-width:767px) {
  .header-menu-area .logo .sticky-logo {width: 170px}
  .pluging-logo-row1 {height: 30px; position: relative; left: -17px}
  .header-btn .header-single-btn {font-size: 12px !important}
  .scrollup-wrapper {bottom: 95px; right: 10px;}
  .theme-btn {padding: 10px 15px; font-size: 14px}
}
.header-menu-area .logo .sticky-logo img {transition: .5s ease-out;width: 170px}
.main-menu ul {margin: 0; padding: 0; position: relative}
.main-menu ul li {display: inline-block; padding: 0; position: relative}
.about-image-card .main-img, .brochurebtn a, .card-link, .footer .footer-sec, .main-menu ul li.active, .mean-container .mean-nav ul li.dropdown a, .service-area .section-title, .techwizeedge, ul.fooinfo li {position: relative}
.body-overlay, .menu-sidebar-area {position: fixed; height: 100%; top: 0}
.main-menu ul li.active > a {color: #525256}
.main-menu ul li.dropdown > a {padding-right: 32px}
.main-menu ul li.dropdown .dropdown > a:before, .main-menu ul li.dropdown > a:after, .main-menu ul ul li a:hover:before {visibility: visible; transform: scale(1)}
.main-menu ul li ul.submenu li.active > a {position: relative; z-index: 2; color: #fff}
.main-menu ul li ul.submenu li.active > a:after {height: 100%; top: 0; left: 0; width: 100%; border-radius: 0; z-index: -1}
.main-menu ul li a {display: block; padding: 37px 13px; text-transform: capitalize; position: relative; font-family: "Open Sans", sans-serif; font-size: 17px; font-weight: 500; line-height: 32px}
.main-menu ul li a:after {background: url("../images/svg-icons/arrow-down.svg") center center/10px no-repeat; height: 20px; width: 20px; content: ''; margin-left: auto; position: absolute; top: 50%; margin-top: -10px; right: 12px}
.footer-bottom-area .copyright-text p a:hover, .footer-bottom-area .credit-text a, .icon-card .content .more-btn:hover, .icon-card .icon i.secondary, .icon-card .icon.textSecondary i, .main-menu ul li a:hover {color: #204593}
.main-menu ul li a:hover:after {border-color: #204593; transform: rotate(180deg)}
.main-menu ul li:hover > ul {visibility: visible; transition: .3s; opacity: 1; transform: scaleY(1)}
.main-menu ul li ul li:hover ul {visibility: visible; top: -2px}
.main-menu ul ul {background-color: #fff; left: 4px; opacity: 0; position: absolute; text-align: left; top: 100%; visibility: hidden; z-index: 99999; transition: .3s; transform-origin: top; transform: scaleY(0); padding: 16px 30px 15px; border-radius: 4px; border: 1px solid #ebeeee}
.main-menu ul ul li {float: none; width: 210px}
.main-menu ul ul li a {line-height: 120%; padding: 10px 0; color: #141f39; border-bottom: 1px solid #f5f5f5; margin-left: 0; font-size: 16px}
.main-menu ul ul li a:before {position: absolute; left: 0; content: "-"; font-size: 16px}
.main-menu ul ul li a:hover {color: #141f39; padding-left: 20px}
.main-menu ul ul li:last-child a {border-bottom: 0}
.main-menu ul ul ul {left: 100%; opacity: 0; border-top: 0; transition: .5s ease-out}
.animation {-webkit-animation-duration: .3s; animation-duration: .3s; animation-fill-mode: both}
.slideUpIn {-webkit-animation-name: slideUpIn; animation-name: slideUpIn}
.header-btn {margin-left: 26px; display: flex; align-items: center; gap: 31px}
.header-btn .header-single-btn {font-family: Urbanist, sans-serif; font-size: 18px; font-weight: 600; line-height: 31px; border-radius: 50px; padding: 4px 20px; background-color: #141f39; color: #fff; display: flex; align-items: center; justify-content: center; gap: 8px}
@media only screen and (max-width:1550px) {
  .list-item-wrapper ul.list li {width: 48%}
}
@media only screen and (max-width:1199px) {
  .header-btn {margin-right: 15px}
  .header-menu-area .logo .standard-logo {display: none}
  .header-menu-area .logo .sticky-logo {display: block}
}
.header-area.style-two.has-header-top .header-menu-area.sticky_menu .logo {height: 84px; margin-top: inherit}
.header-area.style-two.has-header-top .header-menu-area .logo {height: 162px; margin-top: -42px}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.pt-lg-100, .py-lg-100 {padding-top: 100px}
  .g-6 {--bs-gutter-x: 24px; --bs-gutter-y: 24px}
  h1 {font-size: 46px; line-height: 60px}
  .py-lg-100 {padding-bottom: 100px}
  .pb-lg-80 {padding-bottom: 80px}
  .pb-lg-100 {padding-bottom: 100px}
  .header-area.style-two.has-header-top .header-menu-area .logo {height: 120px; margin-top: inherit}
  .header-area.style-three .header-top .header-top-btn {display: none}
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .header-area.style-two.has-header-top .header-menu-area .logo {height: 70px; margin-top: inherit}
  .slider-container {padding: 0 12px}
}
.header-area.style-two .header-top .header-top-btn a {margin-bottom: inherit; padding: 6px 46px}
.header-area.style-two .header-top .header-top-btn a:hover:before {transition: .5s ease-out; background-color: #1eae98}
.header-area.style-two .header-top .header-top-btn a:before {border-radius: 0; transform: skewX(-20deg); transition: .5s ease-out}
.header-area.style-two .header-menu-area .logo:before {border-radius: 0; transform: skewX(-20deg); bottom: 0; height: 190px}
.header-area.style-three .header-top .header-top-btn a {margin-bottom: inherit; padding: 6px 30px}
.header-area.style-three .header-top .header-top-btn a:before {border-radius: 8px}
.mean-container .mean-nav {background: 0 0}
.mean-container .mean-bar {padding: 0;  min-height: auto; background: 0 0}
.slider-area, .slider-area .single-slider {background-size: cover; background-repeat: no-repeat}
.mean-container .mean-nav > ul {padding: 0; margin: 0; width: 100%; list-style-type: none; display: block !important}
.mean-container .mean-nav ul li a {width: 100%; padding: 10px 0; color: #141f39; border-top: 1px solid #dfe2e9; font-size: 16px; text-transform: capitalize; line-height: 22px; font-weight: 500; position: relative}
.mean-container .mean-nav ul li a.mean-expand {margin-top: 5px; padding: 0 !important; height: 30px; width: 30px; color: #141f39; line-height: 30px; top: 0; font-weight: 400; position: absolute}
.mean-container .mean-nav > ul > li:first-child > a {border-top: 0}
.mean-container .mean-nav ul li.dropdown-opened a.mean-expand.mean-clicked {background-color: #c0edfb; color: #fff}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {transform: rotate(45deg); color: #fff}
.mobile-menu-bar a {display: flex; align-items: center; justify-content: center}
.mobile-menu-bar a i {color: #141f39; font-size: 22px}
.menu-sidebar-area {right: -485px; width: 465px; background-color: #fff; overflow-y: scroll; transition: .3s cubic-bezier(.785, .135, .15, .86); z-index: 9999}
@media (max-width:560px) {
  .menu-sidebar-area {width: 375px}
}
@media (max-width:480px) {
  .pluging-logo {left: -45px !important; top: 10px}
  .goodfirm-widget iframe {height: revert-layer}
  .pluging-logo-row1 {left: 10px}
  .pluging-logo1 {left: -51px !important}
  .pluging-logo3 { transform: scale(1); left: 0 !important; top: 0 !important}
  .header-menu-area .logo .sticky-logo {width: 150px}
  .header-btn .header-single-btn {font-size: 11px !important}
}
.menu-sidebar-area .menu-sidebar-logo {display: inline-block;width: 180px}
.menu-sidebar-area .menu-sidebar-wrapper {position: relative; padding: 40px}
.menu-sidebar-area.active {right: 0}
.menu-sidebar-area .menu-sidebar-close {position: absolute; top: 40px; right: 32px; width: 26px; height: 26px;}
.menu-sidebar-area .menu-sidebar-close .menu-sidebar-close-btn {display: inline-flex; align-items: center; justify-content: center; font-size: 20px; height: 25px; width: 25px; /*background-color:transparent;*/ color: #141f39; border-radius: 50%; background: url("../images/svg-icons/close.svg") no-repeat center center; background-size: 40px 40px;}
.menu-sidebar-area .menu-sidebar-close .menu-sidebar-close-btn svg{width:40px; height:40px;}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget {display: inline-block; margin-top: 20px; width: 100%}
.mb-5, .menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .menu-sidebar-title {margin-bottom: 5px}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info {display: flex; align-items: center; gap: 0 24px; padding: 6px 0; flex-wrap: wrap; flex-direction: column}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span {display: flex; align-items: center; gap: 13px; color: #141f39; font-size: 16px; font-weight: 400; font-family: "Open Sans", sans-serif; width: 100%}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span.contact-info-item {gap: 0 10px !important}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .header-contact-info span a {display: flex; align-items: center; gap: 10px; color: #141f39; font-size: 16px; font-weight: 400; font-family: "Open Sans", sans-serif}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .social-profile {margin-top: 20px; border-top: 1px solid #dfe2e9; width: 100%; padding-top: 20px}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .social-profile a {color: #141f39; font-size: 22px; border-color: #141f39; transition: .5s ease-out}
.menu-sidebar-area .menu-sidebar-content .menu-sidebar-single-widget .social-profile a:hover {color: #fff; background-color: #141f39}
.body-overlay {background-color: rgba(0, 0, 0, .6); width: 100%; z-index: 999; left: 0; opacity: 0; visibility: hidden; transition: .5s ease-out}
.body-overlay.active {opacity: 1; visibility: visible}
.slider-container {max-width: 1440px; width: 100%; height: 100%; margin: 0 auto}
.slider-area {position: relative; background-position: center}
.slider-area .shape-one {width: 40px; height: 40px; position: absolute; bottom: 48px; right: 50%; transform: rotate(180deg); animation: 9s linear infinite Rotating-reverse; transform-origin: top left}
.slider-area:hover .slider-arrow-btn {visibility: visible; transition: .5s ease-out}
.slider-area:hover .slider-arrow-btn.prev-btn {margin-left: 30px}
.slider-area:hover .slider-arrow-btn.next-btn {margin-right: 30px}
@media (max-width:1550px) {
  .slider-area:hover .slider-arrow-btn.prev-btn {margin-left: 5px}
	.slider-area:hover .slider-arrow-btn.next-btn {margin-right: 5px}
}
.slider-area .slider-wrapper .slick-active .slider-btn-wrapper, .slider-area .slider-wrapper .slick-active .slider-short-desc, .slider-area .slider-wrapper .slick-active .slider-short-title, .slider-area .slider-wrapper .slick-active .slider-title {-webkit-animation-name: MovefadeUp; animation-name: MovefadeUp; -webkit-animation-fill-mode: both}
.slider-area .slider-wrapper .slick-active .slider-short-title {animation-delay: .3s; animation-duration: .3s}
.slider-area .slider-wrapper .slick-active .slider-title {animation-delay: .5s; animation-duration: .5s}
.slider-area .slider-wrapper .slick-active .slider-short-desc {animation-delay: .7s; animation-duration: .7s}
.slider-area .slider-wrapper .slick-active .slider-btn-wrapper {animation-delay: .9s; animation-duration: .9s}
.slider-area .slider-wrapper .slick-active .slider-btn-wrapper svg, svg.svgwhite, svg.svgwhitefill * {fill: #fff}
.slider-area .slider-wrapper .slick-dots {display: flex; gap: 0; position: absolute; bottom: 0; right: 0; transform: translateY(-50%); z-index: 2; flex-direction: row; width: 100%; justify-content:center;}
.slider-area .slider-wrapper .slick-dots li {line-height: 0; /*border: 3px solid transparent; width: 10px; height: 10px; border-radius: 50px;display: flex; align-items: center; justify-content: center;*/ cursor: pointer; margin-left:3px; margin-right: 3px; transition: .5s ease-out; position: relative; list-style: none;}
.slider-area .slider-wrapper .slick-dots li:after, .slider-area .slider-wrapper .slick-dots li:before {box-sizing: inherit; content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100px; display: none;}
.slider-area .slider-wrapper .slick-dots li:before {border: 3px solid transparent}
.slider-area .slider-wrapper .slick-dots li:hover:before {border-top-color: #141f39; border-right-color: #141f39; border-bottom-color: #141f39; transition: border-top-color .15s linear, border-right-color .15s linear .1s, border-bottom-color .15s linear .2s}
.slider-area .slider-wrapper .slick-dots li:after {border: 0 solid transparent}
.slider-area .slider-wrapper .slick-dots li:hover:after {border-top: 3px solid #141f39; border-left-width: 3px; border-right-width: 3px; transform: rotate(270deg)}
.slider-area .slider-wrapper .slick-dots li button {/*font-size: 0;*/ text-indent: -9999px; line-height: 14px; padding: 0; width: 10px; height: 10px; background: rgba(32, 69, 147, 0.2); color: #fff; border-radius: 50px; position: relative; transition: .5s ease-out}
.slider-area .slider-wrapper .slick-dots li.slick-active {transition: .5s ease-out; width: 30px;}
.slider-area .slider-wrapper .slick-dots li.slick-active button {font-size: 16px; width: 30px; background: rgba(32, 69, 147, 1); transition: .5s ease-out}
.slider-area button.slider-arrow-btn {position: absolute; width: 64px; height: 64px; border-radius: 50%; transition: .5s ease-out; z-index: 99; background-color: #204593; cursor: pointer; top: 50%; transform: translateY(-50%); overflow: hidden; visibility: hidden}
@media (max-width:1650px) {.slider-area button.slider-arrow-btn {width: 54px; height: 54px; bottom: 30px !important}
}
.slider-area button.slider-arrow-btn.prev-btn {left: 0; margin-left: -70px; transition: .5s ease-out}
.slider-area button.slider-arrow-btn.next-btn {right: 0; margin-right: -70px; transition: .5s ease-out}
.slider-area button.slider-arrow-btn i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 21px}
.slider-area button.slider-arrow-btn:hover {transition: .5s ease-out; background-color: #204593}
.slider-area button.slider-arrow-btn:hover i {transition: .5s ease-out}
.slider-area .single-slider {background-position: center center; position: relative; z-index: 2; padding: 40px 45px 40px; height: 670px}
.slider-area .single-slider .slider-content-wrapper {position: relative; z-index: 99}
@media only screen and (min-width:0px) and (max-width:767px) {
	.header-menu-area .logo {height: 80px}
  .header-area.style-two.has-header-top .header-menu-area .logo {height: 80px; margin-top: inherit}
  .slider-container {padding: 0 12px}
  .slider-area .slider-wrapper .slick-dots {display: none !important; position: relative; flex-direction: row; align-items: center; justify-content: flex-end; right: 70px; transform: none}
  .slider-area .single-slider {padding: 20px 0; height: 100%}
  .slider-area .single-slider .slider-content-wrapper {padding: 12px}
  .slider-area .single-slider .slider-content-wrapper .slider-content {text-align: center; position: relative; z-index: 5}
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .slider-area .slider-wrapper .slick-dots {right: 12px}
  .slider-area .single-slider {height: 600px; padding: 24px}
  .slider-area .single-slider .slider-content-wrapper {padding: 0}
}
.slider-area .single-slider .slider-content-wrapper .shape {position: absolute; bottom: 0; right: 0}
.slider-area .single-slider .slider-content-wrapper .slider-content .slider-short-title {font-family: Urbanist, sans-serif; font-weight: 700; font-size: 16px; letter-spacing: .32px; line-height: 22px; color: #204593; display: inline-block; width: 100%; margin-bottom: 16px; position: relative; text-transform: uppercase; z-index: 99}
.slider-area .single-slider .slider-content-wrapper .slider-content .slider-title {font-family: Urbanist, sans-serif; font-style: normal; font-weight: 700; font-size: 60px; line-height: 65px; letter-spacing: .02em; margin-bottom: 24px; color: #141f39; position: relative; z-index: 10}
.section-title .title span, .slider-area .single-slider .slider-content-wrapper .slider-content .slider-title span {background-color: #ffcbbf}
@media only screen and (min-width:992px) and (max-width:1400px) {
  .slider-area .single-slider .slider-content-wrapper .slider-content .slider-title {font-size: 60px; line-height: 64px}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .slider-area .single-slider {height: auto; padding: 80px 24px 64px}
  .slider-area .single-slider .slider-content-wrapper .slider-content .slider-short-title {font-size: 16px}
  .slider-area .single-slider .slider-content-wrapper .slider-content .slider-title {font-size: 35px; line-height: 50px}
}
.slider-area .single-slider .slider-content-wrapper .slider-content .slider-short-desc {font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 20px; line-height: 34px; color: #525256}
@media only screen and (min-width:768px) and (max-width:991px) {
  .slider-area .single-slider .slider-content-wrapper .slider-content .slider-title {font-size: 36px; line-height: 52px}
  .slider-area .single-slider .slider-content-wrapper .slider-content .slider-short-desc br, .slider-area .single-slider .slider-content-wrapper .slider-content .slider-title br {display: none}
  .slider-area .single-slider .slider-content-wrapper .slider-content .slider-short-desc {font-size: 18px; line-height: 32px}
  .icon-card .content {padding-right: 0}
}
.slider-area .single-slider .slider-image {position: relative;z-index: 2; right: 0; top: 0; height: 100%; margin-left: 56px; margin-right: -83px}
@media (max-width:1900px) {
  .slider-area .single-slider .slider-content-wrapper .slider-content .slider-short-desc {font-size: 18px; line-height: 32px}
  .slider-area .single-slider .slider-content-wrapper .slider-content .slider-short-desc br {/*display: none*/}
  .slider-area .single-slider .slider-image { margin-left: 0; margin-right: 0; text-align: right;}
}
.slider-area .single-slider .slider-image img {height: 100%; position: relative; z-index: 5; display: inline-block;}
.slider-area .single-slider .slider-image .sketch {position: absolute; top: 0; right: 0; animation: 2s linear infinite alternate MoveLeftRight}
@media (max-width:1339px) {.slider-area .shape-one, .slider-area .single-slider .slider-image .sketch {display: none}
}
.slider-area .single-slider .slider-image .achieve {flex-direction: column; align-items: center; justify-content: center; background-color: #fff; border-radius: 24px; display: none}
@media (min-width:1440px) {
	.slider-area .shape-two {width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; position: absolute; bottom: 271px;   left: 42px; transform: rotate(0); animation: 5s linear infinite Rotating; transform-origin: bottom left}
  .slider-area .single-slider .slider-image .achieve {width: auto; height: auto; position: absolute; bottom: 0; left: -62px; transform: translate(50%, 50%); animation: 2s linear infinite alternate MoveUpDown; z-index: 8; display: flex}
}
.slider-area .single-slider .slider-image .achieve .content, .teambox .post-card .image {text-align: center}
.slider-area .single-slider .slider-image .achieve .content h2 {color: #204593; font-family: "DM Sans", sans-serif; font-size: 62px; line-height: 110%;
  letter-spacing: -1.24px}
.slider-area .single-slider .slider-image .achieve .content p {color: #525256; font-family: "Open Sans", sans-serif; font-size: 24px; font-weight: 700; line-height: 34px}
.slider-btn-wrapper {margin-top: 25px; display: flex; gap: 16px; flex-wrap: wrap}
.slider-btn-wrapper .slider-btn {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 16px 32px; text-align: center;
  border-radius: 50px; text-transform: capitalize; font-family: "Open Sans", sans-serif; font-size: 18px; line-height: 30px; font-weight: 600; position: relative; z-index: 1; color: #fff; background: #204593}
.slider-btn-wrapper .slider-btn.active {background: #141f39; color: #fff; border: 1px solid transparent}
.slider-btn-wrapper .slider-btn.active:hover {background: 0 0; color: #141f39; border: 1px solid #141f39}
.slider-btn-wrapper .slider-btn:hover {background: #141f39; color: #fff; border-color: transparent}
.slider-trusted-by{font-size: 20px; line-height: 34px; font-weight: 600; margin-bottom: 10px; margin-top: 60px; color: #000;}
/*.slider-trusted-logo div:nth-child(1){text-align: left; }
.slider-trusted-logo div:nth-child(2){text-align: left;}
.slider-trusted-logo div:nth-child(3){text-align: left; }*/
@media (max-width:767px) {
	.slider-trusted-by{text-align: center;}
	.slider-trusted-logo div:nth-child(1),.slider-trusted-logo div:nth-child(3){text-align: center; padding: 15px 0;}
	.slider-trusted-logo div:nth-child(2){padding:15px 0; border: none;}
	.slider-trusted-logo img{display: inline-block;}
}
.icon-card {display: flex; gap: 24px}
.icon-card: hover .icon i {animation: .9s bounceIn}
.icon-card .icon {height: 64px; display: flex; flex-shrink: 0; border-radius: 50px; align-items: center; justify-content: center; background-color: transparent; border: 1px solid #d6d6d6}
.icon-card .content, .icon-card .meta-user .meta-user-content {display: flex; flex-direction: column}
.icon-card.style-2, .icon-card.style-3 {background-color: #fff; box-shadow: 12px 12px 50px 0 rgba(175, 186, 221, .2)}
.icon-card .icon.primary {background-color: #e5e3fd}
.icon-card .icon.secondary {background-color: #ffe2da}
.icon-card .icon i {font-size: 30px; color: #204593}
.icon-card .icon img, button.testimonial-arrow-btn:hover:before {width: 100%; transition: .5s ease-out}
.icon-card .content {gap: 8px}
.icon-card .content .title {font-family: Urbanist, sans-serif; font-size: 22px; line-height: 34px; color: #141f39; margin-bottom: 0}
.icon-card .content .desc, .icon-card.style-3 .contact-info p a {font-family: "Open Sans", sans-serif; font-weight: 400; color: #525256}
.icon-card .content .desc {font-size: 18px; line-height: 32px; margin-bottom: 0}
.icon-card .content .more-btn {display: flex; align-items: center; gap: 4px; font-family: "Open Sans", sans-serif; font-size: 18px; font-weight: 600; line-height: 31px; color: #141f39; margin-top: 8px}
.icon-card .meta-user {display: flex; align-items: center; gap: 16px; margin-top: 16px}
.icon-card .meta-user .meta-user-content .title, .icon-card .meta-user .meta-user-content a {margin-bottom: 0; padding-bottom: 0; border: none; font-family: "Open Sans", sans-serif; font-size: 18px; font-weight: 400; line-height: 32px}
.icon-card .meta-user .meta-user-content .desc {margin-bottom: 0; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 400; line-height: 21px}
.icon-card.style-2 {border-radius: 24px; flex-direction: column; padding: 22px 20px 40px; text-align: center; margin-bottom: 20px;}
.icon-card.style-2 .icon {border: none; background-color: transparent; position: relative; margin: 0 auto}
.icon-card.style-2 .icon img, .icon-card.style-2 .icon svg {position: relative; z-index: 3; width: auto}
.icon-card.style-2 .content {padding-right: 0}
.icon-card.style-2 .content .desc {font-size: 18px; line-height: 32px}
.icon-card.style-2 .sketch {position: absolute; top: 0; right: 0; visibility: hidden; opacity: 0; transform: translate(50%, -50%); transition: .5s ease-out}
.icon-card.style-2:hover .sketch {visibility: visible; opacity: 1; transform: translate(0, 0)}
.icon-card.style-2:hover .icon:before {animation: 1s ZoomInOut}
.icon-card.style-3 {border-radius: 24px; padding: 40px}
.about-us-area.style-1 .about-info-card .icon-card .icon, .icon-card.style-3 .icon {border-color: transparent}
.icon-card.style-3 .icon i {font-size: 32px}
.icon-card.style-3 .content {text-align: start; padding: 0}
.icon-card.style-3 .sketch {position: absolute; top: 0; right: 0; visibility: hidden; opacity: 0; transition: .5s ease-out}
.icon-card.style-3 .contact-info {text-align: center; border-top: 1px solid #e7e7e7; padding-top: 32px; width: 100%}
.icon-card.style-3 .contact-info h6 {color: #015dff}
.icon-card.style-3 .contact-info p a {font-size: 18px; line-height: 32px; margin: 0}
.icon-card.style-3:hover .sketch {visibility: visible; opacity: 1}
.icon-card.style-4 {flex-direction: column; align-items: center; text-align: center; padding: 40px 0; border: 1px solid #d6d6d6; border-radius: 12px}
.icon-card.style-4 .icon {border-color: transparent; background-color: transparent}
.icon-card.style-4 .content {padding: 0 66px}
.about-image-card {position: relative; background-position: bottom; background-repeat: no-repeat; background-size: contain; border-radius: 32px}
.footer, .pricing-area.style-1, .service-area.style-2 {background-size: cover}
.about-image-card .sketch {position: absolute; top: 15%; left: -24px; transform: translate(-50%, -50%)}
.about-image-card .main-img .main:hover {animation: 2s .3s rotateIn}
.about-image-card .main-img .rubber:hover {animation: 2s rubberBand}
.about-image-card .main-img .center, .about-image-card .main-img .first, .about-image-card .main-img .second {position: absolute; overflow: hidden}
.about-image-card .main-img .first {left: -54px; top: -50px; border-radius: 24px; z-index: 10; animation: 2s linear infinite alternate MoveUpDown; transition: .5s ease-out}
.about-image-card .main-img .first:hover img, .about-us-area.style-1 .about-image-card .main-img img, .techstack .section-title {width: 100%}
@media only screen and (min-width:992px) and (max-width:1700px) {
	.about-image-card .main-img .first {width: 50%; left: 0}
}
.about-image-card .main-img .center {width: 245px; height: 245px; background: linear-gradient(180deg, rgba(189, 184, 254, .5) 0, rgba(189, 184, 254, 0) 100%); top: 0; left: 0; transform: translate(50%, 50%); border-radius: 50%}
.footer, .pricing-area.style-1, .service-area.style-2 .service-card-wrapper {background-repeat: no-repeat; background-position: center}
.about-image-card .main-img .second {right: -48px; bottom: -48px; border-radius: 24px; box-shadow: 12px 12px 50px 0 rgba(175, 186, 221, .2); animation: 2s linear infinite alternate MoveLeftRight}
@media only screen and (min-width:0px) and (max-width:767px) {
  .slider-area .single-slider .slider-content-wrapper .slider-content .slider-title {font-size: 40px; line-height: 60px}
  .about-image-card .sketch, .slider-area .single-slider .slider-content-wrapper .slider-content .slider-short-desc br, .slider-area .single-slider .slider-content-wrapper .slider-content .slider-title br {display: none}
  .slider-area .single-slider .slider-content-wrapper .slider-content .slider-short-desc {font-size: 16px; line-height: 32px}
  .slider-area .single-slider .slider-image {animation: none; margin: 32px auto 0; text-align: center}
  .slider-btn-wrapper {margin-top: 30px; justify-content: center}
  .slider-btn-wrapper .slider-btn {padding: 8px 16px; font-size: 14px}
  .icon-card {flex-direction: column; align-items: center; gap: 18px}
  .icon-card .content {padding-right: 0; text-align: center}
  .icon-card .content .more-btn {justify-content: center}
  .icon-card.style-2 .content .desc {font-size: 16px}
  .icon-card.style-3 {text-align: center}
  .icon-card.style-3 .content {align-items: center; text-align: center}
  .about-image-card .main-img .first {left: 0; width: 50%}
  .about-image-card .main-img .center {transform: translate(12%, 13%)}
  .about-image-card .main-img .second {right: 0; bottom: 0; width: 50%}
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .icon-card.style-2 {align-items: start; padding: 32px}
  .icon-card.style-3 {flex-direction: column; align-items: start}
  .about-image-card .main-img .second {right: 100px}
}
@media only screen and (min-width:992px) and (max-width:1900px) {
  .about-image-card .main-img .second {width: 50%; right: 0}
}
.about-info-card .icon-card-wrapper {display: flex; flex-direction: column; gap: 40px; margin-top: 48px}
.about-info-card.style-2 .section-title {margin-bottom: 24px}
.about-info-card.style-2 .list-item-wrapper, .mb-40 {margin-bottom: 40px}
.about-info-card.style-2 .list-item-wrapper ul, .footer-widget {margin-bottom: 0; position: relative; z-index: 10}
.counter-card {z-index: 1; position: relative; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 60px}
@media only screen and (min-width:768px) and (max-width:991px) {
  .counter-card {grid-template-columns: repeat(2, 1fr)}
}
.counter-card-wrapper {margin: 40px 0; display: flex; gap: 95px}
button.testimonial-arrow-btn {position: relative; width: 60px; height: 60px; border-radius: 50%; transition: .3s; z-index: 99; background-color: #141f39;
  cursor: pointer; bottom: 0; overflow: hidden; box-shadow: 0 16px 32px rgba(0, 0, 0, .05)}
button.testimonial-arrow-btn i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #141f39; font-size: 21px; transition: .5s ease-out}
button.testimonial-arrow-btn:hover {transition: .5s ease-out; border-color: #eb936d; background-color: #204593}
.testimonial-slider-arrow {position: relative; z-index: 99; display: flex; align-items: center; gap: 12px}
.footer, .section-title {position: relative; z-index: 2}
.section-title {display: flex; gap: 16px; flex-direction: column; justify-content: center}
.section-title .short-title span {font-family: Urbanist, sans-serif; color: #141F39; font-size: 40px; font-weight: 700; line-height: 65px; letter-spacing: .32px; text-transform: uppercase}
.section-title .title {color: #141f39; font-family: Urbanist, sans-serif; margin-bottom: 0; position: relative; z-index: 10}
.footer-widget .desc, .section-title .desc {font-family: "Open Sans", sans-serif; font-weight: 400; margin-bottom: 0}
@media only screen and (min-width:0px) and (max-width:439px) {
  .section-title .title br {display: none}
}
.section-title .desc {font-size: 18px; color: #525256; line-height: 32px}
.section-title .divider {width: 72px; height: 6px; background-color: #204593; margin-top: 16px}
.section-title.style-2 {display: flex}
.section-title-wrapper {display: flex; justify-content: space-between; align-items: end}
.section-title-wrapper.style-2, .whyus .card {justify-content: center}
.about-us-area.style-1, .brochurebtn a, .hero-banner.slick-slider, .service-area {overflow: hidden}
.about-us-area.style-1 .about-image-card .main-img {margin-left: 48px}
/*.about-us-area.style-1 .about-info-card {margin-left: -4px}
.about-us-area.style-1 .about-info-card .section-title, .footer-widget.widget_boomdevs-latest-posts-footer {margin-top: -5px}
@media (min-width:991px) {.about-us-area.style-1 .about-info-card .section-title .title br {display: none}}
.about-us-area.style-1 .about-info-card .section-title .desc {padding-right: 12px;line-height: 32px}*/
.service-area .section-title .shape {position: absolute; bottom: 0; right: 0; transform: translate(-100%, 100%); animation: 5s linear infinite rubberBand}
@media (max-width:1440px) {
	.service-area .section-title .shape {display: none}
}
.service-area .section-title .btn-wrapper {margin-top: 24px}
.pricing-area.style-1 {position: relative;overflow: hidden}
.pricing-area.style-1 .shape {position: absolute; top: 0; left: 0; transform: translate(-50%, -50%)}
.testimonial-area .testimonial-slider-two .testimonial-arrow-btn {position: absolute; right: 0; top: -56px}
.testimonial-area .testimonial-slider-two .testimonial-arrow-btn.prev-btn {right: 68px}
.testimonial-area .testimonial-slider-two .slick-list {padding: 0 !important}
.testimonial-area .icon-card.style-2 {margin: 56px 12px; gap: 16px; padding: 38px; display: flex !important}
@media (max-width:991px) {
	.testimonial-area .icon-card.style-2 {padding: 20px;}
 }
@media (max-width:767px) {
  .testimonial-area .icon-card.style-2 {padding: 18px;}
	.testimonial-area .slick-slider{padding-bottom: 30px;}
	.testimonial-area button.testimonial-arrow-btn{width: 50px; height: 50px;}
}
.testimonial-area .icon-card.style-2 .meta-user {margin-top: 16px}
.btn-wrapper, .mt-40 {margin-top: 40px}
.footer {overflow: hidden; background-color: #141F39}
.footer .footer-sec .shape-one {position: absolute; top: 0; left: 0; animation: 4s MoveTopRight}
.footer .footer-sec .shape-two {position: absolute; top: 0; right: 0; pointer-events: none}
.footer .footer-sec .footer-bottom-border {height: 1px; width: 100%; background-color: rgba(255, 255, 255, .3)}
.footer-widget-title {font-family: "DM Sans", sans-serif; font-size: 40px; font-weight: 700; line-height: 48px; letter-spacing: -.8px; color: #fff;  margin-bottom: 16px}
.footer-main {display: flex; justify-content: space-between; align-items: center; padding: 60px 0 30px}
.footer-widget .desc {color: #fff; font-size: 14px; line-height: 21px}
.footer-widget .widget_latest_post ul li {padding: 12px 0; flex-direction: row}
.footer-widget .widget_latest_post ul li:first-child {padding-top: 0}
.footer-widget ul {padding-left: 0}
@media only screen and (min-width:992px) and (max-width:1399px) {
  .footer-widget .widget-instagram-feed {width: 170px}
}
.footer-widget .footer-widget-info {padding-right: 30px}
.footer-widget .footer-widget-info p {color: #fff;margin-bottom: 0}
.footer-widget .footer-widget-info .footer-logo {margin-bottom: 16px; display: inline-block}
.footer-widget .footer-widget-info .footer-logo img {width: 180px}
.footer-widget .footer-widget-info .info-form-and-social-icon {display: flex; align-items: center; gap: 50px}
.footer-widget .footer-widget-info .info-form-and-social-icon .subscribe-form-widget {border-radius: 6px}
.footer-widget .footer-widget-info .info-form-and-social-icon .subscribe-form-widget .single-field input {height: 60px}
.footer-widget .footer-widget-info .info-form-and-social-icon .social-profile {margin-top: 0}
.footer-widget .footer-widget-info .social-profile {gap: 20px; margin-top: 30px}
.footer-widget.widget_nav_menu ul {margin-top: -5px; padding-left: 0; margin-bottom: 0}
.footer-widget.widget_nav_menu li {position: relative; display: inline-block; width: 100%; padding-bottom: 10px}
.footer-widget.widget_nav_menu li:last-child {padding-top: 0; padding-bottom: 0}
.footer-widget.widget_nav_menu li a {color: #c7cdda; text-transform: capitalize; font-size: 18px; transition: .5s ease-out; position: relative}
.footer-widget.widget_nav_menu li a:hover {transition: .5s ease-out; color: #204593}
.footer-widget .footer-widget-contact p {color: #c7cdda}
.footer-widget .footer-widget-contact .footer-contact ul {list-style: none}
.footer-widget .footer-widget-contact .footer-contact ul li {margin-bottom: 16px; display: flex; align-items: center; line-height: 24px; gap: 20px}
.footer-widget .footer-widget-contact .footer-contact ul li:first-child {align-items: flex-start}
.footer-widget .footer-widget-contact .footer-contact ul li:first-child .contact-icon, .mt-5 {margin-top: 5px}
.footer-widget .footer-widget-contact .footer-contact ul li .contact-icon {color: #fff; border-radius: 50px; float: left; display: flex; align-items: center; flex-shrink: 0}
.footer-widget .footer-widget-contact .footer-contact ul li .contact-text {color: #c7cdda; font-size: 18px; line-height: 24px; overflow: hidden}
.footer-widget .footer-widget-contact .footer-contact ul li .contact-text a, .footer-widget .footer-widget-contact .footer-contact ul li .contact-text p, .footer-widget .footer-widget-contact .footer-contact ul li .contact-text span {color: #c7cdda; font-size: 18px; line-height: 24px; display: inline-block; width: 100%; margin-bottom: 0; transition: .5s ease-out}
.footer-widget .widget_latest_post ul li .latest-post-thumb {width: 70px; height: 70px}
.footer-widget .widget_latest_post ul li .latest-post-desc .latest-post-title {margin-bottom: 8px; font-size: 16px;line-height: 22px; color: #fff; font-weight: 700}
.footer-widget .widget_latest_post ul li .latest-post-desc .latest-post-title a {font-size: 16px; line-height: 22px; color: #c7cdda; position: relative; text-transform: capitalize; font-weight: 500; transition: .5s ease-out}
.footer-widget .widget_latest_post ul li .latest-post-desc .latest-post-meta {font-size: 14px; line-height: 21px; display: flex; align-items: center; font-weight: 400; gap: 8px; color: #c7cdda}
.footer-bottom-menu ul {list-style: none; display: flex; gap: 0 40px; align-items: center; justify-content: flex-end; margin-bottom: 0; padding-left: 0; flex-wrap: wrap}
.footer-bottom-menu ul li a {font-size: 16px; color: #fff; font-weight: 400; line-height: 27px; transition: .5s ease-out}
.footer-bottom-menu ul li a:hover {transition: .5s ease-out; color: #141f39}
.footer-bottom-area {padding: 24px 0}
.footer-bottom-area .copyright-text p {color: #fff; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 30px}
.footer-bottom-area .copyright-text p a {color: #fff; font-weight: 500}
.footer-bottom-area .credit-text p {color: #c7cdda; margin-bottom: 0; display: flex; align-items: center; justify-content: flex-end; gap: 10px}
.service-area .icon-card-wrapper {display: grid; grid-template-columns: repeat(5, 2fr); gap: 20px}
@media only screen and (min-width:0px) and (max-width:767px) {
	.about-info-card .icon-card-wrapper {gap: 30px; padding-right: 0; text-align: center}
  .counter-card {grid-template-columns: repeat(1, 1fr); grid-gap: 50px}
  .counter-card-wrapper {gap: 20px; justify-content: center}
  .section-title .short-title {font-size: 20px}
  .about-us-area.style-1 {overflow: unset}
  .about-us-area.style-1 .about-info-card .section-title .desc {margin-top: 0}
  .footer .footer-sec .shape-one, .footer .footer-sec .shape-two {display: none}
  .footer-widget-title {font-size: 35px; letter-spacing: unset}
  .footer-widget: last-child {margin-bottom: 0}
  .footer-widget .footer-widget-info .info-form-and-social-icon {flex-direction: column; align-items: start; gap: 30px}
  .service-area .icon-card-wrapper {margin-top: 10px; grid-template-columns: repeat(1, 1fr)}
}
@media (max-width:1900px) {
  .service-area .icon-card-wrapper {margin-top: 32px}
}
.service-area .icon-card.style-2 .icon:before,.home-industry .icon-card .icon:before {width: 50px; height: 50px; border-radius: 84% 16% 34% 66%/63% 29% 71% 37%; background-color: #fee1e6; content: ""; position: absolute; right: 0; bottom: 0; z-index: unset}
.service-area .icon-card.style-2:nth-child(2) .icon:before,.home-industry .icon-card:nth-child(2) .icon:before {background-color: #fff2d0}
.service-area .icon-card.style-2:nth-child(3) .icon:before,.home-industry .icon-card:nth-child(3) .icon:before {background-color: #d9e8ff}
.service-area .icon-card.style-2:nth-child(4) .icon:before,.home-industry .icon-card:nth-child(4) .icon:before {background-color: #f8ddff}
.service-area.style-2 .content-wrapper {position: relative; margin-top: 60px}
.service-area.style-2 .content-wrapper .sketch-2 {position: absolute; bottom: 0; right: 0; transform: translate(0, 50%); animation: 2s linear infinite alternate ServiceLeftRight}
@-webkit-keyframes ServiceLeftRight {
  0% {transform: translate(0, 50%)}
  100% {transform: translate(15px, 50%)}
}
@keyframes ServiceLeftRight {
  0% {transform: translate(0, 50%)}
  100% {transform: translate(15px, 50%)}
}
.service-area.style-2 .service-card-wrapper {margin-top: 56px; padding-bottom: 56px; background-size: contain; display: grid; grid-template-columns: repeat(2, 2fr); gap: 40px}
@media only screen and (min-width:0px) and (max-width:767px) {
  .service-area.style-2 .content-wrapper {margin-top: 0}
  .service-area.style-2 .content-wrapper .service-btn {text-align: center; margin-top: 0; margin-bottom: 24px}
  .service-area.style-2 .service-card-wrapper {background-image: unset !important; padding-bottom: 0; grid-template-columns: repeat(1, 1fr)}
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .counter-card-wrapper {justify-content: center}
  .about-us-area.style-1 .about-image-card .main-img img {width: auto}
  .about-us-area.style-1 .about-image-card .main-img {transform: translate(15%, 0)}
  .about-us-area.style-1 .about-image-card .center {transform: translate(45%, 45%)}
  .service-area.style-2 .content-wrapper .service-btn {text-align: center}
  .service-area.style-2 .service-card-wrapper {padding-bottom: 16px}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .icon-card.style-3 {flex-direction: column; padding: 32px}
  .pricing-area.style-1 .shape, .section-title .desc br {display: none}
  .section-title-wrapper .section-title {width: 80%}
  .about-us-area.style-1 .about-image-card .center {transform: translate(37%, 37%)}
  .service-area.style-2 .service-card-wrapper {padding-bottom: 35px}
  .service-area.style-2 .service-card-wrapper .icon-card {padding: 32px}
  .service-area.style-2 .service-card-wrapper .icon-card .desc {font-size: 16px}
}
@media only screen and (min-width:1200px) and (max-width:1339px) {
  .slider-area .single-slider {height: 750px}
  .service-area.style-2 .service-card-wrapper .icon-card .desc {font-size: 16px}
}
.card-hover2:hover, .card-hover:hover, .techwizeedge a.theme-btn:hover {transform: translateY(-5px) scale(1.005) translateZ(0)}
.techstack .section-title .title {color: #fff;text-align: center}
.techstack.testimonial-area .icon-card.style-2 {padding: 20px 10px; box-shadow: none}
.techstack.testimonial-area .slick-dots {display: block;width: 100%;text-align: center}
.brochurebtn, .brochurebtn .elementor-widget-container, .techstack.testimonial-area .slick-dots li {display: inline-block}
.techstack.testimonial-area .slick-dots li button {display: block; width: 12px; height: 12px; background: rgba(255, 255, 255, .6); border-radius: 12px; margin: 5px; text-indent: -9999px}
.techstack.testimonial-area .slick-dots li.slick-active button {background: #fff}
.testimonial-area.testilist {background: #fff;/*background: linear-gradient(114deg, #efecff 0, #faf9ff 100%)*/}
.testimonial-area.testilist .icon-card.style-2 {margin: 55px}
.testimonial-area.testilist .content{position: relative; text-align: left;}
.testimonial-area.testilist .content p{position: relative; z-index: 1;}
.testimonial-area.testilist .content:after{position: absolute; top:-16px; left: -16px; width: 46px; height: 46px; background: url("../images/testimonial/quote-blue.webp") no-repeat center center; content: ''; opacity:0.1;}
.testimonial-area.testilist .meta-user{text-align: left; color: #141F39;}
.testimonial-area.testilist .meta-user img{border-radius: 100%; width: 76px; height: 76px;}
@media (max-width:767px) {
  .testimonial-area.testilist .meta-user img {height: auto;}
}
.techwizeedge {text-align: center; color: #fff; overflow: hidden;}
.techwizeedge .container {z-index: 1; position: relative}
.techwizeedge .card {margin-top: 30px; padding: 20px; color: #000}
.techwizeedge .card .number {font-size: 35px; font-weight: 600; display: block; margin-bottom: 10px; color: #204593}
.techwizeedge a.theme-btn:hover {background: rgba(255, 255, 255, .8); box-shadow: 0 12px 18px rgba(0, 0, 0, .11), 0 24px 46px rgba(20, 31, 57, .25)}
.whyus .card {height: 100%; padding: 15px; text-align: center; display: flex}
.whyus .card .imgbox {display: flex; justify-content: center}
.whyus .card img {max-height: 125px; width: auto !important}
.footer-logo {display: block; margin-bottom: 20px}
.footer-logo img {max-width: 250px}
.footer-main h2 {color: #fff;font-size: 22px;line-height: 28px}
.footer-main ul, .header-contact-info ul, ul.fooinfo {margin: 0;padding: 0;list-style: none}
.footer-main ul li {font-size: 14px; color: #fff; margin-bottom: 10px}
.downloadbtn {background: #ef4444; border-radius: 5px}
.brochurebtn a i {margin-right: 7px}
.brochurebtn a, .brochurebtn a.nav-link:not(.active):focus, .brochurebtn a.nav-link:not(.active):hover, .brochurebtn a:hover {color: #fff !important}
.brochurebtn a:before {content: ''; position: absolute; width: 100px;height: 100%; top: 0;left: -100px; animation: 3s linear infinite shine;  background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .8), rgba(255, 255, 255, 0) 70%)}
.card-link a.link, .header-contact-info ul li svg, ul.fooinfo li svg {position: absolute; top: 0; left: 0;}
label.error {color: #ff6731; font-size: 15px}
@keyframes shine { 0% {left: -100px}
  100%, 20% {left: 100%}
}
.about-image-card .main-img .first, .about-image-card .main-img .second {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1), 0 6px 20px 0 rgba(0, 0, 0, .1)}
.team-member-card .image img {max-width: 85%}
.icon-card .icon {width: 100px}
.teambox .post-card .image img {max-width: 60%}
.teambox .post-card .content {padding: 25px}
.bg-light-list .icon-card svg.nofillsvg, .bg-light-list .icon-card svg.nofillsvg *, .home-service.service-area .icon-card.style-2 .icon svg.customsvg .st0, .service-area.industryicons .icon-card.style-2 .icon svg.nofillsvg *, svg.nofillsvg * {fill: none !important}
svg.svgred {fill: #f26e85}
svg.svgblue, svg.svgblue * {fill: #1f4592}
svg.svgwhite * {stroke: #fff}
.bg-light-1, .bg-light-list .icon-card:nth-child(6n+1), .service-area.industryicons .icon-card.style-2:nth-child(6n+1) .icon:before,.home-industry .icon-card .icon:before {background: #fee1e6 !important}
.bg-light-1, .bg-light-1 svg, .bg-light-1 svg *, .bg-light-list .icon-card:nth-child(6n+1) svg, .bg-light-list .icon-card:nth-child(6n+1) svg *, .service-area.industryicons .icon-card.style-2:first-child .icon svg *, .service-area.industryicons .icon-card.style-2:nth-child(6n+1) .icon svg,
.home-industry .icon-card .icon svg *,.home-industry .icon-card:nth-child(6n+1) .icon:before{fill: #f26e85 !important; stroke: #f26e85 !important}
.bg-light-2, .bg-light-list .icon-card:nth-child(6n+2), .service-area.industryicons .icon-card.style-2:nth-child(6n+2) .icon:before,.home-industry .icon-card:nth-child(6n+2) .icon:before {background: #f4d2b3 !important}
.bg-light-1, .bg-light-list .icon-card:nth-child(6n+2) svg, .bg-light-list .icon-card:nth-child(6n+2) svg *, .service-area.industryicons .icon-card.style-2:nth-child(2) .icon svg *, .service-area.industryicons .icon-card.style-2:nth-child(6n+2) .icon svg, svg.orangeicon,.home-industry .icon-card:nth-child(6n+2) .icon svg * {fill: #e27100 !important; stroke: #e27100 !important}
.bg-light-3, .bg-light-list .icon-card:nth-child(6n+3), .service-area.industryicons .icon-card.style-2:nth-child(6n+3) .icon:before,.home-industry .icon-card:nth-child(6n+3) .icon:before {background: #d9e8ff !important}
.bg-light-1, .bg-light-list .icon-card:nth-child(6n+3) svg, .bg-light-list .icon-card:nth-child(6n+3) svg *, .service-area.industryicons .icon-card.style-2:nth-child(3) .icon svg *, .service-area.industryicons .icon-card.style-2:nth-child(6n+3) .icon svg, svg.blueicon,.home-industry .icon-card:nth-child(6n+3) .icon svg *{fill: #386ec9 !important; stroke: #386ec9 !important}
.bg-light-4, .bg-light-list .icon-card:nth-child(6n+4), .service-area.industryicons .icon-card.style-2:nth-child(6n+4) .icon:before,.home-industry .icon-card:nth-child(6n+4) .icon:before {background: #f8ddff !important}
.bg-light-1, .bg-light-list .icon-card:nth-child(6n+4) svg, .bg-light-list .icon-card:nth-child(6n+4) svg *, .service-area.industryicons .icon-card.style-2:nth-child(4) .icon svg *, .service-area.industryicons .icon-card.style-2:nth-child(6n+4) .icon svg,.home-industry .icon-card:nth-child(6n+4) .icon svg *{fill: #b345d0 !important; stroke: #b345d0 !important}
.bg-light-5, .bg-light-list .icon-card:nth-child(6n+5), .service-area.industryicons .icon-card.style-2:nth-child(6n+5) .icon:before,.home-industry .icon-card:nth-child(6n+5) .icon:before {background: #cce7c1 !important}
.bg-light-1, .bg-light-list .icon-card:nth-child(6n+5) svg, .bg-light-list .icon-card:nth-child(6n+5) svg *, .service-area.industryicons .icon-card.style-2:nth-child(5) .icon svg *, .service-area.industryicons .icon-card.style-2:nth-child(6n+5) .icon svg,.home-industry .icon-card:nth-child(6n+5) .icon svg * {fill: #25bf6d !important; stroke: #25bf6d !important}
.bg-light-6, .bg-light-list .icon-card:nth-child(6n+6), .service-area.industryicons .icon-card.style-2:nth-child(6n+6) .icon:before,.home-industry .icon-card:nth-child(6n+6) .icon:before {background: #aec7cc !important}
.bg-light-1, .bg-light-list .icon-card:nth-child(6n+6) svg, .bg-light-list .icon-card:nth-child(6n+6) svg *, .service-area.industryicons .icon-card.style-2:nth-child(6) .icon svg *, .service-area.industryicons .icon-card.style-2:nth-child(6n+6) .icon svg,.home-industry .icon-card:nth-child(6n+6) .icon svg *{fill: #318ea0 !important; stroke: #318ea0 !important}
svg.bluelighticon, svg.bluelighticon * {fill: #06abe1 !important; stroke: #06abe1 !important}
.bg-light-list .icon-card svg.nostrokesvg, .bg-light-list .icon-card svg.nostrokesvg *, .service-area.industryicons .icon-card.style-2 .icon svg.nostrokesvg *, svg.nostrokesvg * {stroke: none !important}
.text-blue {color: #4285ec !important}
.text-purple {color: #972ae6 !important}
.text-pink {color: #d2447b !important}
.text-yellow {color: #e1bd1e !important}
.text-blue-dark {color: #204593 !important}
.service-area.project-engagement .icon-card-wrapper {display: grid;grid-template-columns: repeat(2, 2fr)}
.cloudimg {position: absolute; top: 0; right: -70px; opacity: .4}
.opacity-20 {opacity: .2}
.card-hover, .card-hover2, .card-hover3 {box-shadow: 0 14px 26px rgba(0, 0, 0, .04); transition: .3s ease-out}
.card-hover:hover {box-shadow: 0 24px 36px rgba(0, 0, 0, .11), 0 24px 46px rgba(20, 31, 57, .48)}
.card-hover2:hover {box-shadow: 0 12px 18px rgba(0, 0, 0, .11), 0 24px 46px rgba(20, 31, 57, .25)}
.card-hover3:hover {transform: translateY(-3px) scale(1.005) translateZ(0); box-shadow: 0 10px 15px rgba(0, 0, 0, .11), 0 5px 20px rgba(20, 31, 57, .2)}
body.test1 {-moz-transform: scale(.9, .9); zoom: 0.9; zoom: 90%}
@media (min-width:1500px) {
  .facts5, .teambox {width: 20%}
  .facts5, .facts5 .achieve-item-wrapper {width: 100%}
  .facts5 .achieve-item-wrapper .single-item {width: 20%; text-align: center}
}
.bg-blue .theme-btn {background: #fff; color: #204593}
.lightbluebg, .service-area.industryicons.style-2 {background: #e8e9f8}
.service-area .icon-card-wrapper {margin-top: 32px}
.card-link a.link {z-index: 5; width: 100%; height: 100%}
.header-contact-info ul li {position: relative; padding-left: 45px; margin-bottom: 12px; color: #204593}
ul.fooinfo li {padding-left: 45px; margin-bottom: 12px; color: #fff}
.sliderbg {background:url("../images/slider/banner-bg.webp") right center no-repeat #E9F0FF; background-size: cover; /*background: #f9dbde; background: linear-gradient(167deg, #f9dbde 0, #fff 50%, #dcd9f7 100%)*/}
.bluewhitebg {background: #eeeefe;background: linear-gradient(114deg, #eeeefe 0, #f8f7fe 100%)}
.bluegraybg {background: #EAF1FF;/*background: linear-gradient(114deg, #b8c7e6 0, #dbe6fb 100%)*/}
@media (max-width:1439px) {
  .main-menu ul li a {padding-left: 10px; padding-right: 10px; font-size: 15px}
  .header-area .container {max-width: 100%}
  .header-area .container .row {margin: 0}
}
@media (max-width:1199px) {
  .about-image-card .main-img {animation: unset}
  .footer .mt-50.mb-50 {margin: 0}
  .footer-widget .footer-widget-info {padding-right: 0}
  .service-area.style-2 .content-wrapper .sketch-2 {display: none}
  .showinmd {display: block !important}
  .main-menu ul li.showinmd {display: inline-block !important}
  .main-menu ul li a {padding-left: 7px; padding-right: 7px; font-size: 14px}
}
@media (max-width:991px) {
  .header-top, .hideinipad, .pricing-area.style-1 .shape, .testimonial-slider-arrow {display: none}
  .header-menu-area .menu {width: unset}
  .header-btn {margin-left: 0}
  .header-btn .header-single-btn svg {display: none}
  .section-title {align-items: center; text-align: center}
  .section-title-wrapper {flex-direction: column; align-items: center; gap: 32px}
  .about-us-area.style-1 .about-info-card, .testimonial-area .icon-card.style-2:first-child {margin-top: 0}
  .testimonial-area .testimonial-slider-two .testimonial-arrow-btn.prev-btn {right: 51%; left: unset}
  .testimonial-area .testimonial-slider-two .testimonial-arrow-btn.next-btn {left: 51%; right: unset}
  .testimonial-area .testimonial-slider-two .testimonial-arrow-btn {right: 50%; top: unset; bottom: -32px}
  .testimonial-area .icon-card.style-2 {margin-top: 24px}
  .footer-main {flex-direction: column; text-align: left}
  .footer-widget {margin-bottom: 50px}
  .footer-bottom-menu ul {justify-content: flex-start}
  .footer-bottom-area {padding: 30px 0}
  .service-img img {max-width: 80%}
  .menu #main-menu {display: none !important}
  .footer-widget-info {margin-bottom: 25px}
  .footer-main h2 {margin-top: 25px}
  .pluging-logo {left: -50px}
  .pluging-logo1 {left: -70px}
  .contact-form-area .comment-respond {margin-top: 24px; margin-left: 0}
  .contact-form-right {margin-bottom: 60px}
}
@media (max-width:767px) {
  .list-item-wrapper ul.list li {text-align: left; width: 100%}
  .list-item-wrapper ul.list li:before {margin-top: 0 !important}
  .slider-area button.slider-arrow-btn {width: 40px; height: 40px}
  .section-title.mb-70, .section-title.mb-75 {margin-bottom: 50px}
  .footer-widget.zoom-instagram-widget {margin-bottom: 0; margin-top: -10px}
  .footer-widget.widget_boomdevs_contact_info_widget {margin-bottom: 18px}
  body, html {font-size: 16px}
  .contact-info-area .icon-card-wrapper, .feature-area.style-2.col3 .icon-card-wrapper, .service-area.project-engagement .icon-card-wrapper {grid-template-columns: repeat(1, 1fr)}
  .testimonial-area .icon-card.style-2 {margin: 20px 12px}
  .breadcrumb-list ul li:before, .slider-image {display: none}
  .home-service.service-area .icon-card.style-2 .icon svg, .icon-card .icon {height: 120px;}
	.home-service.service-area .icon-card.style-2 .icon{max-width: 80%;}
  .testimonial-area.testilist .icon-card.style-2 {margin: 20px; padding: 15px; box-shadow: 1px 1px 20px 0 rgba(175, 186, 221, .2)}
  .footer-main {padding: 40px 0}
  .footer-bottom-area .copyright-text {margin-bottom: 0; text-align: center}
  .footer-bottom-area {padding: 15px 0}
  .slider-area .single-slider .slider-content-wrapper .slider-content .slider-title {line-height: 50px}
  .feature-area .icon-card.style-3 {padding: 20px}
  .feature-area.style-2 .icon-card-wrapper {gap: 20px; margin-top: 30px}
  .achieve-area .inner-wrapper {gap: 20px}
  .casestudieslist .post-card, .latest-project-area .post-card {margin-bottom: 15px; height: auto}
  .breadcrumb-list ul, .breadcrumb-list ul li {display: block}
  .icon-card.style-2 {padding: 20px; margin-bottom: 20px}
  .headingwithicon {margin-bottom: 0}
  .headingwithicon svg {position: relative}
  .headingwithicon h2 {padding-left: 0; margin-bottom: 0}
  .servicescardlist h2 {font-size: 24px}
  .contact-form-right ul li {flex-wrap: wrap}
  .contact-form-right ul li .icon img {max-width: 60%}
  .contact-form-right ul li .info {margin-top: 20px;padding-left: 0; width: 100%}
}
.mt-10 {margin-top: 10px}
.mt-15 {margin-top: 15px}
.mt-20 {margin-top: 20px}
.mt-25 {margin-top: 25px}
.mt-30 {margin-top: 30px}
.mt-35 {margin-top: 35px}
.mt-45 {margin-top: 45px}
.mt-50 {margin-top: 50px}
.mt-55 {margin-top: 55px}
.mt-60 {margin-top: 60px}
.mt-65 {margin-top: 65px}
.mt-70 {margin-top: 70px}
.mt-75 {margin-top: 75px}
.mt-80 {margin-top: 80px}
.mt-85 {margin-top: 85px}
.mt-90 {margin-top: 90px}
.mt-95 {margin-top: 95px}
.mt-100 {margin-top: 100px}
.mt-105 {margin-top: 105px}
.mt-110 {margin-top: 110px}
.mt-115 {margin-top: 115px}
.mt-120 {margin-top: 120px}
.mt-125 {margin-top: 125px}
.mt-130 {margin-top: 130px}
.mt-135 {margin-top: 135px}
.mt-140 {margin-top: 140px}
.mt-145 {margin-top: 145px}
.mt-150 {margin-top: 150px}
.mt-155 {margin-top: 155px}
.mt-160 {margin-top: 160px}
.mt-165 {margin-top: 165px}
.mt-170 {margin-top: 170px}
.mt-175 {margin-top: 175px}
.mt-180 {margin-top: 180px}
.mt-185 {margin-top: 185px}
.mt-190 {margin-top: 190px}
.mt-195 {margin-top: 195px}
.mt-200 {margin-top: 200px}
.mb-10 {margin-bottom: 10px}
.mb-15 {margin-bottom: 15px}
.mb-25 {margin-bottom: 25px}
.mb-35 {margin-bottom: 35px}
.mb-45 {margin-bottom: 45px}
.mb-50 {margin-bottom: 50px}
.mb-55 {margin-bottom: 55px}
.mb-60 {margin-bottom: 60px}
.mb-65 {margin-bottom: 65px}
.mb-70 {margin-bottom: 70px}
.mb-75 {margin-bottom: 75px}
.mb-80 {margin-bottom: 80px}
.mb-85 {margin-bottom: 85px}
.mb-90 {margin-bottom: 90px}
.mb-95 {margin-bottom: 95px}
.mb-100 {margin-bottom: 100px}
.mb-105 {margin-bottom: 105px}
.mb-110 {margin-bottom: 110px}
.mb-115 {margin-bottom: 115px}
.mb-120 {margin-bottom: 120px}
.mb-125 {margin-bottom: 125px}
.mb-130 {margin-bottom: 130px}
.mb-135 {margin-bottom: 135px}
.mb-140 {margin-bottom: 140px}
.mb-145 {margin-bottom: 145px}
.mb-150 {margin-bottom: 150px}
.mb-155 {margin-bottom: 155px}
.mb-160 {margin-bottom: 160px}
.mb-165 {margin-bottom: 165px}
.mb-170 {margin-bottom: 170px}
.mb-175 {margin-bottom: 175px}
.mb-180 {margin-bottom: 180px}
.mb-185 {margin-bottom: 185px}
.mb-190 {margin-bottom: 190px}
.mb-195 {margin-bottom: 195px}
.mb-200 {margin-bottom: 200px}
.mb-205 {margin-bottom: 205px}
.mb-210 {margin-bottom: 210px}
.mb-215 {margin-bottom: 215px}
.mb-220 {margin-bottom: 220px}
.mb-245 {margin-bottom: 245px}
.mb-250 {margin-bottom: 250px}
.pb-60 {padding-bottom: 60px}
/*.ai-slider {
  background:url("../images/slider/banner-bg.webp") right center no-repeat #E9F0FF;
}*/
.aboutinfo{display: grid; gap: 10px; grid-template-columns:repeat(3,1fr); margin-top: 40px;}
.aboutinfobox{background: #F4D2B3; border-radius: 20px; padding:24px 10px 10px; text-align: center;}
.aboutinfoicon{display: inline-block;}
.aboutinfovalue{display: inline-block; font-size: 32px; line-height: 32px; font-weight: 700; color: #000; padding-left: 28px;}
.aboutinfodetail{background: #FFF; border-radius: 20px; padding: 9px; text-align:center; color:#525256; font-size: 18px; line-height: 26px; margin-top: 16px;}
.aboutinfo .aboutinfobox:nth-child(2){background:#FEE1E6;}
.aboutinfo .aboutinfobox:nth-child(3){background:#D9E8FF;}
@media (max-width: 767px) {
  .aboutinfo {grid-template-columns:repeat(1,1fr);}
}
.service-area.home-service .icon-card-wrapper {display: grid; grid-template-columns: repeat(4, 2fr); gap: 20px}
.service-area.home-service ul.nav-tabs{background: #F6F6F6; border-radius: 30px; padding: 20px; border:none;}
.service-area.home-service ul.nav-tabs li.nav-item{width: 100%; margin-bottom: 20px;}
.service-area.home-service ul.nav-tabs li.nav-item:last-child{margin-bottom: 0;}
.service-area.home-service ul.nav-tabs li.nav-item button.nav-link{width: 100%; background: #fff; font-size: 18px; color: #525256 !important; padding: 14px 20px; border: none; border-radius: 20px; text-align: left; position: relative;}
.service-area.home-service ul.nav-tabs li.nav-item button.nav-link .activeline{position: absolute; top:50%; margin-top: -20px; right: -60px; background: #F6F6F6; width: 54px; height: 50px; display: none;}
/*.service-area.home-service ul.nav-tabs li.nav-item button.nav-link.active .activeline{display: block;}*/
.service-area.home-service ul.nav-tabs li.nav-item button.nav-link.active{background: #204593; color: #fff !important; /*font-weight: 700;*/}
.service-area.home-service ul.nav-tabs li.nav-item button.nav-link .activeline:before,.service-area.home-service ul.nav-tabs li.nav-item button.nav-link .activeline:after{position: absolute; width: 27px; height: 27px; background: #fff; top:-11px; right: 13px; content: ''; border-radius: 100%; z-index: 2;}
.service-area.home-service ul.nav-tabs li.nav-item button.nav-link.active .activeline:after{top:40px;}
.service-area.home-service .accordion .accordion-item{border:none !important; background: #F6F6F6 !important; padding:0px; border-radius: 30px;}
.service-area.home-service .accordion .accordion-body{padding: 20px; border:none; border-radius: 0; background: none;}
.service-area.home-service .accordion .accordion-body .card-link{margin-bottom: 20px;}
.service-area.home-service .accordion .accordion-body .icon-card.style-2{height: 100%; margin-bottom: 0; padding: 20px;}
.service-area.home-service .accordion .accordion-body .icon-card.style-2 a{display: none;}
.service-area.home-service .accordion .accordion-body .icon-card.style-2 .icon{width: 100%;}
.service-area.home-service .accordion .accordion-body .icon-card.style-2 .icon img{height: auto; max-height: 100%;}
.service-area.home-service .accordion .accordion-body .icon-card.style-2 .content{display: none;}
.service-area.home-service .accordion .accordion-button{line-height: 24px;}
.service-area.home-service .accordion .accordion-button:not(.collapsed){background: #204593; color: #fff;}
.service-area.home-service .accordion .accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon-w);}
.keyservucestitle{margin-bottom: 60px;}
@media only screen and (min-width:0px) and (max-width:767px) {
  .g-6 {--bs-gutter-x: 24px; --bs-gutter-y: 24px}
  .custom-container {margin: 0 12px}
  h1 {font-size: 40px;line-height: 48px}
  h2,.section-title .short-title span {font-size: 30px;line-height: 50px}
  .py-sm-60 {padding-top: 60px;padding-bottom: 60px}
  .pt-sm-40 {padding-top: 40px}
  .pt-sm-60 {padding-top: 60px}
  .pb-sm-40 {padding-bottom: 40px}
  .pb-sm-60 {padding-bottom: 60px}
  .mt-sm-32 {margin-top: 32px}
  .contact-form-area .content-wrapper {text-align: center}
  .contact-form-area .comment-respond .g-6 {--bs-gutter-x: 12px; --bs-gutter-y: 12px}
}
@media (min-width:992px) {
  .contact-form-row {display: flex; justify-content: space-between}
  .contact-form-left {width: 58%}
}
@media (max-width: 991px) {
  .tab-content>.tab-pane {display: block; opacity: 1;}
}
.industryexpertise{}
.industryexpertise.testimonial-area .icon-card.style-2{margin: 32px 12px; height: auto;}
.industryexpertise.testimonial-area .icon-card.style-2 h6{font-size: 24px; line-height: 34px; font-weight: 700; color: #141F39;}
.industryexpertise.slick-slide {height: auto !important;}
@media (max-width:991px) {
	.industryexpertise.testimonial-area .icon-card.style-2 h6{width: 100%; display: inline-block; text-align: center; font-weight: 500;}
 }
@media (max-width: 767px) {
	.industryexpertise.testimonial-area .icon-card.style-2 h6{font-size: 20px; line-height: 30px; font-weight: 500;}
	.clutch-img{order: 4;}
}
.industryexpertise .slick-track {display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important;}