:root {
	
    --text-color: #20242e;
    --white: white;
    --blue: #2998ff;
    --middle--25: #2b4369;
    --greys--10: #0c1427;
    --middle--40: #4b6b93;
    --middle--90: #dfe8f0;
    --greys--25: #31425e;
    --middle--20: #22345a;
    --blue--95: #dcfaff;
    --greys--15: #1c273b;
    --middle--15: #17274c;
    --blue--98: #effeff;
    --blue--90: #c6f2ff;
    --greys--20: #3f4f68;
    --greys--92: #e9ecef;
    --greys--30: #3f4f68;
    --greys--50: #748295;
    --middle--70: #9db8d1;
    --middle--30: #355178;
    --middle--80: #bdd0e0;
    --middle--10: #0e182f;
    --black: black;
    --middle--92: #e5ecf3;
    --greys--40: #59687e;
    --blue--30: #005ada;
    --blue--25: #0048c2;
    --blue--15: #002885;
    --blue--80: #95deff;
    --red--15: #50131a;
	
}

html, body {
	
	min-height: 100%;
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;
	
}

.btn {
	
	border-radius: .75rem;
	
}

strong, h1, h2, h3, h4, h5, .bold {
	
	font-family: 'GolosTextWebBold',Poppins,Helvetica,sans-serif;
	
}

.demi-bold {
	
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	
}

body {
	
	/*background: #eef0f8;*/
	
}

.body-grey {

	background-color: #f5f8fa;

}

.round-05 {

	border-radius: .5rem !important;

}

.round-075 {

	border-radius: .75rem !important;

}

.round-1 {

	border-radius: 1rem !important;

}

.round-125 {

	border-radius: 1.25rem !important;

}

.round-15 {

	border-radius: 1.5rem !important;

}

.round-175 {

	border-radius: 1.75rem !important;

}

.round-2 {

	border-radius: 2rem !important;

}

.round-50 {

	border-radius: 50% !important;

}

.page-title {

	font-size: 2.5rem;

}

.bg-purple-gradient {

	background-image: linear-gradient(#ebf2ff, #edf2fc80);

}

.bg-blue-gradient {

	background-image: linear-gradient(#edfafc, #edfafc80);

}

.bg-orange {

	background-color: #fff6ef;

}

.bg-green-gradient {

	background-image: linear-gradient(#ebfff4, #edfdf480);

}

#header {
	
	background: transparent;
	position: fixed;
	top: 0;
	z-index: 5;
	
}

#header.scrolled {
	
	background: #fff;	
	transition: all .3s ease;
	
}

.color-green {
	
	color: #4C9988;
	
}

.company-logo {
	
	height: 2rem;
	
}

.navbar-nav .dropdown-menu {
	
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 100%;
	border: 0;
	border-radius: 0;
	margin-top: 0;
	display: block;
	
	/* Анимация */
	opacity: 0;
	visibility: hidden;
	transform: translateY(-1.25rem);
	transition: opacity .3s ease, transform .3s ease, visibility .3s;
	
}

.nav-item {
	
	border-radius: .5rem;
	
}

.nav-item:hover {

	background: #f4f4f6;
	color: #1177ef;
	
}

.navbar-nav .dropdown:hover > .dropdown-menu,
.navbar-nav .dropdown-menu:hover {
		
	opacity: 1;
	visibility: visible;
	transform: translateY(-1.25rem);
	
}

.dropdown-menu {
	
	top: 100%;
	left: 0;
	right: 0;
	
}

#header .logo h5 {
	
	font-size: .85rem;
	color: var(--middle--25);
	
}

#header .logo h4 {
	
	font-size: 1.25rem;
	color: var(--blue--30);	
	font-weight: 700;
	
}

.phone-top span {
	
	color: #3f4f68;
	
}

.phone-top a, .phone-top a:hover {
	
	color: #17274c;
	
}

