@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');
/* Global CSS
 ========================================================================== */

 body,
 html {
   font-size: 16px;
   color: #333;
   scroll-behavior: smooth;
   font-family: 'Poppins', sans-serif;
 }
 
 body {
   overflow-x: hidden;
 }
 
 * {
    font-family: 'Poppins', sans-serif;
   box-sizing: border-box;
   font-weight: 300;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: var(--primaryFontFamily);
   border:0;
   margin:0;
   padding: 0;
 }
 
 button,
 a {
   cursor: pointer;
 }
 
 .custom-plan-price-tooltip {
   width: 200px;
   text-align: center;
 }
 
 .no-select {
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   outline: none;
 }
 
 /* Document
  ========================================================================== */
 
 /**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
 
 html {
   line-height: 1.15; /* 1 */
   -ms-text-size-adjust: 100%; /* 2 */
   -webkit-text-size-adjust: 100%; /* 2 */
   font-size: 62.5%; /* changes a default 16px font size to 10px */
 }
 
 /* Sections
  ========================================================================== */
 
 /**
 * Remove the margin in all browsers (opinionated).
 */
 
 body {
   margin: 0;
 }
 
 /**
 * Add the correct display in IE 9-.
 */
 /**
 * 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;
 }
 
 h2 {
   margin: 0;
 }
 

 /* Grouping content
  ========================================================================== */
 
 /**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
 
 figcaption,
 figure,
 main {
   /* 1 */
   display: block;
 }
 
 /**
 * Add the correct margin in IE 8.
 */
 
 figure {
   margin: 1em 40px;
 }
 
 /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
 
 hr {
   box-sizing: content-box; /* 1 */
   height: 0; /* 1 */
   overflow: visible; /* 2 */
 }
 
 /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd 'em' font sizing in all browsers.
 */
 /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
 
 hr {
   box-sizing: content-box; /* 1 */
   height: 0; /* 1 */
   overflow: visible; /* 2 */
 }
 
 /**
 * 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; /* 1 */
   font-size: 1em; /* 2 */
 }
 
 /* Text-level semantics
  ========================================================================== */
 
 /**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
 
 a {
   background-color: transparent; /* 1 */
   -webkit-text-decoration-skip: objects; /* 2 */
 }
 
 /**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
 
 abbr[title] {
   border-bottom: none; /* 1 */
   text-decoration: underline; /* 2 */
   text-decoration: underline dotted; /* 2 */
 }
 
 /**
 * Prevent the duplicate application of 'bolder' by the next rule in Safari 6.
 */
 
 b,
 strong {
   font-weight: inherit;
 }
 
 /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
 
 b,
 strong {
   font-weight: 700;
 }
 
 /**
 * 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; /* 1 */
   font-size: 1em; /* 2 */
 }
 
 /**
 * Add the correct font style in Android 4.3-.
 */
 
 dfn {
   font-style: italic;
 }
 
 /**
 * Add the correct background and color in IE 9-.
 */
 
 mark {
   background-color: #ff0;
   color: #000;
 }
 
 /**
 * 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
  ========================================================================== */
 
 /**
 * Add the correct display in IE 9-.
 */
 
 audio,
 video {
   display: inline-block;
 }
 
 /**
 * Add the correct display in iOS 4-7.
 */
 
 audio:not([controls]) {
   display: none;
   height: 0;
 }
 
 /**
 * Remove the border on images inside links in IE 10-.
 */
 
 img {
   border-style: none;
 }
 
 /**
 * Hide the overflow in IE.
 */
 
 svg:not(:root) {
   overflow: hidden;
 }


 header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    padding: 10px 0;
    transition: ease all 0.5s;
}
.fixed{
    background: #F88172;
    box-shadow: 0px 14px 28px 0px rgba(248, 129, 114, 0.30);
}
.logoCol img {
    max-width: 260px;
    display: block;
}
.container {
    width: 1280px;
    margin: auto;
    position: relative;
    display: block;
}

