/*!
Theme Name: Gart
Theme URI:
Author: Stanislav Lysytsyn
Author URI:
Description: Hi. I'm a starter theme called _s, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 2.0.5
Tested up to: 6.2
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gart
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/
/* Import font-family Castoro + Figtree
------------------------------------------------ */
@font-face {
font-family: "Castoro";
src: url("fonts/Castoro/Castoro-Regular.woff2") format("woff2"), url("fonts/Castoro/Castoro-Regular.woff") format("woff"), url("fonts/Castoro/Castoro-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Figtree";
src: url("fonts/Figtree/Figtree-Regular.woff2") format("woff2"), url("fonts/Figtree/Figtree-Regular.woff") format("woff"), url("fonts/Figtree/Figtree-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Figtree";
src: url("fonts/Figtree/Figtree-Medium.woff2") format("woff2"), url("fonts/Figtree/Figtree-Medium.woff") format("woff"), url("fonts/Figtree/Figtree-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
/* Normalize + Box sizing
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
font-size: 1em;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
/* Import variables and mixins.
--------------------------------------------- */
* {
box-sizing: border-box;
}
body {
height: 100%;
overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
.heading,
.text {
margin: 0;
padding: 0;
}
button:focus,
a:focus,
input[type="submit"]:focus {
outline: none;
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.page-template-page-template-resources header.site-header,
.page-template-page-template-case-studies header.site-header,
.single-case-studies header.site-header,
.single-post header.site-header {
border-bottom: 1px solid #DEDEDE;
}
.site-header {
background: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
transition: all .5s ease;
will-change: transform;
z-index: 1;
}
.site-header.hide {
transform: translateY(-100%);
}
#wpadminbar + #page > header.site-header {
top: 32px;
}
@media (max-width: 782px) {
#wpadminbar + #page > header.site-header {
top: 0;
}
}
header .out {
transform: translateY(-100%);
}
header .site-header-wrapper {
width: 100%;
max-width: 1140px;
margin: 0 auto;
height: 60px;
display: flex;
align-items: center;
justify-content: space-between;
}
header .site-header-wrapper .site-logo .gart-logo {
height: 26px;
}
header .site-header-wrapper .menu-toggle {
display: none;
}
header .site-header-wrapper .main-navigation {
transition: all .3s ease;
}
header .site-header-wrapper .main-navigation ul.menu {
margin: 0;
padding: 0;
display: flex;
align-items: center;
list-style: none;
position: relative;
}
header .site-header-wrapper .main-navigation ul.menu li {
margin: 0 30px 0 0;
}
header .site-header-wrapper .main-navigation ul.menu li.menu-item-type-custom.current-menu-item a {
color: #888399;
}
header .site-header-wrapper .main-navigation ul.menu li.menu-item-type-custom.current-menu-item a:hover {
color: #1F1D2E;
}
header .site-header-wrapper .main-navigation ul.menu li.current-menu-item a {
color: #3744B9;
}
header .site-header-wrapper .main-navigation ul.menu li.colored-btn a {
transition: unset;
width: 132px;
height: 36px;
background: linear-gradient(276.5deg, #525FD0 -47.16%, #2E3BAD 146.79%);
border-radius: 6px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
text-transform: capitalize;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
header .site-header-wrapper .main-navigation ul.menu li.colored-btn a:hover {
color: #fff;
background: #4856CE;
}
header .site-header-wrapper .main-navigation ul.menu li a {
font-weight: 400;
color: #888399;
text-decoration: none;
transition: all 0.25s ease-out;
font-size: 13px;
line-height: 16px;
}
header .site-header-wrapper .main-navigation ul.menu li a:hover {
color: #1F1D2E;
}
header .site-header-wrapper .main-navigation ul.menu li a:focus {
outline: none;
}
header .site-header-wrapper .main-navigation ul.menu li a.active {
color: #1F1D2E;
font-weight: 500;
}
header .site-header-wrapper .main-navigation ul.menu li:last-child {
margin: 0;
}
.services-submenu .sub-menu {
opacity: 0;
visibility: hidden;
position: absolute;
top: 44px;
right: 0;
width: 860px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 20px;
margin: 0;
transition: all .3s ease;
border-radius: 0 0 6px 6px;
background: #fff;
box-shadow: 0 4px 20px 0 rgba(198, 202, 240, 0.2);
}
.services-submenu:hover .sub-menu {
opacity: 1;
visibility: visible;
}
header.site-header .site-header-wrapper .main-navigation ul.menu li.services-submenu .sub-menu li {
width: calc(50% - 18px);
margin: 0;
padding: 0;
height: 58px;
display: flex;
align-items: center;
justify-content: flex-start;
}
header.site-header .site-header-wrapper .main-navigation ul.menu li.services-submenu .sub-menu li a {
display: flex;
align-items: center;
justify-content: flex-start;
}
header.site-header .site-header-wrapper .main-navigation ul.menu li.services-submenu .sub-menu li a .icon {
margin: 0 10px 0 0;
}
header.site-header .site-header-wrapper .main-navigation ul.menu li.services-submenu .sub-menu li a .icon img {
width: 40px;
height: 40px;
}
header.site-header .site-header-wrapper .main-navigation ul.menu li.services-submenu .sub-menu li a .submenu-wrap .page-name {
color: #3744B9;
font-family: Figtree;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
margin: 0 0 5px;
}
header.site-header .site-header-wrapper .main-navigation ul.menu li.services-submenu .sub-menu li a .submenu-wrap .page-subtitle {
color: #888399;
overflow: hidden;
text-overflow: ellipsis;
font-family: Figtree;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
header.site-header .site-header-wrapper .main-navigation ul.menu li.services-submenu .sub-menu li:hover a .submenu-wrap .page-name {
color: #626EDB;
}
@media (max-width: 1139px) {
header.site-header .site-header-wrapper {
height: 60px;
padding: 0 30px;
}
header.site-header .site-header-wrapper .main-navigation ul.menu {
position: static;
}
header.site-header .site-header-wrapper .main-navigation ul.menu li {
margin: 0 15px 0 0;
}
header.site-header .site-header-wrapper .main-navigation ul.menu li a {
font-size: 10px;
}
.services-submenu .sub-menu {
width: auto;
}
}
@media (max-width: 767px) {
header.site-header .site-header-wrapper {
margin: 0 20px;
height: 50px;
padding: 0;
}
header.site-header .site-header-wrapper .menu-toggle {
position: absolute;
display: flex;
padding: 0;
align-items: center;
border: 0;
right: 20px;
height: 50px;
outline: 0;
}
header.site-header .site-header-wrapper .menu-toggle .menu-toggle__inner {
display: block;
position: relative;
width: 24px;
}
header.site-header .site-header-wrapper .menu-toggle .menu-toggle__inner .menu-toggle__line:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 2px;
border-radius: 2px;
top: -5px;
background-color: #CDCDCD;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
}
header.site-header .site-header-wrapper .menu-toggle .menu-toggle__inner .menu-toggle__line:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 2px;
top: 1px;
border-radius: 2px;
bottom: 0;
background-color: #CDCDCD;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
}
header.site-header .site-header-wrapper .menu-toggle.menu-visible .menu-toggle__inner .menu-toggle__line:before {
transform: translate3d(0, 6px, 0) rotate(20deg);
}
header.site-header .site-header-wrapper .menu-toggle.menu-visible .menu-toggle__inner .menu-toggle__line:after {
transform: translate3d(0, 0px, 0) rotate(-20deg);
}
header.site-header .site-header-wrapper .main-navigation {
position: fixed;
right: -100%;
top: 0;
background-color: #fff;
height: calc(100vh + 60px);
overflow-y: scroll;
width: 100%;
padding: 80px 0 0 0;
z-index: -1;
}
header.site-header .site-header-wrapper .main-navigation.menu-toggle--open {
right: 0;
}
header.site-header .site-header-wrapper .main-navigation ul.menu {
flex-direction: column;
margin: 0 20px;
align-items: flex-start;
overflow: auto;
height: calc(100vh - 100px);
}
header.site-header .site-header-wrapper .main-navigation ul.menu li {
margin: 0 0 30px;
}
header.site-header .site-header-wrapper .main-navigation ul.menu li a {
font-size: 20px;
line-height: normal;
}
header.site-header .site-header-wrapper .main-navigation ul.menu li.colored-btn {
width: 100%;
}
header.site-header .site-header-wrapper .main-navigation ul.menu li.colored-btn a {
width: 100%;
height: 50px;
}
.services-submenu {
position: relative;
}
.services-submenu .sub-menu {
height: 0;
overflow: hidden;
position: relative;
background: transparent;
box-shadow: none;
padding: 15px 0 0 15px;
top: auto;
}
.services-submenu.open .drop-down-arrow {
transform: translate3d(0, 0px, 0) rotate(0deg);
}
.services-submenu.open .sub-menu {
height: auto;
overflow: visible;
}
header.site-header .site-header-wrapper .main-navigation ul.menu li.services-submenu .sub-menu li {
width: 100%;
margin: 0 0 10px;
}
header.site-header .site-header-wrapper .main-navigation ul.menu li.services-submenu .sub-menu li a .submenu-wrap .page-name {
font-size: 17px;
}
header.site-header .site-header-wrapper .main-navigation ul.menu li.services-submenu .sub-menu li a .submenu-wrap .page-subtitle {
display: none;
}
.drop-down-arrow {
position: absolute;
width: 24px;
height: 24px;
top: 0;
left: 90px;
transition: all ease 0.3s;
transform: translate3d(0, 0px, 0) rotate(180deg);
}
}
#page {
position: relative;
max-width: 100vw;
min-height: 100vh;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
body {
font-family: 'Figtree', sans-serif;
font-style: normal;
font-weight: 400;
color: #1F1D2E;
position: relative;
}
body .site-wrapper {
max-width: 1140px;
margin: 0 auto;
width: 100%;
}
body .site-wrapper .site-body .section-block {
padding: 100px 0;
position: relative;
}
body .site-wrapper .site-body .section-block.ho-we-are {
padding: 120px 0 210px;
}
body .site-wrapper .site-body .section-block.ho-we-are .main-title {
font-family: 'Castoro', serif;
font-weight: 400;
font-size: 64px;
line-height: 110%;
color: #1F1D2E;
max-width: 760px;
margin: 0;
}
body .site-wrapper .site-body .section-block.ho-we-are .main-subtitle {
margin: 15px 0 40px;
font-size: 16px;
line-height: 145%;
color: #1F1D2E;
max-width: 400px;
}
body .site-wrapper .site-body .section-block.ho-we-are .button-wrap {
display: flex;
}
body .site-wrapper .site-body .section-block.ho-we-are .button-wrap .full-bg {
margin: 0 10px 0 0;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-transform: capitalize;
color: #fff;
background: linear-gradient(276.5deg, #525FD0 -47.16%, #2E3BAD 146.79%);
border-radius: 6px;
width: 142px;
height: 48px;
text-decoration: none;
justify-content: center;
}
body .site-wrapper .site-body .section-block.ho-we-are .button-wrap .full-bg:hover {
background: #4856CE;
}
body .site-wrapper .site-body .section-block.ho-we-are .button-wrap .border-bg {
border: 1px solid #C6CAF0;
border-radius: 6px;
width: 180px;
height: 48px;
text-decoration: none;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #3744B9;
display: flex;
align-items: center;
justify-content: center;
}
body .site-wrapper .site-body .section-block.ho-we-are .button-wrap .border-bg .arrow-with-button {
margin: 0 0 0 8px;
}
body .site-wrapper .site-body .section-block.ho-we-are .button-wrap .border-bg:hover {
border: 1px solid #AAAFDF;
}
body .site-wrapper .site-body .section-block.ho-we-are .main-image {
position: absolute;
width: auto;
height: 570px;
bottom: 100px;
right: -200px;
z-index: -1;
}
body .site-wrapper .site-body .section-block.ho-we-are .additional-block {
margin: 60px 0 0;
}
body .site-wrapper .site-body .section-block.ho-we-are .additional-block .text-devops-wrap {
display: flex;
max-width: 450px;
}
body .site-wrapper .site-body .section-block.ho-we-are .additional-block .text-devops-wrap .icon {
margin: 0 13px 0 0;
}
body .site-wrapper .site-body .section-block.ho-we-are .additional-block .text-devops-wrap .text-devops {
font-size: 14px;
line-height: 145%;
color: #888399;
}
body .site-wrapper .site-body .section-block.ho-we-are .additional-block .text-devops-wrap .text-devops .dark-text {
color: #131313;
}
body .site-wrapper .site-body .section-block.ho-we-are .additional-block .list-devops-link {
margin: 40px 0 0;
display: flex;
}
body .site-wrapper .site-body .section-block.ho-we-are .additional-block .list-devops-link .item {
display: flex;
align-items: center;
max-width: 230px;
}
body .site-wrapper .site-body .section-block.ho-we-are .additional-block .list-devops-link .item:last-child {
margin: 0;
}
body .site-wrapper .site-body .section-block.devops-expertise.section-block {
padding: 60px 0;
}
body .site-wrapper .site-body .section-block.devops-expertise .section-title {
max-width: 460px;
margin: 0 auto 30px;
}
body .site-wrapper .site-body .section-block.devops-expertise .section-title,
body .site-wrapper .site-body .section-block.devops-expertise .section-subtitle {
font-size: 18px;
line-height: 140%;
text-align: center;
color: #1F1D2E;
}
body .site-wrapper .site-body .section-block.devops-expertise .expertise-list {
display: flex;
flex-wrap: wrap;
}
body .site-wrapper .site-body .section-block.devops-expertise .expertise-list .expertise-item {
width: 25%;
}
body .site-wrapper .site-body .section-block.devops-expertise .expertise-list .expertise-item .counter {
font-weight: 500;
font-size: 64px;
line-height: 77px;
text-align: center;
color: #3744B9;
margin: 0 0 5px;
}
body .site-wrapper .site-body .section-block.devops-expertise .expertise-list .expertise-item .description {
margin: 0 auto;
max-width: 125px;
font-size: 16px;
line-height: 130%;
text-align: center;
color: #888399;
}
body .site-wrapper .site-body .section-block.devops-expertise:before {
content: '';
position: absolute;
background: linear-gradient(213deg, #F2F4FB -32.48%, rgba(242, 244, 251, 0) 132.69%);
height: 100%;
width: 200vw;
z-index: -1;
left: -100vw;
top: 0;
}
body .site-wrapper .site-body .section-block.why-need-devops.section-block {
padding: 120px 0 60px;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap {
display: flex;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap .left {
width: 30%;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap .right {
width: 70%;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap .right .devops-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 0 0 100px;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap .right .devops-list .devops-list-item {
width: 50%;
max-width: 290px;
margin: 0 0 40px;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap .right .devops-list .devops-list-item .icon {
margin: 0 0 20px;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap .right .devops-list .devops-list-item .title {
font-size: 16px;
line-height: 130%;
color: #1F1D2E;
margin: 0;
}
body .site-wrapper .site-body .section-block.why-need-devops .section-title {
max-width: 310px;
}
body .site-wrapper .site-body .section-block.our-services.section-block {
padding: 60px 0 100px;
}
body .site-wrapper .site-body .section-block.our-services .section-container {
display: flex;
flex-wrap: wrap;
}
body .site-wrapper .site-body .section-block.our-services .section-container .top {
width: 100%;
display: flex;
margin: 0 0 30px;
}
body .site-wrapper .site-body .section-block.our-services .section-container .top .section-title {
width: 30%;
}
body .site-wrapper .site-body .section-block.our-services .section-container .left {
width: 30%;
}
body .site-wrapper .site-body .section-block.our-services .section-container .left .our-services-image {
width: 320px;
height: 325px;
}
body .site-wrapper .site-body .section-block.our-services .section-container .right {
width: 70%;
padding: 0 0 0 100px;
display: flex;
flex-direction: column;
}
body .site-wrapper .site-body .section-block.our-case-studies.section-block {
padding: 40px 0 200px;
}
body .site-wrapper .site-body .section-block.our-case-studies .link-to-page {
margin: 10px 0 30px;
}
body .site-wrapper .site-body .section-block.our-case-studies .link-to-page a {
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
color: #3744B9;
}
body .site-wrapper .site-body .section-block.our-case-studies .link-to-page a .icon {
display: flex;
margin: 0 0 0 8px;
}
body .site-wrapper .site-body .section-block.our-case-studies .case-studies-list .case-item {
margin: 0;
}
body .site-wrapper .site-body .section-block.how-we-work.section-block {
padding: 120px 0 140px;
}
body .site-wrapper .site-body .section-block.how-we-work .section-title {
margin: 0 0 72px;
text-align: center;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list {
display: flex;
flex-wrap: wrap;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row {
display: flex;
width: 100%;
position: relative;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(1) {
margin: 0 0 100px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(1):before {
content: '';
width: 80%;
height: 1px;
left: 20px;
top: -26px;
background: #AAAFDF;
position: absolute;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(1):after {
content: '';
background-image: url(/wp-content/themes/gart/images/vectors/how-we-work-arrow.svg);
position: absolute;
right: 18%;
top: -30px;
width: 8px;
height: 9px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(1) .how-we-work-list-item:nth-child(1) .bottom {
max-width: 300px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(1) .how-we-work-list-item:nth-child(2) .bottom {
max-width: 260px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(2):before {
content: '';
width: 72%;
height: 1px;
left: 84px;
top: -26px;
background: #AAAFDF;
position: absolute;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(1) {
padding: 0 0 0 120px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(1) .bottom {
max-width: 190px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(2) {
padding: 0 0 0 118px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(2) .title {
max-width: 190px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(3) {
padding: 0 0 0 120px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(3) .title {
max-width: 139px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(3) .bottom {
max-width: 230px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item {
display: flex;
flex-direction: column;
width: 33.3%;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item .top {
display: flex;
align-items: center;
margin: 0 0 8px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item .top .counter {
font-size: 18px;
line-height: 22px;
min-width: 44px;
min-height: 44px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #AAAFDF;
color: #3744B9;
position: relative;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item .top .counter:before {
content: '';
width: 7px;
height: 7px;
top: -30px;
background: #3744B9;
position: absolute;
border-radius: 50%;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item .top .title {
font-weight: 500;
font-size: 18px;
line-height: 120%;
color: #3744B9;
margin: 0 0 0 20px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item .bottom {
padding: 0 0 0 64px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item .bottom .description {
font-size: 16px;
line-height: 140%;
color: #888399;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-abstraction {
position: absolute;
top: -150px;
right: 40px;
}
body .site-wrapper .site-body .section-block.how-we-work:before {
content: '';
position: absolute;
background: linear-gradient(221.94deg, #F2F4FB -59.64%, rgba(242, 244, 251, 0) 130.06%);
height: 100%;
width: 200vw;
z-index: -1;
left: -100vw;
top: 0;
}
body .site-wrapper .site-body .section-block.benefits.section-block {
padding: 140px 0 100px;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap {
display: flex;
flex-wrap: wrap;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .section-title {
max-width: 250px;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .left {
width: 30%;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .left .section-subtitle {
margin: 30px 0 0;
font-weight: 400;
font-size: 16px;
line-height: 145%;
max-width: 300px;
color: #1F1D2E;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .left .button-wrap {
margin: 30px 0 0 0;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .left .button-wrap .button-link {
width: 160px;
height: 50px;
color: #fff;
background: #3744B9;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
transition: all .5s ease;
text-decoration: none;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .left .button-wrap .button-link:hover, body .site-wrapper .site-body .section-block.benefits .benefits-wrap .left .button-wrap .button-link:focus {
color: #fff;
background-color: #4856CE;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .right {
width: 70%;
padding: 0 0 0 70px;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .right .benefits-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .right .benefits-list .benefits-list-item {
width: 100%;
max-width: 320px;
margin: 0 0 60px;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .right .benefits-list .benefits-list-item .icon {
width: 100%;
margin: 0 0 30px;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .right .benefits-list .benefits-list-item .title {
font-weight: 500;
font-size: 18px;
line-height: 130%;
color: #1F1D2E;
margin: 0 0 10px;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .right .benefits-list .benefits-list-item .description {
font-size: 16px;
line-height: 150%;
color: #888399;
}
body .site-wrapper .site-body .section-block.clutch {
position: relative;
padding: 140px 0 100px;
}
body .site-wrapper .site-body .section-block.clutch .clutch-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
body .site-wrapper .site-body .section-block.clutch .clutch-list .clutch-list-item {
padding: 40px;
width: calc(33.3% - 15px);
background: #fff;
border: 1px solid #C6CAF0;
border-radius: 16px;
}
body .site-wrapper .site-body .section-block.clutch .clutch-list .clutch-list-item .descriptions {
font-family: 'Castoro', serif;
font-size: 16px;
line-height: 160%;
margin: 0 0 15px;
color: #5D5968;
}
body .site-wrapper .site-body .section-block.clutch .clutch-list .clutch-list-item .date {
font-size: 13px;
line-height: 130%;
margin: 0 0 30px;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #888399;
}
body .site-wrapper .site-body .section-block.clutch .clutch-list .clutch-both {
width: calc(66.66% - 15px);
display: flex;
justify-content: space-between;
}
body .site-wrapper .site-body .section-block.clutch .clutch-list .clutch-both .clutch-list-item {
width: calc(50% - 15px);
}
body .site-wrapper .site-body .section-block.clutch .clutch-list .clutch-both .clutch-list-item:nth-child(1) {
top: -60px;
position: relative;
}
body .site-wrapper .site-body .section-block.clutch .clutch-abstraction {
position: absolute;
top: 230px;
left: -150px;
width: auto;
height: 758px;
z-index: -1;
}
body .site-wrapper .site-body .section-block.contact-us {
padding: 100px 0 175px;
}
body .site-wrapper .site-body .section-block.contact-us .contact-us-subtitle {
font-size: 16px;
line-height: 150%;
color: #1F1D2E;
margin: 10px 0 30px;
}
body .site-wrapper .site-body .section-block.contact-us .wpcf7-form {
width: 370px;
}
body .site-wrapper .site-body .section-block.contact-us .form-name,
body .site-wrapper .site-body .section-block.contact-us .form-company-name,
body .site-wrapper .site-body .section-block.contact-us .form-email {
position: relative;
}
body .site-wrapper .site-body .section-block.contact-us .form-name .wpcf7-form-control-wrap,
body .site-wrapper .site-body .section-block.contact-us .form-company-name .wpcf7-form-control-wrap,
body .site-wrapper .site-body .section-block.contact-us .form-email .wpcf7-form-control-wrap {
position: initial;
}
body .site-wrapper .site-body .section-block.contact-us .form-name .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
body .site-wrapper .site-body .section-block.contact-us .form-company-name .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
body .site-wrapper .site-body .section-block.contact-us .form-email .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
color: #dc3232;
font-size: 12px;
font-weight: normal;
display: block;
position: absolute;
top: 0;
right: 0;
}
body .site-wrapper .site-body .section-block.contact-us .form-name input,
body .site-wrapper .site-body .section-block.contact-us .form-company-name input,
body .site-wrapper .site-body .section-block.contact-us .form-email input {
width: 100%;
background: #fff;
height: 40px;
margin: 0 0 15px;
padding: 0 10px;
border: 1px solid #DEDEDE;
border-radius: 4px;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
color: #888399;
}
body .site-wrapper .site-body .section-block.contact-us .form-name input::-webkit-input-placeholder, body .site-wrapper .site-body .section-block.contact-us .form-name input::-moz-placeholder, body .site-wrapper .site-body .section-block.contact-us .form-name input:-ms-input-placeholder, body .site-wrapper .site-body .section-block.contact-us .form-name input:-moz-placeholder,
body .site-wrapper .site-body .section-block.contact-us .form-company-name input::-webkit-input-placeholder,
body .site-wrapper .site-body .section-block.contact-us .form-company-name input::-moz-placeholder,
body .site-wrapper .site-body .section-block.contact-us .form-company-name input:-ms-input-placeholder,
body .site-wrapper .site-body .section-block.contact-us .form-company-name input:-moz-placeholder,
body .site-wrapper .site-body .section-block.contact-us .form-email input::-webkit-input-placeholder,
body .site-wrapper .site-body .section-block.contact-us .form-email input::-moz-placeholder,
body .site-wrapper .site-body .section-block.contact-us .form-email input:-ms-input-placeholder,
body .site-wrapper .site-body .section-block.contact-us .form-email input:-moz-placeholder {
color: #888399;
}
body .site-wrapper .site-body .section-block.contact-us .form-name input.wpcf7-not-valid,
body .site-wrapper .site-body .section-block.contact-us .form-company-name input.wpcf7-not-valid,
body .site-wrapper .site-body .section-block.contact-us .form-email input.wpcf7-not-valid {
border: 1px solid #dc3232;
}
body .site-wrapper .site-body .section-block.contact-us .form-textarea textarea {
height: 100px;
border: 1px solid #DEDEDE;
border-radius: 4px;
resize: none;
padding: 12px;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
color: #888399;
}
body .site-wrapper .site-body .section-block.contact-us .form-textarea textarea::-webkit-input-placeholder, body .site-wrapper .site-body .section-block.contact-us .form-textarea textarea::-moz-placeholder, body .site-wrapper .site-body .section-block.contact-us .form-textarea textarea:-ms-input-placeholder, body .site-wrapper .site-body .section-block.contact-us .form-textarea textarea:-moz-placeholder {
color: #888399;
}
body .site-wrapper .site-body .section-block.contact-us .form-recaptcha {
margin: 20px 0 20px;
}
body .site-wrapper .site-body .section-block.contact-us .form-submit {
position: relative;
}
body .site-wrapper .site-body .section-block.contact-us .form-submit input[type="submit"] {
padding: 0;
border: 0;
width: 100%;
height: 48px;
color: #fff;
font-weight: 500;
font-size: 14px;
line-height: 17px;
background: linear-gradient(276.5deg, #525FD0 -47.16%, #2E3BAD 146.79%);
border-radius: 6px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
cursor: pointer;
transition: all .5s ease;
}
body .site-wrapper .site-body .section-block.contact-us .form-submit .wpcf7-spinner {
position: absolute;
right: -40px;
bottom: 12px;
margin: 0;
}
body .site-wrapper .site-body .section-block.contact-us .wpcf7-response-output {
display: none !important;
}
body .site-wrapper .site-body .section-block.contact-us .contact-us-image {
position: absolute;
width: 590px;
height: 440px;
top: 256px;
right: 0;
z-index: -1;
}
body .site-wrapper .site-body .section-block .section-title {
font-family: 'Castoro', serif;
font-size: 36px;
line-height: 120%;
color: #1F1D2E;
margin: 0;
}
body .site-wrapper .site-body .section-block .section-subtitle {
font-size: 16px;
line-height: 145%;
color: #1F1D2E;
max-width: 300px;
}
body .success-email-send-blog,
body .success-email-send {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(19, 19, 19, 0.5);
display: none;
z-index: 50;
}
body .success-email-send-blog .block-success,
body .success-email-send .block-success {
position: fixed;
width: 500px;
height: 390px;
top: calc(50% - 195px);
left: calc(50% - 250px);
background: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border: 1px solid #CDCDCD;
border-radius: 3px;
}
body .success-email-send-blog .block-success .close-contact-form,
body .success-email-send .block-success .close-contact-form {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
body .success-email-send-blog .block-success .thank-you,
body .success-email-send .block-success .thank-you {
margin: 0 0 30px;
}
body .success-email-send-blog .block-success .section-title,
body .success-email-send .block-success .section-title {
font-family: 'Castoro', serif;
font-size: 36px;
line-height: 120%;
display: flex;
align-items: center;
text-align: center;
margin: 0 0 10px;
color: #1F1D2E;
max-width: 290px;
}
body .success-email-send-blog .block-success .section-subtitle,
body .success-email-send .block-success .section-subtitle {
font-size: 16px;
line-height: 120%;
display: flex;
align-items: center;
text-align: center;
color: #888399;
}
body .success-email-send-blog.show-block,
body .success-email-send.show-block {
display: block;
}
body .home:before {
content: '';
position: absolute;
bottom: 160px;
width: 100%;
z-index: -1;
height: 1600px;
left: 0;
background: linear-gradient(344.02deg, #F2F4FB 0.63%, rgba(242, 244, 251, 0.390625) 69.55%, rgba(242, 244, 251, 0) 83.86%);
}
@media (max-width: 1139px) {
body .site-wrapper {
max-width: 100%;
padding: 0 30px;
overflow: hidden;
}
body .site-wrapper .site-body .section-block.ho-we-are {
margin: 0 -30px;
padding: 140px 0 460px;
}
body .site-wrapper .site-body .section-block.ho-we-are .main-title {
max-width: initial;
margin: 0 30px;
}
body .site-wrapper .site-body .section-block.ho-we-are .main-subtitle {
max-width: initial;
margin: 30px 30px 40px;
}
body .site-wrapper .site-body .section-block.ho-we-are .button-wrap {
margin: 0 30px;
}
body .site-wrapper .site-body .section-block.ho-we-are .main-image {
width: 100%;
height: 510px;
top: auto;
bottom: 0;
}
body .site-wrapper .site-body .section-block.ho-we-are .additional-block {
margin: 20px 30px 60px;
}
body .site-wrapper .site-body .section-block.why-need-devops .devops-list .devops-list-item {
max-width: 100%;
display: flex;
}
body .site-wrapper .site-body .section-block.why-need-devops .devops-list .devops-list-item .item-icon {
width: 26%;
display: flex;
justify-content: flex-end;
padding: 0 40px 0 0;
}
body .site-wrapper .site-body .section-block.why-need-devops .devops-list .devops-list-item .item-info {
width: 74%;
}
body .site-wrapper .site-body .section-block.industry-expertise .industry-expertise-wrap .left .industry-expertise-image {
width: 100%;
}
body .site-wrapper .site-body .section-block.our-services .section-container .top {
flex-direction: column;
}
body .site-wrapper .site-body .section-block.our-services .section-container .top .section-title {
width: 100%;
}
body .site-wrapper .site-body .section-block.our-services .section-container .top .section-subtitle {
width: 100%;
padding: 0;
margin: 30px 0 0;
}
body .site-wrapper .site-body .section-block.our-services .section-container .left {
width: 30%;
}
body .site-wrapper .site-body .section-block.our-services .section-container .right {
width: 70%;
padding: 0 0 0 60px;
flex-direction: column;
}
body .site-wrapper .site-body .section-block.our-services .section-container .right .left-items-block {
width: 100%;
}
body .site-wrapper .site-body .section-block.our-services .section-container .right .right-items-block {
width: 100%;
}
body .site-wrapper .site-body .section-block.our-services .section-container .right .accordion .services_item .title .title-text {
margin: 0;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list {
flex-direction: column;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .how-we-work-list-item {
width: 100%;
display: flex;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .how-we-work-list-item .top {
width: 100%;
max-width: 70px;
margin: 0 30px 0 0;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .how-we-work-list-item .bottom {
position: relative;
width: calc(100% - 100px);
padding: 0 0 0 40px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .how-we-work-list-item .bottom .title {
margin: 0 0 10px;
padding: 0;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .how-we-work-list-item:last-child .right .separator:after {
content: none;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .left {
width: 100%;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .right {
width: 100%;
padding: 0;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .right .benefits-list {
flex-direction: column;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .right .benefits-list .benefits-list-item {
width: 100%;
display: flex;
justify-content: space-between;
max-width: initial;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .right .benefits-list .benefits-list-item .item-icon {
width: 50%;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .right .benefits-list .benefits-list-item .item-info {
width: 50%;
}
body .site-wrapper .site-body .section-block.contact-us {
padding: 100px 0 390px;
}
body .site-wrapper .site-body .section-block.contact-us .contact-us-image {
bottom: 40px;
right: -100px;
top: auto;
}
}
@media (max-width: 992px) {
body .home {
position: relative;
}
body .home:before {
bottom: 0;
}
body .site-wrapper .site-body .section-block.ho-we-are {
padding: 140px 0 40px;
}
body .site-wrapper .site-body .section-block.ho-we-are .button-wrap {
margin: 0 30px 440px;
}
body .site-wrapper .site-body .section-block.ho-we-are .main-subtitle {
max-width: 400px;
}
body .site-wrapper .site-body .section-block.ho-we-are .main-image {
width: auto;
height: 525px;
top: auto;
bottom: 170px;
right: -120px;
}
body .site-wrapper .site-body .section-block.ho-we-are .additional-block {
margin: 0 30px 0;
display: flex;
}
body .site-wrapper .site-body .section-block.ho-we-are .additional-block .text-devops-wrap {
max-width: 50%;
}
body .site-wrapper .site-body .section-block.ho-we-are .additional-block .list-devops-link {
margin: 0;
padding: 0 0 0 10px;
flex-direction: row-reverse;
justify-content: center;
}
body .site-wrapper .site-body .section-block.ho-we-are .additional-block .list-devops-link .item {
margin: 0;
}
body .site-wrapper .site-body .section-block.ho-we-are .additional-block .list-devops-link .item-clutch {
margin-left: 20px;
}
body .site-wrapper .site-body .section-block.why-need-devops.section-block {
padding: 80px 0 40px;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap {
flex-direction: column;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap .left {
width: 100%;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap .left .section-title {
max-width: 454px;
margin: 0 0 20px;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap .right {
width: 100%;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap .right .devops-list {
padding: 0;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap .right .devops-list .devops-list-item {
margin: 0 0 40px;
flex-direction: column;
max-width: 320px;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap .right .devops-list .devops-list-item .item-info {
width: 100%;
}
body .site-wrapper .site-body .section-block.our-services.section-block {
padding: 40px 0 40px;
}
body .site-wrapper .site-body .section-block.our-services .section-container {
flex-direction: column;
}
body .site-wrapper .site-body .section-block.our-services .section-container .top {
margin: 0 0 24px;
flex-direction: column;
}
body .site-wrapper .site-body .section-block.our-services .section-container .top .section-title {
width: 100%;
}
body .site-wrapper .site-body .section-block.our-services .section-container .top .section-subtitle {
width: 100%;
padding: 0;
margin: 0;
}
body .site-wrapper .site-body .section-block.our-services .section-container .left {
width: 100%;
}
body .site-wrapper .site-body .section-block.our-services .section-container .left .section-subtitle {
max-width: 590px;
}
body .site-wrapper .site-body .section-block.our-services .section-container .left .our-services-image {
width: 100%;
}
body .site-wrapper .site-body .section-block.our-services .section-container .right {
flex-direction: column;
width: 100%;
padding: 0;
margin: 40px 0 0 0;
}
body .site-wrapper .site-body .section-block.our-services .section-container .right .left-items-block,
body .site-wrapper .site-body .section-block.our-services .section-container .right .right-items-block {
width: 100%;
}
body .site-wrapper .site-body .section-block.how-we-work.section-block {
padding: 100px 0 70px;
}
body .site-wrapper .site-body .section-block.how-we-work.section-block .section-title {
margin: 0 0 30px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list {
position: relative;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list:before {
content: '';
width: 1px;
height: 82%;
left: 112px;
top: 20px;
background: #AAAFDF;
position: absolute;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row {
flex-direction: column;
padding: 0 0 0 160px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item {
display: flex;
width: 100%;
margin: 0 0 30px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item .top {
width: 100%;
margin: 0;
max-width: unset;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item .top .counter:before {
left: -52px;
top: unset;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item .top .title {
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: #3744B9;
margin: 0 0 0 20px;
padding: 0;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item .bottom {
padding: 8px 0 0 64px;
width: 100%;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item .bottom .description {
font-size: 16px;
line-height: 150%;
padding: 0;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(1) {
margin: 0;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(1):before, body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(1):after {
content: none;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(1) .how-we-work-list-item:nth-child(1) .bottom {
max-width: unset;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(1) .how-we-work-list-item:nth-child(2) .bottom {
max-width: 260px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(2):before, body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(2):after {
content: none;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(1) {
padding: 0;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(2) {
padding: 0;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(3) {
padding: 0;
}
body .site-wrapper .site-body .section-block.our-case-studies.section-block {
padding: 40px 0 140px;
}
body .site-wrapper .site-body .section-block.our-case-studies .case-studies-list .case-item {
margin: 0 0 30px;
}
body .site-wrapper .site-body .section-block.benefits.section-block {
padding: 80px 0 0;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .section-title {
max-width: unset;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .left .section-subtitle {
margin: 10px 0 0;
max-width: 550px;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .left .button-wrap {
margin: 30px 0;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .right .benefits-list .benefits-list-item .icon {
margin: 0 0 30px;
}
body .site-wrapper .site-body .section-block.clutch.section-block {
padding: 100px 0 110px;
margin: 120px 0 0;
}
body .site-wrapper .site-body .section-block.clutch .clutch-abstraction {
top: 30px;
left: -30px;
}
body .site-wrapper .site-body .section-block.clutch .clutch-list {
align-items: center;
margin: -190px 0 0;
}
body .site-wrapper .site-body .section-block.clutch .clutch-list .clutch-list-item {
width: calc(50% - 15px);
}
body .site-wrapper .site-body .section-block.clutch .clutch-list .clutch-both {
width: calc(50% - 20px);
display: flex;
justify-content: space-between;
flex-direction: column;
}
body .site-wrapper .site-body .section-block.clutch .clutch-list .clutch-both .clutch-list-item {
width: 100%;
}
body .site-wrapper .site-body .section-block.clutch .clutch-list .clutch-both .clutch-list-item:nth-child(1) {
top: 0;
margin: 0 0 40px;
}
body .site-wrapper .site-body .section-block.contact-us {
padding: 100px 0 180px;
}
body .site-wrapper .site-body .section-block.contact-us .wpcf7-form {
width: 320px;
}
body .site-wrapper .site-body .section-block.contact-us .contact-us-image {
bottom: 120px;
right: -170px;
}
}
@media (max-width: 767px) {
body .site-wrapper {
max-width: 100%;
padding: 0 20px;
position: relative;
overflow: hidden;
}
body .site-wrapper .site-body .section-block {
padding: 60px 0;
}
body .site-wrapper .site-body .section-block .section-title {
font-size: 24px;
line-height: 29px;
margin: 0 0 30px;
}
body .site-wrapper .site-body .section-block .section-subtitle {
font-size: 16px;
line-height: 24px;
}
body .site-wrapper .site-body .section-block.ho-we-are {
padding: 70px 0 60px;
margin: 0 -20px;
}
body .site-wrapper .site-body .section-block.ho-we-are .main-title {
font-size: 32px;
line-height: 35px;
margin: 0 20px;
}
body .site-wrapper .site-body .section-block.ho-we-are .main-subtitle {
margin: 20px 20px 40px;
font-size: 16px;
line-height: 24px;
}
body .site-wrapper .site-body .section-block.ho-we-are .button-wrap {
margin: 0 20px;
}
body .site-wrapper .site-body .section-block.ho-we-are .main-image {
position: relative;
width: 100%;
max-width: 100vw;
height: auto;
top: auto;
right: auto;
margin: 20px 0 0;
bottom: 0;
}
body .site-wrapper .site-body .section-block.ho-we-are .additional-block {
margin: 20px 20px 0;
flex-direction: column;
}
body .site-wrapper .site-body .section-block.ho-we-are .additional-block .text-devops-wrap {
max-width: 100%;
margin: 0 0 30px;
}
body .site-wrapper .site-body .section-block.ho-we-are .additional-block .list-devops-link {
flex-direction: column;
justify-content: center;
align-items: center;
}
body .site-wrapper .site-body .section-block.ho-we-are .additional-block .list-devops-link .item-clutch {
margin: 20px auto;
}
body .site-wrapper .site-body .section-block.industry-expertise .industry-expertise-wrap .left {
width: 100%;
}
body .site-wrapper .site-body .section-block.industry-expertise .industry-expertise-wrap .right {
width: 100%;
padding: 0;
}
body .site-wrapper .site-body .section-block.benefits.section-block {
padding: 80px 0 20px;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .right .benefits-list .benefits-list-item {
max-width: none;
margin: 0 0 40px;
flex-direction: column;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .right .benefits-list .benefits-list-item .item-icon {
width: 100%;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .right .benefits-list .benefits-list-item .item-icon .icon {
margin: 0 0 40px;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .right .benefits-list .benefits-list-item .item-icon .icon img {
width: 100%;
}
body .site-wrapper .site-body .section-block.benefits .benefits-wrap .right .benefits-list .benefits-list-item .item-info {
width: 100%;
}
body .site-wrapper .site-body .section-block.how-we-work.section-block {
padding: 100px 0 50px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list {
position: relative;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list:before {
content: '';
width: 1px;
height: 83%;
left: 8px;
top: 20px;
background: #AAAFDF;
position: absolute;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row {
flex-direction: column;
padding: 0 0 0 27px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(1) .how-we-work-list-item:nth-child(1) .bottom, body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(1) .bottom {
max-width: unset;
padding: 5px 0 0 49px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(1) .how-we-work-list-item:nth-child(2) .bottom, body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(2) .bottom {
max-width: unset;
padding: 5px 0 0 49px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(1) .how-we-work-list-item:nth-child(3) .bottom, body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(3) .bottom {
max-width: unset;
padding: 5px 0 0 49px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item {
display: flex;
width: 100%;
margin: 0 0 30px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item .top {
width: 100%;
margin: 0;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item .top .counter {
font-size: 16px;
line-height: 19px;
min-width: 34px;
min-height: 34px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item .top .counter:before {
left: -23px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item .top .title {
margin: 0 0 0 15px;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item .top:before {
left: -20px;
top: unset;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .how-we-work-list-item .title {
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: #3744B9;
margin: 0 0 0 15px;
padding: 0;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .bottom {
padding: 0 0 0 15px;
width: 100%;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list .work-list-row .bottom .description {
font-size: 16px;
line-height: 150%;
padding: 0;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list:nth-child(1) {
margin: 0;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list:nth-child(2) .how-we-work-list-item:nth-child(1) {
padding: 0;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list:nth-child(2) .how-we-work-list-item:nth-child(2) {
padding: 0;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-list:nth-child(2) .how-we-work-list-item:nth-child(3) {
padding: 0;
}
body .site-wrapper .site-body .section-block.how-we-work .how-we-work-abstraction {
right: -80px;
height: 224px;
top: -130px;
}
body .site-wrapper .site-body .section-block.our-cases .our-cases-list-item .left {
width: 100%;
}
body .site-wrapper .site-body .section-block.our-cases .our-cases-list-item .left .title {
font-weight: 500;
font-size: 20px;
line-height: 25px;
margin: 0 0 30px;
}
body .site-wrapper .site-body .section-block.our-cases .our-cases-list-item .right {
width: 100%;
padding: 0;
}
body .site-wrapper .site-body .section-block.devops-expertise .expertise-list .expertise-item {
width: 50%;
}
body .site-wrapper .site-body .section-block.why-need-devops.section-block {
padding: 60px 0 40px;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap {
flex-direction: column;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap .left {
width: 100%;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap .right {
width: 100%;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap .right .devops-list {
padding: 0;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap .right .devops-list .devops-list-item {
width: 100%;
max-width: unset;
margin: 0 0 30px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap .right .devops-list .devops-list-item .item-icon {
width: 60px;
}
body .site-wrapper .site-body .section-block.why-need-devops .why-need-devops-wrap .right .devops-list .devops-list-item .item-info {
width: calc(100% - 60px);
}
body .site-wrapper .site-body .section-block.why-need-devops .devops-list .devops-list-item {
max-width: none;
margin: 0 0 30px;
flex-direction: column;
}
body .site-wrapper .site-body .section-block.why-need-devops .devops-list .devops-list-item .item-icon {
width: 100%;
justify-content: flex-start;
padding: 0;
}
body .site-wrapper .site-body .section-block.why-need-devops .devops-list .devops-list-item .item-icon .icon {
margin: 0 0 20px;
}
body .site-wrapper .site-body .section-block.why-need-devops .devops-list .devops-list-item .item-info {
width: 100%;
}
body .site-wrapper .site-body .section-block.why-need-devops .devops-list .devops-list-item .item-info .description p {
margin: 0;
}
body .site-wrapper .site-body .section-block.our-case-studies .case-studies-list .case-item {
margin: 0 0 30px;
}
body .site-wrapper .site-body .section-block.clutch.section-block {
padding: 0 0 60px;
margin: 0;
}
body .site-wrapper .site-body .section-block.clutch .abstraction {
display: none;
}
body .site-wrapper .site-body .section-block.clutch .clutch-list {
margin: 0;
}
body .site-wrapper .site-body .section-block.clutch .clutch-list .clutch-list-item {
margin: 0 0 30px;
padding: 30px;
width: 100%;
}
body .site-wrapper .site-body .section-block.clutch .clutch-list .clutch-both {
width: 100%;
}
body .site-wrapper .site-body .section-block.clutch .clutch-list .clutch-both .clutch-list-item {
width: 100%;
}
body .site-wrapper .site-body .section-block.clutch .clutch-list .clutch-both .clutch-list-item:nth-child(1) {
top: unset;
}
body .site-wrapper .site-body .section-block.contact-us {
padding: 20px 0 60px;
margin: 0 -20px;
}
body .site-wrapper .site-body .section-block.contact-us .section-title {
margin: 0 20px 30px;
}
body .site-wrapper .site-body .section-block.contact-us .contact-us-subtitle {
font-size: 18px;
line-height: 22px;
margin: 0 20px 20px;
}
body .site-wrapper .site-body .section-block.contact-us .wpcf7-form {
width: 100%;
padding: 0 20px;
}
body .site-wrapper .site-body .section-block.contact-us .contact-us-image {
position: relative;
width: 100%;
height: 400px;
top: 40px;
right: 0;
z-index: -1;
}
body .success-email-send-blog .block-success,
body .success-email-send .block-success {
width: calc(100% - 40px);
left: 20px;
height: 390px;
top: calc(50% - 195px);
margin: 0 20px 0 0;
background: #fff;
}
}
.clutch-link {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin: 0 0 40px;
}
.clutch-link_logo {
margin-right: 23px;
}
.clutch-link_arrow {
transform: translateX(0);
transition: .12s ease-in;
}
.clutch-link:hover .clutch-link_arrow {
transform: translateX(10px);
transition: .12s ease-in;
}
.item-clutch {
margin-right: 40px;
}
.item-clutch .content {
display: flex;
}
.item-clutch .small_widget_logo_text {
color: #6a797e;
display: block;
font-size: 11px;
letter-spacing: 1px;
margin: 0 0 5px;
text-transform: uppercase;
white-space: nowrap;
}
.item-clutch .small_widget_text {
margin-left: 16px;
}
.item-clutch .rating {
display: none;
}
.item-clutch .small_widget_text .reviews-totals-stars {
padding-right: 4px;
padding-top: 1px;
}
.item-clutch .fivestar {
display: flex;
height: 19px;
}
.item-clutch .fivestar .star {
display: inline-block;
font-size: 0;
height: 16px;
margin-right: 2px;
overflow: hidden;
position: relative;
text-indent: 0;
width: 16px;
}
.item-clutch .fivestar .star span.off, .item-clutch .fivestar .star span.on {
display: block;
height: 16px;
width: 16px;
}
.item-clutch .fivestar .star span.off:after, .item-clutch .fivestar .star span.off:before, .item-clutch .fivestar .star span.on:after, .item-clutch .fivestar .star span.on:before {
content: "";
display: block;
height: 100%;
min-height: 16px;
width: 100%;
}
.item-clutch .fivestar .star span.off:before, .item-clutch .fivestar .star span.on:before {
background-color: #e62415;
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
min-width: 16px;
}
.item-clutch .fivestar .star span.off:after, .item-clutch .fivestar .star span.on:after {
background-color: #e62415;
margin-top: -16px;
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-image: url('data:image/svg+xml;charset=utf-8,');
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
}
.item-clutch .reviews-count {
display: inline-block;
font-size: 14px;
letter-spacing: 1px;
margin-top: 7px;
text-align: left;
text-transform: uppercase;
white-space: nowrap;
}
.item-clutch a {
color: #6a797e;
text-decoration: none;
}
.hidden {
display: none !important;
}
.page-template-default {
padding: 100px 0 0;
}
.page-template-default .entry-content {
padding: 0 0 50px;
}
.page-template-default .entry-content p {
margin: 0 0 24px;
}
.page-template-default .entry-content h1 {
margin: 0 0 50px;
}
.page-template-default .entry-content h3 {
margin: 0 0 30px;
}
@media (max-width: 767px) {
.page-template-default {
padding: 70px 0 0;
}
}
.sortable-page .sortable-page-content .reviews-section {
padding: 100px 0 140px;
}
.sortable-page .sortable-page-content .reviews-section .section-title {
color: #1F1D2E;
text-align: center;
font-size: 36px;
line-height: normal;
text-transform: capitalize;
margin: 0;
}
.sortable-page .sortable-page-content .reviews-section .arrow-slider {
display: flex;
justify-content: center;
padding: 40px 0;
}
.sortable-page .sortable-page-content .reviews-section .arrow-slider .carousel-prev {
border-radius: 50%;
border: 1px solid #c6caf0;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 20px 0 0;
cursor: pointer;
}
.sortable-page .sortable-page-content .reviews-section .arrow-slider .carousel-next {
border-radius: 50%;
border: 1px solid #c6caf0;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.sortable-page .sortable-page-content .reviews-section .carousel-inner .carousel-item .reviews-item-wrap {
background: rgba(238, 238, 238, 0.3);
padding: 30px;
border-radius: 10px;
}
.sortable-page .sortable-page-content .reviews-section .carousel-inner .carousel-item .reviews-item-wrap .description {
font-size: 18px;
margin: 0 0 30px;
}
.sortable-page .sortable-page-content .reviews-section .carousel-inner .carousel-item .reviews-item-wrap .short-info-wrap {
display: flex;
align-items: center;
}
.sortable-page .sortable-page-content .reviews-section .carousel-inner .carousel-item .reviews-item-wrap .short-info-wrap .image-block {
margin: 0 30px 0 0;
}
.sortable-page .sortable-page-content .reviews-section .carousel-inner .carousel-item .reviews-item-wrap .short-info-wrap .image-block img {
width: 70px;
height: 70px;
object-fit: cover;
border-radius: 50px;
}
.sortable-page .sortable-page-content .reviews-section .carousel-inner .carousel-item .reviews-item-wrap .short-info-wrap .position {
font-size: 14px;
}
@media (max-width: 767px) {
.sortable-page .sortable-page-content .reviews-section {
padding: 40px 0 60px;
}
.sortable-page .sortable-page-content .reviews-section .reviews-head {
flex-direction: column;
margin: 0 0 20px;
}
.sortable-page .sortable-page-content .reviews-section .reviews-head .section-title {
font-size: 24px;
margin: 0 auto 20px;
text-align: center;
}
.sortable-page .sortable-page-content .reviews-section .reviews-head .arrow-slider .carousel-prev,
.sortable-page .sortable-page-content .reviews-section .reviews-head .arrow-slider .carousel-next {
width: 35px;
height: 35px;
}
.sortable-page .sortable-page-content .reviews-section .carousel-inner .carousel-item .reviews-item-wrap {
background: #eee;
}
.sortable-page .sortable-page-content .reviews-section .carousel-inner .carousel-item .reviews-item-wrap .description {
font-size: 16px;
}
.sortable-page .sortable-page-content .reviews-section .carousel-inner .carousel-item .reviews-item-wrap .short-info-wrap .position {
font-size: 12px;
}
}
.contact-us-wrap {
display: flex;
position: relative;
z-index: 30;
min-height: 100vh;
justify-content: flex-end;
}
.contact-us-wrap .left {
width: 50%;
padding: 0 120px 50px 0;
background: #fff;
max-width: 570px;
}
.contact-us-wrap .left .site-logo {
position: absolute;
top: 17px;
}
.contact-us-wrap .left .site-logo .gart-logo {
height: 26px;
}
.contact-us-wrap .left h2 {
font-family: 'Castoro', serif;
font-size: 36px;
line-height: 110%;
color: #1F1D2E;
margin: 0 0 10px;
}
.contact-us-wrap .left h3 {
font-family: 'Figtree', sans-serif;
font-size: 16px;
line-height: 145%;
color: #1F1D2E;
max-width: 280px;
margin: 0 0 30px;
}
.contact-us-wrap .left h3 .black {
font-weight: 500;
color: #1f1d2e;
}
.contact-us-wrap .left .wpcf7-form {
padding: 150px 0 0 80px;
}
.contact-us-wrap .left .wpcf7-form .form-name,
.contact-us-wrap .left .wpcf7-form .form-company-name,
.contact-us-wrap .left .wpcf7-form .form-email {
position: relative;
}
.contact-us-wrap .left .wpcf7-form .form-name .wpcf7-form-control-wrap,
.contact-us-wrap .left .wpcf7-form .form-company-name .wpcf7-form-control-wrap,
.contact-us-wrap .left .wpcf7-form .form-email .wpcf7-form-control-wrap {
position: initial;
}
.contact-us-wrap .left .wpcf7-form .form-name .wpcf7-form-control-wrap .wpcf7-not-valid,
.contact-us-wrap .left .wpcf7-form .form-company-name .wpcf7-form-control-wrap .wpcf7-not-valid,
.contact-us-wrap .left .wpcf7-form .form-email .wpcf7-form-control-wrap .wpcf7-not-valid {
border: 1px solid #F85959;
}
.contact-us-wrap .left .wpcf7-form .form-name .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.contact-us-wrap .left .wpcf7-form .form-company-name .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.contact-us-wrap .left .wpcf7-form .form-email .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
font-size: 12px;
font-weight: normal;
display: block;
position: absolute;
bottom: -15px;
left: 0;
color: #F85959;
}
.contact-us-wrap .left .wpcf7-form .form-name input,
.contact-us-wrap .left .wpcf7-form .form-company-name input,
.contact-us-wrap .left .wpcf7-form .form-email input {
width: 100%;
background: #fff;
height: 40px;
margin: 0 0 15px;
padding: 0 10px;
border: 1px solid #DEDEDE;
border-radius: 4px;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
color: #888399;
}
.contact-us-wrap .left .wpcf7-form .form-name input::-webkit-input-placeholder, .contact-us-wrap .left .wpcf7-form .form-name input:-ms-input-placeholder, .contact-us-wrap .left .wpcf7-form .form-name input:-moz-placeholder,
.contact-us-wrap .left .wpcf7-form .form-company-name input::-webkit-input-placeholder,
.contact-us-wrap .left .wpcf7-form .form-company-name input:-ms-input-placeholder,
.contact-us-wrap .left .wpcf7-form .form-company-name input:-moz-placeholder,
.contact-us-wrap .left .wpcf7-form .form-email input::-webkit-input-placeholder,
.contact-us-wrap .left .wpcf7-form .form-email input:-ms-input-placeholder,
.contact-us-wrap .left .wpcf7-form .form-email input:-moz-placeholder {
color: #888399;
}
.contact-us-wrap .left .wpcf7-form textarea {
height: 100px;
border: 1px solid #DEDEDE;
border-radius: 4px;
resize: none;
padding: 12px;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
color: #888399;
}
.contact-us-wrap .left .wpcf7-form textarea::-webkit-input-placeholder, .contact-us-wrap .left .wpcf7-form textarea:-ms-input-placeholder, .contact-us-wrap .left .wpcf7-form textarea:-moz-placeholder {
color: #888399;
}
.contact-us-wrap .left .wpcf7-form .form-recaptcha {
margin: 20px 0 20px;
}
.contact-us-wrap .left .wpcf7-form .form-submit input[type="submit"] {
padding: 0;
border: 0;
width: 100%;
height: 48px;
color: #fff;
font-weight: 500;
font-size: 14px;
line-height: 17px;
background: linear-gradient(276.5deg, #525FD0 -47.16%, #2E3BAD 146.79%);
border-radius: 6px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
cursor: pointer;
transition: all .5s ease;
}
.contact-us-wrap .left .wpcf7-form .form-submit input[type="submit"]:hover, .contact-us-wrap .left .wpcf7-form .form-submit input[type="submit"]:focus {
background-color: #4856CE;
}
.contact-us-wrap .left .wpcf7-form .wpcf7-response-output {
display: none !important;
}
.contact-us-wrap .right {
width: 50%;
padding: 278px 120px 50px 120px;
background: #F3F6FF;
}
.contact-us-wrap .right .contact-data {
margin: 0 0 30px;
}
.contact-us-wrap .right .contact-data:last-child {
margin: 0;
}
.contact-us-wrap .right .contact-data .title {
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #3744B9;
margin: 0 0 10px;
}
.contact-us-wrap .right .contact-data .subtitle {
font-weight: 500;
font-size: 18px;
line-height: 120%;
color: #1F1D2E;
}
.contact-us-wrap .right .contact-data .subtitle a {
color: #1F1D2E;
text-decoration-line: underline;
}
.contact-us-wrap .right .contact-data .social {
display: flex;
margin: 0;
padding: 30px 0 0;
align-items: center;
}
.contact-us-wrap .right .contact-data .social li {
margin: 0 20px 0 0;
list-style: none;
}
.contact-us-wrap .right .contact-data .social li a {
display: flex;
align-items: center;
}
.contact-us-wrap .right .image-center {
margin: 0 0 0 90px;
}
@media (max-width: 992px) {
.contact-us-wrap {
flex-direction: column;
}
.contact-us-wrap .left {
width: 100%;
max-width: unset;
padding: 0 0 80px 0;
}
.contact-us-wrap .left .site-logo {
left: 30px;
}
.contact-us-wrap .left .wpcf7-form {
padding: 150px 0 0 0;
max-width: 370px;
margin: 0 auto;
}
.contact-us-wrap .right {
width: 100%;
padding: 80px 100px;
}
.contact-us-wrap .right .image-center {
margin: 0;
position: absolute;
right: 100px;
bottom: 80px;
}
}
@media (max-width: 767px) {
.contact-us-wrap .left {
padding: 0 20px;
}
.contact-us-wrap .left h2 {
font-size: 24px;
}
.contact-us-wrap .left .wpcf7-form {
padding: 140px 0 40px 0;
max-width: unset;
}
.contact-us-wrap .right {
padding: 40px 30px 60px;
}
.contact-us-wrap .right .contact-data {
margin: 0 0 20px;
}
.contact-us-wrap .right .image-center {
margin: 0;
position: relative;
right: 0;
bottom: 0;
width: 100%;
display: flex;
justify-content: flex-end;
}
}
.about {
padding: 90px 0;
position: relative;
}
.about .site-wrapper .site-body .about-company.section-block {
padding: 40px 0 100px;
}
.about .site-wrapper .site-body .our-values .section-title {
margin: 0 0 30px;
}
.about .site-wrapper .site-body .our-values.section-block {
padding: 0 0 20px;
}
.about .site-wrapper .site-body .leadership-team .section-title {
margin: 0 0 30px;
}
.about .site-wrapper .site-body .leadership-team.section-block {
padding: 70px 0 60px;
}
.about .site-wrapper .site-body .clutch {
position: relative;
}
.about .site-wrapper .site-body .clutch.section-block {
padding: 100px 0 50px;
}
.about .about-company.section-block {
padding: 40px 0 60px;
}
.about .about-company .about-title {
max-width: 940px;
font-family: 'Castoro';
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 120%;
color: #1F1D2E;
margin: 0 0 30px;
}
.about .about-company .about-description {
max-width: 730px;
background: #F3F6FF;
border-radius: 8px;
padding: 35px;
}
.about .about-company .about-description p {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
margin: 0 0 20px;
color: #1F1D2E;
}
.about .about-company .about-description p:last-child {
margin: 0;
}
.about .about-company .about-image-abstract {
position: absolute;
right: 0;
bottom: 5px;
}
.about .our-values .values-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.about .our-values .values-wrap .item {
width: calc(50% - 50px);
margin: 0 0 50px;
}
.about .our-values .values-wrap .item .top {
margin: 0 0 20px;
display: flex;
align-items: center;
}
.about .our-values .values-wrap .item .top .icon {
width: 50px;
height: 50px;
margin: 0 20px 0 0;
display: flex;
align-items: center;
justify-content: center;
background: #F3F6FF;
border-radius: 8px;
}
.about .our-values .values-wrap .item .top .title {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 18px;
color: #1F1D2E;
line-height: 22px;
}
.about .our-values .values-wrap .item .bottom .description {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #888399;
margin: 0;
}
.about .leadership-team .values-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.about .leadership-team .values-wrap .item {
width: calc(50% - 50px);
display: flex;
flex-wrap: wrap;
}
.about .leadership-team .values-wrap .item img {
width: 100%;
height: 250px;
object-fit: cover;
margin: 0 0 20px;
}
.about .leadership-team .values-wrap .item .item-block {
margin: 0 0 10px;
width: calc(100% - 65px);
}
.about .leadership-team .values-wrap .item .item-block .name {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #1F1D2E;
}
.about .leadership-team .values-wrap .item .item-block .position {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #888399;
}
.about .leadership-team .values-wrap .item .linkedin {
width: 65px;
display: flex;
justify-content: flex-end;
}
.about .leadership-team .values-wrap .item .linkedin a {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #3744B9;
}
.about .clutch {
position: relative;
}
.about .clutch .section-title {
display: flex;
margin: 0 0 40px;
}
.about .clutch .clutch-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.about .clutch .clutch-list .clutch-list-item {
padding: 40px;
width: calc(33.3% - 15px);
background: #fff;
border: 1.09283px solid #C6CAF0;
border-radius: 16px;
}
.about .clutch .clutch-list .clutch-list-item .descriptions {
font-family: 'Castoro';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 160%;
margin: 0 0 15px;
color: #5D5968;
}
.about .clutch .clutch-list .clutch-list-item .date {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 130%;
margin: 0 0 30px;
letter-spacing: 0.04em;
text-transform: uppercase;
/* Grey */
color: #888399;
}
.about:before {
content: '';
position: absolute;
height: 600px;
width: 100%;
left: 0;
top: 60px;
background: linear-gradient(180deg, #F2F4FB -43.29%, rgba(242, 244, 251, 0) 100%);
}
@media (max-width: 992px) {
.about .site-wrapper .site-body .leadership-team.section-block {
padding: 30px 0 60px;
}
.about .about-company .about-description {
max-width: 100%;
}
.about .about-company .about-image-abstract {
display: none;
}
.about .our-values .values-wrap .item {
width: calc(50% - 40px);
}
.about .leadership-team .values-wrap .item {
width: calc(50% - 15px);
flex-direction: column;
}
.about .leadership-team .values-wrap .item .linkedin {
justify-content: flex-start;
}
}
@media (max-width: 767px) {
.about {
padding: 70px 0;
}
.about .lets-work-together {
margin: 10px 0 0;
}
.about .site-wrapper .site-body .section-block.clutch.section-block {
padding: 0;
}
.about .site-wrapper .site-body .about-company.section-block {
padding: 0 0 40px;
}
.about .site-wrapper .site-body .leadership-team.section-block {
padding: 10px 0 40px;
}
.about .about-company .about-title {
font-size: 24px;
}
.about .about-company .about-description {
padding: 30px;
}
.about .our-values .values-wrap .item {
width: 100%;
margin: 0 0 30px;
}
.about .leadership-team .values-wrap .item {
width: 100%;
margin: 0 0 30px;
}
.about:before {
top: 50px;
}
}
.blog-page {
padding: 90px 0 0 0;
}
.blog-page .sticky-blog-post {
margin: 20px 0 50px;
}
.blog-page .sticky-blog-post article {
width: 100%;
display: flex;
}
.blog-page .sticky-blog-post article .post-thumbnail {
width: 520px;
height: 260px;
}
.blog-page .sticky-blog-post article .post-thumbnail .preview {
width: 100%;
height: 100%;
object-fit: cover;
background: #F3F6FF;
border-radius: 8px;
}
.blog-page .sticky-blog-post article .article-content {
width: calc(100% - 520px);
padding: 0 0 0 60px;
display: flex;
flex-direction: column;
justify-content: center;
}
.blog-page .sticky-blog-post article .article-content .entry-header .category-post {
display: inline-flex;
margin: 0 15px 15px 0;
justify-content: center;
align-items: center;
padding: 0 15px;
height: 26px;
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 140%;
color: #3744B9;
background: #F3F6FF;
border-radius: 20px;
}
.blog-page .sticky-blog-post article .article-content .entry-header .entry-title {
margin: 0 0 10px;
}
.blog-page .sticky-blog-post article .article-content .entry-header .entry-title a {
font-family: 'Castoro';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 140%;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
white-space: normal;
overflow: hidden;
color: #1F1D2E;
text-decoration: none;
}
.blog-page .sticky-blog-post article .article-content .entry-author-data {
display: flex;
align-items: center;
margin: 0 0 10px;
}
.blog-page .sticky-blog-post article .article-content .entry-author-data .author {
display: flex;
align-items: center;
}
.blog-page .sticky-blog-post article .article-content .entry-author-data .author .author-thumbnail img {
width: 30px;
height: 30px;
border-radius: 50%;
object-fit: cover;
}
.blog-page .sticky-blog-post article .article-content .entry-author-data .author .author-name a {
font-weight: 500;
font-size: 14px;
line-height: 130%;
color: #3744B9;
margin: 0 0 0 10px;
text-decoration: none;
}
.blog-page .sticky-blog-post article .article-content .entry-author-data .entry-posted-on {
font-size: 14px;
line-height: 130%;
margin: 0 0 0 10px;
color: #888399;
}
.blog-page .sticky-blog-post article .article-content .entry-content {
font-size: 16px;
line-height: 140%;
color: #1F1D2E;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
white-space: normal;
overflow: hidden;
}
.blog-page .categories {
display: flex;
justify-content: center;
position: relative;
}
.blog-page .categories .category-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
padding: 0;
}
.blog-page .categories .category-list .category-item .checkbox-custom-label {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0 20px;
height: 34px;
background: #F3F6FF;
border-radius: 20px;
margin: 0 10px 10px 0;
font-size: 16px;
line-height: 140%;
color: #3744B9;
border: 1px solid transparent;
transition: all .5s ease;
cursor: pointer;
text-decoration: none;
}
.blog-page .categories .category-list .category-item .checkbox-custom-label:hover, .blog-page .categories .category-list .category-item .checkbox-custom-label:focus {
border: 1px solid rgba(198, 202, 240, 0.7);
}
.blog-page .categories .category-list .category-item .checkbox-custom-label.active {
background: #3744B9;
color: #fff;
}
.blog-page .categories .categories-loading {
font-size: 14px;
line-height: 140%;
color: #aaafdf;
top: 7px;
position: absolute;
right: 0;
margin: 0 0 0 10px;
}
.blog-page .blog-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 20px 0 0;
}
.blog-page .blog-wrap article {
width: calc(33.33% - 15px);
margin: 0 0 60px;
}
.blog-page .blog-wrap article .post-thumbnail .preview {
width: 100%;
object-fit: cover;
height: 200px;
margin: 0 0 20px;
border-radius: 8px;
}
.blog-page .blog-wrap article .entry-header .category-post {
display: inline-flex;
margin: 0 10px 15px 0;
justify-content: center;
align-items: center;
padding: 0 15px;
height: 26px;
font-size: 13px;
line-height: 140%;
color: #3744B9;
background: #F3F6FF;
border-radius: 20px;
}
.blog-page .blog-wrap article .entry-header .entry-title a {
font-family: 'Castoro', serif;
font-size: 20px;
line-height: 140%;
color: #1F1D2E;
margin: 0 0 10px;
text-decoration: none;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
white-space: normal;
overflow: hidden;
}
.blog-page .blog-wrap article .entry-author-data {
display: flex;
align-items: center;
margin: 0 0 10px;
}
.blog-page .blog-wrap article .entry-author-data .author {
display: flex;
align-items: center;
}
.blog-page .blog-wrap article .entry-author-data .author .author-thumbnail img {
width: 30px;
height: 30px;
border-radius: 50%;
object-fit: cover;
}
.blog-page .blog-wrap article .entry-author-data .author .author-name a {
font-weight: 500;
font-size: 14px;
line-height: 130%;
color: #3744B9;
margin: 0 0 0 10px;
text-decoration: none;
display: flex;
}
.blog-page .blog-wrap article .entry-author-data .entry-posted-on {
font-size: 14px;
line-height: 130%;
margin: 0 0 0 10px;
color: #888399;
}
.blog-page .blog-wrap article .entry-content {
font-size: 14px;
line-height: 140%;
color: #1F1D2E;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
display: -webkit-box;
white-space: normal;
overflow: hidden;
}
.blog-page .blog-wrap article .entry-footer {
display: flex;
justify-content: space-between;
}
.blog-page .blog-wrap article .entry-footer .entry-meta {
margin: 0 0 10px;
}
.blog-page .blog-wrap article .entry-footer .entry-meta .entry-date {
font-size: 16px;
line-height: 130%;
color: #888399;
}
.blog-page .blog-wrap article .entry-footer .view-post a {
font-weight: 500;
font-size: 16px;
line-height: 130%;
color: #3744B9;
}
.blog-page .blog-wrap.preload {
filter: blur(8px);
/* Adjust the blur radius as needed */
-webkit-filter: blur(8px);
/* For Safari support */
}
.blog-page .blog-wrap .no-data-available {
font-family: 'Castoro', serif;
font-size: 36px;
line-height: 45px;
margin: 50px 0 0;
color: #1F1D2E;
}
.e-books-whitepapers {
padding: 120px 0 80px;
}
.e-books-whitepapers .section-title {
font-family: 'Castoro', serif;
font-size: 36px;
line-height: 45px;
margin: 0 0 40px;
text-align: center;
color: #1F1D2E;
}
.e-books-whitepapers .e-books-articles {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.e-books-whitepapers .e-books-articles article {
width: calc(50% - 40px);
display: flex;
margin: 0 0 40px;
}
.e-books-whitepapers .e-books-articles article .post-thumbnail .preview {
width: 120px;
height: 170px;
border: 1px solid #F3F6FF;
filter: drop-shadow(0px 4px 12px rgba(63, 35, 122, 0.08));
border-radius: 8px;
object-fit: cover;
}
.e-books-whitepapers .e-books-articles article .article-content {
width: calc(100% - 120px);
padding: 0 0 0 40px;
display: flex;
flex-direction: column;
justify-content: center;
}
.e-books-whitepapers .e-books-articles article .article-content .entry-header .entry-title {
font-weight: 500;
font-size: 16px;
line-height: 130%;
margin: 0 0 10px;
color: #1F1D2E;
}
.e-books-whitepapers .e-books-articles article .article-content .entry-header .category {
font-size: 14px;
line-height: 17px;
margin: 0 0 10px;
color: #3744B9;
}
.e-books-whitepapers .e-books-articles article .article-content .entry-content {
font-size: 14px;
line-height: 120%;
margin: 0 0 20px;
color: #888399;
}
.e-books-whitepapers .see-all-materials {
margin: 0;
display: flex;
justify-content: center;
}
.e-books-whitepapers .see-all-materials a {
display: flex;
align-items: center;
padding: 15px 35px;
text-decoration: none;
border: 1px solid #C6CAF0;
border-radius: 6px;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #3744B9;
}
@media (max-width: 992px) {
.blog-page .sticky-blog-post {
margin: 10px 0 40px;
}
.blog-page .sticky-blog-post article {
justify-content: space-between;
}
.blog-page .sticky-blog-post article .post-thumbnail {
width: calc(50% - 15px);
height: 300px;
}
.blog-page .sticky-blog-post article .article-content {
width: calc(50% - 15px);
padding: 0;
}
.blog-page .blog-wrap article {
width: calc(50% - 15px);
}
.e-books-whitepapers {
padding: 100px 0 30px;
}
.e-books-whitepapers .e-books-articles {
flex-direction: column;
}
.e-books-whitepapers .e-books-articles article {
width: 100%;
margin: 0 0 40px;
}
}
@media (max-width: 767px) {
.blog-page {
padding: 70px 0 0;
}
.blog-page .sticky-blog-post {
margin: 0 0 40px;
}
.blog-page .sticky-blog-post article {
flex-direction: column;
}
.blog-page .sticky-blog-post article .post-thumbnail {
width: 100%;
height: 200px;
margin: 0 0 20px;
}
.blog-page .sticky-blog-post article .article-content {
width: 100%;
}
.blog-page .sticky-blog-post article .article-content .entry-header .entry-title a {
font-size: 18px;
line-height: 130%;
}
.blog-page .sticky-blog-post article .article-content .entry-content {
font-size: 14px;
line-height: 140%;
}
.blog-page .blog-wrap {
flex-direction: column;
}
.blog-page .blog-wrap article {
width: 100%;
margin: 0 0 40px;
}
.blog-page .blog-wrap article .entry-header .entry-title a {
font-size: 18px;
line-height: 130%;
}
.e-books-whitepapers {
padding: 80px 0 30px;
}
.e-books-whitepapers .section-title {
font-size: 24px;
line-height: 30px;
margin: 0 0 20px;
}
.e-books-whitepapers .e-books-articles article {
margin: 0 0 20px;
}
.e-books-whitepapers .e-books-articles article .post-thumbnail .preview {
width: 90px;
height: 127px;
}
.e-books-whitepapers .e-books-articles article .article-content {
width: calc(100% - 90px);
padding: 0 0 0 20px;
}
.e-books-whitepapers .e-books-articles article .article-content .entry-header .category {
margin: 0 0 20px;
}
.e-books-whitepapers .e-books-articles article .article-content .entry-content {
display: none;
}
.e-books-whitepapers .see-all-materials {
margin: 10px 0 0;
}
.e-books-whitepapers .see-all-materials a {
width: 100%;
justify-content: center;
}
}
.title_blog {
position: absolute;
opacity: 0;
}
.single-case {
padding: 90px 0 0 0;
display: flex;
flex-wrap: wrap;
}
.single-case .single-case-content {
width: calc(100% - 410px);
}
.single-case .single-case-content article .entry-title {
font-family: 'Castoro';
font-style: normal;
font-weight: 400;
font-size: 48px;
line-height: 120%;
color: #1F1D2E;
}
.single-case .single-case-content article .entry-content h3 {
margin: 40px 0 15px;
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 120%;
color: #1F1D2E;
}
.single-case .single-case-content article .entry-content p {
font-family: 'Figtree';
font-weight: 400;
font-size: 16px;
margin: 0 0 20px;
line-height: 150%;
color: #1F1D2E;
}
.single-case .single-case-content article .entry-content ul {
padding: 0;
}
.single-case .single-case-content article .entry-content a {
color: #3744B9;
}
.single-case .single-case-content article .services-tags {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.single-case .single-case-content article .services-tags .item {
padding: 5px 10px;
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #3744B9;
background: #F3F6FF;
margin: 0 10px 15px 0;
}
.single-case .single-case-content article .thumbnail {
margin: 15px 0 0;
}
.single-case .single-case-content .results {
display: flex;
flex-direction: column;
padding: 30px;
border: 1px solid #C6CAF0;
border-radius: 6px;
margin: 40px 0 10px;
}
.single-case .single-case-content .results .title-results {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 120%;
margin: 0 0 20px;
color: #1F1D2E;
}
.single-case .single-case-content .results p {
font-family: 'Figtree';
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #1F1D2E;
margin: 0 0 20px;
}
.single-case .single-case-content .results ul {
padding: 0;
list-style-: #3744B9;
}
.single-case .case-studies-sidebar {
width: 410px;
padding: 0 0 0 90px;
}
.single-case .case-studies-sidebar .client,
.single-case .case-studies-sidebar .industry,
.single-case .case-studies-sidebar .partnership-period,
.single-case .case-studies-sidebar .location,
.single-case .case-studies-sidebar .technologies {
margin: 0 0 40px;
}
.single-case .case-studies-sidebar .client .block-title,
.single-case .case-studies-sidebar .industry .block-title,
.single-case .case-studies-sidebar .partnership-period .block-title,
.single-case .case-studies-sidebar .location .block-title,
.single-case .case-studies-sidebar .technologies .block-title {
font-weight: 400;
font-size: 14px;
line-height: 130%;
margin: 0 0 10px;
color: #888399;
}
.single-case .case-studies-sidebar .client-item a,
.single-case .case-studies-sidebar .industry-item,
.single-case .case-studies-sidebar .partnership-item,
.single-case .case-studies-sidebar .location-item,
.single-case .case-studies-sidebar .technologies-item {
font-weight: 500;
font-size: 18px;
line-height: 130%;
margin: 0 0 10px;
color: #1F1D2E;
}
.lets-work-together {
margin: 50px 0 0;
padding: 40px 60px 40px 50px;
background: #F3F6FF;
border-radius: 8px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.lets-work-together .left {
position: relative;
padding: 0 0 0 210px;
display: flex;
flex-direction: column;
justify-content: center;
}
.lets-work-together .left img {
position: absolute;
bottom: -40px;
left: 0;
}
.lets-work-together .left .title-block {
font-family: 'Castoro';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 130%;
color: #1F1D2E;
margin: 0 0 5px;
}
.lets-work-together .left p {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #1F1D2E;
margin: 0;
}
.lets-work-together .right .contact-us-page-link a {
width: 150px;
justify-content: center;
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
text-transform: capitalize;
color: #fff;
height: 40px;
background: linear-gradient(276.5deg, #525FD0 -47.16%, #2E3BAD 146.79%);
border-radius: 6px;
}
.lets-work-together.single-post-blog {
margin: 40px 0 40px;
padding: 28px 60px 28px 40px;
}
.lets-work-together.single-post-blog .left {
padding: 0;
}
@media (max-width: 992px) {
.single-case .single-case-content {
width: 100%;
}
.single-case .single-case-content .results {
padding: 20px;
}
.single-case .single-case-content article .entry-title {
font-size: 24px;
line-height: 120%;
}
.single-case .single-case-content article .services-tags {
display: inline-block;
}
.single-case .single-case-content article .services-tags .item {
margin: 0 10px 16px 0;
display: inline-flex;
width: fit-content;
}
.single-case .single-case-content article .thumbnail img {
width: 100%;
}
.single-case .case-studies-sidebar {
display: none;
}
.lets-work-together {
padding: 40px 50px;
}
.lets-work-together .left {
padding: 0;
}
.lets-work-together .left img {
display: none;
}
}
@media (max-width: 767px) {
.lets-work-together {
padding: 40px 50px;
flex-direction: column;
align-items: center;
}
.lets-work-together .left .title-block {
text-align: center;
font-size: 24px;
line-height: 130%;
}
.lets-work-together .left p {
text-align: center;
margin: 0 0 20px;
}
.lets-work-together.single-post-blog {
margin: 30px 0;
padding: 30px 20px;
}
.lets-work-together.single-post-blog .left {
margin: 0 0 20px;
}
}
.single-posts {
padding: 90px 0 0 0;
}
.single-posts .single-post-article {
max-width: 800px;
margin: 0 auto;
padding: 20px 0 0;
}
.single-posts .single-post-article .category-post {
display: flex;
justify-content: center;
}
.single-posts .single-post-article .category-post .category-item {
display: inline-flex;
margin: 0 10px 15px 0;
justify-content: center;
align-items: center;
padding: 0 15px;
height: 26px;
font-size: 13px;
line-height: 140%;
color: #3744B9;
background: #F3F6FF;
border-radius: 20px;
}
.single-posts .single-post-article .entry-header .entry-title {
font-family: 'Castoro', serif;
font-size: 36px;
line-height: 120%;
text-align: center;
color: #1F1D2E;
margin: 0 0 20px;
}
.single-posts .single-post-article .entry-header .entry-author-data {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 30px;
}
.single-posts .single-post-article .entry-header .entry-author-data .author {
display: flex;
align-items: center;
}
.single-posts .single-post-article .entry-header .entry-author-data .author .author-thumbnail img {
width: 30px;
height: 30px;
border-radius: 50%;
object-fit: cover;
}
.single-posts .single-post-article .entry-header .entry-author-data .author .author-name a {
font-weight: 500;
font-size: 14px;
line-height: 130%;
color: #3744B9;
margin: 0 0 0 10px;
text-decoration: none;
display: flex;
}
.single-posts .single-post-article .entry-header .entry-author-data .author .author-role {
font-size: 14px;
line-height: 140%;
color: #888399;
margin: 0 0 0 10px;
}
.single-posts .single-post-article .entry-header .entry-author-data .divider {
margin: 0 5px 0 15px;
display: flex;
}
.single-posts .single-post-article .entry-header .entry-author-data .entry-posted-on {
font-size: 14px;
line-height: 130%;
margin: 0 0 0 10px;
color: #888399;
}
.single-posts .single-post-article .post-thumbnail {
margin: 0 0 40px;
}
.single-posts .single-post-article .post-thumbnail .preview {
width: 100%;
height: auto;
object-fit: contain;
}
.single-posts .single-post-article .entry-content .background-light-grey {
margin: 20px 0 40px;
padding: 30px 40px;
background: #F3F6FF;
border-radius: 8px;
max-width: 100%;
}
.single-posts .single-post-article .entry-content ul, .single-posts .single-post-article .entry-content ol {
padding: 0 0 0 40px;
margin: 0;
}
.single-posts .single-post-article .entry-content ul {
list-style-type: none;
margin: 15px 0 0;
}
.single-posts .single-post-article .entry-content ul li {
margin: 0 0 10px;
position: relative;
padding: 0 0 0 30px;
}
.single-posts .single-post-article .entry-content ul li:before {
content: "";
margin-right: 15px;
position: absolute;
width: 5px;
height: 5px;
left: 0;
border-radius: 50%;
background: #3744B9;
top: 10px;
}
.single-posts .single-post-article .entry-content ul li ul {
padding: 0 0 0 30px;
}
.single-posts .single-post-article .entry-content ul li ul li:before {
background: #AAAFDF;
}
.single-posts .single-post-article .entry-content ol {
list-style-type: none;
}
.single-posts .single-post-article .entry-content ol li {
counter-increment: my-counter;
margin: 0 0 15px;
padding: 0 0 0 28px;
position: relative;
}
.single-posts .single-post-article .entry-content ol li:before {
content: counter(my-counter) ".";
color: #3744B9;
margin-right: 15px;
font-size: 16px;
line-height: 150%;
position: absolute;
left: 0;
}
.single-posts .single-post-article .entry-content ol li ul {
padding: 0 0 0 17px;
list-style-type: none;
}
.single-posts .single-post-article .entry-content ol li ul li {
padding: 0 0 0 20px;
}
.single-posts .single-post-article .entry-content ol li ul li:before {
content: '';
background: #AAAFDF;
}
.single-posts .single-post-article .entry-content h1 {
font-size: 36px;
line-height: 130%;
margin: 0 0 20px;
}
.single-posts .single-post-article .entry-content h2 {
font-size: 24px;
line-height: 130%;
margin: 0 0 20px;
}
.single-posts .single-post-article .entry-content h3 {
font-size: 18px;
line-height: 130%;
margin: 0 0 20px;
}
.single-posts .single-post-article .entry-content h4 {
font-size: 14px;
line-height: 130%;
margin: 0 0 20px;
}
.single-posts .single-post-article .entry-content h5 {
font-size: 13px;
line-height: 130%;
margin: 0 0 20px;
}
.single-posts .single-post-article .entry-content h6 {
font-size: 12px;
line-height: 130%;
margin: 0 0 20px;
}
.single-posts .single-post-article .entry-content p {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 160%;
margin: 0 0 40px;
max-width: 720px;
}
.single-posts .single-post-article .entry-content .lets-work-together .left p {
margin: 0;
}
.single-posts .single-post-article .entry-content .wp-block-table {
margin: 40px 0 20px;
}
.single-posts .single-post-article .entry-content .wp-block-table table, .single-posts .single-post-article .entry-content .wp-block-table tr, .single-posts .single-post-article .entry-content .wp-block-table td {
border: none;
}
.single-posts .single-post-article .entry-content .wp-block-table tr:nth-child(odd) {
background-color: rgba(242, 244, 251, 0.5);
}
.single-posts .single-post-article .entry-content .wp-block-table tr:nth-child(1) {
background: #F3F6FF;
}
.single-posts .single-post-article .entry-content .wp-block-table tr:nth-child(1) td {
min-width: 170px;
font-weight: 500;
color: #1F1D2E;
}
.single-posts .single-post-article .entry-content .wp-block-table tr td:nth-child(1) {
font-weight: 500;
color: #1F1D2E;
padding: 20px 10px 20px 20px;
}
.single-posts .single-post-article .entry-content .wp-block-table td {
padding: 20px 10px;
font-family: 'Figtree';
font-style: normal;
font-size: 14px;
line-height: 130%;
color: #888399;
}
.single-posts .single-post-article .entry-content .wp-block-table .wp-element-caption {
font-family: 'Castoro';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;
text-align: center;
color: #888399;
margin: 15px 0 40px;
}
.single-posts .single-post-article .entry-content .wp-block-table a {
color: #3744B9;
}
.single-posts .single-post-article .entry-content .table-of-contents {
margin: 40px 0;
}
.single-posts .single-post-article .entry-content .table-of-contents .table-of-contents-title {
font-family: 'Castoro';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 30px;
margin: 0 0 20px;
color: #1F1D2E;
}
.single-posts .single-post-article .entry-content .table-of-contents .table-of-contents-list {
counter-reset: my-counter-table-of-contents-list;
}
.single-posts .single-post-article .entry-content .table-of-contents .table-of-contents-list li {
counter-increment: my-counter-table-of-contents-list;
margin: 0 0 20px;
}
.single-posts .single-post-article .entry-content .table-of-contents .table-of-contents-list li:before {
content: counter(my-counter-table-of-contents-list, decimal-leading-zero) ".";
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #888399;
margin: 0 30px 0 0;
top: 4px;
}
.single-posts .single-post-article .entry-content .table-of-contents .table-of-contents-list li a {
text-decoration: none;
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #3744B9;
}
.single-posts .single-post-article .footer-content {
border-top: 1px solid #C6CAF0;
margin: 60px 0 136px;
padding: 30px 0 0;
display: flex;
justify-content: space-between;
align-items: baseline;
}
.single-posts .single-post-article .footer-content .footer-author-data {
max-width: 420px;
}
.single-posts .single-post-article .footer-content .footer-author-data .author-row {
display: flex;
margin: 0 0 15px;
}
.single-posts .single-post-article .footer-content .footer-author-data .author-row .author-thumbnail img {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
}
.single-posts .single-post-article .footer-content .footer-author-data .author-row .author-data {
margin: 0 0 0 10px;
}
.single-posts .single-post-article .footer-content .footer-author-data .author-row .author-data .author-name a {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 130%;
color: #3744B9;
margin: 0 0 5px;
text-decoration: none;
display: flex;
}
.single-posts .single-post-article .footer-content .footer-author-data .author-row .author-data .author-role {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 140%;
/* identical to box height, or 20px */
color: #888399;
}
.single-posts .single-post-article .footer-content .footer-author-data .author-info {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 140%;
/* or 20px */
display: flex;
align-items: center;
/* Grey */
color: #888399;
}
.single-posts .single-post-article .footer-content .share {
display: flex;
align-items: center;
}
.single-posts .single-post-article .footer-content .share .share-title {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 140%;
margin: 0 25px 0 0;
color: #888399;
}
.single-posts .single-post-article .footer-content .share .share-list {
display: flex;
}
.single-posts .single-post-article .footer-content .share .share-list a {
display: flex;
align-items: center;
justify-content: center;
margin: 0 16px 0 0;
width: 36px;
height: 36px;
border-radius: 50%;
background: #F3F6FF;
}
.single-posts .single-post-article .footer-content .share .share-list a:last-child {
margin: 0;
}
.single-posts .faq-blog {
position: relative;
padding: 80px 0;
}
.single-posts .faq-blog .section-title {
font-family: 'Castoro';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 45px;
margin: 0 0 20px;
color: #1F1D2E;
text-align: center;
}
.single-posts .faq-blog .faq-blog-wrap {
max-width: 800px;
margin: 0 auto;
}
.single-posts .faq-blog .faq-blog-wrap .question {
border-bottom: 1px solid #C6CAF0;
padding: 30px 0 30px 44px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.single-posts .faq-blog .faq-blog-wrap .question:hover h2:before, .single-posts .faq-blog .faq-blog-wrap .question:hover h3:before {
background-image: url("/wp-content/themes/gart/images/vectors/plus-hover.svg");
}
.single-posts .faq-blog .faq-blog-wrap .question h2, .single-posts .faq-blog .faq-blog-wrap .question h3 {
font-family: 'Castoro';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 130%;
color: #1F1D2E;
display: inline-flex;
margin: 0;
cursor: pointer;
position: relative;
}
.single-posts .faq-blog .faq-blog-wrap .question h2:before, .single-posts .faq-blog .faq-blog-wrap .question h3:before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/wp-content/themes/gart/images/vectors/plus.svg");
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: -44px;
transition: all .5s ease;
}
.single-posts .faq-blog .faq-blog-wrap .question.open h2:before, .single-posts .faq-blog .faq-blog-wrap .question.open h3:before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/wp-content/themes/gart/images/vectors/minus.svg");
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: -44px;
}
.single-posts .faq-blog .faq-blog-wrap .answer {
display: none;
padding: 20px 0 0 0;
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 150%;
color: #1F1D2E;
}
.single-posts .faq-blog:before {
content: '';
width: 100%;
position: absolute;
height: 1164px;
background: linear-gradient(180deg, #F2F4FB -43.29%, rgba(242, 244, 251, 0) 100%);
top: 0;
}
.single-posts .like-posts-blog {
padding: 40px 0 20px;
}
.single-posts .like-posts-blog .section-title {
font-family: 'Castoro';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 45px;
margin: 0 0 40px;
color: #1F1D2E;
text-align: center;
}
.single-posts .like-posts-blog .like-posts-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 20px 0 0;
}
.single-posts .like-posts-blog .like-posts-list article {
width: calc(33.33% - 15px);
margin: 0 0 60px;
}
.single-posts .like-posts-blog .like-posts-list article .post-thumbnail .preview {
width: 100%;
object-fit: cover;
height: 200px;
margin: 0 0 20px;
border-radius: 8px;
}
.single-posts .like-posts-blog .like-posts-list article .entry-header .category-post {
display: inline-flex;
margin: 0 10px 15px 0;
justify-content: center;
align-items: center;
padding: 0 15px;
height: 26px;
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 140%;
color: #3744B9;
background: #F3F6FF;
border-radius: 20px;
}
.single-posts .like-posts-blog .like-posts-list article .entry-header .entry-title a {
font-family: 'Castoro';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 140%;
color: #1F1D2E;
margin: 0 0 10px;
text-decoration: none;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
white-space: normal;
overflow: hidden;
}
.single-posts .like-posts-blog .like-posts-list article .entry-author-data {
display: flex;
align-items: center;
margin: 0 0 10px;
}
.single-posts .like-posts-blog .like-posts-list article .entry-author-data .author {
display: flex;
align-items: center;
}
.single-posts .like-posts-blog .like-posts-list article .entry-author-data .author .author-thumbnail img {
width: 30px;
height: 30px;
border-radius: 50%;
object-fit: cover;
}
.single-posts .like-posts-blog .like-posts-list article .entry-author-data .author .author-name a {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 130%;
color: #3744B9;
margin: 0 0 0 10px;
text-decoration: none;
display: flex;
}
.single-posts .like-posts-blog .like-posts-list article .entry-author-data .entry-posted-on {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 130%;
margin: 0 0 0 10px;
color: #888399;
}
.single-posts .like-posts-blog .like-posts-list article .entry-content {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 140%;
color: #1F1D2E;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
display: -webkit-box;
white-space: normal;
overflow: hidden;
}
.single-posts .like-posts-blog .like-posts-list article .entry-footer {
display: flex;
justify-content: space-between;
}
.single-posts .like-posts-blog .like-posts-list article .entry-footer .entry-meta {
margin: 0 0 10px;
}
.single-posts .like-posts-blog .like-posts-list article .entry-footer .entry-meta .entry-date {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 130%;
color: #888399;
}
.single-posts .like-posts-blog .like-posts-list article .entry-footer .view-post a {
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 130%;
color: #3744B9;
}
.subscribe-blog {
padding: 50px 0 50px 66px;
background: #F3F6FF;
border-radius: 8px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.subscribe-blog .left .title-form {
font-family: 'Castoro';
font-style: normal;
font-weight: 400;
font-size: 36px;
line-height: 130%;
color: #1F1D2E;
margin: 0 0 5px;
}
.subscribe-blog .left .subtitle-form {
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #1F1D2E;
margin: 0 0 20px;
}
.subscribe-blog .left .subscribe-form-wrap {
display: flex;
}
.subscribe-blog .left .subscribe-form-wrap .form-email input {
width: 400px;
height: 40px;
padding: 0 0 0 15px;
background: #fff;
border: 1px solid #DEDEDE;
border-radius: 4px;
margin: 0 10px 0 0;
}
.subscribe-blog .left .subscribe-form-wrap .form-email input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #888399;
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
}
.subscribe-blog .left .subscribe-form-wrap .form-email input:-ms-input-placeholder {
/* IE 10+ */
color: #888399;
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
}
.subscribe-blog .left .subscribe-form-wrap .form-email input:-moz-placeholder {
/* Firefox 18- */
color: #888399;
font-family: 'Figtree';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
}
.subscribe-blog .left .subscribe-form-wrap .form-submit input {
cursor: pointer;
width: 146px;
height: 40px;
background: linear-gradient(276.5deg, #525FD0 -47.16%, #2E3BAD 146.79%);
border-radius: 6px;
border: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
font-family: 'Figtree';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #fff;
}
.subscribe-blog .left .subscribe-form-wrap .form-submit .wpcf7-spinner {
position: absolute;
}
.subscribe-blog .left .subscribe-form-wrap p {
padding: 0;
margin: 0;
}
.subscribe-blog .wpcf7-response-output {
display: none !important;
}
@media (max-width: 992px) {
.single-posts .single-post-article .footer-content {
margin: 80px 0 80px;
}
.single-posts .like-posts-blog .like-posts-list {
flex-direction: column;
}
.single-posts .like-posts-blog .like-posts-list article {
width: 100%;
margin: 0 0 30px;
}
.subscribe-blog {
padding: 50px;
justify-content: center;
}
.subscribe-blog .left {
width: 100%;
}
.subscribe-blog .left .title-form {
text-align: center;
}
.subscribe-blog .left .subtitle-form {
text-align: center;
}
.subscribe-blog .left .subscribe-form-wrap {
display: flex;
width: 100%;
justify-content: space-between;
}
.subscribe-blog .left .subscribe-form-wrap .form-email {
width: 100%;
}
.subscribe-blog .left .subscribe-form-wrap .form-email input {
width: calc(100% - 10px);
}
.subscribe-blog .left .subscribe-form-wrap .form-submit input {
width: 146px;
}
.subscribe-blog .right {
display: none;
}
}
@media (max-width: 767px) {
.single-posts .single-post-article .entry-header .entry-title {
font-size: 24px;
margin: 0 0 15px;
}
.single-posts .single-post-article .entry-header .entry-author-data .author .author-role {
display: none;
}
.single-posts .single-post-article .entry-header .entry-author-data {
margin: 0 0 20px;
}
.single-posts .single-post-article .post-thumbnail {
margin: 0 0 20px;
}
.single-posts .single-post-article .entry-content ul {
padding: 0;
}
.single-posts .single-post-article .entry-content ul li {
padding: 0 0 0 20px;
}
.single-posts .single-post-article .entry-content ul li ul {
padding: 0 0 0 20px;
}
.single-posts .single-post-article .entry-content .background-light-grey {
padding: 20px;
}
.single-posts .single-post-article .footer-content {
margin: 40px 0 60px;
flex-direction: column-reverse;
}
.single-posts .single-post-article .footer-content .share {
margin: 0 0 30px;
}
.single-posts .faq-blog {
padding: 40px 0 20px;
}
.single-posts .faq-blog .section-title {
font-size: 24px;
line-height: 30px;
color: #1F1D2E;
margin: 0 0 30px;
}
.single-posts .faq-blog .faq-blog-wrap .question h2, .single-posts .faq-blog .faq-blog-wrap h3 {
font-family: 'Castoro';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: #1F1D2E;
}
.single-posts .faq-blog .faq-blog-wrap .answer {
padding: 10px 0 0 0;
font-size: 14px;
}
.single-posts .faq-blog .faq-blog-wrap .question {
padding: 20px 0 20px 39px;
}
.single-posts .like-posts-blog {
padding: 20px 0 20px;
}
.single-posts .like-posts-blog .section-title {
font-size: 24px;
line-height: 30px;
color: #1F1D2E;
margin: 0 0 20px;
}
.single-posts .like-posts-blog .like-posts-list {
flex-direction: column;
}
.single-posts .like-posts-blog .like-posts-list article {
width: 100%;
margin: 0 0 30px;
}
.subscribe-blog {
padding: 40px 20px;
}
.subscribe-blog .left .title-form {
font-size: 24px;
}
.subscribe-blog .left .subtitle-form {
margin: 0 0 25px;
}
.subscribe-blog .left .subscribe-form-wrap {
flex-direction: column;
}
.subscribe-blog .left .subscribe-form-wrap .form-email input {
width: 100%;
}
.subscribe-blog .left .subscribe-form-wrap .form-submit input {
width: 100%;
margin: 10px 0 0;
}
}
#case-page {
padding: 90px 0 0;
}
.page-header .page-title {
max-width: 620px;
font-family: 'Castoro', serif;
font-size: 36px;
line-height: 130%;
color: #1F1D2E;
margin: 0 0 20px;
}
.page-header .filter-case-studies {
display: flex;
}
.page-header .filter-case-studies .loading {
font-size: 14px;
line-height: 140%;
color: #aaafdf;
top: 7px;
position: relative;
margin: 0 0 0 10px;
}
.page-header .selected-filter {
display: flex;
flex-wrap: wrap;
}
.page-header .selected-filter .item {
display: flex;
justify-content: center;
align-items: center;
padding: 5px 12px;
background: #fff;
margin: 0 10px 10px 0;
border: 1px solid #C6CAF0;
border-radius: 20px;
}
.page-header .selected-filter .item .checkboxLabel {
font-size: 14px;
line-height: 140%;
color: #3744B9;
}
.page-header .selected-filter .item .remove-icon {
cursor: pointer;
margin: 0 0 0 10px;
}
.page-header .selected-filter.has-items {
margin: 0 0 10px;
}
.case-studies-list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 15px;
}
.case-studies-list .case-item {
width: calc(33.33% - 15px);
margin: 0 0 60px;
}
.case-studies-list .case-item .entry-header {
position: relative;
margin-bottom: 10px;
}
.case-studies-list .case-item .entry-header .case-thumbnail {
margin: 0 0 20px;
height: 160px;
width: 100%;
object-fit: cover;
}
.case-studies-list .case-item .entry-header .case-title {
font-weight: 500;
font-size: 18px;
line-height: 140%;
color: #1F1D2E;
}
.case-studies-list .case-item .entry-header .case-title:hover, .case-studies-list .case-item .entry-header .case-title:focus {
text-decoration: underline;
}
.case-studies-list .case-item .entry-header .case-title:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.case-studies-list .case-item .entry-content .short-description {
font-size: 16px;
line-height: 140%;
color: #888399;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0 0 15px;
}
.case-studies-list .case-item .entry-content .industry {
margin: 0 0 10px;
display: flex;
}
.case-studies-list .case-item .entry-content .industry .industry-item {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #3744B9;
margin: 0 24px 0 0;
position: relative;
}
.case-studies-list .case-item .entry-content .industry .industry-item:after {
content: '';
width: 2px;
height: 2px;
border-radius: 50%;
position: absolute;
background: #3744B9;
top: calc(50% - 1px);
right: -13px;
}
.case-studies-list .case-item .entry-content .industry .industry-item:last-child:after {
content: none;
}
.case-studies-list .case-item .entry-content .services-tags {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.case-studies-list .case-item .entry-content .services-tags .services-item {
padding: 0 10px;
height: 30px;
background: #F3F6FF;
font-size: 14px;
line-height: 140%;
display: flex;
align-items: center;
color: #3744B9;
margin: 0 10px 10px 0;
}
.case-studies-list .case-item .entry-content .view {
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: #3744B9;
margin: 5px 0 0;
display: block;
}
.case-studies-list .no-data-available {
font-family: 'Castoro', serif;
font-size: 36px;
line-height: 130%;
color: #1F1D2E;
margin: 20px 0;
}
.dropdown {
position: relative;
margin: 0 10px 20px 0;
height: 36px;
border: 1px solid #DEDEDE;
display: flex;
border-radius: 5px;
align-items: center;
justify-content: center;
cursor: pointer;
}
.dropdown .dropdown-list {
padding: 15px 30px;
background: #fff;
position: absolute;
top: 40px;
left: 0;
right: 0;
max-height: 228px;
overflow-y: auto;
display: none;
z-index: 10;
border: 1px solid #C6CAF0;
border-radius: 5px;
}
.dropdown .dropdown-list::-webkit-scrollbar {
width: 7px;
}
.dropdown .dropdown-list::-webkit-scrollbar-thumb {
background-color: #C6CAF0;
opacity: 0.45;
border-radius: 8px;
}
.dropdown .checkbox {
opacity: 0;
transition: opacity .2s;
}
.dropdown .dropdown-label {
margin: 0;
padding: 0 42px 0 12px;
cursor: pointer;
width: 310px;
font-size: 14px;
line-height: 140%;
color: #888399;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
position: relative;
}
.dropdown .dropdown-label:before {
content: '';
background-image: url(/wp-content/themes/gart/images/vectors/filters-arrow.svg);
position: absolute;
right: 12px;
top: 0;
transform: rotate(0);
transition: transform .25s;
width: 20px;
height: 20px;
}
.dropdown.open {
border: 1px solid #AAAFDF;
}
.dropdown.open .dropdown-list {
display: block;
}
.dropdown.open .checkbox {
transition: 2s opacity 2s;
opacity: 1;
}
.dropdown.open .dropdown-label {
color: #3744B9;
}
.dropdown.open .dropdown-label:before {
transform: rotate(180deg);
}
.checkbox {
margin-bottom: 20px;
}
.checkbox:last-child {
margin-bottom: 0;
}
.checkbox .checkbox-custom {
display: none;
}
.checkbox .checkbox-custom-label {
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
}
.checkbox .checkbox-custom:checked + .checkbox-custom-label:after {
content: '';
position: absolute;
background-image: url(/wp-content/themes/gart/images/vectors/checkbox-filter.svg);
top: 0;
left: -20px;
height: 20px;
width: 20px;
}
.checkbox .checkbox-custom-label {
margin: 0;
font-size: 13px;
line-height: 140%;
display: flex;
align-items: center;
color: #3744B9;
}
@media (max-width: 992px) {
.case-studies-list .case-item {
width: 100%;
margin: 0 0 30px;
}
}
@media (max-width: 767px) {
.page-header .page-title {
font-size: 24px;
line-height: 120%;
}
.page-header .filter-case-studies {
flex-direction: column;
}
.page-header .filter-case-studies .dropdown {
margin: 0 0 20px;
}
.page-header .filter-case-studies .dropdown .dropdown-label {
padding: 0 12px;
width: 100%;
}
}
#services-page {
overflow: hidden;
}
#services-page .light-grey-bg {
background: #F3F6FF;
padding: 90px 0 60px;
overflow: hidden;
position: relative;
}
#services-page .light-grey-bg .page-title {
color: #3744B9;
font-size: 48px;
font-family: 'Castoro', serif;
line-height: 120%;
margin: 40px 0 20px;
}
#services-page .light-grey-bg .page-description {
color: #1F1D2E;
font-size: 16px;
line-height: 150%;
}
#services-page .light-grey-bg .page-description p {
margin: 0;
}
#services-page .light-grey-bg .get-free-consultation {
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
margin: 30px 0 0;
display: inline-flex;
padding: 15px 35px;
align-items: center;
gap: 10px;
border-radius: 6px;
text-decoration: none;
background: linear-gradient(320deg, #525FD0 0%, #2E3BAD 100%);
}
#services-page .light-grey-bg .abstraction {
position: absolute;
top: 60px;
right: 0;
z-index: 0;
}
#services-page .services-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 80px 0 20px;
}
#services-page .services-list .services-post-item {
width: calc(50% - 30px);
margin: 0 0 60px;
}
#services-page .services-list .services-post-item .entry-header .icon {
margin: 0 0 30px;
}
#services-page .services-list .services-post-item .entry-header .post-title {
text-decoration: none;
}
#services-page .services-list .services-post-item .entry-header .post-title .service-post-title {
color: #3744B9;
font-size: 24px;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
margin: 0 0 20px;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
}
#services-page .services-list .services-post-item .entry-header .post-title .arrow {
opacity: 0;
visibility: hidden;
transition: all .3s ease;
display: flex;
position: absolute;
right: -37px;
}
#services-page .services-list .services-post-item .entry-header .post-title:hover .arrow {
opacity: 1;
visibility: visible;
}
#services-page .services-list .services-post-item .entry-content .short-description {
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;
color: #888399;
font-size: 16px;
line-height: 150%;
margin: 0 0 20px;
}
#services-page .services-list .services-post-item .entry-content .services-child-posts {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
}
#services-page .services-list .services-post-item .entry-content .services-child-posts .services-child-item {
list-style: none;
display: flex;
margin: 0 10px 10px 0;
}
#services-page .services-list .services-post-item .entry-content .services-child-posts .services-child-item a {
background: #F2F4FB;
padding: 6px 10px;
color: #3744B9;
font-size: 14px;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
text-decoration: none;
}
#services-page .services-list .services-post-item .entry-content .services-child-posts .services-child-item a:hover {
color: #AAAFDF;
}
.single-services .single-services-content .top-block {
padding: 90px 0 60px 0;
position: relative;
}
.single-services .single-services-content .top-block .section-title {
max-width: 760px;
color: #3744B9;
text-align: center;
font-family: 'Castoro', serif;
font-size: 48px;
line-height: 120%;
margin: 60px auto 20px;
}
.single-services .single-services-content .top-block .short-description {
color: #1F1D2E;
text-align: center;
font-size: 16px;
line-height: 150%;
margin: 0 auto 30px;
max-width: 650px;
}
.single-services .single-services-content .top-block .link-to-contact-us {
display: flex;
justify-content: center;
}
.single-services .single-services-content .top-block .link-to-contact-us .get-free-consultation {
border-radius: 6px;
background: linear-gradient(320deg, #525FD0 0%, #2E3BAD 100%);
display: flex;
padding: 15px 35px;
align-items: center;
text-decoration: none;
color: #fff;
text-align: center;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
}
.single-services .single-services-content .top-block:before {
content: '';
position: absolute;
background: #F3F6FF;
height: 100%;
width: 200vw;
z-index: -1;
left: -100vw;
top: 0;
}
.single-services .single-services-content .management-services {
padding: 80px 0 0;
}
.single-services .single-services-content .management-services .section-title {
color: #1F1D2E;
text-align: center;
font-family: 'Castoro', serif;
font-size: 36px;
line-height: normal;
text-transform: capitalize;
margin: 0 0 40px;
}
.single-services .single-services-content .management-services .children-services {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-services .single-services-content .management-services .children-services .services-post-children-item {
width: calc(50% - 50px);
margin: 0 0 40px;
}
.single-services .single-services-content .management-services .children-services .services-post-children-item .post-title-link {
text-decoration: none;
margin: 0 0 10px;
display: inline-flex;
padding: 6px 12px;
background: #F3F6FF;
}
.single-services .single-services-content .management-services .children-services .services-post-children-item .post-title-link .post-title {
color: #3744B9;
font-size: 16px;
line-height: normal;
margin: 0;
display: flex;
}
.single-services .single-services-content .management-services .children-services .services-post-children-item .post-title-link .post-title .icon {
margin: 0 0 0 10px;
}
.single-services .single-services-content .management-services .children-services .services-post-children-item .post-title-link:hover .post-title {
color: #AAAFDF;
}
.single-services .single-services-content .management-services .children-services .services-post-children-item .short-description {
color: #888399;
font-size: 16px;
line-height: 150%;
}
.single-services .single-services-content .we-help-you {
padding: 80px 0 130px;
}
.single-services .single-services-content .we-help-you .section-title {
color: #1F1D2E;
text-align: center;
font-family: 'Castoro', serif;
font-size: 36px;
line-height: 120%;
margin: 0 0 30px;
}
.single-services .single-services-content .we-help-you .we-help-you-accordion-wrap,
.single-services .single-services-content .we-help-you .we-help-you-accordion {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-services .single-services-content .we-help-you .we-help-you-accordion-wrap .left-accordion,
.single-services .single-services-content .we-help-you .we-help-you-accordion .left-accordion {
width: calc(50% - 10px);
}
.single-services .single-services-content .we-help-you .we-help-you-accordion-wrap .right-accordion,
.single-services .single-services-content .we-help-you .we-help-you-accordion .right-accordion {
width: calc(50% - 10px);
}
.single-services .single-services-content .reliability-engineering {
padding: 120px 0 80px;
text-align: center;
}
.single-services .single-services-content .reliability-engineering .section-title {
color: #1F1D2E;
text-align: center;
font-family: 'Castoro', serif;
font-size: 36px;
line-height: 120%;
}
.single-services .single-services-content .reliability-engineering .subtitle {
color: #1F1D2E;
text-align: center;
font-size: 16px;
line-height: 150%;
/* 24px */
margin: 10px 0 40px;
}
.single-services .single-services-content .reliability-engineering .preview-image {
margin: 40px 0 0;
}
.single-services .single-services-content .reliability-engineering .preview-image.mobile {
display: none;
}
.single-services .single-services-content .services-benefits {
padding: 100px 0 0;
}
.single-services .single-services-content .services-benefits .section-title {
color: #1F1D2E;
text-align: center;
font-family: 'Castoro', serif;
font-size: 36px;
line-height: 120%;
margin: 0 0 40px;
}
.single-services .single-services-content .services-benefits .services-benefits-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-services .single-services-content .services-benefits .services-benefits-wrap .benefits-item {
width: calc(50% - 20px);
margin: 0 0 40px;
display: flex;
}
.single-services .single-services-content .services-benefits .services-benefits-wrap .benefits-item .item-info {
padding: 0 0 0 20px;
}
.single-services .single-services-content .services-benefits .services-benefits-wrap .benefits-item .item-info .benefits-title {
color: #1F1D2E;
font-size: 18px;
font-weight: 500;
line-height: 130%;
margin: 0 0 10px;
}
.single-services .single-services-content .services-benefits .services-benefits-wrap .benefits-item .item-info .benefits-description {
color: #888399;
font-size: 16px;
line-height: 150%;
}
.single-services .single-services-content .why-choose-us {
padding: 180px 0 40px;
}
.single-services .single-services-content .why-choose-us .section-title {
color: #1F1D2E;
text-align: center;
font-family: 'Castoro', serif;
font-size: 36px;
line-height: 120%;
}
.single-services .single-services-content .why-choose-us .description-why-choose-us {
color: #1F1D2E;
text-align: center;
font-size: 16px;
line-height: 150%;
margin: 20px auto 60px;
max-width: 740px;
}
.single-services .single-services-content .why-choose-us .why-choose-us-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 40px 0 0;
}
.single-services .single-services-content .why-choose-us .why-choose-us-list .why-choose-us-item {
width: calc(33% - 45px);
margin: 0 0 40px;
}
.single-services .single-services-content .why-choose-us .why-choose-us-list .why-choose-us-item .icon {
margin: 0 0 20px;
}
.single-services .single-services-content .why-choose-us .why-choose-us-list .why-choose-us-item .icon img {
max-width: 40px;
}
.single-services .single-services-content .why-choose-us .why-choose-us-list .why-choose-us-item .title {
color: #1F1D2E;
font-size: 18px;
font-weight: 500;
line-height: 130%;
margin: 0 0 10px;
}
.single-services .single-services-content .why-choose-us .why-choose-us-list .why-choose-us-item .description {
color: #888399;
font-size: 16px;
font-style: normal;
line-height: 150%;
}
.single-services .single-services-content .why-choose-us2 {
padding: 180px 0 40px;
}
.single-services .single-services-content .why-choose-us2 .section-title {
color: #1F1D2E;
text-align: center;
font-family: 'Castoro', serif;
font-size: 36px;
line-height: 120%;
margin: 0 0 30px;
}
.single-services .single-services-content .why-choose-us2 .description-why-choose-us {
color: #1F1D2E;
text-align: center;
font-size: 16px;
line-height: 150%;
margin: 0 0 60px;
}
.single-services .single-services-content .why-choose-us2 .why-choose-us-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-services .single-services-content .why-choose-us2 .why-choose-us-list .why-choose-us-item {
width: calc(50% - 50px);
margin: 0 0 40px;
display: flex;
}
.single-services .single-services-content .why-choose-us2 .why-choose-us-list .why-choose-us-item .icon {
margin: 0 20px 0 0;
}
.single-services .single-services-content .why-choose-us2 .why-choose-us-list .why-choose-us-item .text-wrap .title {
color: #1F1D2E;
font-size: 18px;
font-weight: 500;
line-height: 130%;
margin: 0 0 10px;
}
.single-services .single-services-content .why-choose-us2 .why-choose-us-list .why-choose-us-item .text-wrap .description {
color: #888399;
font-size: 16px;
line-height: 150%;
}
.single-services .single-services-content .best-project {
padding: 100px 0 140px;
}
.single-services .single-services-content .best-project .best-project-head {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 30px;
}
.single-services .single-services-content .best-project .best-project-head .section-title {
color: #1F1D2E;
font-family: 'Castoro', serif;
font-size: 36px;
line-height: normal;
text-transform: capitalize;
}
.single-services .single-services-content .best-project .best-project-head .arrow-slider {
display: flex;
}
.single-services .single-services-content .best-project .best-project-head .arrow-slider .carousel-prev {
border-radius: 50%;
border: 1px solid #c6caf0;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 20px 0 0;
cursor: pointer;
}
.single-services .single-services-content .best-project .best-project-head .arrow-slider .carousel-next {
border-radius: 50%;
border: 1px solid #c6caf0;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.single-services .single-services-content .best-project .best-project-wrap {
display: flex;
justify-content: space-between;
margin: 0 0 50px;
flex-wrap: wrap;
}
.single-services .single-services-content .best-project .best-project-wrap .image-block {
width: calc(45% - 20px);
}
.single-services .single-services-content .best-project .best-project-wrap .image-block img {
width: 100%;
height: 300px;
border-radius: 6px;
object-fit: cover;
}
.single-services .single-services-content .best-project .best-project-wrap .case-info-block {
width: calc(55% - 20px);
display: flex;
flex-direction: column;
justify-content: center;
}
.single-services .single-services-content .best-project .best-project-wrap .case-info-block .title-best-case {
color: #1F1D2E;
font-size: 20px;
font-weight: 600;
line-height: 130%;
margin: 0 0 10px;
}
.single-services .single-services-content .best-project .best-project-wrap .case-info-block .title-best-case a {
color: #1F1D2E;
text-decoration: none;
}
.single-services .single-services-content .best-project .best-project-wrap .case-info-block .industry {
display: flex;
flex-wrap: wrap;
}
.single-services .single-services-content .best-project .best-project-wrap .case-info-block .industry .industry-item {
color: #3744B9;
font-size: 14px;
font-weight: 500;
line-height: normal;
margin: 0 10px 10px 0;
}
.single-services .single-services-content .best-project .best-project-wrap .case-info-block .short-description {
color: #888399;
font-size: 16px;
line-height: 140%;
margin: 10px 0 20px;
}
.single-services .single-services-content .best-project .best-project-wrap .case-info-block .services-tags {
display: flex;
flex-wrap: wrap;
}
.single-services .single-services-content .best-project .best-project-wrap .case-info-block .services-tags .services-item {
margin: 0 10px 10px 0;
color: #3744B9;
font-size: 14px;
line-height: 140%;
background: #F3F6FF;
display: flex;
padding: 5px 10px;
align-items: center;
}
.single-services .single-services-content .best-project .see-all-cases-wrap {
display: flex;
justify-content: center;
}
.single-services .single-services-content .best-project .see-all-cases-wrap .see-all-cases {
color: #3744B9;
font-size: 14px;
font-weight: 500;
line-height: normal;
display: flex;
padding: 15px 35px;
align-items: center;
justify-content: center;
border-radius: 6px;
border: 1px solid #C6CAF0;
background: rgba(255, 255, 255, 0.4);
}
.single-services .single-services-content .typical-project-stages {
position: relative;
padding: 120px 0;
}
.single-services .single-services-content .typical-project-stages .section-title {
margin: 0 0 20px;
color: #3744B9;
text-align: center;
font-family: 'Castoro', serif;
font-size: 36px;
line-height: 120%;
}
.single-services .single-services-content .typical-project-stages .section-description {
max-width: 760px;
text-align: center;
color: #1F1D2E;
font-size: 16px;
line-height: 140%;
margin: 0 auto 90px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list {
display: flex;
flex-wrap: wrap;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row {
display: flex;
width: 100%;
position: relative;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(1) {
margin: 0 0 100px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(1):before {
content: '';
width: 80%;
height: 1px;
left: 20px;
top: -26px;
background: #AAAFDF;
position: absolute;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(1):after {
content: '';
background-image: url(/wp-content/themes/gart/images/vectors/how-we-work-arrow.svg);
position: absolute;
right: 18%;
top: -30px;
width: 8px;
height: 9px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(1) .how-we-work-list-item:nth-child(1) .bottom {
max-width: 300px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(1) .how-we-work-list-item:nth-child(2) .bottom {
max-width: 260px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(2):before {
content: '';
width: 72%;
height: 1px;
left: 84px;
top: -26px;
background: #AAAFDF;
position: absolute;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(1) {
padding: 0 0 0 120px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(1) .bottom {
max-width: 190px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(2) {
padding: 0 0 0 118px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(2) .title {
max-width: 190px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(3) {
padding: 0 0 0 120px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(3) .title {
max-width: 139px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(3) .bottom {
max-width: 230px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item {
display: flex;
flex-direction: column;
width: 33.3%;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item .top {
display: flex;
align-items: center;
margin: 0 0 8px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item .top .counter {
font-size: 18px;
line-height: 22px;
min-width: 44px;
min-height: 44px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #AAAFDF;
color: #3744B9;
position: relative;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item .top .counter:before {
content: '';
width: 7px;
height: 7px;
top: -30px;
background: #3744B9;
position: absolute;
border-radius: 50%;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item .top .title {
font-size: 18px;
line-height: 120%;
color: #3744B9;
margin: 0 0 0 20px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item .bottom {
padding: 0 0 0 64px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item .bottom .description {
font-size: 16px;
line-height: 140%;
color: #888399;
}
.single-services .single-services-content .typical-project-stages:before {
content: '';
position: absolute;
background: #F3F6FF;
height: 100%;
width: 200vw;
z-index: -1;
left: -100vw;
top: 0;
}
.single-services .single-services-content .faq-blog {
position: relative;
padding: 80px 0;
}
.single-services .single-services-content .faq-blog .section-title {
font-family: 'Castoro', serif;
font-size: 36px;
line-height: 45px;
margin: 0 0 20px;
color: #1F1D2E;
text-align: center;
}
.single-services .single-services-content .faq-blog .faq-blog-wrap .question {
border-bottom: 1px solid #C6CAF0;
padding: 30px 15px 30px 0;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.single-services .single-services-content .faq-blog .faq-blog-wrap .question:hover h2:before, .single-services .single-services-content .faq-blog .faq-blog-wrap .question:hover h3:before {
background-image: url("/wp-content/themes/gart/images/vectors/plus-hover.svg");
}
.single-services .single-services-content .faq-blog .faq-blog-wrap .question h2, .single-services .single-services-content .faq-blog .faq-blog-wrap .question h3 {
font-family: 'Castoro', serif;
font-size: 24px;
line-height: 130%;
color: #1F1D2E;
display: inline-flex;
margin: 0;
cursor: pointer;
position: relative;
}
.single-services .single-services-content .faq-blog .faq-blog-wrap .question h2:before, .single-services .single-services-content .faq-blog .faq-blog-wrap .question h3:before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/wp-content/themes/gart/images/vectors/plus.svg");
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 0;
transition: all .5s ease;
}
.single-services .single-services-content .faq-blog .faq-blog-wrap .question.open h2:before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
background-image: url("/wp-content/themes/gart/images/vectors/minus.svg");
background-repeat: no-repeat;
background-position: center;
position: absolute;
right: 0;
}
.single-services .single-services-content .faq-blog .faq-blog-wrap .answer {
display: none;
padding: 20px 0 0 0;
font-size: 16px;
line-height: 150%;
color: #1F1D2E;
}
.single-services .single-services-content .like-posts-blog {
padding: 40px 0;
}
.single-services .single-services-content .like-posts-blog .section-title {
font-family: 'Castoro', serif;
font-weight: 400;
font-size: 36px;
line-height: 45px;
margin: 0 0 40px;
color: #1F1D2E;
text-align: center;
}
.single-services .single-services-content .like-posts-blog .like-posts-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 20px 0 0;
}
.single-services .single-services-content .like-posts-blog .like-posts-list article {
width: calc(33.33% - 15px);
margin: 0 0 60px;
}
.single-services .single-services-content .like-posts-blog .like-posts-list article .post-thumbnail .preview {
width: 100%;
object-fit: cover;
height: 200px;
margin: 0 0 20px;
border-radius: 8px;
}
.single-services .single-services-content .like-posts-blog .like-posts-list article .entry-header .category-post {
display: inline-flex;
margin: 0 10px 15px 0;
justify-content: center;
align-items: center;
padding: 0 15px;
height: 26px;
font-size: 13px;
line-height: 140%;
color: #3744B9;
background: #F3F6FF;
border-radius: 20px;
}
.single-services .single-services-content .like-posts-blog .like-posts-list article .entry-header .entry-title a {
font-family: 'Castoro', serif;
font-size: 20px;
line-height: 140%;
color: #1F1D2E;
margin: 0 0 10px;
text-decoration: none;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
white-space: normal;
overflow: hidden;
}
.single-services .single-services-content .like-posts-blog .like-posts-list article .entry-author-data {
display: flex;
align-items: center;
margin: 0 0 10px;
}
.single-services .single-services-content .like-posts-blog .like-posts-list article .entry-author-data .author {
display: flex;
align-items: center;
}
.single-services .single-services-content .like-posts-blog .like-posts-list article .entry-author-data .author .author-thumbnail img {
width: 30px;
height: 30px;
border-radius: 50%;
object-fit: cover;
}
.single-services .single-services-content .like-posts-blog .like-posts-list article .entry-author-data .author .author-name a {
font-weight: 500;
font-size: 14px;
line-height: 130%;
color: #3744B9;
margin: 0 0 0 10px;
text-decoration: none;
display: flex;
}
.single-services .single-services-content .like-posts-blog .like-posts-list article .entry-author-data .entry-posted-on {
font-size: 14px;
line-height: 130%;
margin: 0 0 0 10px;
color: #888399;
}
.single-services .single-services-content .like-posts-blog .like-posts-list article .entry-content {
font-size: 14px;
line-height: 140%;
color: #1F1D2E;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
display: -webkit-box;
white-space: normal;
overflow: hidden;
}
.single-services .single-services-content .like-posts-blog .like-posts-list article .entry-footer {
display: flex;
justify-content: space-between;
}
.single-services .single-services-content .like-posts-blog .like-posts-list article .entry-footer .entry-meta {
margin: 0 0 10px;
}
.single-services .single-services-content .like-posts-blog .like-posts-list article .entry-footer .entry-meta .entry-date {
font-size: 16px;
line-height: 130%;
color: #888399;
}
.single-services .single-services-content .like-posts-blog .like-posts-list article .entry-footer .view-post a {
font-weight: 500;
font-size: 16px;
line-height: 130%;
color: #3744B9;
}
.single-services .single-services-content .more-services {
padding: 80px 0;
}
.single-services .single-services-content .more-services .section-title {
color: #1F1D2E;
text-align: center;
font-size: 36px;
line-height: 120%;
max-width: 490px;
margin: 0 auto 40px;
}
.single-services .single-services-content .more-services .column-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-services .single-services-content .more-services .column-wrap .services-column {
width: calc(25% - 20px);
}
.single-services .single-services-content .more-services .column-wrap .services-column .column-title {
color: #1F1D2E;
font-size: 18px;
line-height: 120%;
margin: 0 0 25px;
text-decoration: none;
}
.single-services .single-services-content .more-services .column-wrap .services-column .services-list-pages {
margin: 25px 0 0;
padding: 0;
list-style: none;
}
.single-services .single-services-content .more-services .column-wrap .services-column .services-list-pages .services-item {
margin: 0 0 15px;
}
.single-services .single-services-content .more-services .column-wrap .services-column .services-list-pages .services-item a {
text-decoration: none;
color: #3744B9;
font-size: 16px;
line-height: 120%;
}
.single-services .single-services-content .what-we-provide {
padding: 80px 0;
}
.single-services .single-services-content .what-we-provide .section-title {
color: #1F1D2E;
text-align: center;
font-size: 36px;
line-height: normal;
text-transform: capitalize;
margin: 0;
}
.single-services .single-services-content .what-we-provide .subtitle-provide {
color: #1F1D2E;
text-align: center;
font-size: 16px;
line-height: 150%;
margin: 10px 0 20px;
}
.single-services .single-services-content .what-we-provide .what-we-provide-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 40px 0 0;
}
.single-services .single-services-content .what-we-provide .what-we-provide-wrap .provide-item {
width: calc(33% - 15px);
margin: 0 0 30px;
}
.single-services .single-services-content .what-we-provide .what-we-provide-wrap .provide-item .provide-title {
color: #3744B9;
font-size: 16px;
line-height: 140%;
padding: 6px 12px;
background: #F3F6FF;
margin: 0 0 10px;
display: inline-flex;
}
.single-services .single-services-content .what-we-provide .what-we-provide-wrap .provide-item .provide-description {
color: #888399;
font-size: 16px;
line-height: 150%;
}
.single-services .single-services-content .what-we-provide .what-we-provide-wrap .provide-item .provide-description ul {
padding: 0 0 0 26px;
margin: 0;
list-style: none;
}
.single-services .single-services-content .what-we-provide .what-we-provide-wrap .provide-item .provide-description ul li {
margin: 0 0 10px;
}
.single-services .single-services-content .what-we-provide .what-we-provide-wrap .provide-item .provide-description ul li::before {
content: "\2022";
color: #AAAFDF;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.single-services .single-services-content .what-we-provide2 {
padding: 80px 0;
}
.single-services .single-services-content .what-we-provide2 .section-title {
color: #1F1D2E;
text-align: center;
font-family: 'Castoro', serif;
font-size: 36px;
line-height: normal;
text-transform: capitalize;
margin: 0;
}
.single-services .single-services-content .what-we-provide2 .subtitle-provide {
color: #1F1D2E;
text-align: center;
font-size: 16px;
line-height: 150%;
margin: 10px auto 20px;
max-width: 620px;
}
.single-services .single-services-content .what-we-provide2 .what-we-provide-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 40px 0 0;
}
.single-services .single-services-content .what-we-provide2 .what-we-provide-wrap .provide-item {
width: calc(50% - 15px);
margin: 0 0 30px;
}
.single-services .single-services-content .what-we-provide2 .what-we-provide-wrap .provide-item .provide-title {
color: #3744B9;
font-size: 16px;
line-height: 140%;
padding: 6px 12px;
background: #F3F6FF;
margin: 0 0 10px;
display: inline-flex;
}
.single-services .single-services-content .what-we-provide2 .what-we-provide-wrap .provide-item .provide-description {
color: #888399;
font-size: 16px;
line-height: 150%;
}
.single-services .single-services-content .what-we-provide2 .what-we-provide-wrap .provide-item .provide-description ul {
padding: 0 0 0 26px;
margin: 0;
list-style: none;
}
.single-services .single-services-content .what-we-provide2 .what-we-provide-wrap .provide-item .provide-description ul li {
margin: 0 0 10px;
}
.single-services .single-services-content .what-we-provide2 .what-we-provide-wrap .provide-item .provide-description ul li::before {
content: "\2022";
/* Add content: \2022 is the CSS Code/unicode for a bullet */
color: #AAAFDF;
display: inline-block;
/* Needed to add space between the bullet and the text */
width: 1em;
/* Also needed for space (tweak if needed) */
margin-left: -1em;
/* Also needed for space (tweak if needed) */
}
.single-services .single-services-content .cost-optimization {
padding: 50px 0 130px;
}
.single-services .single-services-content .cost-optimization .section-title {
color: #1F1D2E;
font-family: 'Castoro', serif;
font-size: 36px;
line-height: normal;
margin: 0 0 10px;
}
.single-services .single-services-content .cost-optimization .section-subtitle {
color: #1F1D2E;
font-size: 16px;
line-height: 150%;
margin: 0 0 60px;
}
.single-services .single-services-content .cost-optimization .cost-optimization-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-services .single-services-content .cost-optimization .cost-optimization-list .cost-optimization-item {
width: calc(33% - 15px);
margin: 0 0 40px;
}
.single-services .single-services-content .cost-optimization .cost-optimization-list .cost-optimization-item .info {
display: flex;
align-items: center;
margin: 0 0 20px;
}
.single-services .single-services-content .cost-optimization .cost-optimization-list .cost-optimization-item .info .title {
color: #3744B9;
font-size: 18px;
line-height: 120%;
}
.single-services .single-services-content .cost-optimization .cost-optimization-list .cost-optimization-item .info .number {
margin: 0 20px 0 0;
color: #3744B9;
text-align: center;
font-size: 18px;
font-style: normal;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border: 1px solid #AAAFDF;
border-radius: 50%;
}
.single-services .single-services-content .cost-optimization .cost-optimization-list .cost-optimization-item .description {
padding: 0 0 0 64px;
color: #888399;
font-size: 16px;
font-style: normal;
line-height: 150%;
}
.single-services .single-services-content .cost-optimization2 {
padding: 50px 0 120px;
}
.single-services .single-services-content .cost-optimization2 .section-title {
color: #1F1D2E;
font-family: 'Castoro', serif;
font-size: 36px;
line-height: normal;
margin: 0 0 10px;
text-align: center;
}
.single-services .single-services-content .cost-optimization2 .section-subtitle {
color: #1F1D2E;
font-size: 16px;
line-height: 150%;
margin: 0 0 60px;
text-align: center;
}
.single-services .single-services-content .cost-optimization2 .cost-optimization-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-services .single-services-content .cost-optimization2 .cost-optimization-list .cost-optimization-item {
width: calc(50% - 20px);
margin: 0 0 40px;
}
.single-services .single-services-content .cost-optimization2 .cost-optimization-list .cost-optimization-item .info {
display: flex;
align-items: center;
margin: 0 0 8px;
}
.single-services .single-services-content .cost-optimization2 .cost-optimization-list .cost-optimization-item .info .title {
color: #3744B9;
font-size: 18px;
line-height: 120%;
}
.single-services .single-services-content .cost-optimization2 .cost-optimization-list .cost-optimization-item .info .number {
margin: 0 20px 0 0;
color: #3744B9;
text-align: center;
font-size: 18px;
line-height: normal;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border: 1px solid #AAAFDF;
border-radius: 50%;
}
.single-services .single-services-content .cost-optimization2 .cost-optimization-list .cost-optimization-item .description {
padding: 0 0 0 64px;
color: #888399;
font-size: 16px;
line-height: 150%;
}
.single-services .single-services-content .blockchain-infrastructure {
padding: 70px 0 60px;
}
.single-services .single-services-content .blockchain-infrastructure .section-title {
color: #1F1D2E;
text-align: center;
font-size: 36px;
line-height: normal;
margin: 0 0 10px;
}
.single-services .single-services-content .blockchain-infrastructure .section-subtitle {
color: #1F1D2E;
font-size: 16px;
line-height: 150%;
margin: 0 0 40px;
text-align: center;
}
.single-services .single-services-content .blockchain-infrastructure .blockchain-infrastructure-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-services .single-services-content .blockchain-infrastructure .blockchain-infrastructure-list .blockchain-infrastructure-item {
width: calc(50% - 15px);
margin: 0 0 30px;
}
.single-services .single-services-content .blockchain-infrastructure .blockchain-infrastructure-list .blockchain-infrastructure-item .info {
display: flex;
align-items: center;
margin: 0 0 10px;
}
.single-services .single-services-content .blockchain-infrastructure .blockchain-infrastructure-list .blockchain-infrastructure-item .info .title {
color: #3744B9;
font-size: 18px;
line-height: 120%;
}
.single-services .single-services-content .blockchain-infrastructure .blockchain-infrastructure-list .blockchain-infrastructure-item .info .number {
margin: 0 20px 0 0;
color: #3744B9;
text-align: center;
font-size: 18px;
line-height: normal;
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border: 1px solid #AAAFDF;
border-radius: 50%;
}
.single-services .single-services-content .blockchain-infrastructure .blockchain-infrastructure-list .blockchain-infrastructure-item .description {
padding: 0 0 0 64px;
color: #888399;
font-size: 16px;
line-height: 150%;
}
.single-services .single-services-content .blockchain-infrastructure .blockchain-infrastructure-list .blockchain-infrastructure-item .description ul {
padding: 0;
margin: 0 0 0 15px;
}
.single-services .single-services-content .for-business {
padding: 70px 0 70px 0;
}
.single-services .single-services-content .for-business .section-title {
color: #1F1D2E;
text-align: center;
font-size: 36px;
line-height: normal;
text-transform: capitalize;
}
.single-services .single-services-content .for-business .subtitle {
margin: 10px auto 60px;
color: #1F1D2E;
text-align: center;
font-size: 16px;
line-height: 150%;
max-width: 700px;
}
.single-services .single-services-content .for-business .for-business-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-services .single-services-content .for-business .for-business-wrap .for-business-item {
width: calc(50% - 20px);
margin: 0 0 40px;
}
.single-services .single-services-content .for-business .for-business-wrap .for-business-item .business-head {
display: flex;
align-items: center;
margin: 0 0 20px;
position: relative;
}
.single-services .single-services-content .for-business .for-business-wrap .for-business-item .business-head .icon {
margin: 0 20px 0 0;
}
.single-services .single-services-content .for-business .for-business-wrap .for-business-item .business-head .title {
color: #1F1D2E;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin: 0;
}
.single-services .single-services-content .for-business .for-business-wrap .for-business-item .description {
color: #888399;
font-size: 16px;
line-height: 150%;
}
.single-services .single-services-content .when-we-need-consulting-services {
padding: 80px 0 80px 0;
}
.single-services .single-services-content .when-we-need-consulting-services .section-title {
color: #1F1D2E;
font-family: 'Castoro', serif;
font-size: 36px;
line-height: 120%;
margin: 0 0 40px;
text-align: center;
}
.single-services .single-services-content .when-we-need-consulting-services .subtitle {
max-width: 640px;
margin: 10px auto 0;
color: #1F1D2E;
text-align: center;
font-size: 16px;
line-height: 150%;
}
.single-services .single-services-content .when-we-need-consulting-services .when-we-need-consulting-services-list {
display: flex;
justify-content: space-between;
margin: 40px 0 0;
}
.single-services .single-services-content .when-we-need-consulting-services .when-we-need-consulting-services-list .list-services-item {
width: calc(33% - 15px);
}
.single-services .single-services-content .when-we-need-consulting-services .when-we-need-consulting-services-list .list-services-item .icon {
margin: 0 0 20px;
}
.single-services .single-services-content .when-we-need-consulting-services .when-we-need-consulting-services-list .list-services-item .title {
color: #3744B9;
font-size: 18px;
font-weight: 500;
line-height: 120%;
margin: 0 0 20px;
}
.single-services .single-services-content .when-we-need-consulting-services .when-we-need-consulting-services-list .list-services-item .description ul {
padding: 0 0 0 26px;
margin: 0;
list-style: none;
}
.single-services .single-services-content .when-we-need-consulting-services .when-we-need-consulting-services-list .list-services-item .description ul li {
color: #888399;
font-size: 16px;
line-height: 130%;
margin: 0 0 15px;
}
.single-services .single-services-content .when-we-need-consulting-services .when-we-need-consulting-services-list .list-services-item .description ul li::before {
content: "\2022";
/* Add content: \2022 is the CSS Code/unicode for a bullet */
color: #AAAFDF;
display: inline-block;
/* Needed to add space between the bullet and the text */
width: 1em;
/* Also needed for space (tweak if needed) */
margin-left: -1em;
/* Also needed for space (tweak if needed) */
}
.single-services .single-services-content .robust-pipeline {
padding: 100px 0 100px 0;
margin: 60px 0 40px;
display: flex;
justify-content: center;
flex-direction: column;
border-radius: 6px;
background: linear-gradient(224deg, #F3F6FF 27.52%, rgba(242, 244, 251, 0) 129.49%);
}
.single-services .single-services-content .robust-pipeline .section-title {
color: #1F1D2E;
text-align: center;
font-family: 'Castoro', serif;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: 120%;
margin: 0 0 10px;
}
.single-services .single-services-content .robust-pipeline .subtitle {
color: #1F1D2E;
text-align: center;
font-size: 16px;
line-height: 150%;
max-width: 670px;
margin: 0 auto 40px;
}
.single-services .single-services-content .robust-pipeline .robust-image {
display: flex;
justify-content: center;
}
.single-services .single-services-content .consulting-services {
padding: 80px 0 90px 0;
display: flex;
flex-wrap: wrap;
}
.single-services .single-services-content .consulting-services .section-title-wrap {
width: 320px;
margin: 0 140px 0 0;
}
.single-services .single-services-content .consulting-services .section-title-wrap .section-title {
color: #1F1D2E;
font-family: Castoro, serif;
font-size: 36px;
line-height: 120%;
margin: 0;
}
.single-services .single-services-content .consulting-services .section-title-wrap.sticky-block.sticky .section-title {
position: fixed;
top: 80px;
width: 320px;
z-index: 1;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap {
display: flex;
flex-direction: column;
width: calc(100% - 460px);
position: relative;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap:before {
content: '';
position: absolute;
width: 1px;
height: 83%;
top: 20px;
left: -37px;
background: #AAAFDF;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap .cloud-consulting-item {
margin: 0 0 30px;
padding: 0 100px 0 0;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap .cloud-consulting-item:last-child {
margin: 0;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap .cloud-consulting-item .services-head {
display: flex;
align-items: center;
margin: 0 0 8px;
position: relative;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap .cloud-consulting-item .services-head .number {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
stroke: #AAAFDF;
border-radius: 50%;
border: 1px solid #AAAFDF;
margin: 0 20px 0 0;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap .cloud-consulting-item .services-head .title {
color: #3744B9;
font-size: 18px;
font-weight: 600;
line-height: 120%;
margin: 0;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap .cloud-consulting-item .services-head:before {
content: '';
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
top: calc(50% - 3px);
left: -40px;
background: #3744B9;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap .cloud-consulting-item .description {
color: #888399;
font-size: 16px;
line-height: 150%;
padding: 0 0 0 64px;
}
.single-services .single-services-content .what-get-from-cloud-consulting {
padding: 90px 0 60px 0;
}
.single-services .single-services-content .what-get-from-cloud-consulting .section-title {
color: #1F1D2E;
text-align: center;
font-family: Castoro, serif;
font-size: 36px;
line-height: 120%;
margin: 0 0 30px;
}
.single-services .single-services-content .what-get-from-cloud-consulting .cloud-consulting-wrap {
display: flex;
justify-content: space-between;
}
.single-services .single-services-content .what-get-from-cloud-consulting .cloud-consulting-wrap .cloud-consulting-item {
flex-direction: column;
display: flex;
padding: 35px 40px;
width: calc(33% - 10px);
border-radius: 6px;
border: 1px solid #C6CAF0;
}
.single-services .single-services-content .what-get-from-cloud-consulting .cloud-consulting-wrap .cloud-consulting-item .icon {
margin: 0 0 15px;
}
.single-services .single-services-content .what-get-from-cloud-consulting .cloud-consulting-wrap .cloud-consulting-item .title {
color: #1F1D2E;
font-size: 18px;
font-weight: 600;
line-height: 150%;
margin: 0 0 15px;
}
.single-services .single-services-content .what-get-from-cloud-consulting .cloud-consulting-wrap .cloud-consulting-item .description {
color: #1F1D2E;
font-size: 16px;
line-height: 150%;
}
.single-services .single-services-content .deliverables {
padding: 80px 0 70px 0;
}
.single-services .single-services-content .deliverables .section-title {
color: #1F1D2E;
text-align: center;
font-family: Castoro, serif;
font-size: 36px;
line-height: 120%;
margin: 0 0 30px;
}
.single-services .single-services-content .deliverables .deliverables-item-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.single-services .single-services-content .deliverables .deliverables-item-wrap .deliverable-item {
width: calc(50% - 10px);
padding: 35px 40px;
border-radius: 6px;
border: 1px solid #C6CAF0;
}
.single-services .single-services-content .deliverables .deliverables-item-wrap .deliverable-item .deliverable-head {
display: flex;
align-items: center;
margin: 0 0 20px;
}
.single-services .single-services-content .deliverables .deliverables-item-wrap .deliverable-item .deliverable-head .icon {
margin: 0 15px 0 0;
}
.single-services .single-services-content .deliverables .deliverables-item-wrap .deliverable-item .deliverable-head .title {
color: #1F1D2E;
font-size: 18px;
font-weight: 600;
line-height: 150%;
}
.single-services .single-services-content .deliverables .deliverables-item-wrap .deliverable-item .description {
color: #1F1D2E;
font-size: 16px;
line-height: 150%;
}
.single-services .single-services-content .deliverables .deliverables-item-wrap .deliverable-item .description p:last-child {
margin: 0;
}
.single-services .single-services-content .advantages {
padding: 80px 0 70px 0;
}
.single-services .single-services-content .advantages .section-title {
color: #1F1D2E;
text-align: center;
font-family: Castoro, serif;
font-size: 36px;
line-height: 120%;
margin: 0 0 40px;
}
.single-services .single-services-content .advantages .advantages-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-services .single-services-content .advantages .advantages-list .advantages-item {
width: calc(50% - 20px);
margin: 0 0 40px;
}
.single-services .single-services-content .advantages .advantages-list .advantages-item .info {
display: flex;
align-items: center;
margin: 0 0 20px;
}
.single-services .single-services-content .advantages .advantages-list .advantages-item .info .icon {
margin: 0 20px 0 0;
}
.single-services .single-services-content .advantages .advantages-list .advantages-item .info .title {
color: #1F1D2E;
font-size: 18px;
font-weight: 600;
line-height: 150%;
}
.single-services .single-services-content .advantages .advantages-list .advantages-item .description {
color: #1F1D2E;
font-size: 16px;
line-height: 150%;
}
.single-services .single-services-content .advantages .advantages-list .advantages-item .description p:last-child {
margin: 0;
}
.single-services .single-services-content .powerful-tools {
padding: 160px 0 20px 0;
}
.single-services .single-services-content .powerful-tools .section-title {
color: #1F1D2E;
text-align: center;
font-family: Castoro, serif;
font-size: 36px;
line-height: 120%;
margin: 0 0 10px;
}
.single-services .single-services-content .powerful-tools .subtitle {
color: #1F1D2E;
text-align: center;
font-size: 16px;
line-height: 150%;
max-width: 620px;
margin: 0 auto 60px;
}
.single-services .single-services-content .powerful-tools .logos-cicd-tools {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
max-width: 940px;
margin: 0 auto;
}
.single-services .single-services-content .powerful-tools .logos-cicd-tools .list-services-item {
padding: 0 20px;
}
.single-services .service-information {
width: 100%;
padding: 200px 0;
position: relative;
overflow: hidden;
background: #F3F6FF;
}
.single-services .service-information .service-thumbnail {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
.single-services .service-information .service-information-wrap {
position: relative;
}
.single-services .service-information .service-information-wrap .service-information-block {
width: 100%;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.single-services .service-information .service-information-wrap .service-information-block .title-service-information {
color: #3744B9;
text-align: center;
font-family: Castoro, serif;
font-size: 48px;
line-height: 120%;
margin: 0 0 10px;
max-width: 760px;
}
.single-services .service-information .service-information-wrap .service-information-block .service-information-description {
color: #1F1D2E;
font-size: 16px;
line-height: 120%;
margin: 0 0 30px;
text-align: center;
max-width: 550px;
}
.single-services .service-information .service-information-wrap .service-information-block .get-free-consultation {
text-decoration: none;
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: normal;
display: flex;
padding: 15px 40px;
align-items: center;
border-radius: 6px;
background: linear-gradient(320deg, #525FD0 0%, #2E3BAD 100%);
}
.single-services .request-consultation {
width: 100%;
padding: 170px 0;
position: relative;
overflow: hidden;
background: #F3F6FF;
}
.single-services .request-consultation .request-thumbnail {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
object-fit: cover;
}
.single-services .request-consultation .request-consultation-wrap {
position: relative;
}
.single-services .request-consultation .request-consultation-wrap .service-information-block {
width: 100%;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.single-services .request-consultation .request-consultation-wrap .service-information-block .title-service-information {
color: #3744B9;
text-align: center;
font-family: Castoro, serif;
font-size: 48px;
line-height: 120%;
margin: 0 0 10px;
}
.single-services .request-consultation .request-consultation-wrap .service-information-block .service-information-description {
color: #1F1D2E;
font-size: 16px;
line-height: 120%;
margin: 0 0 30px;
}
.single-services .request-consultation .request-consultation-wrap .service-information-block .get-free-consultation {
text-decoration: none;
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: normal;
display: flex;
padding: 15px 40px;
align-items: center;
border-radius: 6px;
background: linear-gradient(320deg, #525FD0 0%, #2E3BAD 100%);
}
.single-services .infrastructure-support {
width: 100%;
padding: 150px 0 50px;
position: relative;
}
.single-services .infrastructure-support .section-title {
color: #1F1D2E;
text-align: center;
font-family: Castoro, serif;
font-size: 36px;
line-height: normal;
text-transform: capitalize;
margin: 0 0 40px;
}
.single-services .infrastructure-support .infrastructure-support-list {
display: flex;
flex-wrap: wrap;
}
.single-services .infrastructure-support .infrastructure-support-list .infrastructure-item {
width: 20%;
}
.single-services .infrastructure-support .infrastructure-support-list .infrastructure-item .counter {
font-weight: 500;
font-size: 64px;
line-height: 77px;
text-align: center;
color: #3744B9;
margin: 0 0 5px;
}
.single-services .infrastructure-support .infrastructure-support-list .infrastructure-item .description {
font-size: 16px;
line-height: 130%;
text-align: center;
color: #888399;
}
.single-services .infrastructure-management-services {
width: 100%;
padding: 150px 0 50px;
position: relative;
}
.single-services .infrastructure-management-services .section-title {
color: #1F1D2E;
text-align: center;
font-family: Castoro, serif;
font-size: 36px;
line-height: normal;
text-transform: capitalize;
margin: 0 0 40px;
}
.single-services .infrastructure-management-services .infrastructure-support-list {
display: flex;
flex-wrap: wrap;
}
.single-services .infrastructure-management-services .infrastructure-support-list .infrastructure-item {
width: 25%;
}
.single-services .infrastructure-management-services .infrastructure-support-list .infrastructure-item .counter {
font-weight: 500;
font-size: 64px;
line-height: 77px;
text-align: center;
color: #3744B9;
margin: 0 0 5px;
}
.single-services .infrastructure-management-services .infrastructure-support-list .infrastructure-item .description {
font-size: 16px;
line-height: 130%;
text-align: center;
color: #888399;
}
.single-services .youtube-block {
width: 100%;
padding: 0;
position: relative;
}
.single-services .youtube-block .section-title {
color: #1F1D2E;
text-align: center;
font-family: Castoro, serif;
font-size: 36px;
line-height: normal;
text-transform: capitalize;
margin: 0 0 40px;
}
.single-services .youtube-block .youtube-item {
margin: 0 0 50px;
}
.single-services .picture-section {
width: 100%;
padding: 0;
position: relative;
}
.single-services .picture-section .section-title {
color: #1F1D2E;
text-align: center;
font-family: Castoro, serif;
font-size: 36px;
line-height: normal;
text-transform: capitalize;
margin: 0 0 40px;
}
.single-services .picture-section .preview-image img {
max-width: 100%;
}
.single-services footer .top-section {
border-top: 1px solid rgba(198, 202, 240, 0.7);
}
@media (max-width: 992px) {
#services-page .light-grey-bg .page-title {
font-size: 36px;
margin: 20px 0 20px;
}
#services-page .light-grey-bg .abstraction {
right: -100px;
}
#services-page .services-list {
padding: 50px 0 10px;
}
#services-page .services-list .services-post-item {
width: calc(50% - 20px);
}
.single-services .single-services-content .top-block .section-title {
font-size: 36px;
margin: 20px auto 20px;
max-width: 540px;
}
.single-services .single-services-content .management-services {
padding: 60px 0 0;
}
.single-services .single-services-content .management-services .section-title {
margin: 0 auto 30px;
max-width: 452px;
}
.single-services .single-services-content .management-services .children-services .services-post-children-item {
width: 100%;
margin: 0 0 30px;
}
.single-services .single-services-content .we-help-you {
padding: 30px 0 50px;
}
.single-services .single-services-content .we-help-you .section-title {
margin: 0 0 30px;
}
.single-services .single-services-content .we-help-you .we-help-you-accordion-wrap .left-accordion,
.single-services .single-services-content .we-help-you .we-help-you-accordion .left-accordion {
width: 100%;
}
.single-services .single-services-content .we-help-you .we-help-you-accordion-wrap .right-accordion,
.single-services .single-services-content .we-help-you .we-help-you-accordion .right-accordion {
width: 100%;
}
.single-services .single-services-content .we-help-you .we-help-you-accordion-wrap .accordion-item,
.single-services .single-services-content .we-help-you .we-help-you-accordion .accordion-item {
width: 100%;
}
.single-services .single-services-content .best-project {
padding: 50px 0 80px;
}
.single-services .single-services-content .best-project .section-title {
margin: 0 auto 30px;
}
.single-services .single-services-content .best-project .best-project-head {
flex-direction: column;
margin: 0 0 30px;
}
.single-services .single-services-content .best-project .best-project-head .section-title {
text-align: center;
}
.single-services .single-services-content .best-project .best-project-wrap {
margin: 0 0 40px;
}
.single-services .single-services-content .best-project .best-project-wrap .image-block {
width: 100%;
margin: 0 0 20px;
}
.single-services .single-services-content .best-project .best-project-wrap .image-block img {
height: 160px;
}
.single-services .single-services-content .best-project .best-project-wrap .case-info-block {
width: 100%;
}
.single-services .single-services-content .best-project .best-project-wrap .case-info-block .title-best-case {
font-size: 18px;
}
.single-services .single-services-content .best-project .best-project-wrap .case-info-block .short-description {
margin: 0 0 20px;
}
.single-services .single-services-content .typical-project-stages {
padding: 80px 0 60px;
}
.single-services .single-services-content .typical-project-stages .section-title {
margin: 0 0 30px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list {
position: relative;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list:before {
content: '';
width: 1px;
height: 82%;
left: 112px;
top: 20px;
background: #AAAFDF;
position: absolute;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row {
flex-direction: column;
padding: 0 0 0 160px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item {
display: flex;
width: 100%;
margin: 0 0 30px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item .top {
width: 100%;
margin: 0;
max-width: unset;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item .top .counter:before {
left: -52px;
top: unset;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item .top .title {
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: #3744B9;
margin: 0 0 0 20px;
padding: 0;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item .bottom {
padding: 8px 0 0 64px;
width: 100%;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item .bottom .description {
font-size: 16px;
line-height: 150%;
padding: 0;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(1) {
margin: 0;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(1):before, .single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(1):after {
content: none;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(1) .how-we-work-list-item:nth-child(1) .bottom {
max-width: unset;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(1) .how-we-work-list-item:nth-child(2) .bottom {
max-width: 260px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(2):before, .single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(2):after {
content: none;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(1) {
padding: 0;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(2) {
padding: 0;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(3) {
padding: 0;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(3) .bottom {
max-width: 100%;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(1) .how-we-work-list-item:nth-child(2) .bottom {
max-width: 100%;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(1) .bottom {
max-width: 100%;
}
.single-services .single-services-content .like-posts-blog .like-posts-list {
flex-direction: column;
}
.single-services .single-services-content .like-posts-blog .like-posts-list article {
width: 100%;
margin: 0 0 30px;
}
.single-services .single-services-content .more-services {
padding: 40px 0 20px;
}
.single-services .single-services-content .more-services .column-wrap .services-column {
width: calc(50% - 20px);
margin: 0 0 60px;
}
.single-services .single-services-content .why-choose-us {
padding: 100px 0 40px;
}
.single-services .single-services-content .why-choose-us .why-choose-us-list .why-choose-us-item {
width: calc(50% - 30px);
margin: 0 0 50px;
}
.single-services .single-services-content .why-choose-us2 {
padding: 100px 0 40px;
}
.single-services .single-services-content .why-choose-us2 .why-choose-us-list .why-choose-us-item {
width: calc(50% - 30px);
margin: 0 0 50px;
flex-direction: column;
}
.single-services .single-services-content .why-choose-us2 .why-choose-us-list .why-choose-us-item .icon {
margin: 0 0 20px 0;
}
.single-services .single-services-content .what-we-provide .what-we-provide-wrap .provide-item {
width: 100%;
margin: 0 0 30px;
}
.single-services .single-services-content .what-we-provide2 .what-we-provide-wrap .provide-item {
width: 100%;
margin: 0 0 30px;
}
.single-services .single-services-content .blockchain-infrastructure .blockchain-infrastructure-list .blockchain-infrastructure-item {
width: 100%;
margin: 0 0 20px;
}
.single-services .single-services-content .cost-optimization .cost-optimization-list .cost-optimization-item {
width: calc(50% - 20px);
margin: 0 0 40px;
}
.single-services .single-services-content .deliverables .deliverables-item-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.single-services .single-services-content .deliverables .deliverables-item-wrap .deliverable-item {
width: 100%;
margin: 0 0 20px;
}
.single-services .single-services-content .deliverables .deliverables-item-wrap .deliverable-item:last-child {
margin: 0;
}
.single-services .single-services-content .consulting-services .section-title-wrap {
width: 100%;
margin: 0 auto;
max-width: 460px;
}
.single-services .single-services-content .consulting-services .section-title-wrap .section-title {
margin: 0 0 30px;
text-align: center;
}
.single-services .single-services-content .consulting-services .section-title-wrap.sticky-block.sticky .section-title {
position: unset;
width: 100%;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap {
width: 100%;
padding: 0 0 0 100px;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap .cloud-consulting-item {
padding: 0 20px 0 0;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap:before {
height: 81%;
left: 63px;
}
.single-services .single-services-content .when-we-need-consulting-services .when-we-need-consulting-services-list {
flex-wrap: wrap;
}
.single-services .single-services-content .when-we-need-consulting-services .when-we-need-consulting-services-list .list-services-item {
width: 100%;
}
.single-services .single-services-content .robust-pipeline .robust-image {
padding: 0 40px;
}
.single-services .single-services-content .robust-pipeline .robust-image img {
width: 100%;
}
.single-services .single-services-content .reliability-engineering .preview-image svg {
width: 100%;
}
.single-services .single-services-content .cost-optimization .cost-optimization-list .cost-optimization-item {
width: 100%;
}
.single-services .single-services-content .cost-optimization2 .cost-optimization-list .cost-optimization-item {
width: 100%;
}
.single-services .single-services-content .advantages .advantages-list .advantages-item {
width: 100%;
}
.single-services .single-services-content .what-get-from-cloud-consulting .cloud-consulting-wrap {
flex-wrap: wrap;
}
.single-services .single-services-content .what-get-from-cloud-consulting .cloud-consulting-wrap .cloud-consulting-item {
width: 100%;
margin: 0 0 20px;
}
.single-services .single-services-content .youtube-block .section-title {
font-size: 36px;
margin: 20px auto 20px;
max-width: 540px;
}
.single-services .single-services-content .picture-section .section-title {
font-size: 36px;
margin: 20px auto 20px;
max-width: 540px;
}
.single-services .service-information {
padding: 160px 0;
}
.single-services .service-information .service-information-wrap .service-thumbnail {
display: none;
}
.single-services .service-information .service-information-wrap .service-information-block {
width: 100%;
align-items: center;
}
.single-services .service-information .service-information-wrap .service-information-block .title-service-information {
font-size: 36px;
text-align: center;
max-width: 580px;
}
.single-services .service-information .service-information-wrap .service-information-block .service-information-description {
margin: 0 0 20px;
}
.single-services .infrastructure-management-services,
.single-services .infrastructure-support {
width: 100%;
padding: 50px 0 50px;
}
.single-services .infrastructure-management-services .section-title,
.single-services .infrastructure-support .section-title {
font-size: 24px;
}
.single-services .infrastructure-management-services .infrastructure-support-list .infrastructure-item,
.single-services .infrastructure-support .infrastructure-support-list .infrastructure-item {
width: 50%;
margin: 0 0 40px;
}
}
@media (max-width: 767px) {
#services-page .light-grey-bg .page-title {
font-size: 24px;
margin: 20px 0 10px;
}
#services-page .light-grey-bg .abstraction {
right: -50px;
top: auto;
bottom: -60px;
}
#services-page .light-grey-bg .abstraction img {
width: 480px;
}
#services-page .services-list .services-post-item {
width: 100%;
margin: 0 0 40px;
}
.single-services .single-services-content .top-block {
padding: 70px 0 60px 0;
}
.single-services .single-services-content .top-block .section-title {
font-size: 24px;
margin: 20px auto 10px;
}
.single-services .single-services-content .what-we-provide {
padding: 35px 0;
}
.single-services .single-services-content .what-we-provide .section-title {
font-size: 24px;
margin: 0 0 10px;
}
.single-services .single-services-content .what-we-provide .subtitle-provide {
margin: 0 0 40px;
}
.single-services .single-services-content .what-we-provide .what-we-provide-wrap {
flex-direction: column;
}
.single-services .single-services-content .what-we-provide .what-we-provide-wrap .provide-item {
width: 100%;
margin: 0 0 10px;
}
.single-services .single-services-content .what-we-provide2 {
padding: 35px 0;
}
.single-services .single-services-content .what-we-provide2 .section-title {
font-size: 24px;
margin: 0 0 10px;
}
.single-services .single-services-content .what-we-provide2 .subtitle-provide {
margin: 0 0 20px;
}
.single-services .single-services-content .what-we-provide2 .what-we-provide-wrap {
flex-direction: column;
padding: 0;
}
.single-services .single-services-content .what-we-provide2 .what-we-provide-wrap .provide-item {
width: 100%;
margin: 0 0 10px;
}
.single-services .single-services-content .cost-optimization {
padding: 20px 0 30px;
}
.single-services .single-services-content .cost-optimization .section-title {
font-size: 24px;
}
.single-services .single-services-content .cost-optimization .section-subtitle {
margin: 0 0 20px;
text-align: center;
}
.single-services .single-services-content .cost-optimization .cost-optimization-list {
flex-direction: column;
}
.single-services .single-services-content .cost-optimization .cost-optimization-list .cost-optimization-item {
width: 100%;
margin: 0 0 20px;
}
.single-services .single-services-content .cost-optimization .cost-optimization-list .cost-optimization-item .info {
margin: 0 0 5px;
}
.single-services .single-services-content .cost-optimization .cost-optimization-list .cost-optimization-item .info .number {
margin: 0 15px 0 0;
font-size: 16px;
width: 34px;
height: 34px;
}
.single-services .single-services-content .cost-optimization .cost-optimization-list .cost-optimization-item .info .title {
font-size: 16px;
}
.single-services .single-services-content .cost-optimization .cost-optimization-list .cost-optimization-item .description {
padding: 0 0 0 49px;
}
.single-services .single-services-content .reliability-engineering .preview-image.mobile {
display: block;
}
.single-services .single-services-content .reliability-engineering .preview-image.desktop {
display: none;
}
.single-services .single-services-content .management-services {
padding: 35px 0 0;
}
.single-services .single-services-content .management-services .section-title {
margin: 0 auto 20px;
font-size: 24px;
}
.single-services .single-services-content .we-help-you .section-title {
font-size: 24px;
margin: 0 0 20px;
}
.single-services .single-services-content .we-help-you .we-help-you-accordion {
flex-direction: column;
}
.single-services .single-services-content .we-help-you .we-help-you-accordion .accordion .services_item {
margin: 0 0 10px;
}
.single-services .single-services-content .we-help-you .we-help-you-accordion .accordion .services_item .title .title-text {
display: flex;
width: 100%;
color: #3744B9;
font-size: 14px;
}
.single-services .single-services-content .we-help-you .we-help-you-accordion .accordion-item {
width: 100%;
}
.single-services .single-services-content .best-project {
padding: 40px 0 60px;
}
.single-services .single-services-content .best-project .best-project-head {
flex-direction: column;
margin: 0 0 20px;
}
.single-services .single-services-content .best-project .best-project-head .section-title {
font-size: 24px;
margin: 0 auto 20px;
text-align: center;
}
.single-services .single-services-content .best-project .best-project-head .arrow-slider .carousel-prev,
.single-services .single-services-content .best-project .best-project-head .arrow-slider .carousel-next {
width: 35px;
height: 35px;
}
.single-services .single-services-content .best-project .best-project-wrap .image-block {
margin: 0 0 10px;
}
.single-services .single-services-content .best-project .best-project-wrap .case-info-block .title-best-case {
font-size: 16px;
}
.single-services .single-services-content .best-project .best-project-wrap .case-info-block .short-description {
font-size: 14px;
}
.single-services .single-services-content .typical-project-stages {
padding: 50px 0 30px;
}
.single-services .single-services-content .typical-project-stages .section-title {
margin: 0 0 20px;
font-size: 24px;
}
.single-services .single-services-content .typical-project-stages .section-description {
margin: 0 auto 30px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list {
position: relative;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list:before {
content: '';
width: 1px;
height: 83%;
left: 8px;
top: 20px;
background: #AAAFDF;
position: absolute;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row {
flex-direction: column;
padding: 0 0 0 27px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(1) .how-we-work-list-item:nth-child(1) .bottom, .single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(1) .bottom {
max-width: unset;
padding: 5px 0 0 49px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(1) .how-we-work-list-item:nth-child(2) .bottom, .single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(2) .bottom {
max-width: unset;
padding: 5px 0 0 49px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(1) .how-we-work-list-item:nth-child(3) .bottom, .single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row:nth-child(2) .how-we-work-list-item:nth-child(3) .bottom {
max-width: unset;
padding: 5px 0 0 49px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item {
display: flex;
width: 100%;
margin: 0 0 30px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item .top {
width: 100%;
margin: 0;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item .top .counter {
font-size: 16px;
line-height: 19px;
min-width: 34px;
min-height: 34px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item .top .counter:before {
left: -23px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item .top .title {
margin: 0 0 0 15px;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item .top:before {
left: -20px;
top: unset;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .how-we-work-list-item .title {
font-weight: 500;
font-size: 16px;
line-height: 120%;
color: #3744B9;
margin: 0 0 0 15px;
padding: 0;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .bottom {
padding: 0 0 0 15px;
width: 100%;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list .work-list-row .bottom .description {
font-size: 16px;
line-height: 150%;
padding: 0;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list:nth-child(1) {
margin: 0;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list:nth-child(2) .how-we-work-list-item:nth-child(1) {
padding: 0;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list:nth-child(2) .how-we-work-list-item:nth-child(2) {
padding: 0;
}
.single-services .single-services-content .typical-project-stages .how-we-work-list:nth-child(2) .how-we-work-list-item:nth-child(3) {
padding: 0;
}
.single-services .single-services-content .faq-blog {
padding: 60px 0 40px;
}
.single-services .single-services-content .faq-blog .section-title {
font-size: 24px;
line-height: 30px;
color: #1F1D2E;
margin: 0 0 30px;
}
.single-services .single-services-content .faq-blog .faq-blog-wrap .question h2, .single-services .single-services-content .faq-blog .faq-blog-wrap h3 {
font-family: 'Castoro', serif;
font-size: 16px;
line-height: 140%;
color: #1F1D2E;
}
.single-services .single-services-content .faq-blog .faq-blog-wrap .answer {
padding: 10px 0 0 0;
font-size: 14px;
}
.single-services .single-services-content .faq-blog .faq-blog-wrap .question {
padding: 20px 0 20px 0;
}
.single-services .single-services-content .like-posts-blog {
padding: 20px 0 20px;
}
.single-services .single-services-content .like-posts-blog .section-title {
font-size: 24px;
line-height: 30px;
color: #1F1D2E;
margin: 0 0 20px;
}
.single-services .single-services-content .like-posts-blog .like-posts-list {
flex-direction: column;
}
.single-services .single-services-content .like-posts-blog .like-posts-list article {
width: 100%;
margin: 0 0 30px;
}
.single-services .single-services-content .more-services .section-title {
text-align: initial;
max-width: 490px;
margin: 0 auto 20px;
font-size: 24px;
}
.single-services .single-services-content .more-services .column-wrap .services-column {
width: 100%;
margin: 0 0 15px;
}
.single-services .single-services-content .more-services .column-wrap .services-column .column-title {
font-size: 14px;
margin: 0 0 15px;
}
.single-services .single-services-content .more-services .column-wrap .services-column .services-list-pages {
margin: 15px 0 0;
}
.single-services .single-services-content .more-services .column-wrap .services-column .services-list-pages .services-item {
margin: 0 0 10px;
}
.single-services .single-services-content .more-services .column-wrap .services-column .services-list-pages .services-item a {
font-size: 14px;
}
.single-services .single-services-content .services-benefits {
padding: 50px 0 40px;
}
.single-services .single-services-content .services-benefits .section-title {
margin: 0 0 20px;
font-size: 24px;
}
.single-services .single-services-content .services-benefits .services-benefits-wrap .benefits-item {
width: 100%;
margin: 0 0 20px;
flex-direction: column;
}
.single-services .single-services-content .services-benefits .services-benefits-wrap .benefits-item .item-info {
padding: 0;
margin: 20px 0 0;
}
.single-services .single-services-content .why-choose-us {
padding: 80px 0 50px;
}
.single-services .single-services-content .why-choose-us .section-title {
font-size: 24px;
margin: 0 0 10px;
}
.single-services .single-services-content .why-choose-us .description-why-choose-us {
margin: 0 0 40px;
}
.single-services .single-services-content .why-choose-us .why-choose-us-list {
flex-direction: column;
}
.single-services .single-services-content .why-choose-us .why-choose-us-list .why-choose-us-item {
width: 100%;
margin: 0 0 30px;
}
.single-services .single-services-content .why-choose-us2 {
padding: 80px 0 50px;
}
.single-services .single-services-content .why-choose-us2 .section-title {
font-size: 24px;
margin: 0 0 10px;
}
.single-services .single-services-content .why-choose-us2 .description-why-choose-us {
margin: 0 0 40px;
}
.single-services .single-services-content .why-choose-us2 .why-choose-us-list {
flex-direction: column;
}
.single-services .single-services-content .why-choose-us2 .why-choose-us-list .why-choose-us-item {
width: 100%;
margin: 0 0 30px;
flex-direction: column;
}
.single-services .single-services-content .why-choose-us2 .why-choose-us-list .why-choose-us-item .icon {
margin: 0 0 20px 0;
}
.single-services .single-services-content .blockchain-infrastructure {
padding: 35px 0 40px;
}
.single-services .single-services-content .blockchain-infrastructure .section-title {
font-size: 24px;
margin: 0 0 10px;
}
.single-services .single-services-content .blockchain-infrastructure .section-subtitle {
margin: 0 0 30px;
}
.single-services .single-services-content .blockchain-infrastructure .blockchain-infrastructure-list {
flex-direction: column;
}
.single-services .single-services-content .blockchain-infrastructure .blockchain-infrastructure-list .blockchain-infrastructure-item {
width: 100%;
margin: 0 0 20px;
}
.single-services .single-services-content .blockchain-infrastructure .blockchain-infrastructure-list .blockchain-infrastructure-item .info .number {
margin: 0 15px 0 0;
font-size: 16px;
width: 34px;
height: 34px;
}
.single-services .single-services-content .blockchain-infrastructure .blockchain-infrastructure-list .blockchain-infrastructure-item .info .title {
width: calc(100% - 49px);
}
.single-services .single-services-content .blockchain-infrastructure .blockchain-infrastructure-list .blockchain-infrastructure-item .description {
padding: 0 0 0 54px;
}
.single-services .single-services-content .consulting-services {
padding: 34px 0 60px;
}
.single-services .single-services-content .consulting-services .section-title-wrap .section-title {
margin: 0 0 20px;
font-size: 24px;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap {
padding: 0 0 0 24px;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap .cloud-consulting-item {
padding: 0;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap .cloud-consulting-item .services-head:before {
left: -30px;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap .cloud-consulting-item .services-head .number {
width: 34px;
height: 34px;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap .cloud-consulting-item .services-head .title {
font-size: 16px;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap .cloud-consulting-item .services-head .description {
font-size: 16px;
padding: 0 0 0 55px;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap .cloud-consulting-item .description {
padding: 0 0 0 54px;
}
.single-services .single-services-content .consulting-services .services-cloud-consulting-wrap:before {
height: 76%;
left: -3px;
}
.single-services .single-services-content .when-we-need-consulting-services {
padding: 34px 0 80px 0;
}
.single-services .single-services-content .when-we-need-consulting-services .section-title {
margin: 0 0 20px;
font-size: 24px;
}
.single-services .single-services-content .when-we-need-consulting-services .when-we-need-consulting-services-list .list-services-item .title {
font-size: 16px;
}
.single-services .single-services-content .deliverables {
padding: 40px 0 70px 0;
}
.single-services .single-services-content .deliverables .section-title {
font-size: 24px;
margin: 0 0 20px;
}
.single-services .single-services-content .deliverables .deliverables-item-wrap .deliverable-item {
width: 100%;
padding: 25px;
}
.single-services .single-services-content .deliverables .deliverables-item-wrap .deliverable-item .deliverable-head .title {
font-size: 16px;
}
.single-services .single-services-content .robust-pipeline {
padding: 50px 0 50px 0;
margin: 50px 0 50px;
}
.single-services .single-services-content .robust-pipeline .section-title {
font-size: 24px;
}
.single-services .single-services-content .robust-pipeline .subtitle {
padding: 0 20px;
}
.single-services .single-services-content .powerful-tools {
padding: 80px 0 20px 0;
}
.single-services .single-services-content .powerful-tools .section-title {
font-size: 24px;
}
.single-services .single-services-content .for-business {
padding: 30px 0 30px 0;
}
.single-services .single-services-content .for-business .section-title {
font-size: 24px;
}
.single-services .single-services-content .for-business .for-business-wrap .for-business-item {
width: 100%;
margin: 0 0 20px;
}
.single-services .single-services-content .advantages {
padding: 40px 0;
}
.single-services .single-services-content .advantages .section-title {
font-size: 24px;
margin: 0 0 20px;
}
.single-services .single-services-content .reliability-engineering {
padding: 60px 0;
}
.single-services .single-services-content .reliability-engineering .section-title {
font-size: 24px;
}
.single-services .single-services-content .cost-optimization2 {
padding: 50px 0 80px;
}
.single-services .single-services-content .cost-optimization2 .section-title {
font-size: 24px;
}
.single-services .single-services-content .what-get-from-cloud-consulting {
padding: 40px 0;
}
.single-services .single-services-content .what-get-from-cloud-consulting .section-title {
font-size: 24px;
}
.single-services .single-services-content .what-get-from-cloud-consulting .cloud-consulting-wrap .cloud-consulting-item {
width: 100%;
padding: 25px;
}
.single-services .single-services-content .what-get-from-cloud-consulting .cloud-consulting-wrap .cloud-consulting-item .title {
font-size: 16px;
}
.single-services .infrastructure-management-services,
.single-services .infrastructure-support {
width: 100%;
padding: 50px 0 50px;
}
.single-services .infrastructure-management-services .infrastructure-support-list .infrastructure-item,
.single-services .infrastructure-support .infrastructure-support-list .infrastructure-item {
width: 100%;
}
.single-services .service-information {
padding: 80px 0 100px;
}
.single-services .service-information .service-information-wrap .service-information-block {
padding: 0 40px;
}
.single-services .service-information .service-information-wrap .service-information-block .title-service-information {
font-size: 24px;
}
.single-services .service-information .service-information-wrap .service-information-block .service-information-description p {
margin: 0;
}
.single-services .request-consultation {
padding: 115px 0 135px;
}
.single-services .request-consultation .request-consultation-wrap .service-information-block .title-service-information {
font-size: 24px;
}
.single-services .request-consultation .request-consultation-wrap .service-information-block .service-information-description {
text-align: center;
}
.single-services .request-consultation .request-thumbnail {
width: 300%;
position: absolute;
top: 5%;
left: -35%;
}
}
.accordion .services_item {
margin: 0 0 15px;
}
.accordion .title {
cursor: pointer;
font-weight: 500;
font-size: 18px;
line-height: 120%;
color: #1F1D2E;
margin: 0 0 10px;
}
.accordion .description {
color: #888399;
font-size: 16px;
line-height: 150%;
margin-left: 40px;
height: 100%;
max-height: 0;
overflow: hidden;
box-sizing: border-box;
transition: max-height 400ms ease-out;
transition-delay: 50ms;
}
.services_item .arrow-services {
transition: transform .4s ease;
transition-delay: 0s;
transform: rotate(0deg);
margin-right: 24px;
}
.services_item[open] > summary .arrow-services {
transform: rotate(-90deg);
}
.accordion .services_item[open] > .description {
max-height: 200px;
transition: max-height 400ms ease-out;
}
.accordion-item {
width: calc(33% - 15px);
}
.we-help-you-accordion_corrected .title-text {
display: flex;
align-items: center;
width: 100%;
color: #3744B9;
border-radius: 6px;
background: #F3F6FF;
font-size: 16px;
line-height: 120%;
padding: 15px;
}
.we-help-you-accordion_corrected .services_item .arrow-services {
transform: rotate(-90deg);
}
.we-help-you-accordion_corrected .services_item[open] > summary .arrow-services {
transform: rotate(0deg);
}
.we-help-you-accordion_corrected .accordion .services_item .description {
margin-left: 15px;
}
summary {
list-style: none;
}
details[open] summary::before {
content: "";
}
.e-books-page {
padding: 90px 0 0;
}
.e-books-page .e-books-whitepapers {
padding: 20px 0 30px;
}
.e-books-page .e-books-whitepapers .section-title {
font-family: 'Castoro', serif;
font-size: 36px;
line-height: 45px;
margin: 0 0 30px;
text-align: center;
color: #1F1D2E;
}
.e-books-page .e-books-whitepapers .sticky-e-books-post {
display: flex;
flex-direction: row;
align-items: center;
padding: 40px 130px;
background: linear-gradient(224.21deg, rgba(243, 246, 255, 0.952941) 27.52%, rgba(242, 244, 251, 0) 129.49%);
border-radius: 9px;
margin: 0 0 40px;
}
.e-books-page .e-books-whitepapers .sticky-e-books-post article {
width: 100%;
display: flex;
}
.e-books-page .e-books-whitepapers .sticky-e-books-post article .post-thumbnail .preview {
width: 170px;
height: 240px;
border: 1px solid #F2F4FB;
filter: drop-shadow(0px 4px 12px rgba(63, 35, 122, 0.08));
border-radius: 8px;
object-fit: cover;
}
.e-books-page .e-books-whitepapers .sticky-e-books-post article .article-content {
width: calc(100% - 170px);
max-width: 500px;
padding: 0 0 0 60px;
display: flex;
justify-content: center;
flex-direction: column;
}
.e-books-page .e-books-whitepapers .sticky-e-books-post article .entry-title {
font-weight: 500;
font-size: 18px;
line-height: 130%;
margin: 0 0 10px;
}
.e-books-page .e-books-whitepapers .sticky-e-books-post article .category {
font-size: 14px;
line-height: 17px;
margin: 0 0 10px;
color: #3744B9;
}
.e-books-page .e-books-whitepapers .sticky-e-books-post article .entry-content {
font-size: 16px;
line-height: 140%;
margin: 0 0 40px;
color: #888399;
}
.e-books-page .e-books-whitepapers .e-books-articles {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.e-books-page .e-books-whitepapers .e-books-articles article {
width: calc(50% - 40px);
display: flex;
margin: 0 0 60px;
}
.e-books-page .e-books-whitepapers .e-books-articles article .post-thumbnail .preview {
width: 120px;
height: 170px;
border: 1px solid #F2F4FB;
filter: drop-shadow(0px 4px 12px rgba(63, 35, 122, 0.08));
border-radius: 8px;
object-fit: cover;
}
.e-books-page .e-books-whitepapers .e-books-articles article .article-content {
width: calc(100% - 120px);
padding: 0 0 0 40px;
display: flex;
justify-content: center;
flex-direction: column;
}
.e-books-page .e-books-whitepapers .e-books-articles article .article-content .entry-content {
font-size: 14px;
line-height: 120%;
margin: 0 0 20px;
color: #888399;
}
.e-books-page .entry-title_link {
color: #1F1D2E;
}
.e-books-page .category {
font-size: 14px;
line-height: 17px;
margin: 0 0 10px;
color: #3744B9;
}
@media (max-width: 992px) {
.e-books-page .e-books-whitepapers {
padding: 20px 0 30px;
}
.e-books-page .e-books-whitepapers .sticky-e-books-post {
padding: 40px 75px;
margin: 0 0 40px;
}
.e-books-page .e-books-whitepapers .sticky-e-books-post article .post-thumbnail .preview {
width: 120px;
height: 170px;
}
.e-books-page .e-books-whitepapers .sticky-e-books-post article .article-content {
width: calc(100% - 120px);
padding: 0 0 0 30px;
max-width: 440px;
}
.e-books-page .e-books-whitepapers .sticky-e-books-post article .article-content .entry-title {
font-size: 16px;
line-height: 130%;
}
.e-books-page .e-books-whitepapers .sticky-e-books-post article .article-content .entry-content {
font-size: 14px;
line-height: 120%;
margin: 0 0 20px;
}
.e-books-page .e-books-whitepapers .e-books-articles {
flex-direction: column;
}
.e-books-page .e-books-whitepapers .e-books-articles article {
width: 100%;
margin: 0 0 40px;
}
}
@media (max-width: 767px) {
.e-books-page {
padding: 70px 0 0;
}
.e-books-page .e-books-whitepapers {
padding: 0 0 30px;
}
.e-books-page .e-books-whitepapers .section-title {
font-size: 24px;
line-height: 30px;
margin: 0 0 20px;
}
.e-books-page .e-books-whitepapers .sticky-e-books-post {
padding: 15px 15px;
margin: 0 0 20px;
}
.e-books-page .e-books-whitepapers .sticky-e-books-post article .article-content {
padding: 0 0 0 20px;
}
.e-books-page .e-books-whitepapers .sticky-e-books-post article .entry-title {
font-size: 15px;
}
.e-books-page .e-books-whitepapers .sticky-e-books-post article .category {
margin: 0 0 20px;
font-size: 14px;
}
.e-books-page .e-books-whitepapers .sticky-e-books-post article .entry-content {
display: none;
}
.e-books-page .e-books-whitepapers .e-books-articles article {
margin: 0 0 20px;
}
.e-books-page .e-books-whitepapers .e-books-articles article .post-thumbnail .preview {
width: 90px;
height: 127px;
}
.e-books-page .e-books-whitepapers .e-books-articles article .article-content {
width: calc(100% - 90px);
padding: 0 0 0 20px;
}
.e-books-page .e-books-whitepapers .e-books-articles article .entry-title {
font-size: 14px;
}
.e-books-page .e-books-whitepapers .e-books-articles article .category {
margin: 0 0 20px;
font-size: 14px;
}
.e-books-page .e-books-whitepapers .e-books-articles article .entry-content {
display: none;
}
}
.download-link {
position: relative;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: inline-flex;
text-decoration: none;
color: #3744B9;
}
.download-link:after {
content: url("images/vectors/download-icon.svg");
display: inline-block;
width: 18px;
height: 18px;
margin-left: 10px;
}
.authors_title {
font-family: 'Castoro', serif;
font-size: 36px;
line-height: 130%;
color: #1F1D2E;
margin: 0 0 20px;
}
.authors_list {
margin: 20px auto;
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
gap: 20px;
}
.authors_item {
position: relative;
width: 100%;
max-width: 33.3%;
}
.authors_img {
width: 100%;
}
.authors_name {
display: block;
margin: 10px auto;
font-weight: 500;
font-size: 18px;
line-height: 140%;
color: #1F1D2E;
}
.authors_name::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.authors_role {
font-size: 16px;
line-height: 140%;
color: #888399;
}
@media (max-width: 992px) {
.authors_item {
max-width: calc(50% - 10px);
}
}
@media (max-width: 767px) {
.authors_item {
max-width: calc(100% - 10px);
}
}
footer {
margin-top: auto;
}
footer.site-footer {
background: #F3F6FF;
}
footer .top-section {
padding: 80px 0;
}
footer .top-section .site-wrapper {
display: flex;
flex-wrap: wrap;
}
footer .top-section .widgets-section {
display: flex;
width: 30%;
flex-direction: column;
}
footer .top-section .widgets-section .block-title {
color: #888399;
font-size: 14px;
line-height: 150%;
margin: 0 0 30px;
max-width: 200px;
}
footer .top-section .widgets-section .item {
margin: 0 0 28px 0;
}
footer .top-section .widgets-section .item .goodfirm {
height: 44px;
}
footer .top-section .widgets-section .item:last-child {
margin: 0;
}
footer .top-section .company-section {
display: flex;
width: 13%;
flex-direction: column;
}
footer .top-section .company-section .block-title {
color: #888399;
font-size: 14px;
line-height: 150%;
margin: 0 0 20px;
}
footer .top-section .company-section .menu {
padding: 0;
margin: 0;
list-style: none;
}
footer .top-section .company-section .menu .menu-item {
margin: 0 0 15px 0;
display: flex;
}
footer .top-section .company-section .menu .menu-item:last-child {
margin: 0;
}
footer .top-section .company-section .menu .menu-item a {
text-decoration: none;
color: #3744B9;
font-size: 14px;
line-height: normal;
}
footer .top-section .company-section .menu .menu-item a:hover, footer .top-section .company-section .menu .menu-item a:focus {
text-decoration: underline;
}
footer .top-section .services-section {
display: flex;
width: 20%;
flex-direction: column;
}
footer .top-section .services-section .block-title {
color: #888399;
font-size: 14px;
line-height: 150%;
margin: 0 0 20px;
}
footer .top-section .services-section .menu {
padding: 0;
margin: 0;
list-style: none;
}
footer .top-section .services-section .menu .menu-item {
margin: 0 0 15px 0;
display: flex;
}
footer .top-section .services-section .menu .menu-item:last-child {
margin: 30px 0 0 0;
}
footer .top-section .services-section .menu .menu-item a {
text-decoration: none;
color: #3744B9;
font-size: 14px;
line-height: normal;
}
footer .top-section .services-section .menu .menu-item a:hover, footer .top-section .services-section .menu .menu-item a:focus {
text-decoration: underline;
}
footer .top-section .contact-info {
display: flex;
width: 20%;
flex-direction: column;
}
footer .top-section .contact-info .block-title {
color: #888399;
font-size: 14px;
line-height: 150%;
margin: 0 0 20px;
}
footer .top-section .contact-info .contact-info-us-wrap .contact-info-list {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
footer .top-section .contact-info .contact-info-us-wrap .contact-info-list .contact-info-list-item {
list-style: none;
margin: 0 0 15px 0;
display: flex;
align-items: center;
}
footer .top-section .contact-info .contact-info-us-wrap .contact-info-list .contact-info-list-item .item-link {
text-decoration: none;
color: #3744B9;
font-size: 14px;
line-height: normal;
}
footer .top-section .contact-info .contact-info-us-wrap .contact-info-list .contact-info-list-item .item-title {
font-size: 13px;
line-height: 120%;
color: #1F1D2E;
}
footer .top-section .contact-info .contact-info-us-wrap .contact-info-list .contact-info-list-item:last-child {
margin: 0;
}
footer .top-section .contact-info .follow-us-wrap {
padding: 35px 0 0 0;
}
footer .top-section .contact-info .follow-us-wrap .follow-us {
display: flex;
}
footer .top-section .contact-info .follow-us-wrap .follow-us .menu {
padding: 0;
margin: 0;
list-style: none;
}
footer .top-section .contact-info .follow-us-wrap .follow-us .menu .menu-item {
margin: 0 0 15px 0;
display: flex;
}
footer .top-section .contact-info .follow-us-wrap .follow-us .menu .menu-item:last-child {
margin: 0;
}
footer .top-section .contact-info .follow-us-wrap .follow-us .menu .menu-item a {
text-decoration: none;
color: #3744B9;
font-size: 14px;
line-height: normal;
}
footer .top-section .contact-collaborate {
display: flex;
width: 17%;
flex-direction: column;
}
footer .top-section .contact-collaborate .title {
color: #3744B9;
font-size: 14px;
line-height: 130%;
margin: 0 0 10px;
}
footer .top-section .contact-collaborate .subtitle {
color: #888399;
font-size: 14px;
line-height: 150%;
margin: 0 0 20px;
max-width: 165px;
}
footer .top-section .contact-collaborate .link-contact-us {
display: flex;
}
footer .top-section .contact-collaborate .link-contact-us a {
text-decoration: none;
color: #3744B9;
font-size: 13px;
line-height: normal;
padding: 10px 30px;
border-radius: 6px;
border: 1px solid #C6CAF0;
}
footer .bottom-section {
border-top: 1px solid rgba(198, 202, 240, 0.7);
padding: 55px 0;
}
footer .bottom-section .site-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
footer .bottom-section .site-wrapper .copy {
font-size: 13px;
line-height: 120%;
color: #888399;
}
footer .bottom-section .site-wrapper .footer-menu .footer-menu-navigation .menu {
padding: 0;
margin: 0;
list-style: none;
display: flex;
}
footer .bottom-section .site-wrapper .footer-menu .footer-menu-navigation .menu .menu-item {
margin: 0 20px 0 0;
}
footer .bottom-section .site-wrapper .footer-menu .footer-menu-navigation .menu .menu-item:last-child {
margin: 0;
}
footer .bottom-section .site-wrapper .footer-menu .footer-menu-navigation .menu .menu-item a {
text-decoration: none;
color: #888399;
font-size: 13px;
line-height: 120%;
}
footer .no-mobile {
display: block;
}
footer .no-desktop {
display: none;
}
@media (max-width: 992px) {
footer .top-section {
padding: 50px 0 80px 0;
}
footer .top-section .widgets-section {
width: 100%;
margin: 0 0 60px;
flex-direction: row;
flex-wrap: wrap;
}
footer .top-section .widgets-section .block-title {
max-width: unset;
width: 100%;
}
footer .top-section .widgets-section .item {
margin: 0;
width: 33%;
display: flex;
align-items: center;
justify-content: center;
}
footer .top-section .company-section {
width: 20%;
}
footer .top-section .services-section {
width: 30%;
}
footer .top-section .contact-info {
width: 27%;
}
footer .top-section .contact-collaborate {
width: 23%;
}
}
@media (max-width: 767px) {
footer .top-section {
padding: 40px 0 50px;
}
footer .top-section .widgets-section {
width: 100%;
align-items: center;
margin: 0 0 50px;
}
footer .top-section .widgets-section .item {
margin: 0 0 25px 0;
width: 100%;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
footer .top-section .company-section {
width: 50%;
}
footer .top-section .services-section {
width: 50%;
}
footer .top-section .contact-info {
width: 100%;
flex-direction: row;
margin: 50px 0 0;
}
footer .top-section .contact-info .contact-info-us-wrap {
width: 50%;
}
footer .top-section .contact-info .follow-us-wrap {
width: 50%;
padding: 0;
}
footer .top-section .contact-collaborate {
width: 100%;
align-items: center;
margin: 70px 0 0;
}
footer .top-section .contact-collaborate .subtitle {
max-width: 100%;
}
footer .top-section .contact-collaborate .link-contact-us {
width: 100%;
}
footer .top-section .contact-collaborate .link-contact-us a {
width: 100%;
text-align: center;
padding: 12px 0;
}
footer .bottom-section {
padding: 40px 0;
}
footer .bottom-section .site-wrapper {
flex-direction: column-reverse;
}
footer .bottom-section .site-wrapper .footer-menu {
margin: 0 0 20px;
}
}
.home footer .top-section,
.single-case-studies footer .top-section,
.page-template-page-template-case-studies footer .top-section {
border-top: 1px solid rgba(198, 202, 240, 0.7);
}
/* Elements
--------------------------------------------- */
button,
input[type="submit"] {
border: 1px solid #888399;
border-radius: 3px;
background: #fff;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
cursor: pointer;
}
button:hover,
input[type="submit"]:hover {
border-color: #CDCDCD;
}
button:active, button:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #CDCDCD;
}
input[type="text"],
input[type="email"],
textarea {
color: #1F1D2E;
border: 1px solid #888399;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
color: #CDCDCD;
}
select {
border: 1px solid #888399;
}
textarea {
width: 100%;
}
a {
color: #007bff;
}
a:visited {
color: #4B57C5;
}
a:hover, a:focus, a:active {
color: #4B57C5;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
.pagination-section {
width: 100%;
margin: 10px auto 0;
}
.pagination-section .page-numbers {
padding: 0;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
list-style-type: none;
}
.pagination-section .page-numbers li {
list-style: none;
line-height: 140%;
margin: 10px 20px;
display: flex;
}
.pagination-section .page-numbers li a {
color: #C6CAF0;
font-size: 16px;
}
.pagination-section .page-numbers li .dots {
color: #C6CAF0;
font-size: 16px;
}
.pagination-section .page-numbers li .prev,
.pagination-section .page-numbers li .next {
opacity: .4;
}
.pagination-section .page-numbers li .prev:hover, .pagination-section .page-numbers li .prev:focus,
.pagination-section .page-numbers li .next:hover,
.pagination-section .page-numbers li .next:focus {
opacity: 1;
}
.pagination-section .page-numbers li:hover {
color: #3744B9;
}
.pagination-section .page-numbers li span.current {
font-size: 16px;
color: #3744B9;
}
@media (max-width: 767px) {
.pagination-item {
font-size: 15px;
}
}
.breadcrumbs_list {
display: flex;
width: 100%;
padding: 0 0 30px;
align-items: center;
list-style: none;
margin: 0;
flex-wrap: wrap;
}
.breadcrumbs_item {
display: flex;
position: relative;
font-size: 14px;
line-height: 120%;
}
.breadcrumbs_item:not(:last-child)::after {
margin: 0 15px;
content: url("images/vectors/breadcrumbs-arrow.svg");
width: 5px;
height: 9px;
line-height: 120%;
z-index: 1;
}
a.breadcrumbs_link {
color: #888399;
text-decoration: none;
}
a.breadcrumbs_link:hover {
color: #3744B9;
}
.breadcrumbs_current {
font-size: 14px;
line-height: 120%;
color: #3744B9;
}
@media (max-width: 767px) {
.breadcrumbs_item {
font-size: 12px;
margin: 0 0 10px;
display: inline-flex;
}
.breadcrumbs_current {
display: inline-block;
}
a.breadcrumbs_link,
.breadcrumbs_current {
font-size: 12px;
}
}
.cookies {
position: fixed;
bottom: 0;
left: 50%;
transform: translate(-50%, 100%);
will-change: transform;
width: 100%;
max-width: 800px;
z-index: 10;
padding: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: #F3F6FF;
}
.cookies.active {
animation: moveCookies 1s ease-in 2s;
animation-fill-mode: forwards;
}
@keyframes moveCookies {
0% {
transform: translate(-50%, 100%);
}
100% {
transform: translate(-50%, 0);
}
}
.cookies_text {
font-weight: 500;
}
.cookies_btn {
margin-left: 20px;
white-space: nowrap;
color: #fff;
align-self: center;
padding: 15px 20px;
align-items: center;
border-radius: 6px;
background: linear-gradient(320deg, #525FD0 0%, #2E3BAD 100%);
}
.post .lwptoc-light .lwptoc_i {
color: inherit;
background: none;
padding: 0;
}
.post .lwptoc_title {
font-family: 'Castoro', serif;
font-size: 24px;
line-height: 30px;
font-weight: 500;
color: #1F1D2E;
}
.lwptoc-baseItems .lwptoc_items {
margin-top: 20px;
}
.lwptoc-light LI.lwptoc_item {
margin-bottom: 20px !important;
}
.lwptoc-light .lwptoc_i a {
margin-left: 64px;
}
.single-posts .single-post-article .entry-content ol li.lwptoc_item:before {
font-size: 14px;
line-height: 17px;
color: #888399;
left: 40px;
top: 3px;
}
.lwptoc_item_label {
font-size: 16px;
}
/*# sourceMappingURL=style.css.map */