@charset "UTF-8";
.pre-title, .sec-heading, .see-more-area.btn-on-start-align, body {
	text-align:left
}
.sec-heading .title, .sec-heading.light-title .title {
	font-size:3rem;
	font-weight:700
}
.has-dark-bg .sec-heading .subtitle, .has-dark-bg .sec-heading .title, .init-text:hover, .ma-pagination .pagination .ma-page-item.active .ma-page-link, .ma-pagination .pagination .ma-page-item:hover .ma-page-link, .mode-switcher.light-theme .icon, .play-btn-col-dir .play-btn .icon, .play-btn-row-dir .play-btn .icon {
	color:var(--clr-white)
}
.blog .post-main-area .other-posts .other-post-link, .blog .posts-grid .post-link, a, a:hover {
	text-decoration:none
}
.contact-info-card .icon, .footer-menu-item .icon {
	vertical-align:middle;
	width:1.5rem;
margin-right:.5rem
}
:root {
--clr-footer-hover-icon:#107fc2;
--clr-star-icone:#0479be;
--clr-mainwebsofy:#7ac142;
--clr-mainwebsofy-rgb:9, 175, 244;
--clr-secondarywebsofy:#000000;
--clr-color1:#09aff4;
--clr-main:#0479be;
--clr-main-rgb:6, 120, 0;
--clr-accent:#000000;
--clr-accent-rgb:13, 24, 87;
--clr-secondary:#0479be;
--clr-secondary-rgb:72, 32, 167;
--clr-white:#fff;
--clr-white-rgb:255, 255, 255;
--clr-black:#121212;
--clr-black-rgb:18, 18, 18;
--clr-grey:#f1f1f1;
--clr-grey-rgb:241, 241, 241;
--clr-semi-dark:#b8b8b8;
--clr-semi-dark-rgb:184, 184, 184;
--clr-dark-grey:#4d4d4d;
--clr-dark-grey-rgb:77, 77, 77;
--clr-extra-dark-grey:#494a4c;
--clr-extra-dark-grey-rgb:32, 32, 32;
--clr-dark-blue:#494a4c;
--clr-dark-blue-rgb:6, 9, 34;
--clr-semi-dark-blue:#494a4c;
--clr-semi-dark-blue-rgb:0, 5, 49;
--clr-danger:#fc0000;
--clr-danger-rgb:252, 0, 0;
--clr-success:#217234;
--clr-success-rgb:33, 114, 52;
--clr-warning:#9b6a01;
--clr-warning-rgb:155, 106, 1;
--ltr-main-font-f:"Oxanium", "sans-serif"
}
.line, .line-on-side, .sec-heading .bottom-line, .sec-heading.centered .bottom-line {
	display:block;
	position:relative;
	width:5rem;
	height:4px;
	background:var(--clr-main);
	border-radius:1rem
}
.pre-title {
	position:relative;
	font-size:1rem;
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;
	display:block;
	width:-moz-max-content;
	width:max-content;
	margin-bottom:0;
	padding-left:10px;
	padding-right:10px;
	color:var(--clr-mainwebsofy);
	z-index:5
}
.pre-title::after, .pre-title::before {
content:"";
display:inline-block;
position:absolute;
width:6px;
aspect-ratio:1/1;
border-radius:1rem;
top:50%;
translate:0 -50%;
background-color:var(--clr-mainwebsofy)
}
.pre-title::before {
left:0;
right:auto
}
.pre-title::after {
left:auto;
right:0
}
.overlay-color, .overlay-gradient-color, .overlay-pattern-image-bg, .overlay-photo-image-bg, .overlay-shape-image-bg {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:-1;
	display:block;
transition:.5s ease-in-out
}
body {
	font-family:var(--ltr-main-font-f);
	direction:ltr;
	position:relative;
	color:var(--clr-dark-blue);
	background:var(--clr-white);
	overflow-x:hidden;
	scroll-behavior:smooth;
transition:.25s ease-in-out
}
.blog .search .search-form, .contact-us .contact-info-panel, section {
	position:relative;
	z-index:0
}
.blog .tags .tag-item:hover .tag-link, .portfolio-single .info-area .project-info .info .sc-flat .sc-item .sc-icon, .service-single .service-sidebar .sidebar-pane .sc-list .sc-item .sc-icon, .service-single .service-sidebar .sidebar-pane .sc-list .sc-item .sc-link, a {
	color:inherit
}
.blog .post-main-area .other-posts .other-post-link:hover .other-post-title, .blog .post-main-area .post-info .info:hover, .blog .posts-grid .blog-btn-list .blog-btn.active, .blog .posts-grid .post-summary .post-info .info:hover, .blog .posts-grid .post-summary .post-title:hover, .blog .recent-posts .content .r-post-title:hover, .breadcrumb-link:hover, .dark-color-footer .copyrights .creadits .link, .dark-color-footer .sc-wrapper .sc-list .sc-item:hover .sc-icon, .dark-color-footer .terms-links, .header-basic .menu-link.active, .header-basic .menu-link:hover, .light-color-footer .contact-info-card .icon, .light-color-footer .copyrights .creadits .link, .light-color-footer .footer-menu-item .icon, .light-color-footer .sc-wrapper .sc-list .sc-item:hover .sc-icon, .light-color-footer .terms-links, .main-color-footer .sc-wrapper .sc-list .sc-item:hover .sc-icon, .play-btn-col-dir .play-video-btn:hover .play-btn .icon, .play-btn-row-dir .play-video-btn:hover .play-btn .icon, .portfolio .portfolio-btn-list .portfolio-btn.active, .portfolio .portfolio-btn-list .portfolio-btn:hover, .sc-wrapper .sc-list .sc-item:hover .sc-icon, .sc-wrapper.sc-flat .sc-list .sc-item:hover .sc-icon, a:hover {
	color:var(--clr-main)
}
.plain-section {
	overflow:visible;
	padding:0
}
.mega-section {
	padding:5rem 0
}
.elf-section {
	padding:4rem 0
}
.particles-js {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	pointer-events:none;
	z-index:2
}
.text-linear-gradient {
	background:-webkit-linear-gradient(45deg, red, #00f, green);
	-webkit-background-clip:text;
	background-clip:text;
	-webkit-text-fill-color:transparent
}
.featured-text {
	color:var(--clr-main);
	position:relative
}
.featured-text svg {
	position:absolute;
	left:50%;
	top:50%;
	width:calc(100% + 10px);
	height:calc(100% + 40px);
	transform:translate(-50%, -50%)
}
.featured-text svg path {
	stroke:var(--clr-main);
stroke-width:.5rem;
	fill:transparent
}
.featured-text svg.wavey-underline {
	top:100%
}
.featured-text svg.wavey-underline path {
	fill:var(--clr-main)
}
.init-text {
	position:relative;
	z-index:0;
	font-weight:500;
	font-size:1.1rem;
	font-style:italic;
	opacity:.85;
	line-height:1.7;
	margin-bottom:3rem;
padding:.5rem 0 .5rem 2rem;
	border-left:4px solid var(--clr-secondary);
transition:.3s ease-in-out
}
.about .text-area .about-text::first-letter, .blog .post-main-area .post-content .post-list .post-list-item .post-list-text, .blog .recent-posts .content, .init-text::first-letter, .skills .skill-data .skill-name {
text-transform:capitalize
}
.init-text::before {
content:"";
position:absolute;
inset:0;
z-index:-1;
background:var(--clr-secondary);
border-top-right-radius:.25rem;
border-bottom-right-radius:.25rem;
transform:scaleX(0);
transform-origin:left;
transition:transform .3s ease-in-out
}
.blog .post-main-area .post-content a:hover, .contact-us .contact-info-panel .info-panel .location-card .link:hover, .init-text:hover, .service-single .service-sidebar .sidebar-pane .list-item.active, .service-single .service-sidebar .sidebar-pane .list-item:hover, .service-single .service-sidebar .sidebar-pane .sc-list .sc-item:hover {
	opacity:1
}
.about .img-area .about-img, .custom-form-area.input-under-lined .input-wrapper.has-text .b-border, .custom-form-area.input-under-lined input[type=email]:focus~.b-border, .custom-form-area.input-under-lined input[type=file]:focus~.b-border, .custom-form-area.input-under-lined input[type=number]:focus~.b-border, .custom-form-area.input-under-lined input[type=password]:focus~.b-border, .custom-form-area.input-under-lined input[type=search]:focus~.b-border, .custom-form-area.input-under-lined input[type=text]:focus~.b-border, .custom-form-area.input-under-lined input[type=url]:focus~.b-border, .custom-form-area.input-under-lined textarea:focus~.b-border, .init-text:hover::before, .page-hero .hero-image-area .hero-img-wraper img {
transform:scaleX(1)
}
.line-on-center, .sec-heading.centered .pre-title {
	margin-left:auto;
	margin-right:auto
}
.line-on-side {
	margin-left:0;
	margin-right:auto
}
.blog .post-main-area .other-posts .prev-post .icon, .line-on-side:before {
	left:1rem
}
.line-on-side:after {
	left:2rem
}
.sec-heading {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:3rem
}
.sec-heading .cta-area {
	display:flex;
	justify-content:flex-end;
	width:30%
}
.sec-heading .title {
	position:relative;
margin-bottom:.75rem;
	text-transform:capitalize;
	line-height:1.3;
	display:inline-block;
	z-index:0
}
.sec-heading .subtitle {
	margin:0 auto 2rem;
	font-size:1.375rem;
	font-weight:400;
	text-transform:capitalize;
	opacity:.75
}
.sec-heading .subtitle:nth-child(2) {
margin-block-end:0.5rem
}
.sec-heading.centered {
	display:block;
	text-align:center
}
.sec-heading.centered .content-area {
	max-width:100%
}
.content-always-light.header-basic .header-logo .logo-img.dark-logo, .header-basic .controls-box .close-menu span:nth-child(2), .header-basic .header-logo .logo-img.light-logo, .header-basic.inner-page-header .header-logo .logo-img.dark-logo, .inner-page-hero:before, .is-sticky.header-basic .header-logo .logo-img.dark-logo, .msg-gov, .not-req, .sec-heading.centered .cta-area {
display:none
}
.portfolio-single .main-area .result-img, .sec-heading.centered .bottom-line {
	display:block;
	margin:0 auto
}
.dark-color-footer, .has-dark-bg, .mode-switcher.light-theme, .three-field-form.has-dark-bg {
	background-color:var(--clr-dark-blue)
}
.has-dark-bg .sec-heading .bottom-line, .header-basic.inner-page-header .menu-link::before, .header-basic.inner-page-header a::before, .is-sticky.header-basic, .mode-switcher.dark-theme, .play-btn-col-dir .play-video-btn:hover .play-btn, .play-btn-row-dir .play-video-btn:hover .play-btn {
background-color:var(--clr-white)
}
.parallax {
	background-attachment:fixed!important
}
.overlay-color {
	background:var(--clr-secondarywebsofy);
	opacity:.65
}
.overlay-gradient-color {
	background:linear-gradient(45deg, red, #00f, green)
}
.overlay-pattern-image-bg, .overlay-photo-image-bg, .overlay-shape-image-bg {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	opacity:.05
}
.section-video-bg .video {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	min-width:100%;
	min-height:100%;
	z-index:-2
}
.see-more-area {
	display:block;
	text-align:center;
	text-transform:capitalize
}
.no-borders {
	border:none;
	outline:0
}
.no-box-shadow {
	box-shadow:none!important
}
.section-shape-divider-bottom {
	position:absolute;
	width:100%;
	left:0;
	bottom:0;
	z-index:0
}
.section-shape-divider-bottom svg {
	display:block;
	width:100%;
	height:100%
}
.section-shape-divider-bottom svg path {
	fill:var(--clr-secondary)
}
.rating-stars .star-icon {
	color:var(--clr-main);
font-size:.85rem;
	cursor:pointer;
transition:color .3s ease-in-out
}
.blog .breadcrumb .icon, .breadcrumb .icon, .ma-pagination .pagination .ma-page-item:not(:last-child), .rating-stars .star-icon:not(:last-child) {
margin-right:.5rem
}
.rating-stars .star-icon.off {
	-webkit-text-fill-color:transparent;
	-webkit-text-stroke-color:var(--clr-main);
	-webkit-text-stroke-width:1px
}
.rating-stars .star-icon.off:hover {
	-webkit-text-fill-color:var(--clr-main)
}
.about .text-area .sec-heading, .blog .post-main-area .post-content, .footer-col, .services-boxed .service-content, .skills .skill {
	margin-bottom:1.5rem
}
.skills .skill-data {
	display:flex;
	align-items:center;
	justify-content:space-between;
padding-bottom:.5rem;
	font-weight:600
}
.skills .skill-bar {
	width:100%;
height:.25rem;
	opacity:.75;
	background-color:var(--clr-semi-dark);
	border-radius:1rem;
	overflow:hidden
}
.skills .skill-bar .bar {
	width:0;
	background-color:var(--clr-main);
	height:inherit;
	border-radius:inherit;
	transition:width 1s ease-in-out
}
.ma-pagination {
	margin:2rem 0
}
.ma-pagination .pagination .deactive-page-item {
	pointer-events:none;
	background-color:var(--clr-grey)!important;
	border-color:var(--clr-dark-blue)!important;
	opacity:.5
}
.ma-pagination .pagination .deactive-page-item .ma-page-link {
	color:var(--clr-dark-blue)!important;
	opacity:.5
}
.ma-pagination .pagination .ma-page-item {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:2.25rem;
	height:2.25rem;
	color:var(--clr-main);
	border:1px solid;
	border-color:var(--clr-main);
border-radius:.25rem;
transition:.3s
}
.blog .cats .cat-item:hover, .blog .tags .tag-item:hover, .ma-pagination .pagination .ma-page-item.active, .ma-pagination .pagination .ma-page-item:hover {
	background-color:var(--clr-main);
	color:var(--clr-white)
}
.ma-pagination .pagination .ma-page-item.active {
	pointer-events:none
}
.ma-pagination .pagination .ma-page-link {
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	width:100%;
	height:100%;
	box-shadow:none!important;
	color:var(--clr-main);
	text-decoration:none
}
.info-items-list .menu-items {
	margin:0;
	padding:2rem 0;
	list-style:none
}
.info-items-list .info-item {
	margin-bottom:3rem;
	display:flex;
	align-items:start;
	justify-content:start
}
.info-items-list .info-item:hover .info-icon, .info-items-list .info-item:hover .info-img-icon {
	transform:translateY(-5px);
	background-color:rgba(var(--clr-main-rgb), 1);
	color:var(--clr-white)
}
.info-items-list .info-title {
margin-bottom:.75rem;
	font-weight:500;
	font-size:1.5rem;
	text-transform:capitalize
}
.info-items-list .info-text {
	font-size:1.3rem;
	opacity:.75
}
.info-items-list .info-icon, .info-items-list .info-number {
	font-size:2rem;
	color:var(--clr-main);
	display:flex;
	margin-bottom:1rem
}
.info-items-list .info-number {
	margin-right:1rem;
	font-weight:700;
	line-height:.8
}
.info-items-list .info-icon {
	margin-right:1.25rem;
padding:.75rem;
border-radius:.25rem;
	background-color:rgba(var(--clr-main-rgb), .15);
transition:.3s ease-in-out
}
.info-items-list .info-img-icon {
	margin-right:1.5rem;
	margin-bottom:1.5rem;
	width:60px;
	height:60px;
transition:transform .3s ease-in-out
}
.info-items-list .list, .portfolio-single .main-area .list {
	list-style:none;
	padding:0;
	margin:0 0 2rem
}
.info-items-list .list .list-item, .portfolio-single .main-area .list .list-item {
padding:.5rem 1.5rem .5rem 0;
	position:relative;
	text-transform:capitalize;
	font-weight:400;
	font-size:1.1rem;
	opacity:.85;
	display:flex;
	align-items:baseline
}
.info-items-list .list .list-item .icon {
	color:var(--clr-main);
margin-right:.8rem;
font-size:.85rem
}
::-moz-selection {
background:var(--clr-main);
color:var(--clr-white)
}
::selection {
background:var(--clr-main);
color:var(--clr-white)
}
.design-element {
	position:absolute;
	width:150px;
	height:150px;
	opacity:.25;
	z-index:-1;
	left:0;
	top:0;
	transform:translate(-25%, -25%)
}
.back-to-top, .play-btn-col-dir .play-btn img.play-icon, .play-btn-row-dir .play-btn img.play-icon {
	width:3rem;
	height:3rem
}
.design-element.rounded-shape {
	border-radius:50%
}
.design-element.stripes {
	background-image:repeating-linear-gradient(-55deg, transparent .9px, var(--clr-main) 1.25px, var(--clr-main) 3px, transparent 4px, transparent 8px)
}
.design-element.dots {
	background-image:radial-gradient(var(--clr-main) 2px, transparent 2.5px);
background-size:.75rem .75rem
}
@keyframes anim-pulses {
0% {
transform:scale3d(.9, .9, 1);
opacity:.5
}
50% {
transform:scale3d(1.2, 1.2, 1);
opacity:.75
}
100% {
transform:scale3d(1.4, 1.4, 1);
opacity:0
}
}
.btn-outline, .btn-solid {
	position:relative;
	overflow:hidden;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	text-decoration:none!important;
	text-align:center;
	text-transform:capitalize;
	letter-spacing:1px;
	outline:0;
	border:2px solid transparent;
border-radius:.25rem 1rem;
padding:.75rem 2.25rem;
	font-size:1.1rem;
	font-weight:500;
	box-shadow:0 3px 10px -5px rgba(var(--clr-dark-blue-rgb), .15);
transition:.3s ease-in-out;
	cursor:pointer;
	z-index:0
}
.back-to-top, .sc-wrapper .sc-list .sc-item:hover {
	box-shadow:0 3px 15px 0 rgba(var(--clr-dark-blue-rgb), .25)
}
.btn-outline .icon, .btn-solid .icon {
	display:flex;
margin-left:.5rem;
	font-size:1.5rem;
	line-height:1;
transition:transform .3s ease-in-out
}
.btn-outline:hover .icon, .btn-solid:hover .icon {
	transform:translatex(5px)
}
.btn-outline:focus, .btn-solid:focus, .custom-form-area input[type=email] [type=submit]:focus, .custom-form-area input[type=file] [type=submit]:focus, .custom-form-area input[type=number] [type=submit]:focus, .custom-form-area input[type=password] [type=submit]:focus, .custom-form-area input[type=search] [type=submit]:focus, .custom-form-area input[type=text] [type=submit]:focus, .custom-form-area input[type=url] [type=submit]:focus, .custom-form-area select [type=submit]:focus, .custom-form-area textarea [type=submit]:focus {
	outline:0!important
}
.btn-medium.btn-outline, .btn-medium.btn-solid {
padding:.625rem 2rem
}
.btn-small.btn-outline, .btn-small.btn-solid {
padding:.5rem 1rem;
	font-weight:500;
font-size:.9rem
}
.play-btn-col-dir, .play-btn-row-dir {
	display:inline-block
}
.header-basic .header-logo, .play-btn-col-dir .play-video-btn, .play-btn-row-dir .play-video-btn {
	display:flex;
	align-items:center;
	justify-content:center
}
.play-btn-col-dir .play-video-btn:hover .play-btn::after, .play-btn-col-dir .play-video-btn:hover .play-btn::before, .play-btn-row-dir .play-video-btn:hover .play-btn::after, .play-btn-row-dir .play-video-btn:hover .play-btn::before {
background-color:inherit
}
.play-btn-col-dir .play-btn, .play-btn-row-dir .play-btn {
	position:relative;
	border-radius:50%;
	padding:5px;
	cursor:pointer;
	background-color:var(--clr-main);
	display:flex;
	align-items:center;
	justify-content:center;
	width:3.5rem;
	height:3.5rem;
	transform-origin:center;
	box-shadow:1px 1px 10px 5px rgba(var(--clr-dark-blue-rgb), .25);
transition:.3s ease-in-out
}
.play-btn-col-dir .play-btn::after, .play-btn-col-dir .play-btn::before, .play-btn-row-dir .play-btn::after, .play-btn-row-dir .play-btn::before {
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
border-radius:50%;
background-color:inherit;
animation:2s linear infinite anim-pulses;
z-index:-1
}
.btn-solid, .inverted-colors.play-btn-col-dir .play-btn, .inverted-colors.play-btn-row-dir .play-btn {
	background-color:var(--clr-main)
}
.play-btn-col-dir .play-btn::after, .play-btn-row-dir .play-btn::after {
animation-delay:.75s
}
.inverted-colors.play-btn-col-dir:hover .play-btn, .inverted-colors.play-btn-row-dir:hover .play-btn {
	background-color:var(--clr-secondary)
}
.play-btn-col-dir .play-btn-text, .play-btn-row-dir .play-btn-text {
	position:relative;
	text-align:center;
	text-transform:capitalize;
	font-weight:600;
	color:var(--clr-white)
}
.play-btn-col-dir .play-btn-text::before, .play-btn-row-dir .play-btn-text::before {
content:"";
position:absolute;
bottom:-.5rem;
left:0;
height:.25rem;
width:100%;
border-radius:.25rem;
transform:scaleX(0);
transform-origin:center;
transition:.3s ease-in-out;
background-color:var(--clr-white)
}
.btn-solid {
	color:var(--clr-white);
	border-color:var(--clr-main)
}
.btn-outline, .btn-solid:hover {
	color:var(--clr-main);
	background-color:transparent
}
.btn-outline {
	border:2px solid;
	border-color:var(--clr-main)
}
.btn-outline:hover {
	color:var(--clr-white);
	background-color:var(--clr-main)
}
.play-btn-col-dir .play-video-btn, .sc-wrapper.dir-col .sc-list {
	flex-direction:column
}
.play-btn-col-dir .play-btn-text {
margin-top:.75rem
}
.blog .posts-grid.horizontal .post-box, .play-btn-row-dir .play-video-btn {
	flex-direction:row
}
.play-btn-row-dir .play-btn-text {
margin-left:.75rem
}
.sc-wrapper .sc-list {
	padding:0;
	margin:0;
	display:inline-flex;
	list-style:none
}
.sc-wrapper .sc-list .sc-item {
	display:inline-flex;
	align-items:center;
	justify-content:center;
border-radius:.25rem;
transition:transform .3s ease-in-out
}
.blog .cats .cat-item:last-child, .blog .social .sc-item, .contact-us .contact-info-panel .info-panel .location-card .link:last-child, .contact-us .contact-info-panel .info-panel .location-card:last-child, .one-field-form .field-group, .sc-wrapper .sc-list .sc-item:last-of-type, .sc-wrapper.dir-col .sc-list .sc-item:last-of-type {
	margin-bottom:0
}
.sc-wrapper .sc-list .sc-link {
	display:flex;
	line-height:1;
	width:100%;
	margin:0 auto;
	align-items:center;
	justify-content:center;
	height:100%;
	text-decoration:none
}
.sc-wrapper .sc-list .sc-icon {
transition:color .3s ease-in-out
}
.sc-wrapper.dir-row {
padding:.75rem 0
}
.sc-wrapper.dir-row .sc-list .sc-item {
	margin-right:10px
}
.sc-wrapper.dir-row .sc-list .sc-item:hover {
	transform:translateY(-5px)
}
.sc-wrapper.dir-col {
padding:0 .75rem
}
.sc-wrapper.dir-col .sc-list .sc-item {
	margin-bottom:10px
}
.read-more:hover .icon, .sc-wrapper.dir-col .sc-list .sc-item:hover {
	transform:translateX(5px)
}
.sc-wrapper.sc-flat .sc-list .sc-item {
	font-size:1.1rem;
	border-radius:0;
	color:inherit;
	background-color:transparent;
	margin-right:1.5rem
}
.header-basic .controls-box .control:last-child, .page-hero .cta-links-area .cta-link:last-child, .sc-wrapper.sc-flat .sc-list .sc-item:last-child {
	margin-right:0
}
.sc-wrapper.sc-flat .sc-list .sc-item:hover {
	background-color:transparent;
	box-shadow:none
}
.sc-wrapper.sc-size-16 .sc-item {
	width:16px;
	height:16px;
	font-size:10px
}
.sc-wrapper.sc-size-24 .sc-item {
	width:24px;
	height:24px;
font-size:.75rem
}
.sc-wrapper.sc-size-32 .sc-item {
	width:32px;
	height:32px;
font-size:.85rem
}
.sc-wrapper.sc-size-40 .sc-item {
	width:40px;
	height:40px;
	font-size:1rem
}
.sc-wrapper.sc-size-50 .sc-item {
	width:50px;
	height:50px;
	font-size:1.25rem
}
.back-to-top {
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1.25rem;
	color:var(--clr-white);
	background-color:var(--clr-main);
	cursor:pointer;
transition:.3s ease-in-out;
border-radius:.25rem;
	position:fixed;
	bottom:-100px;
	right:30px;
	z-index:20
}
.back-to-top:hover {
	background-color:var(--clr-footer-hover-icon)
}
.back-to-top:after, .blog .post-featured-area .swiper-container .swiper-button-next:after, .blog .post-featured-area .swiper-container .swiper-button-prev:after, .blog .post-main-area .other-posts .next-post .icon:after, .blog .post-main-area .other-posts .prev-post .icon:after {
	content:""
}
.back-to-top .icon, .blog .post-featured-area .swiper-container .swiper-button-next .icon, .blog .post-featured-area .swiper-container .swiper-button-prev .icon, .blog .post-main-area .other-posts .next-post .icon .icon, .blog .post-main-area .other-posts .prev-post .icon .icon, .header-basic .controls-box .header-search-btn, .portfolio-single .info-area .project-info .info .sc-flat {
	display:flex
}
.back-to-top.show {
	bottom:30px
}
.mode-switcher {
	position:relative;
	width:2.25rem;
	height:2.25rem;
border-radius:.25rem;
	cursor:pointer;
transition:.3s ease-in-out
}
.hero-social-icons .sc-list .sc-item .sc-link, .mode-switcher.dark-theme .icon {
	color:var(--clr-dark-blue)
}
.mode-switcher.dark-theme .go-light, .mode-switcher.light-theme .go-dark {
	visibility:visible;
	opacity:1
}
.mode-switcher.dark-theme .go-dark {
	visibility:hidden;
	opacity:1
}
.mode-switcher.light-theme .go-light {
	visibility:hidden;
	opacity:0
}
.mode-switcher .switch-inner {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	visibility:visible;
	opacity:1
}
.blog .post-main-area .other-posts .next-post, .blog .post-main-area .other-posts .prev-post, .custom-form-area, .hero-swiper-slider .slide-title .first-word, .mailchimp-form .mc-form-area, .page-hero .hero-image-area, .page-hero .hero-text-area .hero-title .first-word, .read-more {
	position:relative
}
.custom-form-area .done-msg, .header-search-box {
	visibility:hidden;
	opacity:0;
transition:.5s ease-in-out
}
.mode-switcher .icon {
	display:flex;
	font-size:1.25rem;
padding:0 .5rem
}
body.rounded-btns .back-to-top, body.rounded-btns .btn-outline, body.rounded-btns .btn-solid, body.rounded-btns .field-group .text-input, body.rounded-btns .portfolio-btn, body.rounded-btns .read-more, body.rounded-btns .sc-item, body.rounded-btns .subscripe-btn, body.rounded-btns .swiper-button-next, body.rounded-btns .swiper-button-prev {
	border-radius:5rem
}
.btn-squared {
	border-radius:0!important
}
.btn-rounded {
	border-radius:5rem!important
}
.read-more {
	text-transform:capitalize;
	color:var(--clr-main);
	font-weight:600;
	display:inline-flex;
	align-items:center;
transition:.3s ease-in-out
}
.read-more:hover {
	color:var(--clr-main);
	text-decoration:none;
	border-color:rgba(var(--clr-main-rgb), 1)
}
.read-more .icon {
	display:flex;
	align-items:center;
	font-size:1.5rem;
margin-left:.5rem;
transition:transform .3s ease-in-out
}
.breadcrumb {
	display:block;
	background:0 0;
	margin:0;
	padding:0
}
.breadcrumb-item {
	display:inline-block;
	text-transform:capitalize;
	font-size:1rem;
	font-weight:600
}
.breadcrumb-item.active {
	color:var(--clr-white);
	opacity:.75
}
.breadcrumb-item:before {
	color:var(--clr-white)!important;
padding-right:.5rem
}
.breadcrumb-link {
	color:var(--clr-white);
	text-decoration:none;
transition:color .25s ease-in
}
.req {
	color:var(--clr-danger)
}
.custom-form-area.input-boxed .input-label, .custom-form-area.input-under-lined .input-label {
	margin:0;
	font-size:1rem;
	font-weight:600;
	text-transform:capitalize;
	position:absolute;
	left:0;
	top:0;
transition:.3s ease-in-out
}
.custom-form-area input[type=email]:focus~.input-label, .custom-form-area input[type=number]:focus~.input-label, .custom-form-area input[type=password]:focus~.input-label, .custom-form-area input[type=search]:focus~.input-label, .custom-form-area input[type=text]:focus~.input-label, .custom-form-area input[type=url]:focus~.input-label, .custom-form-area select:focus~.input-label, .custom-form-area textarea:focus~.input-label, .custom-form-area.input-boxed .input-wrapper.has-text .input-label, .custom-form-area.input-boxed input[type=email]:focus~.input-label, .custom-form-area.input-boxed input[type=number]:focus~.input-label, .custom-form-area.input-boxed input[type=password]:focus~.input-label, .custom-form-area.input-boxed input[type=search]:focus~.input-label, .custom-form-area.input-boxed input[type=text]:focus~.input-label, .custom-form-area.input-boxed input[type=url]:focus~.input-label, .custom-form-area.input-boxed textarea:focus~.input-label, .custom-form-area.input-under-lined .input-wrapper.has-text .input-label, .custom-form-area.input-under-lined input[type=email]:focus~.input-label, .custom-form-area.input-under-lined input[type=number]:focus~.input-label, .custom-form-area.input-under-lined input[type=password]:focus~.input-label, .custom-form-area.input-under-lined input[type=search]:focus~.input-label, .custom-form-area.input-under-lined input[type=text]:focus~.input-label, .custom-form-area.input-under-lined input[type=url]:focus~.input-label, .custom-form-area.input-under-lined textarea:focus~.input-label {
top:-30px;
color:var(--clr-main)
}
.custom-form-area .error-msg {
	position:absolute;
	right:1rem;
	top:0;
	transform:translateY(50%);
font-size:.85rem;
	color:var(--clr-danger);
	display:none
}
.custom-form-area .done-msg {
	position:absolute;
	right:1rem;
	bottom:0;
	font-size:1rem;
	background-color:var(--clr-success);
	color:var(--clr-white);
padding:.75rem 1.5rem;
border-radius:.25rem;
	z-index:11111111
}
.custom-form-area .done-msg.show {
	visibility:visible;
	opacity:1;
	margin-bottom:5rem
}
.custom-form-area .input-wrapper {
	position:relative;
	margin-bottom:3rem
}
.custom-form-area .input-wrapper .input-icon {
	position:absolute;
	left:auto;
	right:1rem;
	top:50%;
	transform:translateY(-50%);
font-size:.75rem;
	pointer-events:none
}
.custom-form-area input[type=email], .custom-form-area input[type=file], .custom-form-area input[type=number], .custom-form-area input[type=password], .custom-form-area input[type=search], .custom-form-area input[type=text], .custom-form-area input[type=url], .custom-form-area select, .custom-form-area textarea {
	display:block;
	width:100%;
padding:.75rem;
	outline:0;
	border:1px solid rgba(var(--clr-dark-blue-rgb), .25);
	background:var(--clr-white);
	margin-bottom:1rem;
transition:.3s ease-in-out
}
.custom-form-area select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	text-transform:capitalize
}
.custom-form-area textarea {
	min-height:10rem
}
.custom-form-area input[type=submit] {
	outline:0;
	border:none
}
.custom-form-area.input-under-lined .input-wrapper.has-text .input-label, .custom-form-area.input-under-lined input[type=email]:focus~.input-label, .custom-form-area.input-under-lined input[type=file]:focus~.input-label, .custom-form-area.input-under-lined input[type=number]:focus~.input-label, .custom-form-area.input-under-lined input[type=password]:focus~.input-label, .custom-form-area.input-under-lined input[type=search]:focus~.input-label, .custom-form-area.input-under-lined input[type=text]:focus~.input-label, .custom-form-area.input-under-lined input[type=url]:focus~.input-label, .custom-form-area.input-under-lined textarea:focus~.input-label {
top:-25px
}
.custom-form-area.input-under-lined .input-wrapper .b-border {
	display:block;
	width:100%;
	transform:scaleX(0);
	transform-origin:center;
	height:2px;
	background:var(--clr-main);
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
transition:.3s ease-in-out
}
.custom-form-area.input-under-lined input[type=email], .custom-form-area.input-under-lined input[type=file], .custom-form-area.input-under-lined input[type=number], .custom-form-area.input-under-lined input[type=password], .custom-form-area.input-under-lined input[type=search], .custom-form-area.input-under-lined input[type=text], .custom-form-area.input-under-lined input[type=url], .custom-form-area.input-under-lined textarea {
padding:.5rem 0;
	border:none;
	border-bottom:1px solid rgba(var(--clr-main-rgb), .35)
}
.custom-form-area.input-boxed {
	padding-top:30px
}
.custom-form-area.input-boxed .input-label {
	top:-30px
}
.blog .search .search-input:focus, .custom-form-area.input-boxed input[type=email]:focus, .custom-form-area.input-boxed input[type=file]:focus, .custom-form-area.input-boxed input[type=number]:focus, .custom-form-area.input-boxed input[type=password]:focus, .custom-form-area.input-boxed input[type=search]:focus, .custom-form-area.input-boxed input[type=text]:focus, .custom-form-area.input-boxed input[type=url]:focus, .custom-form-area.input-boxed textarea:focus {
	border-color:rgba(var(--clr-main-rgb), 1)
}
.mailchimp-form .input-label, .mailchimp-form label {
	margin-bottom:0;
	color:var(--clr-grey)
}
.is-sticky.header-basic .sub-menu .sub-menu-link, .mailchimp-form input:not([type=submit]), .page-hero .hero-text-area.content-always-light .hero-social-icons .sc-link, .page-hero .hero-text-area.content-always-light .hero-subtitle, .page-hero .hero-text-area.content-always-light .hero-title, .page-hero .hero-text-area.content-always-light .slide-subtitle, .page-hero .hero-text-area.content-always-light .slide-title {
color:var(--clr-white)!important
}
.field-group {
	padding:0;
	margin:0 0 1rem;
	position:relative
}
.field-group input[type=email], .field-group input[type=file], .field-group input[type=text] {
	font-size:1.1rem;
	width:100%;
padding:.75rem 1.5rem;
	outline:0!important;
	border:none;
	color:var(--clr-white);
	background:rgba(var(--clr-white-rgb), .35);
	-webkit-backdrop-filter:blur(4px);
	backdrop-filter:blur(4px);
	margin-bottom:0;
	text-align:left
}
.field-group input[type=email]::-webkit-input-placeholder, .field-group input[type=text]::-webkit-input-placeholder {
color:var(--clr-white)
}
.about .content-block:not(:last-child), .blog .post-main-area .comments-area .comment-wrapper, .contact-us .contact-form-panel .sec-heading, .hero-social-icons .dir-col .sc-list .sc-item:not(:last-child), .one-field-form, .service-single .service-content-area .two-cols-img, .services-boxed .services-row {
margin-bottom:2rem
}
.one-field-form .email-label {
	display:inline-block;
	padding:0;
	margin-bottom:0;
	text-transform:capitalize;
	color:var(--clr-white)
}
.one-field-form input[type=email] {
padding:.75rem;
border-radius:.25rem
}
.one-field-form .cta-area {
	position:absolute;
	bottom:0;
	right:0;
	left:auto
}
.one-field-form .cta-area .subscribe-btn {
border-radius:0 .25rem .25rem 0;
	min-height:100%;
padding:.75rem;
	border:none
}
.one-field-form .cta-area .subscribe-btn:hover, .take-action .cta-link:hover {
	background-color:var(--clr-main);
	border-color:var(--clr-main);
	color:var(--clr-white)
}
.one-field-form .email-notice {
	color:var(--clr-white);
	opacity:.5;
	font-weight:100;
font-size:.85rem;
	text-transform:capitalize
}
.three-field-form {
	padding:2rem 1rem;
	background:var(--clr-white)
}
.three-field-form .form-heading {
	margin-bottom:2rem;
	color:var(--clr-semi-dark-blue);
	border-bottom:2px solid var(--clr-main);
padding-bottom:.75rem;
	text-transform:capitalize;
	font-size:2rem;
	font-weight:600
}
.three-field-form .highlight {
	color:var(--clr-main);
	font-weight:800;
	text-transform:uppercase
}
.three-field-form .input-label, .three-field-form label {
	display:inline-block;
margin-bottom:.25rem;
	color:var(--clr-semi-dark-blue);
	font-weight:600
}
.three-field-form input:not([type=submit]) {
border:1px solid rgba(var(--clr-main-rgb), .5);
color:var(--clr-semi-dark-blue)!important;
padding:.5rem 1rem!important
}
.three-field-form input:not([type=submit]):focus, .three-field-form input:not([type=submit]):hover {
border:1px solid rgba(var(--clr-main-rgb), 1)
}
.three-field-form .cta-area {
	text-align:center;
padding-top:.5rem
}
.blog .tags .tags-icon-label .icon, .content-always-light.header-basic .controls-box .header-search-btn, .content-always-light.header-basic .menu-link, .dark-color-footer .contact-info-card .info:hover, .dark-color-footer .copyrights .creadits .link, .dark-color-footer .footer-col-title, .dark-color-footer .footer-menu .footer-menu-link:hover, .dark-color-footer .sc-wrapper .sc-list .sc-item .sc-icon, .header-basic.inner-page-header .controls-box .header-search-btn, .header-basic.inner-page-header .menu-link, .header-basic.inner-page-header a, .is-sticky.header-basic .controls-box .header-search-btn, .is-sticky.header-basic .menu-link, .mailchimp-alerts .mc-msg, .main-color-footer .contact-info-card .info:hover, .main-color-footer .footer-menu .footer-menu-link:hover, .main-color-footer .terms-links>a:hover, .services-boxed .service-box.reveal-down:hover .font-icon, .services-boxed .service-box.reveal-down:hover .read-more, .services-boxed .service-box.reveal-down:hover .service-text, .services-boxed .service-box.reveal-down:hover .service-title, .services-boxed .service-box.reveal-end:hover .font-icon, .services-boxed .service-box.reveal-end:hover .read-more, .services-boxed .service-box.reveal-end:hover .service-text, .services-boxed .service-box.reveal-end:hover .service-title, .services-boxed .service-box.reveal-start:hover .font-icon, .services-boxed .service-box.reveal-start:hover .read-more, .services-boxed .service-box.reveal-start:hover .service-text, .services-boxed .service-box.reveal-start:hover .service-title, .services-boxed .service-box.reveal-up:hover .font-icon, .services-boxed .service-box.reveal-up:hover .read-more, .services-boxed .service-box.reveal-up:hover .service-text, .services-boxed .service-box.reveal-up:hover .service-title, .services-boxed.has-dark-bg .service-title, .three-field-form.has-dark-bg .form-heading, .three-field-form.has-dark-bg .input-label, .three-field-form.has-dark-bg label {
	color:var(--clr-white)
}
.three-field-form.has-dark-bg input:not([type=submit]) {
color:var(--clr-white)!important;
background-color:var(--clr-semi-dark-blue)!important
}
.mailchimp-alerts {
	position:absolute;
	bottom:0;
	left:0;
	z-index:-1;
transition:.5s ease-in-out
}
.mailchimp-alerts.show-message {
	bottom:0;
	top:auto;
	transform:translateY(120%);
	z-index:-1
}
.mailchimp-alerts .mc-msg.active {
padding:.5rem .75rem
}
.mailchimp-alerts .mc-submitting {
	background-color:rgba(var(--clr-warning-rgb), .5)
}
.mailchimp-alerts .mc-success {
	background-color:rgba(var(--clr-success-rgb), .5)
}
.mailchimp-alerts .mc-error {
	background-color:rgba(var(--clr-danger-rgb), .5)
}
.loading-screen {
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:9999999;
	background:var(--clr-dark-blue)
}
.loading-screen .bar {
	position:absolute;
	height:100%;
	width:50%;
	background-color:var(--clr-main)
}
.loading-screen .top-bar {
	top:0;
	left:0;
	right:auto;
	bottom:auto
}
.loading-screen .down-bar {
	bottom:0;
	top:auto;
	right:0;
	left:auto
}
.loading-screen .progress-line {
	position:absolute;
	width:100%;
	top:60%;
	left:0;
	right:auto;
	height:1px;
	background-color:rgba(var(--clr-white-rgb), .35);
	transform:scale(0);
	transform-origin:center
}
.loading-screen .loading-counter {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:var(--clr-white);
	font-size:3rem;
	font-weight:800
}
.header-search-box {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:0;
	background-color:rgba(var(--clr-dark-blue-rgb), .95);
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:1200
}
.header-search-box.show {
	height:100%;
	visibility:visible;
	opacity:1
}
.header-basic .has-sub-menu:hover>.sub-menu, .header-search-box.show .search-form, .portfolio .item:hover .item-info .item-title {
	visibility:visible;
	opacity:1;
	transform:translateY(0)
}
.header-search-box .close-search {
	position:absolute;
	right:25%;
	top:25%;
	width:3.5rem;
	height:3.5rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	cursor:pointer
}
.header-search-box .close-search::after, .header-search-box .close-search:before {
content:"";
height:2px;
width:40px;
background-color:var(--clr-white);
display:block;
transform-origin:center
}
.header-search-box .close-search:before {
	transform:rotate(45deg) translateX(2px)
}
.header-search-box .close-search:after {
	transform:rotate(-45deg) translateX(1px)
}
.header-search-box .search-form {
	position:relative;
	visibility:hidden;
	opacity:0;
	transform:translateY(5rem);
transition:.5s ease-in-out .25s;
	width:50%
}
.header-search-box .search-form .search-lbl {
	visibility:hidden;
	opacity:0;
	width:0;
	position:absolute;
	left:9999999px
}
.header-search-box .search-form input[type=search]::-webkit-search-cancel-button, .header-search-box .search-form input[type=search]::-webkit-search-decoration, .header-search-box .search-form input[type=search]::-webkit-search-results-button, .header-search-box .search-form input[type=search]::-webkit-search-results-decoration {
-webkit-appearance:none
}
.header-search-box .search-form .search-input {
	border:none;
	border-bottom:2px solid var(--clr-main);
	font-size:2.5rem;
	outline:0;
	color:var(--clr-white);
	background-color:transparent;
	width:100%
}
.header-search-box .search-form .search-btn {
	-webkit-appearance:none;
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:1.25rem;
	left:auto;
	outline:0;
	border:none;
	background:0 0;
	color:var(--clr-main);
	font-size:1.5rem
}
.header-basic .has-sub-menu>.sub-menu .sub-menu-link::before, .header-basic .menu-link::before {
content:" ";
position:absolute;
left:-12px;
width:6px;
aspect-ratio:1/1;
background-color:var(--clr-main);
scale:0;
border-radius:50%;
transition:.2s ease-in-out
}
.content-always-light.header-basic .header-logo .logo-img.light-logo, .header-basic .header-logo .logo-img.dark-logo, .header-basic.inner-page-header .header-logo .logo-img.light-logo, .is-sticky.header-basic .header-logo .logo-img.light-logo {
	display:block
}
.header-basic {
	position:fixed;
	top:0;
	right:0;
	left:0;
	z-index:1030;
	border-bottom:1px solid transparent;
	box-shadow:2px 1px 2px var(--clr-black)
}
.is-sticky.header-basic .menu-link {
	color:var(--clr-black)!important
}
.is-sticky.header-basic .menu-link::before {
background-color:var(--clr-white)!important
}
.header-basic .controls-box {
	display:flex;
	align-items:center
}
.header-basic .controls-box .control {
	margin-right:1rem;
	width:2rem;
	height:1.5rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-around;
	z-index:100;
	cursor:pointer
}
.header-basic .controls-box .header-search-btn .icon {
	color:inherit;
	font-size:1.5rem
}
.header-basic .controls-box .menu-toggler {
	margin-right:1rem;
	display:none
}
.header-basic .controls-box .menu-toggler>span {
	width:30px;
	height:2px;
	border-radius:1px;
	background-color:var(--clr-black);
transition:.5s ease-in-out
}
.header-basic .controls-box .close-menu span:first-child {
	transform:rotate(225deg) translateY(-9px)
}
.header-basic .controls-box .close-menu span:nth-child(3) {
transform:rotate(-45deg) translateY(-9px)
}
.header-basic .menu-navbar {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0
}
.header-basic .menu-wrapper {
	margin-right:auto;
	margin-left:auto
}
.header-basic .menu-wrapper.links-at-end {
	margin-left:auto;
	margin-right:1rem
}
.header-basic .menu-wrapper.links-at-start {
	margin-right:auto;
	margin-left:2rem
}
.header-basic .menu-wrapper.show {
	left:0
}
.header-basic .header-logo .logo-img {
	display:block;
	max-width:18rem;
	max-height:calc(90px - 10px);
transition:.5s ease-in-out;
	object-fit:contain
}
@media (max-width:400px) {
.header-basic .header-logo .logo-img {
max-width:16rem
}
}
@media (max-width:300px) {
.header-basic .header-logo .logo-img {
max-width:10rem
}
}
.header-basic .links-list {
	list-style:none;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	margin:0;
	padding:0
}
.header-basic .menu-item {
	position:relative;
	padding:0 1rem
}
.header-basic .menu-link {
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	text-decoration:none!important;
	color:inherit;
	text-transform:capitalize;
	font-size:1.1rem;
	font-weight:600;
	line-height:90px;
	padding:0;
transition:.3s ease-in-out
}
.header-basic .menu-link.active::before, .header-basic .menu-link:hover::before, .portfolio .item:hover .portfolio-img {
scale:1
}
.header-basic .menu-link .plus-icon {
	display:flex;
	align-items:center;
	justify-content:center;
	color:inherit;
	line-height:1;
font-size:.625rem;
margin-left:.25rem
}
.header-basic .has-sub-menu>.sub-menu, .header-basic .has-sub-menu>.sub-menu-2 {
	position:absolute;
	border-radius:5px;
	margin:0;
	padding:1rem 1.5rem;
	transform:translateY(4rem);
	visibility:hidden;
	opacity:0;
	z-index:15000;
transition:.3s ease-in-out;
	list-style:none
}
.header-basic .has-sub-menu>.sub-menu-2 {
	top:0!important;
	min-width:10rem;
	left:105%!important;
	background-color:var(--clr-main)
}
.header-basic .has-sub-menu>.sub-menu {
	top:90%;
	min-width:18rem;
	left:0;
	background-color:var(--clr-secondarywebsofy)
}
.header-basic .has-sub-menu>.sub-menu .sub-menu-item, .sc-wrapper {
	padding:0
}
.header-basic .has-sub-menu>.sub-menu .sub-menu-link {
	line-height:unset;
	color:var(--clr-white);
padding:.5rem 0
}
.header-basic .has-sub-menu>.sub-menu .sub-menu-link.active, .header-basic .has-sub-menu>.sub-menu .sub-menu-link:hover {
	color:var(--clr-main);
transform:translate(.25rem, 0)
}
.header-basic .has-sub-menu>.sub-menu .sub-menu-link.active::before, .header-basic .has-sub-menu>.sub-menu .sub-menu-link:hover::before {
background:var(--clr-white);
scale:1
}
.hero-swiper-slider .slide-title, .page-hero .hero-text-area .hero-title {
	font-weight:700;
	font-size:3.5rem;
	text-transform:capitalize;
	margin-bottom:1.75rem;
	line-height:1.5
}
@media (max-width:1199px) {
.header-basic, .header-basic .links-list {
background-color:var(--clr-main)
}
.breadcrumb-item {
font-size:1rem
}
.header-search-box .search-form {
width:50%
}
.header-basic .controls-box .menu-toggler {
display:flex
}
.header-basic .controls-box .header-search-btn, .header-basic .menu-link.active, .header-basic .menu-link:hover {
color:var(--clr-white)
}
.header-basic .menu-navbar {
height:90px
}
.header-basic .menu-wrapper {
position:fixed;
left:-100%;
width:100%;
height:100%;
top:90px;
margin:0;
transition:.5s ease-in-out
}
.header-basic .menu-wrapper.show .links-list {
left:0;
height:calc(100% - 90px)
}
.header-basic .links-list {
position:absolute;
top:0;
width:50%;
max-height:calc(100% - 90px);
padding:1rem 1.5rem;
flex-direction:column;
align-items:start;
justify-content:unset;
overflow:auto;
overflow-x:hidden
}
.header-basic .menu-item {
width:100%;
padding:0
}
.header-basic .menu-link {
display:flex;
align-items:center;
justify-content:stretch;
width:100%;
padding:.75rem 1rem .75rem 0;
color:var(--clr-white);
line-height:calc(90px / 2)
}
.header-basic .menu-link .plus-icon {
margin-left:.5rem
}
.header-basic .has-sub-menu>.sub-menu {
position:static;
display:none;
visibility:visible;
opacity:1;
border:none;
box-shadow:none;
padding:0;
transform:translateY(0);
transition:none
}
.header-basic .has-sub-menu>.sub-menu .sub-menu-item {
padding-left:1rem
}
.header-basic .has-sub-menu>.sub-menu .sub-menu-link {
line-height:unset;
padding:1rem 1rem 1rem 0!important
}
.header-basic .header-logo .logo-img.light-logo {
display:block
}
.header-basic .header-logo .logo-img.dark-logo {
display:none
}
.header-basic .menu-link.active::before, .header-basic .menu-link:hover::before {
background-color:var(--clr-white)
}
.hero-swiper-slider .slide-title, .page-hero .hero-text-area .hero-title {
font-size:3rem!important
}
.portfolio-single .info-area .project-info {
margin-bottom:0
}
.contact-us .contact-form-panel {
padding-left:0
}
.blog.blog-post {
margin-top:5rem
}
}
.hero-swiper-slider .slide-subtitle, .page-hero .hero-text-area .hero-subtitle {
	opacity:.75;
	font-size:1.25rem;
	font-weight:400;
	margin-bottom:2rem
}
.hero-social-icons .dir-row .sc-list .sc-item:not(:last-child) {
margin-right:2rem
}
.page-hero {
	position:relative;
	z-index:0;
	max-height:1280px;
	min-height:100vh;
	padding:100px 0
}
.page-hero.tringle-bg::before {
content:"";
display:block;
position:absolute;
left:0;
right:0;
bottom:-1px;
width:100%;
height:100%;
/*-webkit-clip-path:polygon(50% 100%, 100% 0%, 100% 100%, 0 100%);
clip-path:polygon(50% 100%, 100% 0%, 100% 100%, 0 100%);*/
background:rgb(5 119 200 / 34%);
transition:.25s ease-in-out
}
@media (max-height:600px) {
.page-hero {
height:auto
}
}
.page-hero .hero-text-area {
	margin-top:2.5rem;
	position:relative
}
.page-hero .hero-text-area .hero-title {
	display:inline-block;
	position:relative;
	z-index:0
}
.page-hero .hero-text-area .hero-title .heading-brand-name {
	position:relative;
	display:inline-block;
	line-height:1
}
.page-hero .hero-text-area .hero-title .featured-text {
	font-weight:700
}
.page-hero .cta-links-area {
	display:inline-flex;
	flex-direction:row;
	align-items:center
}
.page-hero .cta-links-area .cta-link {
	margin-bottom:0;
	margin-right:1.5rem;
	font-size:1.15rem;
	min-width:180px
}
@media (max-width:992px) {
.inner-page-hero {
min-height:28vh!important;
opacity:1
}
}
.inner-page-hero {
	margin-top:90px;
	height:28vh;
	min-height:50vh;
	opacity:1
}
.inner-page-hero .hero-text-area {
	margin:0
}
.inner-page-hero .hero-text-area .hero-title {
	display:block;
	color:var(--clr-white);
margin-bottom:.5rem;
	line-height:1.2
}
.inner-page-hero .hero-text-area.centerd {
	text-align:center
}
.services-boxed .service-box {
	position:relative;
transition:.3s ease-in-out;
	z-index:0;
	min-height:350px;
border-radius:.5rem;
	padding:2rem;
	border:1px solid rgba(var(--clr-main-rgb), .35);
	box-shadow:0 0 10px 0 rgba(var(--clr-dark-blue-rgb), .1)
}
.services-boxed .service-card {
	overflow:hidden
}
.services-boxed .service-icon {
	margin-bottom:1rem;
transition:.5s ease-in-out
}
.services-boxed .font-icon {
	display:block;
	line-height:3rem;
	font-size:3rem;
	color:var(--clr-secondary);
	transform-origin:center;
transition:.3s ease-in-out
}
.services-boxed .service-num {
	font-size:5rem;
	font-weight:800;
	position:absolute;
	top:1rem;
	right:2rem;
	color:var(--clr-white);
	opacity:0;
	line-height:1
}
.services-boxed .img-icon {
	width:60px;
	height:60px
}
.services-boxed .service-title {
	text-transform:capitalize;
	font-size:1.5rem;
	font-weight:600;
	margin-bottom:1rem
}
.services-boxed .service-text {
	font-size:1.25rem;
	line-height:1.5;
	margin:0;
	opacity:.85
}
.lifted-up-box.services-boxed .service-box {
	margin-top:-8rem
}
.services-boxed .service-box::before {
content:"";
border-radius:inherit;
position:absolute;
height:100%;
width:100%;
top:0;
left:auto;
right:0;
transform:scaleX(0);
transform-origin:right;
background-color:var(--clr-secondarywebsofy);
z-index:-3;
transition:transform .5s
}
.services-boxed .service-box.reveal-up::before {
left:0;
top:auto;
bottom:0;
transform:scaleY(0);
transform-origin:bottom
}
.services-boxed .service-box.reveal-up:hover::before {
top:0;
bottom:auto;
transform:scaleY(1);
transform-origin:top
}
.services-boxed .service-box.reveal-down::before {
left:0;
top:0;
bottom:auto;
transform:scaleY(0);
transform-origin:top
}
.services-boxed .service-box.reveal-down:hover::before {
top:auto;
bottom:0;
transform:scaleY(1);
transform-origin:bottom
}
.services-boxed .service-box.reveal-end::before {
top:0;
left:0;
right:auto;
transform:scaleX(0);
transform-origin:left
}
.services-boxed .service-box.reveal-end:hover::before {
left:auto;
right:0;
transform:scaleX(1);
transform-origin:right
}
.services-boxed .service-box.reveal-start::before {
top:0;
left:auto;
right:0;
transform:scaleX(0);
transform-origin:right
}
.services-boxed .service-box.reveal-start:hover::before {
left:0;
right:auto;
transform:scaleX(1);
transform-origin:left
}
.services-boxed .service-box .read-more {
	color:var(--clr-main);
	border:none;
	padding:0
}
.services-boxed.has-dark-bg {
	background-color:var(--clr-semi-dark-blue)
}
.services-boxed.has-dark-bg .service-text {
	color:var(--clr-white);
	opacity:.85
}
.service-single {
	padding:8rem 0
}
.service-single .service-sidebar {
	padding-inline-end:1rem;
	position:sticky;
	top:7.5rem
}
.service-single .service-sidebar .sidebar-pane {
	position:relative;
	padding:2rem;
	margin-bottom:2rem;
border-radius:.25rem;
	background-color:#e5e7eb;
	z-index:0
}
.service-single .service-sidebar .sidebar-pane .sidebar-title {
	font-size:1.5rem;
	font-weight:500;
	margin-bottom:1.5rem;
	text-transform:capitalize;
	color:var(--clr-black)
}
.footer-menu, .service-single .service-sidebar .sidebar-pane .list {
	list-style:none;
	padding:0;
	margin:0
}
.service-single .service-sidebar .sidebar-pane .list-item {
	display:flex;
	align-items:center;
	padding-right:0;
	margin-bottom:1rem;
	background:var(--clr-main);
	color:var(--clr-white);
	opacity:.65;
border-radius:.25rem;
transition:.3s ease-in-out
}
.service-single .service-sidebar .sidebar-pane .list-item .font-icon {
	color:var(--clr-white);
	font-size:1.5rem;
margin-right:.75rem;
	line-height:1
}
.service-single .service-sidebar .sidebar-pane .list-item a {
	position:relative;
	text-transform:capitalize;
	width:100%;
	color:inherit;
	display:flex;
	align-items:center;
	line-height:1;
	font-size:1.1rem;
	font-weight:400;
	padding:1rem 1.25rem
}
.service-single .service-sidebar .sidebar-pane .list-item a .icon {
	display:flex;
	align-items:center;
	translate:-1rem 0;
	opacity:0;
transition:.3s ease-in-out
}
.portfolio .portfolio-btn-list .portfolio-btn.active::before, .portfolio .portfolio-btn-list .portfolio-btn:hover::before {
opacity:0
}
.service-single .service-sidebar .sidebar-pane .list-item.active a .icon, .service-single .service-sidebar .sidebar-pane .list-item:hover a .icon {
	translate:1rem 0;
	opacity:1
}
.service-single .service-sidebar .sidebar-pane .sc-list .sc-item {
	color:var(--clr-white);
	background-color:var(--clr-dark-blue);
	opacity:.75
}
.service-single .service-content-area {
	margin-bottom:4rem
}
.service-single .service-content-area .part {
	margin-bottom:2.5rem
}
.service-single .service-content-area .featured-img-area {
	margin-bottom:2rem;
border-radius:.25rem;
	overflow:hidden
}
.service-single .service-content-area .service-main-title {
	text-transform:capitalize;
	font-size:2.2rem;
	font-weight:600;
	margin-bottom:1.85rem
}
.service-single .service-content-area .service-title {
	text-transform:capitalize;
	font-size:2rem;
	font-weight:600;
	margin-bottom:1.75rem
}
.service-single .service-content-area .service-text {
	margin-bottom:2rem;
	font-size:1.25rem;
	opacity:.75;
	text-align:justify
}
.service-single .service-content-area .two-cols-img .img-col {
border-radius:.25rem;
	overflow:hidden
}
.service-single .service-content-area .two-cols-img .img-col img {
	min-width:100%
}
.about .text-area {
	position:relative;
	padding:3rem 0
}
.about .text-area .about-text {
	font-weight:400;
	font-size:1.25rem;
	line-height:1.6;
	margin-bottom:2rem;
	opacity:.95;
	letter-spacing:.5px;
	text-align:justify
}
.about .text-area .cta-area {
	display:flex;
	align-items:center;
	justify-content:space-between
}
.about .text-area .cta-area .signature {
	display:flex;
	flex-direction:column;
	align-items:center
}
.about .text-area .cta-area .signature .signature-img {
	max-width:200px;
	width:200px;
	height:70px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center
}
.about .text-area .cta-area .signature .signature-name {
	display:block;
	color:var(--clr-main);
margin-top:-.5rem;
	text-transform:capitalize
}
@media (max-width:575px) {
.btn-outline, .btn-solid {
padding:.5rem 1.25rem
}
.sc-wrapper.sc-size-50 .sc-item {
width:40px;
height:40px;
font-size:1rem
}
.hero-swiper-slider .slide-title, .page-hero .hero-text-area .hero-title {
font-size:2rem!important;
font-weight:700!important
}
.about .text-area .cta-area .signature .signature-img {
max-width:150px;
max-height:50px
}
.about .text-area .cta-area .signature .signature-name {
font-size:.85rem
}
}
.portfolio {
	overflow:hidden;
	position:relative
}
.portfolio .portfolio-wrapper {
	overflow:hidden;
	margin-bottom:3rem
}
.blog .posts-grid .blog-btn-list, .portfolio .portfolio-btn-list {
	list-style:none;
padding:.25rem .5rem;
	margin:0 0 1rem;
	text-transform:capitalize;
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap
}
.blog .posts-grid .blog-btn-list .blog-btn, .portfolio .portfolio-btn-list .portfolio-btn {
	position:relative;
	margin:5px 1.25rem 5px 0;
padding:.25rem 0;
	text-align:center;
	font-size:1rem;
	font-weight:400;
	z-index:1;
	cursor:pointer;
transition:.3s ease-in-out
}
.contact-us .contact-info-panel .info-panel:not(:last-child), .portfolio-single, .portfolio-single .featured-area {
margin-bottom:3rem
}
.portfolio .portfolio-btn-list .portfolio-btn:first-child {
	padding-left:0
}
.portfolio .portfolio-btn-list .portfolio-btn::before {
content:"";
position:absolute;
left:-10px;
top:50%;
translate:0 -50%;
width:6px;
aspect-ratio:1/1;
background:var(--clr-main);
opacity:0;
border-radius:50%;
transition:opacity .3s ease-in-out
}
.portfolio .portfolio-group {
	direction:ltr;
	position:relative
}
.portfolio .portfolio-img-link {
	position:relative;
	display:block;
	overflow:hidden;
	outline:0;
	z-index:1;
transition:.5s ease-in-out
}
.portfolio .item .portfolio-img, .portfolio .our-work-home .item .portfolio-img, .websofy-websites .portfolio-img {
	display:block;
	min-width:100%;
transition:scale .5s ease-in-out
}
.portfolio .portfolio-item {
	position:relative;
	padding:10px;
	overflow:hidden;
	z-index:1
}
.portfolio .item {
	position:relative;
border-radius:.25rem;
	overflow:hidden;
	border:1px solid #16a34a
}
.blog .posts-grid .post-box:hover, .portfolio .item:hover {
--shadow-color:132deg 38% 54%;
--shadow-elevation-medium:0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.36), 0.8px 1.6px 2px -0.8px hsl(var(--shadow-color) / 0.36), 2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color) / 0.36), 5px 10px 12.6px -2.5px hsl(var(--shadow-color) / 0.36);
	box-shadow:var(--shadow-elevation-medium)
}
.portfolio .item .portfolio-img {
	-o-object-fit:cover;
	object-fit:cover;
	height:100%
}
.websofy-websites .portfolio-img {
	-o-object-fit:scale-down!important;
	object-fit:scale-down!important;
	height:100%!important
}
.portfolio .our-work-home .item {
	border:2px solid var(--clr-main)
}
.portfolio .our-work-home .item .portfolio-img-link {
	height:320px!important
}
.portfolio .our-work-home .item .portfolio-img {
	-o-object-fit:cover;
	object-fit:cover;
	height:100%!important
}
.portfolio .item .item-info .icon, .portfolio .item .item-info .item-title {
	top:0;
	height:100%;
	display:flex;
	position:absolute;
	color:var(--clr-white);
	left:0
}
.portfolio .item .portfolio-bg-img {
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	height:450px
}
.portfolio .item .item-info {
	position:absolute;
	width:100%;
	height:auto;
	left:0;
	bottom:0;
	padding:2rem 0;
	pointer-events:none;
	z-index:5
}
.portfolio .item .item-info .item-title {
	align-items:center;
	font-size:1.25rem;
	text-transform:capitalize;
	width:100%;
	max-width:100%;
	padding:0 1rem 0 5rem;
	background-color:rgba(var(--clr-dark-blue-rgb), .75);
	transform:translateY(100%);
transition:.5s ease-in-out
}
.portfolio .item .item-info .icon {
	align-items:center;
	justify-content:center;
	right:auto;
	width:-moz-max-content;
	width:max-content;
	padding:0 1rem;
	font-size:1.5rem;
	background-color:rgba(var(--clr-main-rgb), .75);
	transform:translateX(-120%);
transition:transform .5s ease-in-out .3s
}
.portfolio .item:hover .item-info .icon {
	transform:translateX(0)
}
.portfolio-single {
	margin-top:3rem
}
.portfolio-single .project-featured-img {
	max-height:450px;
border-radius:.5rem;
	overflow:hidden
}
.portfolio-single .project-featured-img .featured-img {
	width:100%;
	max-width:100%;
	height:auto;
	max-height:600px;
	-o-object-fit:cover;
	object-fit:cover
}
.portfolio-single .info-area {
	margin:1rem 0;
	position:sticky;
	top:120px
}
.portfolio-single .info-area .project-info {
	padding:1rem 0
}
.portfolio-single .info-area .project-info .info {
	position:relative;
	margin-bottom:1.5rem;
	display:flex;
	flex-direction:column;
	border:1px solid rgba(var(--clr-main-rgb), .5);
border-top:.25rem solid rgba(var(--clr-main-rgb), 1);
border-bottom-left-radius:.25rem;
border-bottom-right-radius:.25rem;
	padding:2rem 1rem
}
.portfolio-single .info-area .project-info .info .title {
	display:inline-block;
	font-size:1rem;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:4px;
	color:var(--clr-main);
margin-bottom:.75rem
}
.portfolio-single .info-area .project-info .info .detail {
	display:inline-block;
	font-size:1.25rem;
	font-weight:400;
	text-transform:capitalize;
	margin-bottom:0;
	line-height:1
}
.portfolio-single .info-area .project-info .info .icon {
	position:absolute;
	font-size:2.5rem;
	top:50%;
	transform:translateY(-50%);
	right:1.25rem;
	color:rgba(var(--clr-main-rgb), .35);
	z-index:-1
}
.portfolio-single .info-area .project-info .info .sc-flat .sc-item {
	font-size:1rem
}
.portfolio-single .main-area .sub-heading {
	text-transform:capitalize;
	font-size:2.25rem;
	font-weight:600;
	margin-bottom:1.25rem
}
.portfolio-single .main-area .project-text {
	position:relative;
	font-size:1.25rem;
	font-weight:400;
	line-height:1.6;
	margin-bottom:1.25rem;
	opacity:.75;
	text-align:justify
}
.portfolio-single .main-area .list .list-item .icon {
	color:var(--clr-main);
margin-right:.5rem;
	font-size:1.2rem
}
.portfolio-single .main-area .project-video {
	min-height:450px;
	position:relative;
border-radius:.5rem;
	overflow:hidden;
	margin-top:3rem;
	margin-bottom:3rem;
	padding:8rem 0;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center
}
.contact-us .contact-info-panel .info-panel {
	display:flex;
	flex-direction:column;
	padding:2rem 1rem;
	border:1px solid rgba(var(--clr-main-rgb), .35);
border-top:.25rem solid rgba(var(--clr-main-rgb), 1);
border-bottom-left-radius:.5rem;
border-bottom-right-radius:.5rem;
	margin-bottom:1.5rem
}
.contact-us .contact-info-panel .info-panel .location-title {
	font-size:1.5rem;
	font-weight:500;
margin-bottom:.5rem;
	text-transform:capitalize
}
.contact-us .contact-info-panel .info-panel .line-on-side {
	margin-bottom:2rem;
	width:4rem;
	height:2px
}
.contact-us .contact-info-panel .info-panel .location-address {
	font-size:1.25rem;
	margin-bottom:2.25rem;
	text-transform:capitalize;
	opacity:.75
}
.contact-us .contact-info-panel .info-panel .location-card {
	display:flex;
	align-items:flex-start;
	margin-bottom:2rem
}
.contact-us .contact-info-panel .info-panel .location-card:hover .icon {
	color:var(--clr-white);
	background-color:rgba(var(--clr-main-rgb), 1)
}
.contact-us .contact-info-panel .info-panel .location-card .icon {
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1.5rem;
	width:3rem;
	height:3rem;
	color:var(--clr-main);
	background-color:rgba(var(--clr-main-rgb), .15);
border-radius:.25rem;
	margin-right:1rem;
transition:.3s ease-in-out
}
.contact-us .contact-info-panel .info-panel .location-card .content-title {
	font-size:1.3rem;
	font-weight:600;
	text-transform:capitalize;
	margin-bottom:0;
	color:rgba(var(--clr-main-rgb), .95)
}
.contact-us .contact-info-panel .info-panel .location-card .link {
	display:block;
	text-transform:lowercase;
	text-decoration:none;
	font-size:1.1rem;
	opacity:.75;
margin-bottom:.5rem
}
.contact-us .map-box .mapouter {
	position:relative;
	text-align:right;
	height:500px;
	width:100%
}
.contact-us .map-box .mapouter .gmap_canvas {
	overflow:hidden;
	background:0 0!important;
	height:500px;
	width:100%
}
.contact-us .map-box .mapouter .map-iframe {
	width:100%;
	height:500px;
	border:none
}
.take-action {
	background:var(--clr-dark-blue);
	padding:150px 0
}
.take-action .cta-link {
	background-color:transparent;
	border-color:var(--clr-white);
	color:var(--clr-white)
}
.page-footer {
	padding-top:4rem;
	position:relative;
	z-index:0
}
.footer-cols {
	overflow:hidden;
	margin-bottom:0
}
.footer-col-title {
	font-size:1.5rem;
	font-weight:600;
	text-transform:capitalize;
	margin-bottom:1.5rem;
	color:var(--clr-semi-dark-blue)
}
.footer-logo {
	margin-bottom:1.5rem;
	max-width:30%
}
.footer-text-about-us {
	font-size:1.2rem;
	font-weight:400;
	line-height:1.75;
	padding-right:1rem;
	margin-bottom:1.5rem;
	color:var(--clr-dark-grey);
	text-align:justify
}
.contact-info-card {
	font-size:1rem;
	font-weight:600;
	padding:0 0 1rem;
border-radius:.5rem;
transition:.3s ease-in-out
}
.contact-info-card .info, .footer-menu-link {
	font-weight:500;
transition:.25s ease-in-out;
	text-decoration:none
}
.contact-info-card:last-of-type {
	padding-bottom:0
}
.contact-info-card .icon {
	font-size:2rem;
	text-align:center;
	color:var(--clr-main)
}
.contact-info-card .info {
	font-size:1.2rem;
	color:var(--clr-dark-grey);
	display:inline-block
}
.contact-info-card .ad:hover, .contact-info-card .info:hover {
	color:var(--clr-footer-hover-icon)!important;
transform:translateX(.25rem)
}
.footer-menu-item {
	display:block;
	position:relative;
	padding-bottom:1rem
}
.footer-menu-item .icon {
	font-size:1.5rem;
	text-align:right;
	color:var(--clr-footer-hover-icon)
}
.footer-menu-link {
	font-size:1.1rem;
	text-transform:capitalize;
	color:var(--clr-semi-dark);
	display:inline-block
}
.footer-menu-link:hover {
	color:var(--clr-footer-hover-icon);
	text-decoration:none;
transform:translateX(.25rem)
}
.footer-menu a:hover {
	color:var(--clr-footer-hover-icon)!important
}
.footer-col span :hover {
	color:var(--clr-footer-hover-icon);
transform:translateX(.25rem)
}
.copyrights .creadits, .copyrights .terms-links>a {
	font-size:1.2rem;
	font-weight:600;
	color:var(--clr-dark-grey)
}
.foter-col .ad:hover {
	color:var(--clr-main)!important;
transform:translateX(.25rem)
}
.copyrights {
padding:.5rem 0;
	overflow:hidden
}
.copyrights .creadits {
	text-align:left;
	margin:0
}
.copyrights .creadits .link {
	font-weight:600;
	color:var(--clr-main);
	text-decoration:none
}
.copyrights .terms-links>a {
	text-decoration:none!important;
transition:.5s ease-in-out
}
.dark-color-footer .contact-info-card .info, .dark-color-footer .contact-info-card .info:hover, .dark-color-footer .copyrights .creadits, .dark-color-footer .footer-menu .footer-menu-link, .dark-color-footer .footer-text-about-us, .dark-color-footer .terms-links>a, .main-color-footer .contact-info-card .icon, .main-color-footer .contact-info-card .info, .main-color-footer .copyrights .creadits, .main-color-footer .copyrights .creadits .link, .main-color-footer .footer-col-title, .main-color-footer .footer-menu .footer-menu-link, .main-color-footer .footer-menu-item .icon, .main-color-footer .footer-text-about-us, .main-color-footer .terms-links, .main-color-footer .terms-links>a {
	color:var(--clr-grey)
}
.light-color-footer {
	background-color:var(--clr-grey)
}
.light-color-footer .contact-info-card .info, .light-color-footer .copyrights .creadits, .light-color-footer .footer-menu .footer-menu-link, .light-color-footer .footer-text-about-us, .light-color-footer .terms-links>a {
	color:var(--clr-dark-grey)
}
.light-color-footer .contact-info-card .info:hover, .light-color-footer .footer-menu .footer-menu-link:hover, .light-color-footer .terms-links>a:hover {
	color:var(--clr-semi-dark-blue)
}
.main-color-footer {
	background-color:var(--clr-main);
	border-top:2px solid var(--clr-white)
}
.main-color-footer .copyrights {
	border-color:var(--clr-grey)
}
.index-page-footer {
	padding:20px 0;
	text-align:center;
	border-top:2px solid rgba(var(--clr-main-rgb), .5)
}
.index-page-footer .footer-brand {
	text-decoration:none;
	display:inline-block;
	padding-bottom:1rem;
	width:auto
}
.index-page-footer .footer-brand img {
	width:120px
}
.index-page-footer .copyrights {
	display:block;
	text-align:center;
	color:var(--clr-main);
font-size:.8rem;
	font-weight:500;
	margin:0
}
.blog .post-main-area .post-info, .blog .posts-grid .post-summary .post-info {
margin-bottom:.5rem
}
.blog .post-main-area .post-info .info, .blog .posts-grid .post-summary .post-info .info {
	position:relative;
	display:inline-flex;
	align-items:center;
	font-size:1rem;
	text-transform:capitalize;
	text-decoration:none;
	margin-right:1.5rem;
	opacity:.75;
transition:color .3s;
	color:var(--clr-black)
}
.blog .post-main-area .post-info .info:not(:last-child):before, .blog .posts-grid .post-summary .post-info .info:not(:last-child):before {
content:"|";
margin:0 .75rem;
position:absolute;
left:100%;
opacity:.75
}
.blog .post-main-area .post-info .info .icon, .blog .posts-grid .post-summary .post-info .info .icon {
	color:var(--clr-main);
margin-right:.5rem;
	font-size:1rem
}
.blog .box {
	box-shadow:0 3px 20px 0 rgba(var(--clr-dark-blue-rgb), .1)
}
.blog .blog-sidebar {
	padding-left:2rem;
	position:sticky;
	top:7.5rem
}
.blog .sidebar-box {
	padding:1rem;
	margin-bottom:1rem;
border-radius:.25rem
}
.blog .sidebar-box .sidebar-list {
	list-style:none;
	padding:0;
	margin-bottom:0
}
.blog .sidebar-box .sidebar-box-title {
	margin-bottom:1.25rem;
	font-size:1.25rem;
	font-weight:700;
	text-transform:capitalize;
	padding:1rem 0
}
.blog .search .search-input {
	border:2px solid rgba(var(--clr-main-rgb), .5);
border-radius:.25rem;
padding:.5rem 1rem;
	outline:0;
	-webkit-appearance:none;
	width:100%;
transition:.5s ease-in-out
}
.blog .search .search-btn {
	position:absolute;
	width:50px;
	height:100%;
	-webkit-appearance:none;
	border:none;
	outline:0;
	background:var(--clr-main);
	right:0;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer
}
.blog .search .search-btn .icon {
	color:var(--clr-white);
transition:.5s ease-in-out
}
.blog .cats .cat-item {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:1rem;
padding:.5rem 1rem;
border-radius:.25rem;
transition:.3s
}
.blog .cats .cat-item .cat-link {
	font-weight:400;
	text-transform:capitalize;
	text-decoration:none;
	color:inherit;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.blog .cats .cat-item .cat-count {
	width:2rem;
	height:2rem;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center
}
.blog .tags .tags-list {
	list-style:none;
	padding:0;
margin-bottom:.5rem
}
.blog .tags .tag-item, .blog .tags .tags-icon-label {
	display:inline-flex;
	align-items:center;
	justify-content:center;
padding:.25rem .5rem;
margin:.25rem;
	border-radius:2px
}
.blog .tags .tags-icon-label {
	min-width:3rem;
	background:var(--clr-main)
}
.blog .tags .tag-item .tag-link {
	font-weight:400;
	text-decoration:none;
	text-transform:lowercase
}
.blog .recent-posts .r-post-item {
padding:.5rem 0;
	margin-bottom:1rem;
	background-color:rgba(var(--clr-main-rgb), .15)
}
.blog .post-main-area .comments-area .comment-body .comment-date, .blog .recent-posts .r-post-item:last-child, .blog .social {
	margin-bottom:1rem
}
.blog .recent-posts .r-post-item .r-post-link {
	display:flex;
	align-items:center;
	text-decoration:none
}
.blog .recent-posts .r-post-img-wrapper {
	margin-right:1rem;
	overflow:hidden;
	width:4rem;
	height:4rem;
	flex-shrink:0;
border-radius:.25rem
}
.blog .post-main-area .author-profile .avatar-img, .blog .post-main-area .comments-area .author-avatar .author-avatar-img, .blog .recent-posts .r-post-img {
	width:100%;
	height:100%
}
.blog .recent-posts .content .r-post-title {
	font-size:1rem;
	font-weight:700;
margin-bottom:.25rem;
transition:color .3s
}
.blog .recent-posts .content .r-post-date {
font-size:.9rem;
	opacity:.75
}
.blog .breadcrumb {
	display:flex;
	align-items:center;
	justify-content:start;
	background:0 0;
	margin:0 0 1rem;
	padding:0
}
.blog .breadcrumb-item {
	color:var(--clr-main);
	text-transform:capitalize;
	font-weight:700
}
.blog .breadcrumb-item:before {
	color:var(--clr-main)!important;
padding-right:.5rem
}
.blog .breadcrumb-item.active {
	color:rgba(var(--clr-main-rgb), .5)
}
.blog .breadcrumb-link {
	color:var(--clr-main);
	text-decoration:none;
transition:color .25s ease-in
}
.blog .breadcrumb-link:hover, .blog .post-main-area .comments-area .comment-body .reply-action .reply-link:hover {
	color:rgba(var(--clr-main-rgb), 1)
}
.blog .posts-grid .post-box {
	display:flex;
	align-items:center;
	flex-direction:column;
	position:relative;
	margin:1rem 0;
border-radius:.25rem;
	background-color:var(--clr-white);
	min-height:450px;
transition:box-shadow .2s ease-in-out
}
.websofy-software-private .post-box {
	border:1px solid #16a34a;
	min-height:500px!important
}
.websofy-software-gov .post-box {
	border:1px solid #16a34a;
	min-height:515px!important
}
.websofy-blogs .post-box {
	border:1px solid #16a34a;
	min-height:550px!important
}
.blog .posts-grid .post-box:hover .post-img-wrapper .overlay-color {
	opacity:.65
}
.blog .posts-grid .post-box:hover .post-img-wrapper .post-img {
	transform:scale(1)
}
.blog .posts-grid .post-box:hover .post-img-wrapper .icon {
	top:50%;
	visibility:visible;
	opacity:1
}
.blog .posts-grid .post-img-wrapper {
	max-height:400px;
	width:100%;
	overflow:hidden;
margin-bottom:.5rem;
border-radius:.25rem .25rem 0 0;
	position:relative
}
.blog .posts-grid .post-img-wrapper .overlay-color {
	opacity:0;
	z-index:1
}
.blog .posts-grid .post-img-wrapper .post-img {
	aspect-ratio:16/10;
	width:100%;
	height:auto;
	-o-object-fit:fill;
	object-fit:cover;
transition:.5s ease-in-out;
	border-bottom:2px solid var(--clr-main)
}
.blog .posts-grid .post-img-wrapper .post-date {
	position:absolute;
	color:var(--clr-white);
	background:rgba(var(--clr-dark-blue-rgb), .75);
padding:.25rem 1.25rem;
top:.75rem;
left:.75rem;
	right:auto;
	font-weight:400;
	text-align:center;
	z-index:30;
	border-radius:5rem
}
.blog .posts-grid .post-summary {
	padding:1rem;
	position:relative
}
.blog .posts-grid .post-summary .post-title {
	font-size:1.5rem;
	font-weight:600;
	line-height:1.5;
margin-bottom:.5rem;
	text-transform:capitalize;
transition:color .3s;
	color:var(--clr-black)
}
.blog .posts-grid .post-summary .post-excerpt {
	opacity:.75;
	font-size:1.1rem;
	color:var(--clr-black)
}
.blog .posts-grid.horizontal .post-link {
	display:inline-flex
}
.blog .posts-grid.horizontal .post-img-wrapper {
	margin-bottom:0;
border-radius:.25rem
}
.blog.blog-post {
	margin-top:5rem
}
.blog .post-featured-area {
	width:100%;
	height:auto;
	max-height:600px;
	overflow:hidden;
	margin-bottom:1rem;
border-radius:.25rem .25rem 0 0
}
.blog .post-featured-area .featured-img {
	width:100%;
	height:auto;
	-o-object-fit:cover;
	object-fit:cover;
	transition:1s ease-in-out
}
.blog .post-featured-area .swiper-container {
	width:100%;
	height:auto;
	max-height:450px;
	margin-left:auto;
	margin-right:auto
}
.blog .post-featured-area .swiper-container .swiper-slide {
	text-align:center;
	font-size:18px;
	background:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden
}
.blog .post-featured-area .swiper-container .swiper-slide img {
	width:100%;
	height:auto;
	-o-object-fit:cover;
	object-fit:cover;
	-o-object-position:center;
	object-position:center
}
.blog .post-featured-area .swiper-container .swiper-button-next, .blog .post-featured-area .swiper-container .swiper-button-prev {
	width:3rem;
	height:3rem;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1.25rem;
	color:var(--clr-white);
	background-color:rgba(var(--clr-main-rgb), 1);
	cursor:pointer;
transition:.3s ease-in-out
}
.blog .post-featured-area .swiper-container .swiper-button-next:hover, .blog .post-featured-area .swiper-container .swiper-button-prev:hover {
	background-color:rgba(var(--clr-main-rgb), .8);
	background-color:rgba(var(--clr-main-rgb), 1)
}
.blog .post-featured-area .video-source {
	width:100%;
	height:450px
}
.blog .social .share-us {
	display:flex;
	align-items:center;
	justify-content:flex-start
}
.blog .social .share-us .share-title {
	font-size:1rem;
	font-weight:600;
	text-transform:uppercase;
	margin-bottom:0;
margin-right:.75rem
}
.blog .post-title {
	font-size:3rem;
	font-weight:800;
	text-transform:capitalize;
	margin-bottom:3rem
}
.blog .post-main-area {
	margin:1rem 0
}
.blog .post-main-area .panel {
	padding-bottom:3rem;
	margin-bottom:3rem
}
.blog .post-main-area .panel .panel-title {
	font-size:1.75rem;
	font-weight:700;
	text-transform:capitalize;
padding-bottom:.5rem;
margin-bottom:.5rem
}
.blog .post-main-area .float-start-direction {
	float:left;
	margin-top:1.5rem;
margin-bottom:.5rem;
	margin-right:1.5rem;
	width:50%
}
.blog .post-main-area .float-end-direction {
	float:right;
	margin-top:1.5rem;
margin-bottom:.5rem;
	margin-left:1.5rem;
	width:50%
}
.blog .post-main-area .share-title {
	margin-right:1.5rem;
	margin-bottom:0;
	text-transform:capitalize;
	opacity:.75;
	font-weight:800
}
.blog .post-main-area .post-content img {
border-radius:.25rem
}
.blog .post-main-area .post-content a {
	color:var(--clr-main);
	opacity:.85;
	text-decoration:underline;
transition:.1s ease-in-out
}
.blog .post-main-area .post-content .post-heading {
	font-size:1.75rem;
	font-weight:600;
	line-height:1.2;
	text-transform:capitalize;
	margin-top:2.5rem;
	margin-bottom:1rem
}
.blog .post-main-area .post-content .post-text {
	overflow:hidden;
	font-size:1.25rem;
	opacity:.75;
	line-height:1.6;
	margin-bottom:1.25rem
}
.blog .post-main-area .post-content .post-img-wrapper {
	margin:1rem 0;
	max-height:500px;
	overflow:hidden
}
.blog .post-main-area .post-content .post-img-wrapper img {
	max-width:100%;
	width:100%;
	height:auto;
	-o-object-fit:cover;
	object-fit:cover
}
.blog .post-main-area .post-content .post-list {
	list-style:none;
	margin:0 0 1.5rem;
	padding-left:0
}
.blog .post-main-area .post-content .post-list .post-list-item {
	opacity:.75;
padding:.5rem 0;
	position:relative;
	font-size:1.25rem;
	display:flex;
	align-items:center
}
.blog .post-main-area .post-content .post-list .post-list-item .icon {
	color:var(--clr-main);
margin-right:.5rem
}
.blog .post-main-area .post-content blockquote {
	margin:2rem 0;
	padding:3rem 2rem;
	border:none;
border-left:.25rem solid var(--clr-main);
border-radius:0 .25rem .25rem 0;
	position:relative;
	overflow:hidden;
	background-color:rgba(var(--clr-main-rgb), .15)
}
.blog .post-main-area .post-content blockquote .post-quote {
	font-size:1.5rem;
	font-weight:500;
	font-style:italic;
	display:block;
	padding:1.5rem 0
}
.blog .post-main-area .post-content blockquote .person-name {
	position:absolute;
	left:2rem;
	bottom:1rem;
	display:block;
	font-size:1rem;
	font-weight:500;
	text-transform:capitalize;
	color:var(--clr-main)
}
.blog .post-main-area .post-content blockquote .icon {
	position:absolute;
	top:1rem;
	left:2rem;
	color:rgba(var(--clr-main-rgb), .15);
	font-size:6rem
}
.blog .post-main-area .other-posts .other-post-link:hover img {
	transform:scale(1.05)
}
.blog .post-main-area .other-posts .other-post-link:hover .icon {
	background:rgba(var(--clr-main-rgb), 1)
}
.blog .post-main-area .other-posts .other-post-img {
	position:relative;
border-radius:.25rem;
	overflow:hidden
}
.blog .post-main-area .other-posts .other-post-img>img {
	transform-origin:center;
transition:.5s ease-in-out
}
.blog .post-main-area .other-posts .other-post-title {
	font-size:1.25rem;
	font-weight:700;
	line-height:1.5;
	text-transform:capitalize;
	padding-top:1.5rem;
	margin:0;
transition:color .2s ease-in-out
}
.blog .post-main-area .other-posts .next-post .icon, .blog .post-main-area .other-posts .prev-post .icon {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:3rem;
	height:3rem;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1.25rem;
	color:var(--clr-white);
	background-color:rgba(var(--clr-main-rgb), 1);
	cursor:pointer;
transition:.3s ease-in-out
}
.blog .post-main-area .other-posts .next-post .icon:hover, .blog .post-main-area .other-posts .prev-post .icon:hover {
	background-color:rgba(var(--clr-main-rgb), .8)
}
.blog .post-main-area .other-posts .next-post .icon {
	right:1rem
}
.blog .post-main-area .author-profile .author-info {
	padding:2rem 1rem 1rem;
	background-color:rgba(var(--clr-main-rgb), .15)
}
.blog .post-main-area .author-profile .author-avatar, .blog .post-main-area .comments-area .author-avatar {
	width:4rem;
	height:4rem;
	border-radius:50%;
	overflow:hidden;
	float:left;
	border:3px solid var(--clr-main)
}
.blog .post-main-area .author-profile .author-disc {
	overflow:hidden;
	padding:0 1rem 1rem
}
.blog .post-main-area .author-profile .author-disc .author-link {
	text-decoration:none;
	color:var(--clr-main);
	font-size:1.1rem;
	font-weight:700;
	text-transform:capitalize
}
.blog .post-main-area .comments-area .comment-reply {
	padding-left:3rem
}
.blog .post-main-area .comments-area .comment-body {
	border-bottom:1px solid rgba(var(--clr-main-rgb), .5);
	padding:0 1rem 1rem;
	overflow:hidden
}
.blog .post-main-area .comments-area .comment-body .comment-author-link {
	text-decoration:none;
	color:var(--clr-main);
	font-size:1.1rem;
	font-weight:700;
	text-transform:capitalize;
transition:color .3s ease-in-out
}
.blog .post-main-area .comments-area .comment-body .comment-date .date-link {
font-size:.8rem;
	opacity:.75;
	text-decoration:none
}
.blog .post-main-area .comments-area .comment-body .comment-text {
	font-size:1rem;
	opacity:.75
}
.blog .post-main-area .comments-area .comment-body .reply-action {
	text-align:right
}
.blog .post-main-area .comments-area .comment-body .reply-action .reply-link {
	text-decoration:none;
	text-transform:uppercase;
	color:rgba(var(--clr-main-rgb), .7);
	font-size:1rem;
	font-weight:600;
	position:relative;
	padding-left:1.5rem
}
.blog .post-main-area .comments-area .comment-body .reply-action .reply-link .icon {
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	color:var(--clr-main)
}
.stats {
	position:relative;
	overflow:hidden;
	z-index:0;
	background-color:var(--clr-dark-blue)
}
.stats .section-heading .line-solid-color {
	background:var(--clr-white)
}
.stats .stat-box {
	position:relative;
	text-align:center;
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px)
}
@media (max-width:991px) {
.sec-heading {
flex-direction:column;
align-items:flex-start
}
.sec-heading .cta-area {
width:100%;
justify-content:flex-start
}
.sec-heading.light-title .title {
font-size:2rem;
font-weight:400
}
.hero-swiper-slider .slide-subtitle, .page-hero .hero-text-area .hero-subtitle {
font-size:1rem
}
.page-hero.tringle-bg::before {
-webkit-clip-path:polygon(0 100%, 100% 50%, 100% 100%);
clip-path:polygon(0 100%, 100% 50%, 100% 100%)
}
.page-hero {
height:auto;
min-height:100vh
}
.page-hero .cta-links-area .cta-link {
font-size:1rem;
padding:.75rem 1.5rem;
min-width:auto
}
.lifted-up-box.services-boxed .services-row {
padding:6rem 0
}
.lifted-up-box.services-boxed .service-box {
margin-top:0
}
.blog .post-main-area .post-content blockquote, .services-boxed .service-box {
padding:2rem
}
.portfolio-single .main-area .project-video {
padding:6rem 0;
min-height:300px
}
.blog .blog-sidebar {
padding-left:0
}
.blog .post-title {
font-size:2.25rem;
margin-bottom:3rem
}
.blog .post-main-area .post-content blockquote .icon {
left:3rem
}
.stats .stat-box {
margin-bottom:2rem
}
}
.stats .stat-box-inner {
	text-align:center;
	position:relative;
	padding:2rem;
	color:var(--clr-white);
	background-color:rgba(var(--clr-dark-blue-rgb), .25);
	border:1px solid var(--clr-star-icone);
border-top:.25rem solid var(--clr-star-icone);
border-bottom-left-radius:.5rem;
border-bottom-right-radius:.5rem
}
.stats .stat-icon {
	font-size:3rem;
	line-height:1;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--clr-star-icone);
	opacity:.65;
