/*
Theme Name: Web ADA
Text Domain: webada
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://managedweb.org/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* -------------------------------------------------------------------------- */
/*	1. Document Setup
/* -------------------------------------------------------------------------- */

:root {
	--color: #191D25;
	--blue: #20a7df;
	--darkblue: #293991;
}

html {
	font-size: 10px; /* 1rem = 10px */
	scroll-behavior: smooth;
}

body {
	color: #191D25;
	font-size: 1.6rem;
	text-align: left;
	line-height: 1.38;
	font-family: 'Open Sans', sans-serif;
}

@media (min-width: 1500px) {
	.container {max-width: 1460px}
}

@media (min-width: 1860px) {
	.container {max-width: 1800px}
}


/* Typography Transitions -------------------------- */
a:hover {
	text-decoration: none;
}

a,
path {
	transition: all 0.15s linear;
}


.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	right: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: initial;
	font-weight: bold;
}

h2, .h2 {
	font-size: 4.0rem;
}

h3, .h3 {
	font-size: 2.6rem;
}


h4, .h4 {
	font-size: 2.1rem;
}


/* Media ------------------------------------- */

figure {
	display: block;
	margin: 0;
}

iframe {
	display: block;
	max-width: 100%;
}

video {
	display: block;
}

svg, img, embed, object, video {
	height: auto;
	max-width: 100%;
}

figcaption,
.wp-caption-text {
	color: #6d6d6d;
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.2;
	margin-top: 1.5rem;
}

figcaption a,
.wp-caption-text a {
	color: inherit;
}

blockquote.instagram-media,
iframe.instagram-media {
	margin: auto !important;
}


/* GALLERIES */

.gallery {
	display: flex;
	flex-wrap: wrap;
	margin: 3em 0 3em -0.8em;
	width: calc(100% + 1.6em);
}

.gallery-item {
	margin: 0.8em 0;
	padding: 0 0.8em;
	width: 100%;
}

.gallery-caption {
	display: block;
	margin-top: 0.8em;
}

input, select, textarea, .btn {
	font-size: 1.5rem;
	margin: 0;
	height: 55px;
	max-width: 100%;
	padding: 8px 15px;
	background: #fff;
	line-height: 35px;
	outline: none;
	border: 2px solid #959595;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
}

select[mutiple], textarea {height: auto}