.font-size-075rem {
	
	font-size: .75rem !important;
	
}

.font-size-085rem {
	
	font-size: .85rem !important;
	
}

.font-size-09rem {
	
	font-size: .9rem !important;
	
}

.font-size-095rem {
	
	font-size: .95rem !important;
	
}

.font-size-1rem {
	
	font-size: 1rem !important;
	
}

.font-size-11rem {
	
	font-size: 1.1rem !important;
	
}

.font-size-115rem {
	
	font-size: 1.15rem !important;
	
}

.font-size-125rem {
	
	font-size: 1.25rem !important;
	
}

.font-size-15rem {
	
	font-size: 1.5rem !important;
	
}

.font-size-175rem {
	
	font-size: 1.75rem !important;
	
}

.font-size-2rem {
	
	font-size: 2rem !important;
	
}

.font-size-225rem {
	
	font-size: 2.25rem !important;
	
}

.font-size-25rem {
	
	font-size: 2.5rem !important;
	
}

.hero {
	
	background-image: url('/custom/static/images/optimis/hero-bg.avif');
	background-position: 50%;
	background-size: cover;
	position: relative;
	overflow: hidden;

}

.hero h2 {
	
	font-family: 'GolosTextWebMedium',Poppins,Helvetica,sans-serif;
	font-size: 2.5rem;
	color: #22345a;
	
}

.hero h1 {
	
	font-size: 4rem;
	color: #22345a;
	
}

.hero h5 {
	
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;
	color: #4b6b93;
	font-size: 1.15rem;
	
}

.hero-about {
	
	background-image: url('/custom/static/images/optimis/hero-about-bg.avif');
	background-position: 50%;
	background-size: cover;
	position: relative;
	overflow: hidden;

}

.btn-secondary {
	
	background: #1c273b;
	color: #fff;
	
}


#footer {
	
	background: #17274c;
	color: #f5f8fa;
	
}

.logo-footer {
	
	height: 1.25rem;
	
}

.footer-divide {
	
	background-color: #979fa833;
    height: 1px;
	
}

.ico-wrapper {
	
	width: 3rem;
	height: 3rem;
	min-width: 3rem;
	min-height: 3rem;
	background: #005ada;
	color: #fff;
	border-radius: 50%;
	
}

.i-wrapper {
	
	width: 3rem;
	height: 3rem;
	min-width: 3rem;
	min-height: 3rem;
	background: #005ada;
	color: #fff;
	border-radius: .5rem;
	
}

.inactive .i-wrapper {
	
	background: #DFE8F0;
	color: #4368A2;
	
}

.menu-link-about .i-wrapper {
	
	background: #C6D5FF;
	color: #0012DA;
	
}

.menu-link-requisites .i-wrapper {

	background: #C3EEEC;
	color: #357768;
	
}

.menu-link-contacts .i-wrapper {

	background: rgba(0, 90, 218, .06);
	color: #007BFE;
	
}

.menu-link-blogs .i-wrapper {

	background: rgba(223, 232, 240, .8);
	color: #504160;
	
}

.menu-link-articles .i-wrapper {

	background: #F5F1FC;
	color: #6A5680;
	
}

.menu-link h5 {
	
	font-size: 1rem;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	color: #22345a;
	
}

.pane-heading, .tab-pane-desc-heading {
	
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	
}

.tab-pane-desc-heading {
	
	font-size: 1.25rem;
	
}

.tab-pane-divline {
	
	background-color: #e5edf8;
	border-radius: 4px;
	width: 100%;
	height: 2px;
	
}

.tab-pane-desc-info {
	
	color: #3f4f68b3;
	line-height: 1.5;
	
}

.mainpage-tab-div {
	
	border-top-left-radius: 2rem;
	border-top-right-radius: 2rem;
	overflow: hidden;
	
}

.mainpage-tab-img {

	object-fit: cover;
	flex: none;
	width: 50%;
	
}