transition:.2s ease-in-out
}
.stats .stat-num {
	display:block;
	font-size:3rem;
	font-weight:600;
	line-height:1.6;
	margin-bottom:0
}
@media (max-width:767px) {
.mega-section {
padding:2.5rem 0
}
.elf-section {
padding:3rem 0
}
.sec-heading .title {
font-size:2.5rem
}
.sec-heading .subtitle {
width:100%;
font-size:1rem
}
.rating-stars {
padding:0 1rem
}
.info-items-list .info-item {
margin-bottom:2rem;
flex-direction:column
}
.header-search-box .close-search {
right:5%
}
.header-search-box .search-form {
width:80%
}
.header-search-box .search-form .search-input {
font-size:1.5rem
}
.header-basic .links-list {
width:75%
}
.portfolio .portfolio-btn-list {
justify-content:center
}
.blog .posts-grid.horizontal .post-box {
flex-direction:column
}
.blog .posts-grid.horizontal .post-summary {
padding:1rem
}
.blog .post-main-area .post-content .post-img-wrapper {
height:350px
}
.stats .stat-box {
padding:1rem 3rem
}
.stats .stat-num {
font-size:2rem
}
}
.stats .stat-desc {
	font-size:1.25rem;
	font-weight:400;
	display:block;
	text-transform:capitalize
}
.btn-why {
	background-color:#494a4c!important
}
.btn-why:hover {
	background-color:#fffdfd!important
}