textarea {
	width: 100%;
	display: block;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

input[type="submit"], input[type="reset"], button, .btn, .btn-text {
	outline: none;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

input[type="submit"], input[type="reset"], button, .btn {
	color: #fff;
	border: none;
	min-width: 165px;
	border-radius: 100px;
	background-color: var(--darkblue);
	border: 2px solid var(--darkblue);
}

input[type="reset"], button[type="reset"], .btn.bordered {
	color: var(--darkblue);
	background-color: transparent;
}

[type="submit"]:hover, .btn:hover {
	color: #fff;
	background-color: #1c2a79;
}


.btn-text {color: inherit}

.btn-text [class*="icon-"], .btn [class*="icon-"] {vertical-align: middle; position: relative; top: -2px;}

.btn-text [class*="icon-"] {margin-right: 5px;}

/* Tables ------------------------------------ */

table {
	border: 0.1rem solid #dcd7ca;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin: 4rem 0;
	max-width: 100%;
	overflow: hidden;
	width: 100%;
}

.alignleft > table {
	margin: 0;
}

.alignright > table {
	margin: 0;
}

th,
td {
	border: 0.1rem solid #dcd7ca;
	line-height: 1.4;
	margin: 0;
	overflow: visible;
	padding: 0.5em;
}

caption {
	background: #dcd7ca;
	font-weight: 600;
	padding: 0.5em;
	text-align: center;
}

thead {
	vertical-align: bottom;
	white-space: nowrap;
}

th {
	font-weight: 700;
}

table.table-compare {margin: 0; font-size: 14px; max-width: none; width: max-content}
table.table-compare, table.table-compare th, table.table-compare td {border: none; padding: 15px 25px}

table.table-compare thead th {font-weight: inherit; padding-bottom: 20px;}

table.table-compare tbody td {font-weight: 600;}
table.table-compare tbody td + td {border-left: 1px solid #263238}
table.table-compare tr th:first-child {font-size: 20px; padding: 5px 8px 5px 0}

table.table-compare .checked {padding: 0}
table.table-compare .checked+th, table.table-compare .checked+td {border-left: none; padding-left: 10px;}

table.table-compare tbody th:last-child, table.table-compare tbody td:last-child {padding-right: 0}

.competitor {color: inherit; font-size: 15px}
.competitor img {margin-right: 15px}

/* Helper Classes ------------------------ */
[class*="gap-"] {clear: both; flex: 0 0 auto; height: var(--height, 0)!important}
.gap-10 {--height: 10px}
.gap-15 {--height: 15px}
.gap-20 {--height: 20px}
.gap-30 {--height: 30px}
.gap-35 {--height: 35px}
.gap-40 {--height: 40px}
.gap-45 {--height: 45px}
.gap-50 {--height: 50px}
.gap-70 {--height: 70px}
.gap-80 {--height: 80px}
.gap-90 {--height: 90px}
.gap-100 {--height: 100px}

.xsize, [class*="xsize-"] {
	flex: 0 0 auto;
	min-width: var(--xsize, 165px)!important
}

.xsize-210 {--xsize: 210px}

.bold {font-weight: bold!important}
.text-small {font-size: 17px!important}
.text-semibold {font-weight: 600!important}

.textinfo {
	color: var(--blue);
	font-weight: 600;
	font-size: 20px;
}

.mark-border {
	padding: 0;
	z-index: 0;
	border: none;
	color: inherit;
	position: relative;
	display: inline-block;
	background-color: transparent;
}

.mark-border:before {
	content: "";
	height: 0.3em;
	position: absolute;
	right: -0.1em;
	bottom: 0.14em;
	z-index: -1;
	left: -0.18em;
	background-color: #80D6FD;
}

.mark-border.white:before {background-color: #fff;}

ul.list-circle {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.list-circle > li {
	--size: 40px;
	position: relative;
	margin-bottom: 10px;
	min-height: var(--size);
	padding-left: calc(var(--size) + 15px);
}

ul.list-circle > li:before {
	content: "";
	position: absolute;
	left: 0;
	top: -3px;
	display: inline-block;
	width: var(--size);
	height: var(--size);
	background: url(images/checked.svg) no-repeat center;
	background-color: #80D6FD;
	border-radius: var(--size)
}

ul.list-circle.list-circle-small > li {--size: 34px}

ul.list-circle.list-circle-flex > li {display: flex; align-items: center;flex-wrap: wrap}

.group-inline {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}

.group-inline > * {margin: 0 30px 20px 0}
.group-inline > *:last-child {margin-right: 0}

[class*="icon-"] {display: inline-block;}
[class*="icon-"]:before {
	content: "";
	height: 0;
	width: 0;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-user {
	height:22px;
	width: 22px;
	background-image: url(images/icon-user.svg);
	background-size: contain;
}

.icon-play {
	height:18px;
	width: 18px;
	background-image: url(images/icon-play.svg);
	background-size: contain;
}

.icon-arrow-right-circle:before {
	height: 37px;
	width: 37px;
	background-image: url(images/arrow-right-circle.svg)
}

.icon-arrow-down-circle:before {
	height: 37px;
	width: 37px;
	background-image: url(images/arrow-down-circle.svg)
}

.icon-code:before {
	width: 45px;
	height: 53px;
	background-image: url(images/code.svg)
}


.icon-accessibility-interface:before {
	width: 43px;
	height: 29px;
	background-image: url(images/accessibility-interface.svg)
}

.icon-analyzing:before {
	width: 38px;
	height: 38px;
	background-image: url(images/analyzing.svg)
}

.icon-compliant:before {
	width: 34px;
	height: 37px;
	background-image: url(images/compliant.svg)
}

.icon-timer:before {
	width: 35px;
	height: 34px;
	background-image: url(images/timer.svg)
}

.icon-check:before {
	width: 25px;
	height: 19px;
	background-image: url(images/checked.svg)
}

.icon-colors:before {
	width: 67px;
	height: 73px;
	background-image: url(images/colors.svg)
}

.icon-triangle:before {
	width: 63px;
	height: 73px;
	background-image: url(images/triangle.svg)
}

.icon-placement:before {
	width: 63px;
	height: 73px;
	background-image: url(images/placement.svg)
}

.icon-man-timer:before {
	width: 63px;
	height: 73px;
	background-image: url(images/man-timer.svg)
}

.icon-web:before {
	width: 30px;
	height: 30px;
	background-image: url(images/icon-web.svg);
	background-size: contain;
}

.icon-instagram:before {
	width: 30px;
	height: 30px;
	background-image: url(images/icon-instagram.svg);
	background-size: contain;
}

.icon-facebook:before {
	width: 30px;
	height: 30px;
	background-image: url(images/icon-facebook.svg);
	background-size: contain;
}

.icon-facebook.blue:before {
	width: 30px;
	height: 30px;
	background-image: url(images/icon-facebook-blue.svg);
	background-size: contain;
}

.icon-twitter:before {
	width: 30px;
	height: 30px;
	background-image: url(images/icon-twitter.svg);
	background-size: contain;
}

.icon-twitter.blue:before {
	width: 30px;
	height: 30px;
	background-image: url(images/icon-twitter-blue.svg);
	background-size: contain;
}

hr.bar {
	width: 220px;
	height: 10px;
	border: none;
	background-color: #80D6FD;
}
 
hr.black {background-color: #000}



/* Section Style ------------------------ */
/* light-blue */
.section {padding: 80px 0 100px}
.section.blue {background-color: #F1F5FC}
.section.black {color: #fff; padding-top: 40px; padding-bottom: 40px; background-color: var(--color)}

.section.dotted {position: relative}
.section.dotted:before {
	content: "";
	top: 15px;
	left: 25px;
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: -1;
	pointer-events: none;
	background: url(images/dotted.svg);
	background-position-x: center;
}

.section-heading {margin-bottom: 17px;}

.section-heading .title, .section-title {font-size: 37px; font-weight: bold}

.section-heading .heading-info {
	color: var(--blue);
	font-weight: 600;
	margin-bottom: 20px;
}

.section-heading.center {text-align: center}

.section-heading hr {margin-top: 26px; margin-bottom: 26px}


.section.center {text-align: center}


.section.section-web-accessibility {
	position: relative;
	padding-top: 200px;
	padding-bottom: 80px;
	background-color: #F1F5FC;
}

.section.section-web-accessibility:before, .section.section-web-accessibility:after {
	content: "";
	position: absolute;
	bottom: 0;
	z-index: 0;
}

.section.section-web-accessibility:before {
	top: 43px;
	left: 25px;
	right: 0;
	z-index: 1;
	background: url(images/dotted.svg);
}

.section.section-web-accessibility:after {
	left: 0;
	right: 0;
	height: 126px;
	background-color: #fff;
}

.section.section-web-accessibility .section-inner {position: relative; z-index: 3}
.section.section-web-accessibility .featured-image {margin-left: -45px}
.section.section-web-accessibility .featured-image:not(.img) img {width: 100%}
.section.section-web-accessibility .featured-image {position: relative}
.section.section-web-accessibility .content {padding-top: 30px;}
.section.section-web-accessibility .featured-image {margin-top: 50px}

.wcag-compliance-women {
	position: absolute;
	max-width: 250px;
	top: 15%;
	right: 12%;
}

.wcag-compliance-women .btn-play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 71px;
	height: 71px;
	transform: translate(-50%, -50%);
	background: url(images/play-video.svg) no-repeat center;
}

.wcag-compliance-shape {
	color: #20A7DF;
	font-size: 20px;
	font-weight: 600;
	position: absolute;
	top: -77px;
	left: -144px;
	padding: 8px 17px;
	border: 2px solid #80D6FD;
	background-color: #fff;
	border-radius: 100px;
	transform: translateY(-100%);
}


.wcag-compliance-shape:after {
	content: "";
	position: absolute;
	width: 153px;
	height: 183px;
	left: 50%;
	top: 100%;
	background: url(images/3minute-video-shape.svg) no-repeat -36px 0;
}

.section-pricing {padding-top: 120px; padding-bottom: 0;}

.section.dotted.section-pricing:before {
	max-height: 113px;
	left: 0;
	top: 4px;
}

.section-pricing .section-heading {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	font-size: 24px;
}

.standard-package {
	display: flex;
	padding: 70px 100px;
	max-width: 1090px;
	margin: 0 auto;
	flex-wrap: wrap;
	align-items: center;
	font-size: 15px;
	background-color: #80D6FD;
}

.package-item {
	font-size: 15px;
	margin: 0 -1px;
	padding: 30px 15px;
	text-align: center;
	border: 1px solid #80D6FD;
	background-color: #F7FDFF;
}

.package-item .title {font-size: 52px}
.package-item .price {font-size: 24px; font-weight: bold; line-height: 1;}

.package-item .price span {font-size: 43px; vertical-align: sub}

.package-item .more-info {margin-left: auto}
.pricing-lead-info {margin: 20px 0; list-style: none; padding: 0;}
.pricing-lead-info > li {margin-bottom: 10px;}
.pricing-lead-info mark {padding: 2px 7px; background-color: #80D6FD; border-radius: 100px}

.package-item .btn-trial {color: #000; background-color: #80D6FD; border-color: #80D6FD;}


.standard-package {font-size: 25px; position: relative; z-index: 4; padding: 80px 100px; max-width: 1080px; margin: 0 auto; background-color: #80D6FD}
.standard-package .title {font-size: 70px}
.standard-package .price {font-size: 33px; font-weight: bold; margin-left: 20px; line-height: 1;}

.standard-package .price span {font-size: 66px}
.standard-package .more-info {text-align: left}
.standard-package .pricing-lead-info {margin: 0; list-style: disc}
.standard-package .pricing-lead-info>li {margin: 0;}
.standard-package .pricing-lead-info mark {padding: 2px 10px; background-color: #fff}
.standard-package .btn-trial {color: #fff; font-size: 27px; background-color: var(--darkblue); padding: 0 30px; line-height: 71px; height: 75px;}


.pricing-packages-wrapper {
	padding: 40px 0;
	margin-top: -30px;
	background-color: #F1F5FC;
}

.grid-pricing {
	display: grid;
	max-width: 985px;
	margin: 0 auto;
	padding: 2px;
	position: relative;
	grid-template-columns: repeat(3, 1fr);
}

.grid-pricing:before, .grid-pricing:after {
	content: "";
	height: 10px;
	left: 12px;
	right: 12px;
	position: absolute;
	background-color: #000;
}

.grid-pricing:before {top: -10px}

.grid-pricing:after {bottom: -10px; background-color: #80D6FD}



/* Header Style 
--------------------------------------------- */
.site-header {
	position: fixed;
	z-index: 10;
	top: 27px;
	left: 55px;
	right: 55px;
	font-size: 15px;
	padding: 10px 0;
	background-color: #fff;
}

.site-header .header-inner {display: flex; align-items: center}

.site-header .header-inner ul.main-menu {margin: 0 auto}
.header-inner .header-right  {margin-left: auto}
.header-inner .header-right > *:not(:last-child) {margin-right: 10px;}

ul.main-menu {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: flex;
}

ul.main-menu li {position: relative;}

ul.main-menu li.menu-item-has-children > a:after {
	content: "";
	position: absolute;
	width: 9px;
	height: 6px;
	right: 0;
	top: 50%;
	margin-top: 2px;
	transform: translateY(-50%);
	background: url(images/arrow-down.svg) no-repeat center;
	background-size: contain;
}

ul.main-menu li a {color: inherit; display: block; padding: 8px 15px; position: relative; font-weight: 600}

ul.main-menu ul.sub-menu {
	margin: 0; 
	padding: 10px 0;
	list-style: none;
	position: absolute;
	left: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	min-width: 220px;
	background-color: #fff;
	transition: all 200ms;
}

ul.main-menu li:hover > ul.sub-menu {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	z-index: 20;
}


.header-mobile {
	padding: 10px 15px;
}

.btn-bars {
	width: 30px;
	height: 30px;
	display: inline-block;
	color: var(--darkblue);
	background: url(images/bars.svg) no-repeat center;
}

/* Front Page Components
--------------------------------------------- */
.header-mobile {display: none}

ul.mobile-menu, ul.mobile-menu ul {padding: 0; margin: 0; list-style: none}

ul.mobile-menu {
	opacity: 1;
	padding: 15px 0;
	font-weight: 600;
	
	position: absolute;
	min-width: 250px;
	right: 0;
	text-align: right;
	background-color: #fff;
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
	transition: all 200ms;
}

ul.mobile-menu li a {
	padding: 10px 25px;
	display: block;
}

ul.mobile-menu li:hover>a {
	color: #20a7df;
}

ul.mobile-menu.opened {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

/* Front Page Components
--------------------------------------------- */
.businesses-leaders {padding: 25px; text-align: center; background-color: #fff; border-radius: 28px}
.businesses-leaders .title {font-size: 23px}
.businesses-leaders-logos .owl-item {padding: 0 10px; text-align: center}
.businesses-leaders-logos .owl-item .logo {width: auto; display: initial;}
.businesses-leaders-logos.owl-carousel .owl-stage {display: flex; align-items: center;}
.businesses-leaders-logos .logo {max-height: 60px; object-fit: contain}
.businesses-leaders-logos.owl-carousel .owl-nav.disabled {display: none}

.section-protect-business {color: #fff; font-size: 54px; padding: 40px 0 70px; background-color: var(--color)}


.featured-content-row {display: flex; align-items: center}



.featured-item-right {display: flex}
.featured-item-right:after {content: ""; display: block; clear: both;}

.featured-item-right .details {text-align: right}
.featured-item-right .details h3 {font-size: 19px}

.featured-item-right .icon {margin-right: 8px; float: left}

.grid-featured-items {display: flex; margin: 0 -15px}

.grid-featured-items .featured-item-right {
	padding: 15px;
	margin: 30px 0;
	border-right: 1px solid #263238;
}

.grid-featured-items .featured-item-right:last-child {border-right: none}

.featured-item {text-align: center; position: relative}
.featured-item .icon {margin-bottom: 16px}
.featured-item h3 {font-size: 20px}



.grid-featured-items .featured-item:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height: 110px;
	margin-top: -50px;
	background-color: #263238;
}

.grid-featured-items .featured-item:last-child:after {content: none}

.featured-item-btn-more {position: relative; z-index: 2; font-weight: 600; cursor: pointer; align-items: center; display: inline-flex;}
.featured-item-btn-more:before {width: 26px; height: 26px; background-size: contain; order: 3; margin-left: 10px;}

.featured-item-more {
	font-size: 15px;
	left: 10px;
	right: 10px;
	z-index: 1;
	opacity: 0;
	margin-top: -40px;
	position: absolute;
	pointer-events: none;
	padding: 65px 15px 45px;
	background: url(images/feature-option-circle.svg) no-repeat calc(100% - 10px) 12px #F1F5FC;
	border-radius: 28px;
	transition: all 200ms;
}

.featured-item-btn-more.active {z-index: 9}

.featured-item-btn-more.active + .featured-item-more {
	opacity: 1;
	z-index: 5;
	pointer-events: all;
}

ul.feature-options {
	column-gap: 35px;
	row-gap: 5px;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	margin: 30px 0 0;
	text-align: left;
	list-style: none;
	display: inline-grid;
	grid-template-columns: repeat(1, max-content);
}

ul.feature-options>li {padding-left: 50px; display: flex; align-items: center; min-height: 34px; position: relative;}
ul.feature-options>li:before {
	content: "";
	position: absolute;
	width: 34px;
	height: 34px;
	left: 0;
	
	margin-right: 15px;
	background: url(images/checked.svg) no-repeat center #80D6FD;
	background-size: 20px auto;
	border-radius: 100px;
}

.grid {
	display: grid;
	row-gap: 45px;
	column-gap: 30px;
	grid-template-columns: repeat(var(--col, 2), 1fr) ;
}

.row-process-item {display: flex; justify-content: center; flex-wrap: wrap;}



.process-item {display: flex; font-size:15px; padding: 17px 20px; text-align: center; position: relative; flex-direction: column; flex: 1;}
.process-item .icon {display: block; position: relative; min-height: 60px; margin-bottom: 6px; z-index: 1}


.process-item.has-line:before, .process-item.has-line:after {content: ""; position: absolute; z-index: 0; background-color: #E9EDF5}
.process-item:before {height: 1px; left: 0; right: 0; top: 17px}

.row-process-item .process-item:first-child:before {left: 50%}
.row-process-item .process-item:last-child:before {right: 50%}

.row-process-item.centered .process-item {flex: none; padding-left: 50px; padding-right: 50px;}

.process-item:after {
	top: 0;
	width: 34px;
	height: 34px;
	left: 50%;
	margin-left: -5px;
	border-radius: 40px;
}

.easy-procedure-process-items > .process-item {min-width: max-content;}

section.section-competitor {padding: 0}

.wrapper-competitor {
	padding: 35px;
	position: relative;
	top: -110px;
	border: 1px solid #F1F5FC;
	background-color: #fff;
	border-radius: 28px;
}



.solution-item {
	color: inherit;
	display: flex;
	font-size: 17px;
	font-weight: bold;
	min-height: 90px;
	position: relative;
	align-items: center;
	padding: 10px 25px;
	padding-left: 101px;
	border: 1px solid var(--blue);
	border-radius: 100px;
}

.solution-item:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 90px;
	border-radius: inherit;
	background: url(images/checked.svg) no-repeat center var(--blue);
	background-size: 53px auto;
}

.grid-solution-items {display: flex; margin: 0 -15px; flex-wrap: wrap; align-items: center; justify-content: center}

.grid-solution-items .solution-item {margin: 0 15px 30px;}


.social-icons {font-size: 30px; line-height: 1}
.social-icons a {margin-right: 20px}
.social-icons a:last-child {margin-right: 0}

/* Contact Form Style
--------------------------------------------- */
.form-contact-us {max-width: 900px; margin: 0 auto!important}


.form-contact-us .validation_error {
	text-align: center; 
	font-size: 1.8rem;
	padding: 15px 10px;
	margin-bottom: 10px;
	background-color: #FFDEDE;
}

.form-contact-us .gform_heading {display: none; text-align: center; font-size: 20px; margin-bottom: 30px}

.form-contact-us .gform_heading .gform_title {
	font-size: 35px;
	color: var(--blue);
	font-weight: bold;
}

.form-contact-us ul.gform_fields {padding: 0; list-style: none}

.form-contact-us ul.gform_fields>li>label {display: none!important;}

.form-contact-us ul.gform_fields {
	display: grid;
	gap: 15px;
	grid-template-columns: repeat(2, 1fr);
}

.form-contact-us ul.gform_fields>li.full {grid-column: span 2}

.form-contact-us ul.gform_fields select,
.form-contact-us ul.gform_fields textarea,
.form-contact-us ul.gform_fields input:not([type="radio"]):not([type="checkbox"]) {
	display: block;
	width: 100%;
}

.form-contact-us .gform_footer {text-align: center; margin-top: 30px}
.form-contact-us .gform_footer input.gform_button {
	font-weight: 600;
	min-width: 300px;
	font-size: 30px;
}

.form-contact-us textarea {max-height: 120px}

.gfield_radio, .gfield_checkbox {
	margin: 0;
	padding: 0;
	list-style: none;
}

.gform_wrapper .validation_message {
	color: #dc3545;
	font-size: 1.6rem;
	margin-top: 5px;
	font-weight: 600;
}

.wrapper-contact-form footer {
    color: var(--color);
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin-top: 40px;
}

.wrapper-contact-form .gform_not_found {text-align: center;}

.wrapper-newsletter {display: flex; flex-wrap: wrap; align-items: center;}
.wrapper-newsletter .form-title {font-size: 18px; color: #80D6FD; font-weight: bold; margin: 0 20px 0 0; text-transform: uppercase}


form.form-newsletter {color: var(--blue); display: flex; font-size: 13px; position: relative; border-bottom: 1px solid var(--blue)}
form.form-newsletter input::-webkit-input-placeholder {color: var(--blue)}
form.form-newsletter input:-ms-input-placeholder {color: var(--blue)}
form.form-newsletter input::placeholder {color: var(--blue)}
form.form-newsletter .gform_body, form.form-newsletter .gform_footer {margin: 0; padding: 0}
form.form-newsletter .gform_body {width: auto; max-width: 165px}

form.form-newsletter .gform_heading {display: none}
form.form-newsletter .gform_footer {flex: 0}

form.form-newsletter ul.gform_fields {list-style: none; margin: 0; padding: 0; display: flex;}

form.form-newsletter ul.gform_fields >li {all: unset}
form.form-newsletter ul.gform_fields .gfield_label,  form.form-newsletter .validation_error, form.form-newsletter ul.gform_fields .gfield_description {display: none}

form.form-newsletter ul.gform_fields .ginput_container {margin: 0; all: unset}

form.form-newsletter ul.gform_fields >li, form.form-newsletter ul.gform_fields input, form.form-newsletter .gform_footer .gform_button {
	color: inherit;
	margin: 0!important;
	padding: 0!important;
	display: inline-block;
	border: none!important;
	background-color: transparent!important;
}

form.form-newsletter input, form.form-newsletter button {padding: 0; border: none; height: auto;  font-size: 13px; line-height: 20px}
form.form-newsletter ul.gform_fields input {padding-right: 8px!important}
form.form-newsletter .gform_footer {display: flex}
form.form-newsletter .gform_footer button {
	color: var(--blue); 
	padding: 0;
	width: 16px; 
	min-width: 0;
	background: url(images/form-button-arrow.svg) no-repeat center;
}

.gform_wrapper.form-newsletter_wrapper .validation_error {
	margin: 0;
	padding: 0;
	color: #fff;
	display: block;
	flex: 0 0 100%;
	order: -3;
	font-size: 11px;
	border: none;
	font-weight: normal;
	position: absolute;
	top: 0;
	transform: translateY(-100%);
}

#modal-video {
	opacity: 0;
	transform: scale(0);
	transition: all 300ms;
}

#modal-video.show {
	opacity: 1;
	transform: scale(1);
}

#modal-video .modal-dialog {
	max-width: 90vw;
}

#modal-video .embed-responsive-16by9::before {
	padding-top: 47%;
}


/* Site Footer Style
--------------------------------------------- */
.site-footer {
	color: #fff;
	padding: 64px 0 ;
	font-size: 18px;
	background-color: var(--color);
}

.site-footer a {color: inherit}

.site-footer ul {padding: 0; margin: 0; list-style: none}

.grid-footer {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.footer-navs .widget-title {
	color: var(--blue);
	font-size: inherit;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.footer-navs li {margin-bottom: 17px}

.footer-navs ul>li:last-child {margin-bottom: 0;}

.footer-column .footer-navs:not(:last-child) {margin-bottom: 25px}

.footer-bottom {
	color: #fff;
	padding: 15px;
	font-size: 15px;
	text-align: center;
	background-color: var(--blue);
}

.footer-bottom a {color: inherit}

#btn-gotop {
	opacity: 0;
	width: 60px;
	height: 60px;
	color: #fff;
	font-size: 18px;
	position: fixed;
	right: 20px;
	bottom: 35px;
	font-weight: bold;
	text-align: center;
	line-height: 58px;
	pointer-events: none;
	text-transform: uppercase;
	border: 1px solid #fff;
	background-color: #0F75BD;
	border-radius: 100px;
	transition: all 200ms;
}


#btn-gotop.active {
	opacity: 1;
	pointer-events: all;
}









.wrapper-main-content {padding-top: 60px; padding-bottom: 80px}


article.posts {font-size: 16px; margin-bottom: 50px}
article.posts img.featured-image {object-fit: cover; align-self: center;}
article.posts:not(.grid_post_item) img.featured-image {min-height: 300px; width: 50%}
article.posts:nth-child(2n) img.featured-image {order: 3}


article.posts .entry-header {margin-bottom: 10px;}
article.posts .entry-title {color: inherit; font-size: 20px}
article.posts .entry-title a {color: inherit}

article.posts.has-post-thumbnail:not(.grid_post_item) {display: flex}
article.posts.has-post-thumbnail .wrapper-entry-content {flex: 1; align-self: center;}
article.posts img.featured-image + .wrapper-entry-content {padding: 25px 40px}

article.grid_post_item {margin: 0; display: block}
article.grid_post_item img.featured-image {margin-bottom: 18px; width: 100%}

article.posts.grid_post_item .entry-title {font-size: 20px;}

ul.meta-info {
	padding: 0;
	display: flex;
	line-height: 1;
	flex-wrap: wrap;
	font-size: 16px;
	list-style: none;
	margin: 0 0 10px 0;
}

ul.meta-info>li:not(:last-child) {
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid #1A2E46;
}

ul.meta-info a {color: inherit;}

.btn-previous-post, .btn-next-post {
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	padding-right: 25px;
	background: url(images/arrow-right.svg) no-repeat right center;
	transition: all 100ms;
}

.btn-previous-post {
	padding-left: 25px;
	padding-right: 0;
	background-image: url(images/arrow-left.svg);
	background-position-x: left;
}



.btn-read-more {
	color: #25B2FA!important;
	font-size: 22px;
	font-weight: bold;
	padding-right: 25px;
	background: url(images/arrow-read-more.svg) no-repeat right center;
	transition: all 100ms;
}

.btn-read-more:hover {padding-right: 32px;}


img.featured-image-single {width: 100%; max-height: 600px; object-fit: cover; object-position: top}

article.single-post-item .entry-header {margin-bottom: 30px}

article.single-post-item .entry-header h1 {font-size: 38px}

article.single-post-item .entry-content {font-size: 25px; margin-left: 40px; margin-top: 40px}

article.single-post-item .entry-content p {margin-bottom: 25px;}


article.single-post-item .entry-content .aligned, article.single-post-item .entry-content .bordered {margin-left: -40px!important}
article.single-post-item .entry-content .bordered {padding-left: 30px; border-left: 10px solid var(--darkblue)}

.header-blog {
	color: #fff;
	padding: 10px 0;
	background-color: #293991;
}

.header-blog a {color: inherit}

.pagination-single {
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	display: flex;
	justify-content: space-between;
}


.pagination-single .next-post {margin-left: auto}







.wrapper-related-posts {margin-top: 50px}
.wrapper-related-posts .title {font-size: 30px; margin-bottom: 15px}

.grid-related-posts {
	display: grid;
	gap: 40px;
	grid-template-columns: repeat(auto-fill, minmax(var(--min, 30%), 1fr));
}

.pagination-wrapper {
	padding: 20px;
	background-color: #FBFBFB;
}

.navigation.pagination {align-items: center; justify-content: center;}
.navigation.pagination .screen-reader-text {display: none}

.navigation.pagination .nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
}

.navigation.pagination .nav-links .page-numbers {
	min-width: 40px;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	margin: 5px;
	background-repeat: no-repeat;
	background-position: center;
	border-bottom: 3px solid transparent;
}

.navigation.pagination .nav-links .page-numbers.current {border-color: var(--blue)}
.navigation.pagination .page-numbers.prev {background-image: url(images/arrow-left.svg)}
.navigation.pagination .page-numbers.next {background-image: url(images/arrow-read-more.svg);}

.share-tools {
    padding: 15px 0;
    text-align: right;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.share-tools a {font-size: 30px; margin-left: 20px}


.header-wrapper {
	padding: 24px 55px 35px;
	background: url(images/dotted.svg) repeat #F1F5FC;
	background-position: center 34px;
}

.header-wrapper .site-header {position: relative; top: 0; left: 0; right: 0;}

.wrapper-slider {margin-top: 20px}

.banner-item {
	text-align: center;
	min-height: 200px;
	display: flex;
	padding-bottom: 25px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.banner-item .title {font-size: 41px}

#header-banner .owl-dots {
	position: absolute;
	left: 0;
	bottom: -10px;
}

#header-banner .owl-dots .owl-dot {
	width: 20px;
	height: 20px;
	min-width: 0;
	outline: none;
	margin-right: 11px;
	border-radius: 0;
	border: 3px solid #fff;
}

#header-banner .owl-dots .owl-dot.active {background-color: #fff;}


.anchor-placeholder {
	display: block;
	width: 100%;
	flex: 0 0 100%;
	height: 0.2px;
	opacity: 0;
	visibility: hidden;
}