header .container {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

.logoCol img {
    display: block;
    transition: ease all 0.5s;
}
.fixed .logoCol img{
    max-width: 140px;
}
.menuCol {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 40px;
}

.menuCol ul {
    display: flex;
    list-style: none;
    flex-direction: row;
    align-items: center;
    column-gap: 30px;
}

.menuCol li {
    display: block;
}

.menuCol li a {
    text-decoration: none;
    font-size: 1em;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    column-gap: 20px;
}

.btnCol {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
}

.btn {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    padding: 15px 30px;
    border-radius: 10px;
    background: #fff;
    color: #032656;
    box-shadow: 0px 14px 28px 0px rgba(255, 255, 255, 0.30);

}
.btnPrimary{
    color: #fff;
    background: #F88172;
    box-shadow: 0px 14px 28px 0px rgba(248, 129, 114, 0.30);
}
.btnSecondary{
    color: #fff;
    background: #032656;
    box-shadow: 0px 14px 28px 0px rgba(3, 38, 86, 0.30);
}
.btnDanger{
    color: #fff;
    background: #ffa22e;
    box-shadow: 0px 14px 28px 0px rgba(3, 38, 86, 0.30);
}
section{
    padding: 60px 0;
}
.bannerSection {
    background: url(img/bannerBg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.bannerSection .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5em 0 0;
    column-gap: 50px;
}
.bannerTxt {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 20px;
}

.bannerTxt h1 {
    font-size: 3.5em;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.2em;
}
.aboutSection .container {
    display: flex;
    flex-direction: row;
    column-gap: 100px;
    align-items: center;
}

.aboutVector {
    display: block;
}

.aboutContent {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}

.aboutContent h2 {
    font-size: 2em;
    font-weight: 700;
    text-transform: uppercase;
    color: #032656;
}

.aboutContent p {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.8em;
    color: #323232;
}
.collectionSection {
    background: #FFEFE8;
}

.collectionSection .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 40px;
}

.title {
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 700;
    color: #032656;
    text-align: center;
}

.collectionSection ul {
    display: flex;
    list-style: none;
    column-gap: 40px;
    align-content: center;
    flex-direction: row;
}

.collectionSection li img {
    width: 100%;
}

.collectionSection li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: 500;
    color: #032656;
    column-gap: 10px;
    margin-top: 10px;
}

.collectionSection li a span {
    font-weight: 500;
}
.analysisSection .container {
    display: flex;
    flex-direction: column;
    align-content: center;
    row-gap: 40px;
}

.analysisContent {
    display: flex;
    flex-direction: row;
    column-gap: 100px;
    align-items: center;
}

.analysisContent h3 {
    font-size: 1.5em;
    font-weight: 600;
    color: #032656;
}

.contentCol {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.contentCol ul {
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.imgCol img {
    display: block;
}
.contentCol li {
    font-weight: 400;
    line-height: 1.5em;
}
.contentCol .btnCol{
    margin-top: 20px;
}
.testimonialSection {
    background: #FFEFE8;
}

.testimonialSection .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.labelBlock {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    row-gap: 20px;
    margin-top: 40px;
}
.labelIcons strong {
    text-align: center;
}
.labelIcons {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
}

.labelBlock p {
    max-width: 50%;
    text-align: center;
    font-weight: 400;
    line-height: 1.5em;
}
.feedbackRow {
    display: block;
    margin-top: 40px;
}

.feedbackRow ul {
    display: flex;
    list-style: none;
    justify-content: center;
    column-gap: 40px;
}

.feedbackRow li {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    row-gap: 20px;
}

.feedbackRow li svg {
    max-width: 82px;
    height: auto;
}

.feedbackRow li p {
    text-align: center;
    font-weight: 400;
    line-height: 1.5em;
}
.feedbackRow li span {
    width: 100%;
    text-align: center;
    font-style: italic;
    font-weight: 600;
}

.feedbackRow li strong {
    font-weight: 400;
    font-size: 0.75em;
    background: #A1F9FF;
    padding: 5px 10px;
    border-radius: 20px;
}
footer {
    background: #032656;
    padding: 60px 0;
}

footer .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 40px;
}

footer img {
    max-width: 280px;
}

footer p {
    color: #fff;
    text-align: center;
    max-width: 60%;
    font-weight: 400;
    line-height: 1.5em;
    font-size: 1.2em;
}

footer ul {
    display: flex;
    list-style: none;
    align-items: center;
    column-gap: 20px;
}

footer ul li {
    font-size: 0.875em;
    color: #fff;
    font-weight: 400;
    padding-right: 20px;
    border-right: 1px solid #fff;
}

footer ul li a {color: #fff;text-decoration: none;font-weight: 400;}

footer ul li:last-child {
    border-right: 0;
    padding-right: 0;
}
.lang_block {
    float: right;
    margin-left: 10px;
}