.menu-link:hover h5 {
	
	color: #1177ef;
	
}

.menu-link .snippet {
	
	color: #59687e99;
	
}

h6 {
	
	color: #4b6b93;
	font-size: .9rem;
	font-family: 'GolosTextWebMedium',Poppins,Helvetica,sans-serif;
	
}

.container-fluid {

	--bs-gutter-x: 3rem;
	max-width: 1840px;
	
}

.separator.separator-dashed {

	border-bottom-style: dashed;
	border-bottom-color: #dbdfe9;

}

.separator {
	
	display: block;
	height: 0;
	border-bottom: 1px solid #f1f1f4;

}

.bg-clients {
	
	position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
	background-image: radial-gradient(circle farthest-side at 25% -240%, #458df1, #1177ef 14%, #1762bd 32%, #082561);	
	
}

.bg-light-grey {
	
	background: #f5f8fa;
	
}

.features-container {
	
	border: .75px solid #fff6;
	border-radius: 2rem;
	
}

.coming-soon-grey {
	
	color: #355178;
	background-color: #e5ecf3;
	border-radius: 99px;
	padding: .25rem .5rem;
	font-size: .75rem;
	font-weight: 500;
	line-height: 1.4;
	
}

.hero-feature .coming-soon-grey {
	
	position: absolute;
	top: 1rem;
	right: 1rem;
	
}

.hero-features-wrap {
	
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
	border: .75px solid #fff9;
	border-radius: 2rem;
	justify-content: space-between;
	padding: 1rem;
	display: flex;
	
}

.hero-feature {
	
	position: relative;
	color: #355178;
	text-align: center;
	background-color: #ffffffbf;
	border: 1px solid #ffffffb3;
	border-radius: 1.5rem;
	flex-flow: column;
	flex: 1;
	justify-content: flex-start;
	align-items: center;    
	font-size: 1rem;    
	display: flex;
	box-shadow: 0 .75px .75px #ccc7c733, inset 0 -.75px .75px #ccc7c733;
	
}

.mainpage-feature-head {

	color: #22345a;
	justify-content: center;
	align-items: center;
	height: 3rem;
	font-size: 2rem;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	display: flex;

}

.h2-tag {
	
	background-color: #ecf1f6;
	border-radius: 62px;
	padding: 6px 16px;
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;	
	line-height: 1.4;
	
}

.h2-tag span {
	
	background-image: linear-gradient(#1e6bd0 24%,#1e4dd0 75%);
	-webkit-text-fill-color: transparent;
	background-clip: text;
	
}

.blue-dark {
	
	color: #005ada;

}

.h2 {
	
	color: #2b4369;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	font-size: 2.75rem;
	
}

.h2-description {
	
	color: #6286af;
	
}

.solution-item {
	
	background-color: #fff;
	background-image: radial-gradient(circle at 50% -50%, #6ee0ff, #f7f7f7 75%);
	border-radius: 1.75rem;
	justify-content: space-between;
	align-items: stretch;
	display: flex;
	position: relative;
	grid-area: span 1 / span 2 / span 1 / span 2;
	
}

.solution-tag {
	
	color: #355178;
	background-color: #fff;
	border-radius: 5rem;
	justify-content: flex-start;
	align-items: center;
	padding: .375rem .75rem;
	font-size: .85rem;	
	display: flex;

}

.solution-tag.green {

	color: #33664c;
	background-color: #edfaf9;
	
}

.solution-tag.blue {
	
	color: #355178;
	background-color: #dcfaff;
	
}

.solution-description {
	
	color: #2b4369;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	font-size: 2.25rem;
	
}

.bg-light-blue {
	
	background-color: #eaf1ff;
	
}

.list-style-none {
	
	list-style: none;
	
}

.w-15rem {
	
	width: 1.5rem;
	
}

.platform-features-list span {
	
	font-family: 'GolosTextWebMedium',Poppins,Helvetica,sans-serif;
	font-size: 1.1rem;
	color: #2b4369;
	
}

.platform-features-list i {
	
	color: #0037A8;
	
}

.with-shadow {
	
	box-shadow: 0 2px #c3ced980;
	
}

.btn-success {

	background-color: #4c9988;
	border-color: #4c9988;
	
}

.btn-success.with-shadow {

	box-shadow: 0 2px #4fa89b40;
	
}

.btn-outline-secondary {

	color: #17274c;
	
}

.btn-outline-secondary:hover {
	
	background-color: #f9f9fa;
	color: #17274c;
	
}

.solution-block {
	
	background-color: #0000;
	background-image: none;
	border: 2px solid #f0f3f4;
	border-radius: 1.75rem;
	
}

.solution-block-description {
	
	color: #4b6b93;
	
}

.solution-block h4 {
	
	font-size: 1.375rem;
	font-family: 'GolosTextWebMedium',Poppins,Helvetica,sans-serif;
	color: #17274c;
	
}

.footer-bottom {
	
	grid-column-gap: 5rem;
	grid-row-gap: 5rem;
	
}

.address-data strong {
	
	color: #bdd0e0;
	
}

.address-data {
	
	color: #6286af;
	
}

.footer-description {
	
	color: #6286af;
	
}

.copyrights-div {
	
	grid-column-gap: 1.75rem;
	grid-row-gap: 1.5rem;
	font-size: .75rem;
	color: #bdd0e0;
	flex-flow: wrap;
	
}

.copyrights-div a {
			
    color: #bdd0e0;
    text-decoration: none;
    transition: text-underline-offset .2s;
	
}

.copyrights-div a:hover {
	
	text-decoration: underline;
	
}

.footer-body {
	
	grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;    
    display: grid;
	
}

.footer-title {
	
	color: #48afff;		
	line-height: 1.4;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	
}

.footer-column-menu-body {
	
	grid-column-gap: .5rem;
    grid-row-gap: .5rem;
	
}

.footer-column-menu-body a {
	
	color: #f5f8fa;		
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	line-height: 1.4;
	text-decoration: none;
	transition: text-underline-offset .2s;
	
}

.footer-column-menu-body a.inactive {

	color: #f5f8fa66;
	
}

.footer-socials-body {
	
	grid-column-gap: 1.75rem;
	grid-row-gap: 1.75rem;
	flex-flow: wrap;
	
}

.footer-socials-body a {
	
	background-color: #2a94ff;
	border-radius: 50%;
	transition: background-color .2s;
	width: 3rem;
	height: 3rem;
	min-width: 3rem;
	min-height: 3rem;
	
}

.footer-subscribe-form input {
	
	color: #fff;
	background-color: #2b4369;
	border-color: #2b4369;
	
}

.footer-subscribe-form-ico span {

	color: #6286af;

}

.modules-block {
	
	background-color: #fff;
	border-radius: 2rem;
	padding: .75rem;
	box-shadow: 0 24px 24px #1c273b0d, 0 4px 8px #2761b303, 0 1rem #2761b30a;
	
}

.modules-block .tab-content {
	
	background-color: #f5f8fa;
	border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
	
}

.mainpage-tab-hero {
	
	grid-column-gap: 2rem;
	grid-row-gap: 2rem;	
	padding: 4rem;
	
}

.mainpage-tabs-menu {
	
	grid-column-gap: 1.75rem;
	grid-row-gap: 1.75rem;
	margin-left: 4rem;
	margin-right: 4rem;
	
}

.cursor-pointer {
	
	cursor: pointer;
	
}

.cursor-not-allowed {
	
	cursor: not-allowed;
	
}

.module-pill-item.active {
	
	background: #f5f8fa;
	
}

.module-pill-item.inactive:after {

	content: '';
	background-color: #fff9;
    position: absolute;
    inset: 0%;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	
}

.mainpage-tabs-menu .module-pill-item {
	
	position: relative;
	border-radius: .5rem;
	color: #22345a;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	max-width: 100%;
	flex: 1;
	
}

.mainpage-tabs-menu .module-pill-item:before {
	
	content: '';
	position: absolute;
	height: 4px;
	inset: .75rem .75rem auto;
	border-radius: 999px;
	background-color: #e5edf8;
	
}

.mainpage-tabs-menu .module-pill-item.active:before {
	
	background-color: rgb(0, 88, 215);
	
}

.hero-about h1 {

	font-size: 2.25rem;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;

}

.hero-about h4 {

	font-size: 1.25rem;
	color: #4b6b93;
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;;

}

.grey {
	
	color: #8e9bab;

}

.h2-tag {

	background-color: #ecf1f6;
	border-radius: 2rem;
	padding: .5rem 1rem;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	line-height: 1.4;	

}

.h2-tag .tag-heading {

	font-size: 1rem;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;

}

.blue-gradient {

	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(#1e6bd0 24%, #1e4dd0 75%);
	-webkit-background-clip: text;
	background-clip: text;

}

.company-data {

	grid-column-gap: 1.5rem;
	grid-row-gap: 1.5rem;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;

}

.mt-6 {

	margin-top: 4rem !important;

}

.mt-7 {

	margin-top: 5rem !important;

}

.mt-8 {

	margin-top: 6rem !important;

}

.mt-9 {

	margin-top: 7rem !important;

}

.mt-10 {

	margin-top: 8rem !important;

}

.mb-6 {

	margin-bottom: 4rem !important;

}

.mb-7 {

	margin-bottom: 5rem !important;

}

.mb-8 {

	margin-bottom: 6rem !important;

}

.mb-9 {

	margin-bottom: 7rem !important;

}

.mb-10 {

	margin-bottom: 8rem !important;

}

.pt-6 {

	padding-top: 4rem !important;

}

.pt-7 {

	padding-top: 5rem !important;

}

.pt-8 {

	padding-top: 6rem !important;

}

.pt-9 {

	padding-top: 7rem !important;

}

.pt-10 {

	padding-top: 8rem !important;

}

.pb-6 {

	padding-bottom: 4rem !important;

}

.pb-7 {

	padding-bottom: 5rem !important;

}

.pb-8 {

	padding-bottom: 6rem !important;

}

.pb-9 {

	padding-bottom: 7rem !important;

}

.pb-10 {

	padding-bottom: 8rem !important;

}

.team-member-img {

	width: 14rem;
	height: 14rem;
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 50%;

}

.team-member-hero {
	grid-column-gap: .75rem;
	grid-row-gap: .7rem;
	color: #2b4369;
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
	font-family: Inter, sans-serif;
	font-size: 1rem;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	line-height: 1.3;
	display: flex;

}

.team-member-position {

	background-color: #f5f8fa;
	border-radius: 1rem;
	padding: .5rem 1rem;
	font-size: .85rem;
	font-family: 'GolosTextWebThin',Poppins,Helvetica,sans-serif;

}

.head-description {

	color:#6286af;
	line-height: 1.4;

}

.head-info figure {

	width: 64px;
	height: 64px;
	border-radius: 50%;
	overflow: hidden;

}

.head-description-blog {

	background: rgb(41 152 255 / 15%);
	border-radius: 1rem;

}

.section-body-blog {

	border-top: solid 1px #eee;

}

.swiper {

	z-index: 1;
	grid-column-gap: 4rem;
	grid-row-gap: 4rem;
	flex-flow: column;
	position: relative;
	overflow: visible;

}

.swiper-wrapper {

	justify-content: flex-start;
	align-items: stretch;
	display: flex;

}

.swiper-slide {

	grid-column-gap: 6%;
	grid-row-gap: 6%;
	flex: none;
	width: 49.3333%;
	display: flex;

}

.highlights-swiper .swiper-slide {

	width: auto;
	grid-column-gap: 3%;
	grid-row-gap: 3%;

}

.swiper-drag-wrapper {

	background-color: #c6ecff4d;
	border-radius: 8px;
	height: 4px;
	margin-top: 64px;
	margin-bottom: 140px;

}

.swiper-drag-wrapper.no-margin {

	margin-bottom: 5px;

}

.swiper-drag-wrapper.no-margin.light {

	background-color: #e5ecf340;

}

swiper-drag.fill {

	background-color: #dfe8f0;
	background-image: none;

}

.fill {

	color: #1b2352;

}

.swiper-drag {

	cursor: grab;
	background-image: linear-gradient(90deg, #ecf1f6, #dfe8f0);
	border-radius: 8px;
	width: 30rem;
	height: 300%;
	position: relative;
	top: -100%;

}

.team-member-card {

	grid-column-gap: .75rem;
	grid-row-gap: .75rem;
	text-align: center;
	background-color: #fff;
	border-radius: 1.75rem;
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
	padding: 1.75rem;
	text-decoration: none;
	display: flex;
	box-shadow: 0 1.75rem 1.75rem #1c273b0d, 0 4px 8px #2761b303, 0 16px #2761b30a;

}

.about-clients {

	background-image: url('/custom/static/images/optimis/logos-bg.avif');
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	overflow: hidden;

}

.about-press {

	background-color: #eff7fd;    
	overflow: hidden;

}

.about-blogs, 
.about-video {

	background-image: linear-gradient(#fff, #eff7fd 65%);

}

.about-highlights {

	background-image: linear-gradient(#eff7fd, #fff 53%, #eff7fd);	
	overflow: hidden;

}

.gallery-img {

	border-radius: 1.75rem;
	height: 350px;

}

.about-grid {

	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;

}

.about-item-heading {

	font-size: 1.125rem;
	color: #0c1427cc;
	line-height: 1.4;
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;

}


.about-grid-item._1 {

	background-image: linear-gradient(#edfafc, #edfafc80);

}

.about-grid-item._2 {

	background-image: linear-gradient(#f3f6f5, #f3f7f580);

}

.about-grid-item {

	border-radius: 1.75rem;
	flex-flow: column;
	display: flex;

}

.about-grid-img-cont {

	border-top-left-radius: 1rem !important;
	border-top-right-radius: 1rem !important;
	overflow: hidden;
	height: 180px;

}

.about-grid-hero {

	font-size: .9rem;
	color: #4b6b93cc;
	line-height: 1.6;
	padding: 1.5rem;

}

.media-article-item {

	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	background-color: #fff;
	border-radius: 1.75rem;
	flex-flow: column;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	padding: 2rem;
	display: flex;

}

.media-article-hero {

	grid-column-gap: 2rem;
	grid-row-gap: 2rem;
	flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;    
    display: flex;

}

.media-article-item .media-logo {

	height: 3rem;

}

.media-article-heading {

	color: #22345a;
	letter-spacing: -.01em;
	font-size: 1.25rem;
	font-family: 'GolosTextWebBold',Poppins,Helvetica,sans-serif;
	line-height: 1.3;

}

.media-article-content {

	grid-column-gap: .75rem;
	grid-row-gap: .75rem;
	color: #4b6b93;
	flex-flow: column;
	font-size: .9rem;
	line-height: 1.6;
	display: flex;

}

.video-posts {

	grid-column-gap: 1.5rem;
	grid-row-gap: 1.5rem;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;

}

.video-card-title {

	color: #17274c;	
	font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
	line-height: 1.35;

}

.video-card-header {

	overflow: hidden;
	border-radius: 1.75rem;

}

.video-card-header > img {

	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;

}

.blog-posts {

	grid-column-gap: 1.5rem;
	grid-row-gap: 1.5rem;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;

}

.blog-card {

	background-color: #fff;
	border-radius: 1rem;
	text-decoration: none;
	transition: box-shadow .2s;
	position: relative;
	overflow: hidden;

}

.blog-card::after {

	content: '\f054';
	font-family: "Font Awesome 6 Pro";
    font-weight: 400;
	position: absolute;
	bottom: 1.5rem;
	right: 1.5rem;
	color: #2998FF;
	opacity: 0;

}

.blog-card:hover {

	box-shadow: 10px 0 1.6875rem #0e20421a;
	outline: 0;

}

.blog-card:hover::after {

	opacity: 1;
	color: #2998FF;

}

.blog-card-header {

	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 240px;
	overflow: hidden;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;

}

.blog-card-icon {
	
	position: absolute;
	right: 1.5rem;
	top: 1.5rem;
	background: rgb(41 152 255 / 15%);
	padding: 1rem;
	border-radius: 1rem;

}

.blog-card-icon > img {

	height: .85rem;

}

.blog-card-body {

	color: #4b6b93;

}

.blog-card-date {

	color: #979fa8;
    font-size: .75rem;
    line-height: 1rem;

}

.blog-card-title {

	color: #22345a;	
	font-size: 1.25rem;
	font-family: 'GolosTextWebBold',Poppins,Helvetica,sans-serif;

}

.blog-card-snippet {

	color: #979fa8;	

}

.blog-hero {

	overflow: hidden;
	border-radius: 1rem;

}

.tab-pane-desc-columns {
	
	grid-column-gap: 1.5rem;
	grid-row-gap: 1.5rem;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
	
}

.i-block {
	
	background: linear-gradient(#ebf2ff,#edf2fc80);
	
}

.i-block-green {
	
	background: linear-gradient(#e4f8ee, #edfdf4e0);
	
}

.i-block h4, .i-block-green h4 {
	
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;
	
}

.i-block h5, .i-block-green h5 {
	
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;
	color: #005ada;
	
}

.i-block h5 a {
	
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;
	color: #005ada;
	
}

.h2-heading {
	
	border-bottom: solid 1px #ccc;
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;
	
}

.i-block-info {

	color: rgba(0, 0, 0, 0.6);
	font-family: 'GolosTextWebRegular',Poppins,Helvetica,sans-serif;
	
}

.dashed-list li:first-child {
	
	border-top: none;
	margin: 0;
	padding: 0;
	
}

.dashed-list li {
	
	margin: 1rem 0 0 0;
	padding: 1rem 0 0 0;
	border-top: dashed 1px #c3ced9;
	
}

@media only screen and (max-width: 768px) {
	
	.dashed-list li > strong {
		
		display: block;
		
	}
	
	.mainpage-tab-img {

		display: none;
    
	}
	
	.tab-pane-desc-heading {
		
		font-size: 1rem;
		
	}
	
	.company-logo {
		
		height: 1.5rem;
		
	}

	:root, .row, .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

		--bs-gutter-x: 3rem;
		
	}

	.hero h2 {
		
		font-size: 2rem;
		
	}

	.hero h1 {
		
		font-size: 3rem;
		
	}
	
	.h2 {
		
		font-size: 1.75rem;
		
	}
	
	.footer-body {
		
		display: flex;
		flex-direction: column;
		
	}
	
	.footer-bottom {
		
		grid-column-gap: 2rem;
		grid-row-gap: 2rem;
		
	}
	
	.features-container {
		
		border: none;
		
	}
	
	.hero-features-wrap {
		
		grid-column-gap: .5rem;
		grid-row-gap: .5rem;
		padding: 0;
		border: none;		
		
	}
	
	.hero-feature {
	
		grid-column-gap: .25rem;
		grid-row-gap: .25rem;
		border-width: .33px;
		border-radius: 10px;
		flex: 1 auto !important;
		max-width: 124px;
		padding: 1rem .25rem !important;
		font-size: .5rem;
		
	}
	
	.mainpage-feature-head {
		
		height: 2rem;
		font-size: .85rem;
		
	}
	
	.hero-feature .coming-soon-grey {
		
		top: .25rem;
		right: .25rem;
		font-size: .5rem;
		
	}
	
	.bg-clients {
		
		position: absolute;
		overflow-x: scroll;
		overflow-y: hidden;
		bottom: 0;
		
	}
	
	.partners-grid {
		
		grid-column-gap: 1.5rem;
		grid-row-gap: 1.5rem;
		
	}
	
	.mob-phone-number {
		
		color: var(--middle--15);
		font-family: 'GolosTextWebDemiBold',Poppins,Helvetica,sans-serif;
		line-height: 1.4;
		text-decoration: none;
		font-size: .9rem;
		
	}
	
	.solution-description {
		
		font-size: 1.5rem;
		
	}
	
	.modules-block .tab-content {
		
		border-radius: 1.5rem;
		
	}
	
	.mainpage-tabs-menu {
		
		grid-column-gap: .5rem;
		grid-row-gap: .5rem;
		overflow: scroll;
		flex-flow: row;
		margin-left: 0rem;
		margin-right: 0rem;
		
	}
	
	.mainpage-tab-hero {
		
		padding: 1rem;
		
	}
	
	.mainpage-tabs-menu .module-pill-item {
		
		border-radius: 1.5rem;
		
	}
	
	.mainpage-tabs-menu .module-pill-item:before {
		
		inset: 1rem 1rem auto;
		
	}

	.team-member-card {

		width: 100%;

	}

	.team-member-img {

		width: 18rem;
		height: 18rem;

	}

	.hero-about h1 {

		font-size: 1.65rem;
		line-height: 1.25;

	}

	h2.h2 > span {

		font-size: 1.5rem !important;

	}

	.blog-posts, .video-posts {

		grid-template-rows: auto auto auto;
        grid-template-columns: 1fr;

	}

	.video-posts {

		row-gap: 0 !important;

	}
		
}

@media screen and (min-width: 576px) {

	.mt-sm-6 {

		margin-top: 4rem !important;

	}

	.mt-sm-7 {

		margin-top: 5rem !important;

	}

	.mt-sm-8 {

		margin-top: 6rem !important;

	}

	.mt-sm-9 {

		margin-top: 7rem !important;

	}

	.mt-sm-10 {

		margin-top: 8rem !important;

	}

	.mb-sm-6 {

		margin-bottom: 4rem !important;

	}

	.mb-sm-7 {

		margin-bottom: 5rem !important;

	}

	.mb-sm-8 {

		margin-bottom: 6rem !important;

	}

	.mb-sm-9 {

		margin-bottom: 7rem !important;

	}

	.mb-sm-10 {

		margin-bottom: 8rem !important;

	}

	.pt-sm-6 {

		padding-top: 4rem !important;

	}

	.pt-sm-7 {

		padding-top: 5rem !important;

	}

	.pt-sm-8 {

		padding-top: 6rem !important;

	}

	.pt-sm-9 {

		padding-top: 7rem !important;

	}

	.pt-sm-10 {

		padding-top: 8rem !important;

	}

	.pb-sm-6 {

		padding-bottom: 4rem !important;

	}

	.pb-sm-7 {

		padding-bottom: 5rem !important;

	}

	.pb-sm-8 {

		padding-bottom: 6rem !important;

	}

	.pb-sm-9 {

		padding-bottom: 7rem !important;

	}

	.pb-sm-10 {

		padding-bottom: 8rem !important;

	}

	.mw-sm-240 {

		max-width: 240px;

	}

	.mw-sm-320 {

		max-width: 320px;

	}

}

@media screen and (min-width: 1440px) {

	.gallery-img {

		height: 490px;

	}

}

@media screen and (min-width: 1280px) {

	.gallery-img {

		height: 420px;
	
	}

}