/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/header-component/header.scss ***!
  \*****************************************************************************************************************************************************************/
hamburger-component {
  display: none;
  cursor: pointer;
}

header {
  position: relative;
}

.header.anchor-menu-fixed .has_child .megamenu {
  top: 60px;
}

header .has_child .megamenu {
  box-shadow: inset 0px 2px 20px rgba(211, 211, 211, 0.2);
  width: 100%;
  /*height: 100%;*/
  transition: all 0.2s ease;
  max-height: 0;
  position: absolute;
  z-index: 12;
  top: 80px;
  left: 0;
  background-color: #fefefe;
  overflow: hidden;
  padding: 0;
}

header .has_child:hover .megamenu {
  max-height: 420px;
}

header .has_child .megamenu .title_menu {
  font-size: 18px;
  line-height: 20px;
  color: #1b1b1d;
  padding-bottom: 13px;
  border-bottom: 1px solid #c7c6c6;
  margin-bottom: 14px;
}

header .has_child .megamenu .megamenu_flex {
  display: flex;
  justify-content: space-between;
}

header .has_child .megamenu .megamenu_flex .title_and_menu {
  width: 60%;
  padding: 25px 0;
}

header .has_child .megamenu_services .megamenu_flex .megamenu_contact .contact_flex .button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 21px;
  color: #2b60fa;
  background-color: transparent;
  border: 1px solid #2b60fa;
  width: 170px;
  height: 45px;
  transition: all 0.2s ease;
}
header .has_child .megamenu_services .megamenu_flex .megamenu_contact .contact_flex .button span {
  margin-right: 10px;
}
header .has_child .megamenu_services .megamenu_flex .megamenu_contact .contact_flex .button svg {
  transform: rotate(-90deg);
}
header .has_child .megamenu_services .megamenu_flex .megamenu_contact .contact_flex .button svg path {
  transition: all 0.2s ease;
}
header .has_child .megamenu_services .megamenu_flex .megamenu_contact .contact_flex .button:hover {
  background-color: #2b60fa;
  border-color: transparent;
  color: #F4F5FB;
}
header .has_child .megamenu_services .megamenu_flex .megamenu_contact .contact_flex .button:hover svg path {
  stroke: #F4F5FB;
}

header .has_child .megamenu .megamenu_flex .megamenu_contact {
  width: 48%;
  background: #F4F5FB;
  padding: 50px 45px 50px 45px;
  max-width: 575px;
}
header .has_child .megamenu .megamenu_flex .megamenu_contact .heading-megamenu {
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  text-transform: capitalize;
  color: #1B1B1D;
  margin-bottom: 30px;
}
header .has_child .megamenu .megamenu_flex .megamenu_contact.megamenu_blog_article {
  width: 100%;
  max-width: 685px;
  padding-top: 55px;
}
header .has_child .megamenu .megamenu_flex .megamenu_contact.megamenu_blog_article .image_wrapper {
  width: 100%;
  margin-right: 10px;
  max-width: 330px;
}
header .has_child .megamenu .megamenu_flex .megamenu_contact.megamenu_blog_article .stars div {
  display: flex;
  align-items: center;
}
header .has_child .megamenu .megamenu_flex .megamenu_contact .image_wrapper {
  width: 49%;
  margin-right: 12px;
  max-width: 230px;
}
header .has_child .megamenu .megamenu_flex .megamenu_contact image-component {
  width: 100%;
}
header .has_child .megamenu .megamenu_flex .megamenu_contact image-component img {
  display: block;
  width: 100%;
}
header .has_child .megamenu .megamenu_flex .megamenu_contact .contact_flex {
  display: flex;
}
header .has_child .megamenu .megamenu_flex .megamenu_contact .contact_flex .contact_text {
  width: 49%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
header .has_child .megamenu .megamenu_flex .megamenu_contact .contact_flex p {
  font-size: 16px;
  line-height: 25px;
  color: #1B1B1D;
}

header .has_child .megamenu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
header .has_child .megamenu ul.flex_column_wrap {
  flex-direction: column;
  max-height: 500px;
}

header .has_child::after {
  content: "";
  border-bottom: 2px solid #2b60fa;
  border-left: 2px solid #2b60fa;
  width: 6px;
  height: 6px;
  transition: all 0.2s ease;
  transform: rotate(-45deg);
  margin: 0 6px;
  margin-bottom: 3px;
}

header .has_child:hover::after {
  transform: rotate(135deg);
  margin-top: 9px;
}

header .has_child .megamenu ul li {
  transition: all 0.2s ease;
  width: 50%;
  margin-right: 0;
}

header .has_child .megamenu ul li:hover a {
  color: #1b1b1d;
  background-color: #f4f5fb;
}

header .has_child .megamenu ul li a {
  font-size: 16px;
  line-height: 30px;
  color: #1b1b1d;
  display: block;
  width: 100%;
  height: 100%;
  padding: 2px 15px;
  max-width: 230px;
}

header .has_child .megamenu_blog image-component {
  height: 170px;
}
header .has_child .megamenu_blog image-component img {
  height: auto;
}
header .has_child .megamenu_blog .button {
  color: #525252;
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: all 0.2s ease;
}
header .has_child .megamenu_blog .button span {
  position: relative;
  transition: all 0.2s ease;
}
header .has_child .megamenu_blog .button svg {
  margin-left: 9px;
  transform: rotate(-90deg);
}
header .has_child .megamenu_blog .button svg path {
  stroke: #808080;
  transition: all 0.2s ease;
}
header .has_child .megamenu_blog .button span::after {
  transition: all 0.2s ease;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 0;
  background-color: #525252;
}
header .has_child .megamenu_blog .button:hover span::after {
  width: 100%;
  background-color: #2b60fa;
}
header .has_child .megamenu_blog .button:hover svg path {
  stroke: #2b60fa;
}
header .has_child .megamenu_blog .contact_text .title_of_article {
  font-size: 18px;
  line-height: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #373739;
  transition: all 0.2s ease;
  margin-bottom: 20px;
}
header .has_child .megamenu_blog .contact_text .author_date {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
header .has_child .megamenu_blog .contact_text .author_date .author_of_article, header .has_child .megamenu_blog .contact_text .author_date .date {
  color: #525252;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
header .has_child .megamenu_blog .contact_text .author_date .author_of_article span, header .has_child .megamenu_blog .contact_text .author_date .date span {
  padding-right: 5px;
}
header .has_child .megamenu_blog .contact_text .author_date .author_of_article > a, header .has_child .megamenu_blog .contact_text .author_date .date > a {
  padding-right: 5px;
}
header .has_child .megamenu_blog .contact_text .author_date .author_of_article a, header .has_child .megamenu_blog .contact_text .author_date .date a {
  font-size: 14px;
}
header .has_child .megamenu_blog .contact_text .author_date .author_of_article {
  border-right: 1px solid #1b1b1d;
  margin-right: 5px;
}
header .has_child .megamenu_blog .contact_text .author_date .author_of_article a {
  position: relative;
}
header .has_child .megamenu_blog .contact_text .author_date .author_of_article a::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #2b60fa;
  transition: all 0.2s ease;
}
header .has_child .megamenu_blog .contact_text .author_date .author_of_article a:hover::after {
  width: 100%;
}
header .has_child .megamenu_blog .contact_text .stats {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
header .has_child .megamenu_blog .contact_text .stats div {
  display: flex;
  align-items: center;
  margin-right: 15px;
  white-space: nowrap;
  color: #525252;
  font-size: 14px;
}
header .has_child .megamenu_blog .contact_text .stats div svg {
  margin-right: 6px;
}
header .has_child .megamenu_blog .contact_text .stats div:last-child {
  margin-right: 0;
}
header .has_child .megamenu_blog .contact_text .stars {
  display: flex;
  align-items: center;
}
header .has_child .megamenu_blog .contact_text .stars div {
  margin-right: 0;
}
header .has_child .megamenu_blog .contact_text .stars div:last-child {
  margin-left: 3px;
  color: #525252;
  font-size: 14px;
  line-height: 14px;
}

.header__menu li:hover a.button {
  color: #525252;
}
.header__menu li:hover a.button:hover {
  color: #2b60fa;
}

.header {
  background: #fff;
  box-shadow: 0px 1px 20px rgba(211, 211, 211, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 15;
}

.header__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
}

.header.anchor-menu-fixed .header__wrapper {
  height: 60px;
}

.move_part {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.header__menu {
  height: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__menu li {
  margin-right: 35px;
  display: flex;
  align-items: center;
  height: 100%;
}

.header__menu li:hover a {
  transition: 0.2s all;
  color: #2b60fa;
}

.header__menu > li > a,
.header__menu > li > div:not(.megamenu) {
  display: flex;
  align-items: center;
  height: 100%;
}

.header__menu li a,
.header__menu li > div {
  font-size: 18px;
  color: #1b1b1d;
  cursor: pointer;
  transition: 0.2s all;
}

.search {
  display: flex;
  align-items: center;
}

.svg_wrapper {
  width: 25px;
  height: 25px;
}

.svg_wrapper svg {
  width: 100%;
  height: auto;
}

.input_wrapper {
  display: none;
}

header .get-in-touch-button.animate {
  animation: buttonShaking 1s infinite;
}

@keyframes buttonShaking {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
@media screen and (max-width: 1200px) {
  header .has_child .megamenu .megamenu_flex .megamenu_contact {
    display: none;
  }
  header .has_child:hover::after {
    margin-top: 0;
  }
  header .has_child.hover::after {
    margin-top: 5px;
  }
  header .has_child .megamenu {
    position: static;
  }
  .header__menu > li > a,
.header__menu > li > div:not(.megamenu) {
    height: auto;
  }
  header .has_child .megamenu .title_menu {
    display: none;
  }
  header .has_child .megamenu ul li {
    border-bottom: none;
  }
  header .has_child .megamenu {
    box-shadow: none;
    background-color: #fff;
  }
  header .has_child .megamenu .megamenu_flex .title_and_menu {
    width: 100%;
  }
  header .has_child .megamenu ul li a {
    max-width: 100%;
  }
  hamburger-component {
    display: block;
    position: relative;
    z-index: 2;
    width: 28px;
    height: 18px;
  }
  .hamburger > div {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 28px;
    height: 2px;
    background: #373739;
    transition: all 0.3s ease;
    opacity: 1;
  }
  .hamburger::after {
    content: "";
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    width: 18px;
    height: 2px;
    background: #373739;
    transition: all 0.3s ease;
    z-index: 3;
  }
  .hamburger::before {
    z-index: 3;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 2px;
    background: #373739;
    transition: all 0.3s ease;
  }
  .move_part {
    display: none;
    position: absolute;
    left: 0;
    visibility: hidden;
    top: 80px;
    transition: all 0.3s ease;
    z-index: 2;
    background: #fff;
    width: 100vw;
    max-width: 100%;
    flex-direction: column;
    height: 100vh;
    justify-content: initial;
    align-items: initial;
    padding: 20px 0;
    opacity: 0;
  }
  header.anchor-menu-fixed .move_part {
    top: 60px;
  }
  .header__menu,
.search {
    flex-direction: column;
    justify-content: initial;
    align-items: initial;
  }
  .search {
    flex-direction: row;
    border-bottom: 1px solid #bebebe;
    margin: 15px 0;
    padding: 5px 0;
    align-items: center;
  }
  .svg_wrapper {
    width: 26px;
    height: 26px;
  }
  .input_wrapper {
    display: block;
    width: 90%;
    height: 40px;
  }
  .search input {
    border: none;
    background: transparent;
    width: 100%;
    height: 100%;
    font-size: 20px;
    line-height: 24px;
  }
  .search input::placeholder {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.5px;
  }
  .header__menu li {
    border-bottom: 1px solid #bebebe;
    position: relative;
    width: 100%;
    display: inline-block;
    height: auto;
  }
  header .has_child:hover::after {
    transform: rotate(-45deg);
  }
  header .has_child.hover::after {
    transform: rotate(135deg);
  }
  .header__menu li a,
.header__menu li > div {
    font-size: 20px;
    line-height: 24px;
    color: #1b1b1d;
    padding: 10px 30px;
    cursor: pointer;
    display: block;
  }
  header .has_child::after {
    position: absolute;
    top: 12px;
    right: 27px;
    width: 10px;
    height: 10px;
  }
  header .has_child:hover .megamenu {
    max-height: 0;
    padding: 0;
  }
  header .has_child.hover .megamenu {
    max-height: 1000px;
    padding: 10px;
    padding-right: 0;
  }
  .header__wrapper.active .move_part {
    left: 0;
    visibility: visible;
    display: block;
    opacity: 1;
    overflow: auto;
    padding-bottom: 50px;
  }
  .header__wrapper.active .hamburger svg {
    transition: all 0.3s ease;
    transform: rotate(490deg);
    opacity: 0;
  }
  .header__wrapper.active .hamburger > div {
    top: calc(50% - 1px);
    left: -100%;
    opacity: 0;
  }
  .header__wrapper.active .hamburger::after {
    transform: rotate(45deg);
    top: calc(50% - 1px);
    width: 28px;
  }
  .header__wrapper.active .hamburger::before {
    transform: rotate(-45deg);
    top: calc(50% - 1px);
  }
  header .has_child .megamenu .megamenu_flex .title_and_menu {
    padding: 0;
  }
}
@media screen and (max-width: 800px) {
  header .has_child .megamenu .megamenu_flex .title_and_menu {
    width: 100%;
  }
  header .has_child .megamenu ul li {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .hamburger {
    width: 28px;
  }
}
@media screen and (max-width: 515px) {
  header .has_child .megamenu ul {
    flex-direction: column;
  }
}
@media screen and (max-width: 500px) {
  header .header__logo {
    width: 125px;
  }
  header .get-in-touch-button {
    font-size: 14px;
    line-height: 20px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
  }
  header .container {
    padding: 0;
  }
  .header__wrapper {
    padding-left: 20px;
    height: 50px;
  }
  header get-in-touch-button {
    height: 100%;
  }
  .move_part {
    top: 50px;
  }
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/footer/footer.scss ***!
  \*******************************************************************************************************************************************************/
.footer {
  background: #1B1B1D;
  color: #D9DBE1;
}

.footer__buttons {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding-top: 30px;
  padding-bottom: 21px;
  border-bottom: 1px solid rgba(229, 229, 229, 0.49);
}

.footer__button {
  display: flex;
  width: 22%;
  color: #D9DBE1;
  transition: 0.2s all;
}

.footer__button:last-child span {
  white-space: nowrap;
}

.footer__button .text {
  font-weight: 300;
}

.footer__button .text .title {
  font-weight: 400;
  line-height: 150%;
}

.footer__button .text span {
  display: flex;
  align-items: center;
}

.footer__button .text span img {
  width: 20px;
  margin-right: 5px;
  margin-top: -2px;
}

.footer__button .text .office {
  font-weight: 700;
  white-space: nowrap;
}

.footer__button:hover {
  transition: 0.2s all;
  color: #fff;
}

.footer__button:hover .icon {
  background: rgba(255, 255, 255, 0.2);
}

.footer__button .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  max-width: 60px;
  width: 100%;
  height: 60px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  margin-right: 20px;
  transition: 0.2s all;
}

.footer__main {
  padding-top: 35px;
  padding-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.footer__column.info {
  width: 25%;
  min-width: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.footer__column.info .reviews .reviews_txt {
  text-align: center;
  white-space: nowrap;
}

.footer__column.info .reviews a .stars {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3px;
}

.footer__column.info .reviews a .stars svg {
  width: 10px;
  height: 10px;
}

.footer__column.info .reviews a > svg {
  width: 100%;
  height: 20px;
  display: block;
  margin-bottom: 3px;
}

.footer__column.info .reviews .googleReviews .reviews_txt .reviews_bottom {
  display: flex;
}

.footer__column.info .reviews a.googleReviews > svg {
  height: 33px;
  margin-right: 4px;
}

.footer__column.info .reviews a.googleReviews > .reviews_txt {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.footer__column.info .reviews .googleReviews .reviews_txt .reviews_top {
  font-size: 8px;
  line-height: 12px;
  color: #FFFFFF;
  white-space: nowrap;
}

.footer__column.info .reviews .googleReviews .reviews_txt .number_rev {
  font-size: 14px;
  line-height: 12px;
  letter-spacing: -1.5px;
  color: #FFFFFF;
}

.footer__column.info .reviews a {
  text-align: center;
}

.footer__column.info .reviews a.googleReviews {
  display: flex;
  max-width: 97px;
}

.footer__column.info .reviews a.googleReviews .review_txt .reviews_bottom {
  display: flex;
}

.footer__column.info .reviews .good {
  max-width: 97px;
}

.footer__column.info .reviews .clutch {
  font-size: 10px;
  line-height: 11px;
  color: #808D90;
  max-width: 65px;
}

.footer__column.info .reviews .clutch path {
  fill: #fff;
}

.footer__column.info .reviews .clutch path.fill_red {
  fill: #EF4335;
}

.footer__column.info .reviews .clutch .stars path {
  fill: #EF4335;
}

.footer__column.info .reviews {
  width: 100%;
  margin-bottom: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.footer__column.info .social {
  display: flex;
  margin: 30px 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.footer__column.info .social__item {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #C6C5C5;
  border-radius: 50%;
  transition: 0.2s all;
}

.footer__column.info .social__item:nth-child(1) img {
  margin-top: 3px;
}

.footer__column.info .social__item:nth-child(4) img {
  margin-top: 5px;
}

.footer__column.info .social__item:nth-child(5) img {
  margin-top: 6px;
}

.footer__column.info .social__item:hover {
  transition: 0.2s all;
  background: #2B61FA;
}

.footer__column.info .social__item:nth-child(4):hover {
  background: #f70000;
}

.footer__column.info .social__item:nth-child(1):hover {
  background: #f70095;
}

.footer__column.info .subscription {
  width: 100%;
}

.footer__column.info .subscription__title {
  font-size: 24px;
  margin-bottom: 35px;
}

.footer__column.info .subscription__email {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.footer__column.info .subscription__email input {
  width: 100%;
  border: none;
  background: none;
  color: #D9DBE1;
  font-size: 16px;
  border-bottom: 1px solid #fff;
  padding: 0;
  padding-bottom: 12px;
  font-family: Helvetica;
  outline: none;
}

.footer__column.info .subscription__email input::placeholder {
  color: #D9DBE1;
}

.footer__column.info .subscription__email button {
  position: absolute;
  right: 12px;
  bottom: 12px;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
}

.footer__column.large {
  width: 38%;
  min-width: 320px;
}

.footer__column.small {
  width: 15%;
  min-width: 160px;
}

.footer__column .title {
  padding-top: 12px;
  font-size: 24px;
  color: #fff;
}

.footer__column .list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-top: 20px;
}

.footer__column .list li {
  margin-bottom: 0;
}

.footer__column .list li:nth-last-child(1) {
  margin-bottom: 0;
}

.footer__column.large .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer__column.large .list li {
  width: 45%;
}

.footer__column.large .list li:nth-last-child(2) {
  margin-bottom: 0;
}

.footer__column .list li a {
  color: #D9DBE1;
  font-size: 16px;
  line-height: 30px;
  transition: 0.2s all;
}

.footer__column .list li:hover a {
  transition: 0.2s all;
  color: #fff;
}

.footer__bottom {
  padding: 15px 0;
  border-top: 1px solid rgba(229, 229, 229, 0.49);
}
.footer__bottom .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer__bottom .copyright {
  font-size: 14px;
  color: #9698A5;
}

.footer__bottom .list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.footer__bottom .list a {
  color: #D9DBE1;
  font-size: 16px;
  line-height: 30px;
  transition: 0.2s all;
}
.footer__bottom .list a:hover {
  color: #fff;
}

.footer__bottom .list li a {
  color: #9698A5;
  font-size: 14px;
}

.footer__bottom .list li {
  margin-left: 25px;
  position: relative;
}

.footer__bottom .list li::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -14px;
  content: "";
  width: 3px;
  height: 3px;
  background: #D9D9D9;
  border-radius: 50%;
}

.footer__bottom .list li:nth-child(1) {
  margin-left: 0;
}

.footer__bottom .list li:nth-child(1):before {
  display: none;
}

@media screen and (max-width: 1085px) {
  .footer__column.info .reviews .good {
    margin: 0 5%;
  }
}
@media screen and (max-width: 1030px) {
  .footer__main {
    justify-content: flex-start;
  }
  .footer__main > * {
    margin-right: 30px;
  }
}
@media screen and (max-width: 970px) {
  .footer__buttons {
    flex-wrap: wrap;
  }
  .footer__buttons .footer__button:first-child {
    order: 1;
  }
  .footer__buttons .footer__button:nth-child(2) {
    order: 3;
  }
  .footer__buttons .footer__button:nth-child(3) {
    order: 2;
  }
  .footer__button {
    width: 48%;
    justify-content: center;
    margin-right: 2%;
    margin-bottom: 22px;
  }
  .footer__button:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 700px) {
  .footer__column.info {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
  }
  .footer__column.large .list li {
    width: 100%;
  }
  .footer__column.small, .footer__column.large {
    width: 48%;
    min-width: initial;
  }
  .footer__main > * {
    margin-right: 0;
  }
  .footer__column.info .social__item {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 600px) {
  .footer__button .icon {
    min-width: 35px;
    max-width: 35px;
    height: 35px;
    margin-right: 14px;
  }
  .footer__button .icon img {
    width: 20px;
    height: 20px;
  }
  .footer__button {
    flex-direction: row;
    align-items: flex-start;
  }
  .footer__button .text .title {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .footer__button .text span {
    font-size: 14px;
    line-height: 25px;
  }
  .footer__button .text span:last-child, .footer__button .text span.office {
    margin-left: -62px;
  }
  .footer__column .title {
    font-size: 18px;
    line-height: 40px;
  }
  .footer__column .list li {
    margin-bottom: 0;
  }
  .footer__main {
    justify-content: space-between;
  }
  .footer__column.info .reviews {
    margin-bottom: 15px;
  }
  .footer__main {
    justify-content: space-evenly;
  }
  .footer__column.large {
    width: 42%;
  }
  .footer__column.small {
    width: 30%;
  }
}
@media screen and (max-width: 430px) {
  .footer__column.small, .footer__column.large {
    width: 45%;
    margin: 0 auto;
  }
  .footer__column .list li a {
    font-size: 15px;
  }
}
@media screen and (max-width: 400px) {
  .footer__bottom .list {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .footer__main > * {
    margin-right: 0;
  }
}
/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/bottom-component/bottom-component.scss ***!
  \***************************************************************************************************************************************************************************/
.three_columns_bottom {
  padding: 50px 0;
  background-color: #f4f5fb;
}

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

bottom-component .container > *:nth-child(2) {
  width: 45%;
  max-width: 640px;
  height: 540px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

bottom-component .container > *:first-child,
bottom-component .container > *:last-child {
  width: 25%;
  min-width: 280px;
}

bottom-component[data-inner-components=form] get-in-touch-form {
  width: 60% !important;
  margin: 0 auto !important;
}

@media screen and (max-width: 840px) {
  bottom-component[data-inner-components=form] get-in-touch-form {
    width: 100% !important;
  }
}
.three_columns_bottom_right blockquote::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17' viewBox='0 0 20 17' fill='none'%3E%3Cpath d='M19.1573 0.168942L18.7227 3.35054C17.6604 3.28212 16.8396 3.46458 16.2601 3.89792C15.6807 4.33125 15.2944 4.93564 15.1013 5.71109C14.9081 6.48653 14.8719 7.36461 14.9926 8.34532H19.1573V16.5901H11.1539V7.6611C11.1539 4.96985 11.8299 2.94001 13.1819 1.57158C14.5581 0.180346 16.5498 -0.287201 19.1573 0.168942ZM8.00332 0.168942L7.56875 3.35054C6.50647 3.28212 5.68562 3.46458 5.10619 3.89792C4.52676 4.33125 4.14048 4.93564 3.94734 5.71109C3.7542 6.48653 3.71798 7.36461 3.8387 8.34532H8.00332V16.5901H0V7.6611C0 4.96985 0.675997 2.94001 2.02799 1.57158C3.40413 0.180346 5.3959 -0.287201 8.00332 0.168942Z' fill='%23AFAFAF'/%3E%3C/svg%3E");
}

.three_columns_bottom_right blockquote {
  font-size: 16px;
  line-height: 25px;
  color: #525252;
  margin: 0;
  padding: 0;
  padding-top: 50px;
  margin-bottom: 30px;
  position: relative;
}

.three_columns_bottom_right .author {
  display: flex;
  align-items: center;
}

.three_columns_bottom_right .author_image {
  width: 57px;
  min-width: 57px;
  height: 57px;
  margin-right: 30px;
  border-radius: 50%;
  overflow: hidden;
}

.three_columns_bottom_right .author_image img {
  height: 57px;
  width: 57px;
  min-width: 57px;
}

.three_columns_bottom_right .author_name {
  color: #1b1b1d;
  font-size: 16px;
  line-height: 22px;
}

.three_columns_bottom_slider_dots {
  text-align: center;
  margin-top: 25px;
}

.three_columns_bottom_slider_dots .swiper-pagination-bullet {
  border-radius: 0;
  margin: 0px 10px !important;
}

.three_columns_bottom_right.swiper {
  margin-left: 0;
  margin-right: 0;
}

@media screen and (max-width: 1200px) {
  .three_columns_bottom {
    padding: 30px 0;
  }
  /*.three_columns_bottom_left .logos svg:first-child{
      margin-right: 20px;
  }
  .three_columns_bottom_left .logos svg:last-child{
      margin-left: 20px;
  }*/
  bottom-component .container > *:nth-child(2) {
    width: 40%;
  }
  .three_columns_bottom .container > *:last-child {
    max-width: 600px;
  }
  .three_columns_bottom .container {
    flex-direction: column;
  }
  bottom-component .container > *:first-child,
bottom-component .container > *:last-child,
bottom-component .container > *:nth-child(2) {
    width: 100%;
    max-width: initial;
    margin: 7px 0;
  }
}
@media screen and (max-width: 700px) {
  bottom-component .container > *:nth-child(2) {
    height: auto;
  }
  .get-in-touch {
    padding: 20px 25px;
  }
}
@media screen and (max-width: 540px) {
  .get-in-touch__title {
    font-size: 30px;
    line-height: 32px;
  }
  .three_columns_bottom .container > * {
    margin: 10px 0;
  }
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/bottom-component/bottom-component-numbers.scss ***!
  \***********************************************************************************************************************************************************************************/
.dark svg:not(.dark svg.google, .dark svg.good) path {
  fill: #fff;
}

.dark svg path.fill_red {
  fill: #ef4335 !important;
}

.three_columns_bottom_left .logos a.good svg path {
  fill: #3a7af3;
}

.three_columns_bottom_left .logos a:nth-child(2) .stars {
  margin-left: 11px;
}

.three_columns_bottom_left .logos a:nth-child(3) {
  color: #525252;
  flex-direction: row;
  width: 100%;
  font-size: 10px;
  height: 30px;
  line-height: 12px;
  margin-bottom: 0;
}
.three_columns_bottom_left .logos a:nth-child(3) > svg {
  height: 100%;
  margin-right: 4px;
}
.three_columns_bottom_left .logos a:nth-child(3) .reviews {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.three_columns_bottom_left .logos a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  flex-direction: column;
  margin-bottom: 15px;
}

.three_columns_bottom_left .logos a:first-child {
  color: #808d90;
  font-size: 14px;
  line-height: 12px;
}

.three_columns_bottom_left .logos a svg {
  margin-bottom: 2px;
}

.dark .three_columns_bottom_left .logos a:nth-child(3) {
  color: #fff;
}

.three_columns_bottom_left .logos a:nth-child(3) svg {
  width: 30px;
}

.three_columns_bottom_left .logos a:nth-child(3) .reviews_bottom {
  display: flex;
}

.three_columns_bottom_left .logos a svg.googleReviews {
  width: 30px;
}

.dark .three_columns_bottom_left .num_list_item_num span {
  font-size: 32px;
  line-height: 37px;
  text-align: center;
}

bottom-component-numbers .stars {
  display: flex;
  justify-content: center;
  align-items: center;
}

.three_columns_bottom_left .logos a .stars svg {
  width: initial;
}

.three_columns_bottom_left .logos a.clutch .stars svg path {
  fill: #ef4335;
}

.three_columns_bottom_left .logos a.good .stars svg path,
.three_columns_bottom_left .logos a.googleReviews .stars svg path {
  fill: #f8c734;
}

.dark .three_columns_bottom_left {
  border: 1px solid #909091;
  width: 343px;
  background-color: #1b1b1d;
  position: relative;
  padding: 25px 20px;
}

.dark .three_columns_bottom_left .like_heading {
  color: #fff;
  text-align: center;
}

.three_columns_bottom_left .like_heading {
  text-align: center;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: -0.5px;
  color: #525252;
  margin-bottom: 20px;
}

.three_columns_bottom_left .num_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 5px;
}

.three_columns_bottom_left .num_list_item {
  max-width: 140px;
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 2px solid #c7c6c6;
  margin-bottom: 20px;
  text-align: center;
}

.dark .three_columns_bottom_left .num_list_item_num {
  color: #fff;
}

.three_columns_bottom_left .num_list_item_num {
  font-weight: 300;
  font-size: 24px;
  line-height: 33px;
  letter-spacing: -0.5px;
  color: #2b61fa;
  margin-bottom: 6px;
}

.dark .three_columns_bottom_left .num_list_item_text {
  color: #fff;
}

.three_columns_bottom_left .num_list_item_text {
  color: #525252;
  font-size: 13px;
  font-weight: 18;
}

.three_columns_bottom_left .logos {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.three_columns_bottom_left .logos a {
  width: 50%;
}

.three_columns_bottom_left .logos a svg {
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .three_columns_bottom_left .like_heading {
    text-align: center;
    margin-bottom: 25px;
  }
  .three_columns_bottom_left .logos {
    justify-content: center;
  }
  bottom-component .container > *:first-child .num_list {
    justify-content: center;
  }
  bottom-component .container > *:first-child .num_list_item {
    margin: 1%;
  }
  bottom-component .three_columns_bottom_left .logos a {
    width: 30%;
  }
}
@media screen and (max-width: 900px) {
  bottom-component .three_columns_bottom_left .logos a {
    width: 50%;
  }
}
@media screen and (max-width: 800px) {
  .dark .three_columns_bottom_left {
    margin: 0 auto;
  }
}
@media screen and (max-width: 700px) {
  bottom-component .container > *:first-child .num_list {
    justify-content: initial;
  }
  bottom-component .container > *:first-child .num_list_item {
    width: 23%;
    margin: 1%;
    min-width: 110px;
    max-width: initial;
  }
}
@media screen and (max-width: 540px) {
  bottom-component .container > *:first-child .num_list_item {
    width: 48%;
  }
}
@media screen and (max-width: 430px) {
  .dark .three_columns_bottom_left {
    width: initial;
    padding: 30px 10px;
  }
  .dark .three_columns_bottom_left .num_list_item {
    text-align: center;
    max-width: 120px;
  }
  .dark .three_columns_bottom_left .num_list_item_text {
    font-size: 10px;
  }
}
@media screen and (max-width: 410px) {
  bottom-component .container > *:first-child .num_list_item {
    width: 48%;
  }
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/image-component/image-component.scss ***!
  \*************************************************************************************************************************************************************************/
image-component.loading {
  display: block;
  background: gray;
  position: relative;
}
image-component.loading picture {
  position: absolute;
  top: 0;
  left: 0;
}
/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/get-in-touch/get-in-touch.scss ***!
  \*******************************************************************************************************************************************************************/
.get-in-touch__bg get-in-touch-form {
  min-width: 500px;
}

.loader {
  position: absolute;
}

.loading .loader {
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 11;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading .loaderItem {
  width: 100px;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
[data-popup] {
  border-bottom: 5px solid #2B60FA;
  z-index: 2;
}

.flexbox {
  display: flex;
  align-items: center;
  justify-content: center;
}

#get-in-touch__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: 0.4s all;
  pointer-events: none;
}
#get-in-touch__bg get-in-touch-form {
  margin-top: 200px;
  transition: all 0.2s ease;
  min-width: 500px;
}
#get-in-touch__bg.active get-in-touch-form {
  margin-top: 0;
}
#get-in-touch__bg.active {
  opacity: 1;
  transition: 0.4s all;
  pointer-events: all;
}

get-in-touch-form {
  position: relative;
}
get-in-touch-form .close {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 17px;
  right: 20px;
  cursor: pointer;
  z-index: 3;
}

form.get-in-touch {
  position: relative;
  z-index: 2;
}

.get-in-touch {
  background: #fff;
  padding: 50px 65px;
  color: #1B1B1D;
  margin-bottom: 0;
}

.get-in-touch__title {
  font-size: 36px;
  text-align: center;
}

.get-in-touch__description {
  color: #525252;
  margin-top: 40px;
  margin-bottom: 20px;
}

.get-in-touch input {
  display: block;
  width: 100%;
  margin-bottom: 25px;
  border: none;
  border-bottom: 1px solid #1B1B1D;
  font-size: 16px;
  padding: 0;
  padding-bottom: 12px;
  outline: none;
}
.get-in-touch input:-webkit-autofill, .get-in-touch input:-webkit-autofill:hover, .get-in-touch input:-webkit-autofill:focus, .get-in-touch input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #fff inset !important;
  -webkit-text-fill-color: #1B1B1D !important;
  caret-color: #1B1B1D;
  font-size: 16px;
}
.get-in-touch.not-verify input[type=email] {
  border-color: #fa0000 !important;
  color: #fa0000 !important;
}
.get-in-touch.not-verify span.verify {
  height: 16px;
}
.get-in-touch span.verify {
  height: 0;
  color: red;
  display: block;
  overflow: hidden;
  position: relative;
  top: -18px;
  transition: all 0.2s ease;
}

.get-in-touch input::placeholder {
  color: #1B1B1D;
}

.get-in-touch button {
  display: inline-block;
  background: #2B60FA;
  color: #fff;
  padding: 12px 24px;
  font-size: 18px;
  border: none;
  margin-left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  margin-top: 15px;
  border: 1px solid #2B60FA;
  transition: all 0.2s ease;
}

.success + get-in-touch-success, .success + .background_shadow get-in-touch-success {
  opacity: 1;
  background-color: #fff;
  width: 100%;
  z-index: 3;
  pointer-events: all;
  margin-top: 0;
}

.success + .background_shadow {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 12;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
}

get-in-touch-success {
  pointer-events: none;
  position: absolute;
  margin-top: 200px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 640px;
  transition: 0.4s all;
  z-index: 1;
  opacity: 0;
  height: 538px;
  border-bottom: 5px solid #2B60FA;
}
get-in-touch-success[data-type=subscribe] {
  max-width: 420px;
  width: 100%;
  height: 100%;
}
get-in-touch-success[data-type=subscribe] .popup_success_top svg {
  margin-top: 20px;
  margin-bottom: 13px;
}
get-in-touch-success[data-type=subscribe] .popup_success_middle {
  padding-top: 30px;
}
get-in-touch-success[data-type=subscribe] .popup_success_middle > div {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 25px;
}
get-in-touch-success[data-type=subscribe] .popup_success_middle .check {
  margin-bottom: 0;
}
get-in-touch-success[data-type=subscribe] .popup_success_middle .check span {
  font-size: 20px;
  line-height: 25px;
}
get-in-touch-success[data-type=subscribe] .popup_success_bottom {
  padding-top: 0;
  padding-bottom: 0;
  flex-direction: column;
}
get-in-touch-success[data-type=subscribe] .popup_success_bottom > div:first-child {
  margin-bottom: 10px;
}

.popup_success {
  height: 100%;
}
.popup_success .small {
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  color: #2B60FA;
  margin-bottom: 26px;
}
.popup_success_top {
  border-bottom: 1px solid #C7C6C6;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  height: 20%;
}
.popup_success_top svg {
  width: 80%;
  height: 47px;
  margin: 30px auto;
}
.popup_success_top svg.close {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -10px;
  right: 20px;
  cursor: pointer;
  z-index: 3;
}
.popup_success_middle {
  padding-top: 54px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 40%;
}
.popup_success_middle > div {
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  color: #1B1B1D;
  margin-bottom: 30px;
  max-width: 391px;
}
.popup_success_middle .check {
  max-width: 95%;
}
.popup_success_middle .check > div {
  margin-bottom: 30px;
}
.popup_success_middle .check span {
  font-size: 24px;
  line-height: 25px;
  text-align: center;
  color: #1B1B1D;
}
.popup_success_middle .check span:first-child {
  color: #2B60FA;
}
.popup_success_bottom {
  text-align: center;
  font-size: 48px;
  line-height: 48px;
  font-weight: 700;
  color: #2B60FA;
  height: 39%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup_success_bottom div {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

get-in-touch-button.helloween a:hover {
  color: #fff;
  background-color: #DF5127;
}

get-in-touch-button.helloween a {
  border: 2px solid #DF5127;
  padding: 20px 40px;
  border-radius: 50px;
  text-transform: uppercase;
  color: #DF5127;
  font-weight: 700;
  background: transparent;
  font-size: 18px;
  line-height: 21px;
  max-height: 61px;
}

.get-in-touch button:hover {
  background: #fff;
  color: #2B60FA;
}

.get-in-touch input + span.email-error {
  color: red;
  margin-bottom: 25px;
  display: none;
}

.get-in-touch input.error + span.email-error {
  display: block;
}

.get-in-touch input.error {
  border-color: red;
}

.get-in-touch__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: 0.4s all;
  pointer-events: none;
}

.get-in-touch__bg.active {
  transition: 0.4s all;
  opacity: 1;
  pointer-events: all;
}

.get-in-touch__bg get-in-touch-form {
  margin-top: 200px;
}

.get-in-touch__bg.active get-in-touch-form {
  transition: 0.4s all;
  margin-top: 0px;
}

[dark] .get-in-touch-button {
  border: 1px solid #fff;
  background-color: #1b1b1d;
  color: #fff;
}

[dark] .get-in-touch-button:hover {
  color: #1b1b1d;
  background-color: #fff;
}

[without-border] .get-in-touch-button {
  border: none;
}

.get-in-touch-button {
  display: inline-block;
  border: 1px solid #2B60FA;
  background: #2B60FA;
  color: #fff;
  white-space: nowrap;
  padding: 12px 24px;
  font-size: 18px;
  transition: all 0.2s ease;
}

.get-in-touch-button:hover {
  background: #fff;
  color: #2B60FA;
}

@media screen and (max-width: 800px) {
  .get-in-touch-button {
    display: inline-block;
  }
}
@media screen and (max-width: 700px) {
  .get-in-touch {
    padding: 20px;
  }
}
@media screen and (max-width: 600px) {
  #get-in-touch__bg get-in-touch-form {
    max-width: 90%;
  }
  .get-in-touch__description {
    margin-top: 20px;
  }
  .get-in-touch__bg get-in-touch-form {
    max-width: 95% !important;
    width: 100%;
    min-width: initial;
  }
  #get-in-touch__bg get-in-touch-form {
    max-width: 95% !important;
    width: 100%;
    min-width: initial;
  }
  bottom-component get-in-touch-form get-in-touch-success, get-in-touch-success {
    max-width: 95%;
    height: auto;
  }
  .popup_success_middle > div {
    font-size: 16px;
  }
  .popup_success_middle .check span {
    font-size: 22px;
  }
  get-in-touch-success[data-type=subscribe] {
    max-width: 100%;
  }
  get-in-touch-form get-in-touch-success {
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-bottom: none;
  }
  .popup_success_top svg {
    margin: 15px auto;
  }
  .popup_success_middle {
    padding-top: 20px;
  }
  .popup_success_middle > div {
    padding: 0 10px;
    font-size: 16px;
  }
  .popup_success_middle .check span {
    font-size: 22px;
  }
  .popup_success_middle .check > div {
    margin-bottom: 10px;
  }
  .popup_success_bottom {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .get-in-touch__title {
    font-size: 26px;
  }
}
/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/edit-mode-switch/edit-mode-switch.scss ***!
  \***************************************************************************************************************************************************************************/
edit-mode-switch {
  background: rgba(53, 53, 53, 0.3);
  border: 1px solid #737171;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  width: 100%;
}

edit-mode-switch p {
  font-size: 24px;
  color: #fff;
}

.edit-mode-button {
  display: flex;
  align-items: center;
  justify-content: center;
}

.edit-mode-switch {
  height: 0;
  width: 0;
  visibility: hidden;
}

.edit-mode-label {
  cursor: pointer;
  text-indent: -9999px;
  width: 60px;
  height: 30px;
  background: grey;
  display: block;
  border-radius: 100px;
  position: relative;
}

.edit-mode-label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 26px;
  height: 26px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}

.edit-mode-switch:checked + .edit-mode-label {
  background: #2b61fa;
}

.edit-mode-switch:checked + .edit-mode-label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}

.edit-mode-label:active:after {
  width: 36px;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/timeout-popup/timeout-popup.scss ***!
  \*********************************************************************************************************************************************************************/
.loader {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.loading .loader {
  opacity: 1;
  pointer-events: all;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 11;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading .loaderItem {
  width: 100px;
  animation: loading 2s linear infinite;
}

.show .big_popup_shadow {
  opacity: 1;
  z-index: 13;
  bottom: 0;
  pointer-events: all;
}

.big_popup_shadow {
  position: fixed;
  z-index: 0;
  bottom: -360px;
  right: 0;
  width: 100%;
  max-width: 320px;
  max-height: 260px;
  opacity: 0;
  padding: 0;
  transition: all 0.5s ease;
  pointer-events: none;
}

.show .big_popup_shadow .modal {
  margin-top: 0;
  bottom: 0;
  transition: all 0.2s ease;
}

.show .big_popup_shadow .modal:hover {
  background-color: rgb(255, 255, 255);
}

.big_popup_shadow .modal {
  position: absolute;
  bottom: -100%;
  right: 0;
  max-width: 320px;
  max-height: 260px;
  background-color: rgba(255, 255, 255, 0.85);
  width: 100%;
  box-shadow: -2px -2px 15px rgba(52, 52, 52, 0.3);
  transition: all 0.5s ease;
  backdrop-filter: blur(10px);
}

.big_popup_shadow .modal .modal_form form.not-verify input[type=email] {
  border-color: #fa0000 !important;
  color: #fa0000 !important;
}
.big_popup_shadow .modal .modal_form form.not-verify span.verify {
  height: 20px;
}
.big_popup_shadow .modal .modal_form form span.verify {
  height: 0;
  color: red;
  display: block;
  overflow: hidden;
  transition: all 0.2s ease;
}

.big_popup_shadow .modal .modal_form form span.send-error {
  height: 0;
  overflow: hidden;
  transition: all 0.2s ease;
  display: block;
  font-size: 14px;
  color: red;
}

.error .big_popup_shadow .modal .modal_form form:not(.error .big_popup_shadow .modal .modal_form form.invalid_email) span.send-error {
  height: 18px;
}

.big_popup_shadow .modal .close {
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.6778 25.3554L25.3555 7.67773L27.1232 9.4455L9.44557 27.1232L7.6778 25.3554Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1778 7.50006L27.8555 25.1777L26.0877 26.9455L8.41003 9.26783L10.1778 7.50006Z' fill='black'/%3E%3C/svg%3E");
}

.big_popup_shadow .modal .modal_title {
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  color: #232536;
  margin-bottom: 14px;
  padding: 14px 0;
  border-bottom: 1px solid #C7C6C6;
}

.big_popup_shadow .modal .modal_form form {
  display: flex;
  flex-direction: column;
  padding: 0 30px;
  padding-bottom: 45px;
}

.big_popup_shadow .modal .modal_form form.invalid_email .email-error {
  height: 18px;
}

.big_popup_shadow .modal .modal_form form.invalid_email .email-error + button {
  margin-top: 17px;
}

.big_popup_shadow .modal .modal_form form .email-error {
  height: 0;
  overflow: hidden;
  transition: all 0.2s ease;
  display: block;
  font-size: 14px;
  color: red;
}

.big_popup_shadow .modal .modal_form form input::placeholder {
  color: rgba(27, 27, 29, 0.7);
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
}

.big_popup_shadow .modal .modal_form form input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #1B1B1D;
  outline: none;
  color: #1b1b1d;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
  margin-bottom: 14px;
  height: 35px;
  padding-left: 2px;
}

.big_popup_shadow .modal .modal_form form input[type=email] {
  margin-bottom: 0;
}

.big_popup_shadow .modal .modal_form form button {
  margin-top: 35px;
  background-color: #2B61FA;
  width: 100%;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: #fff;
  border: none;
  border: 1px solid #2B61FA;
  transition: all 0.2s ease;
  height: 45px;
  transition: all 0.2s ease;
  cursor: pointer;
}

.big_popup_shadow .modal .modal_form form button:hover {
  background-color: #fff;
  color: #2B61FA;
}

.trigger_button {
  display: none;
}

@media screen and (max-width: 800px) {
  .trigger_button {
    bottom: -60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    background-color: #2B61FA;
    box-shadow: -2px -2px 15px rgba(52, 52, 52, 0.3);
    position: fixed;
    left: 0;
    width: 100%;
    height: 40px;
    z-index: 13;
    border: 1px solid #2B61FA;
    transition: all 0.2s ease;
    cursor: pointer;
  }
  .show_trigger .trigger_button {
    bottom: -100%;
  }
  .show_trigger .trigger_button.show_button {
    bottom: 0;
  }
  .show_trigger .trigger_button:hover {
    color: #2B61FA;
    background-color: #fff;
  }
  [data-autoshow=true] .big_popup_shadow {
    transition: bottom 0.5s ease !important;
    top: auto !important;
    bottom: -400px !important;
    right: 0 !important;
    height: auto !important;
    width: 100% !important;
  }
  [data-autoshow=true].show_bottom .big_popup_shadow {
    right: 0 !important;
    position: fixed;
    z-index: 11;
    bottom: 0 !important;
    top: auto !important;
    padding: 0;
    height: auto;
    transition: bottom 0.5s ease;
    pointer-events: all;
  }
  .show .big_popup_shadow {
    position: fixed;
    z-index: 11;
    top: 0;
    padding: 0;
    transition: opacity 0.5s ease;
    pointer-events: all;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(3px);
  }
  .big_popup_shadow {
    opacity: 1;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    top: 0;
    z-index: 0;
    right: 0;
    pointer-events: none;
  }
  [data-autoshow=true] .big_popup_shadow .modal {
    transition: bottom 0.5s ease !important;
    bottom: -400px !important;
    top: auto !important;
    max-width: 100% !important;
    width: 100% !important;
    right: 0 !important;
  }
  [data-autoshow=true].show_bottom .big_popup_shadow .modal {
    opacity: 1;
    right: 0;
    bottom: 0 !important;
    top: auto !important;
    width: 100%;
    max-width: 100%;
    transition: bottom 0.5s ease;
  }
  .show .big_popup_shadow .modal {
    opacity: 1;
    right: calc(50% - 200px);
    bottom: calc(50% - 150px);
    transition: all 0.5s ease;
  }
  .big_popup_shadow .modal {
    backdrop-filter: blur(0);
    bottom: calc(50% - 150px);
    opacity: 1;
    padding: 20px 0;
    right: -100%;
    max-width: 400px;
    max-height: 300px;
    transition: all 0.5s ease;
    border-bottom: 3px solid #fff;
    background-color: #fff;
  }
  .big_popup_shadow .modal .modal_title {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 20px;
    padding: 0 40px;
    padding-bottom: 20px;
  }
  .big_popup_shadow .modal .modal_form {
    padding: 0 40px;
  }
  .big_popup_shadow .modal .modal_form form input {
    height: 35px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .big_popup_shadow .modal .modal_form form input::placeholder {
    font-size: 12px;
    line-height: 24px;
  }
  .big_popup_shadow .modal .modal_form form button {
    margin-top: 30px;
    font-size: 14px;
    line-height: 16px;
    height: 40px;
  }
  .big_popup_shadow .modal .modal_form form {
    padding: 0;
  }
}
@media screen and (max-width: 450px) {
  .big_popup_shadow .modal {
    max-width: 320px;
  }
  .big_popup_shadow .modal .modal_form, .big_popup_shadow .modal .modal_title {
    padding: 0 25px;
  }
  .big_popup_shadow .modal .modal_title {
    padding-bottom: 20px;
  }
  .show .big_popup_shadow .modal {
    right: calc(50% - 160px);
    bottom: calc(50% - 142px);
  }
  .big_popup_shadow .modal {
    bottom: calc(50% - 142px);
  }
  .big_popup_shadow {
    right: -70px;
  }
  .show .big_popup_shadow {
    right: 0;
  }
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/blog-recent/blog-recent.scss ***!
  \*****************************************************************************************************************************************************************/
.blog_posts_related_slider {
  padding-top: 44px;
  padding-bottom: 50px;
  background: #f4f5fb;
}
.blog_posts_related_slider.lines-bg {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='933' height='737' viewBox='0 0 933 737' fill='none'%3E%3Cpath d='M808.354 -222.319C833.558 -41.2178 550.791 82.6456 456.981 110.108C378.773 132.999 352.334 124.121 289.876 154.695C154.342 221.046 24.1187 387.544 86.989 506.594C117.959 565.238 179.656 565.816 280.291 619.993C370.819 668.732 488.186 759.219 589.727 943.003' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M786.962 -213.738C816.946 -62.5643 544.808 75.2827 456.021 104.245C381.297 128.609 355.598 124.616 293.117 158.267C162.044 228.857 38.2848 384.776 95.0448 502.105C124.277 562.54 183.199 568.755 282.394 626.536C369.723 677.407 484.511 768.226 585.494 949.205' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M768.762 -203.14C775.407 -60.6942 538.775 67.9829 455.051 98.396C383.726 124.305 358.875 125.037 296.347 161.852C169.688 236.424 52.1957 382.245 103.086 497.634C130.582 559.97 186.701 571.613 284.482 633.093C368.618 686.001 480.816 777.247 581.231 955.427' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M746.416 -191.018C729.143 -52.1185 532.695 60.7584 454.064 92.5367C386.079 120.034 362.158 125.362 299.58 165.445C177.263 243.754 65.846 379.923 111.13 493.167C136.855 557.508 190.182 574.38 286.574 639.658C367.529 694.479 477.12 786.273 576.983 961.638' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M721.255 -182.33C686.044 -50.6679 526.576 53.6396 453.104 86.6929C388.347 115.83 365.419 125.631 302.81 169.013C184.762 250.834 79.2283 377.759 119.175 488.676C143.105 555.129 193.663 577.029 288.665 646.199C366.459 702.843 473.426 795.281 572.717 967.829' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M678.714 -153.942C613.829 -18.1283 520.42 46.6335 452.128 80.8478C390.532 111.707 368.667 125.783 306.038 172.603C192.16 257.728 92.3416 375.775 127.211 484.204C149.293 552.859 197.155 579.578 290.751 652.759C365.42 711.125 469.726 804.303 568.477 974.052' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M655.244 -160.738C601.934 -26.3296 514.275 39.7539 451.17 74.9885C392.658 107.658 371.896 125.855 309.282 176.176C199.475 264.427 105.206 373.909 135.269 479.718C155.425 550.653 200.683 582.051 292.853 659.304C364.439 719.305 466.04 813.323 564.237 980.252' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M631.751 -167.513C589.991 -34.5173 508.104 33.0503 450.193 69.1516C394.704 103.742 375.057 125.882 312.507 179.77C206.662 270.983 117.793 372.182 143.309 475.255C161.449 548.542 204.235 584.433 294.939 665.873C363.489 727.405 462.336 822.326 559.985 986.467' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M608.262 -174.31C578.061 -42.7246 501.956 26.4996 449.213 63.2903C396.694 99.9381 378.149 125.783 315.734 183.345C213.734 277.385 130.125 370.526 151.345 470.767C167.364 546.476 207.849 586.702 297.025 672.417C362.584 735.435 458.645 831.349 555.72 992.696' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M584.796 -181.096C566.153 -50.9171 495.882 20.1478 448.26 57.4418C398.69 96.2642 381.234 125.648 318.982 186.928C220.722 283.66 142.248 368.935 159.407 466.292C173.182 544.454 211.555 588.9 299.134 678.974C361.767 743.394 454.966 840.371 551.493 998.893' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M561.302 -187.888C554.217 -59.1036 489.856 13.9883 447.281 51.5904C400.665 92.7578 384.204 125.44 322.208 190.509C227.568 289.837 154.114 367.39 167.442 461.811C178.829 542.468 215.32 591.011 301.219 685.525C360.987 751.286 451.264 849.384 547.229 1005.1' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M537.833 -194.683C542.315 -67.3218 483.962 8.02475 446.325 45.7329C402.714 89.4208 387.112 125.182 325.454 194.083C234.323 295.929 165.791 365.873 175.502 457.327C184.331 540.5 219.199 593.05 303.322 692.072C360.292 759.128 447.586 858.395 542.997 1011.3' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M514.349 -201.469C530.393 -75.5173 478.197 2.25609 445.352 39.8834C404.859 86.2747 389.935 124.854 328.685 197.668C240.955 301.963 177.256 364.369 183.548 452.855C189.641 538.539 223.167 595.033 305.415 698.629C359.65 766.938 443.893 867.414 538.748 1017.52' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M490.861 -208.256C518.463 -83.7108 472.593 -3.34235 444.378 34.0339C407.175 83.3147 392.66 124.491 331.917 201.245C247.482 307.937 188.552 362.853 191.587 448.372C194.735 536.581 227.246 596.954 307.505 705.178C359.071 774.719 440.203 876.435 534.485 1023.73' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M467.376 -215.043C506.54 -91.9073 467.187 -8.80437 443.409 28.1714C409.751 80.5168 395.304 124.076 335.147 204.823C253.906 313.875 199.654 361.295 199.633 443.89C199.609 534.583 231.443 598.832 309.607 711.73C358.575 782.465 436.512 885.443 530.256 1029.93' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M443.889 -221.83C494.611 -100.088 461.993 -14.1676 442.433 22.3347C412.66 77.8968 397.85 123.649 338.377 208.419C260.22 319.79 210.615 359.717 207.67 439.426C204.235 532.557 235.749 600.685 311.681 718.295C358.12 790.222 432.803 894.471 525.989 1036.15' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M420.404 -228.608C482.69 -108.29 445.18 -22.6378 441.458 16.493C435.375 80.4986 400.306 123.19 341.606 212.012C266.465 325.699 221.447 358.058 215.719 434.944C208.594 530.441 240.212 602.504 313.777 724.844C357.74 797.952 429.111 903.483 521.729 1042.36' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M396.919 -235.407C470.763 -116.497 442.336 -26.9222 440.486 10.6307C437.242 76.4495 402.673 122.682 344.835 215.581C272.593 331.597 232.146 356.311 223.758 430.47C212.676 528.243 244.778 604.309 315.869 731.404C357.421 805.698 425.419 912.506 517.493 1048.58' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M373.442 -242.198C458.851 -124.696 440.004 -31.5095 439.524 4.77737C438.624 72.512 404.959 122.161 348.061 219.158C278.668 337.49 242.771 354.469 231.792 425.984C216.453 525.915 249.472 606.098 317.947 737.949C357.147 813.434 421.716 921.518 513.228 1054.78' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M349.959 -248.985C446.928 -132.893 443.352 -35.9829 438.553 -1.06931C429.078 67.6936 407.151 121.638 351.299 222.745C284.662 343.407 253.319 352.522 239.844 421.513C219.947 523.452 254.325 607.902 320.054 744.516C356.957 821.208 418.03 930.545 508.996 1061' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M326.48 -255.775C435.008 -141.093 439.115 -41.8051 437.584 -6.92666C434.434 64.7821 409.259 121.091 354.538 226.321C290.586 349.325 263.801 350.434 247.894 417.031C223.105 520.804 259.26 609.7 322.142 751.059C356.805 828.98 414.334 939.551 504.74 1067.2' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3Cpath d='M302.997 -262.568C423.086 -149.291 434.957 -47.9127 436.617 -12.7811C440.138 61.5598 411.282 120.54 357.777 229.903C296.445 355.27 274.246 348.209 255.945 412.554C225.978 517.964 264.336 611.518 324.239 757.613C356.695 836.776 410.652 948.566 500.499 1073.41' stroke='%232B61FA' stroke-opacity='0.3' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: left center;
  background-size: contain;
}
.blog_posts_related_slider.lines-bg .post {
  background: #fff;
}
.blog_posts_related_slider .blog_recent_section_heading {
  font-weight: 400;
  font-size: 36px;
  line-height: 41px;
  text-transform: capitalize;
  color: #1b1b1d;
  margin-bottom: 40px;
}
.blog_posts_related_slider .post {
  margin-bottom: 30px;
  cursor: pointer;
  height: auto;
  display: flex;
  flex-direction: column;
  background: linear-gradient(135.77deg, #FFFFFF -94.16%, rgba(255, 255, 255, 0.51) 100%);
}
.blog_posts_related_slider .post:hover {
  box-shadow: -4.08333px -4.08333px 13px rgba(255, 255, 255, 0.2), 6.125px 6.125px 12.25px rgba(174, 174, 192, 0.2);
}
.blog_posts_related_slider .post_bottom {
  margin-bottom: 0;
  margin-top: auto;
  padding: 15px;
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog_posts_related_slider .post_bottom > span {
  color: #525252;
  white-space: nowrap;
}
.blog_posts_related_slider .post_bottom > span span {
  position: relative;
}
.blog_posts_related_slider .post_bottom > span span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #525252;
  transition: all 0.2s ease;
}
.blog_posts_related_slider .post_bottom > span svg {
  margin-left: 5px;
  transform: rotate(-90deg);
  transition: all 0.2s ease;
}
.blog_posts_related_slider .post_bottom > * {
  display: flex;
  align-items: center;
  color: #525252;
}
.blog_posts_related_slider .post_bottom .stats div {
  margin-right: 15px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.blog_posts_related_slider .post_bottom .stats div svg {
  margin-right: 5px;
  transition: all 0.2s ease;
}
.blog_posts_related_slider .post_bottom .stats div:last-child {
  margin-right: 0;
}
.blog_posts_related_slider .post .title.post_title {
  padding-bottom: 13px;
  position: relative;
  margin-bottom: 10px;
  color: #1b1b1d;
  font-size: 16px;
  line-height: 18px;
}
.blog_posts_related_slider .post .title.post_title a {
  color: #1b1b1d;
  transition: all 0.2s ease;
}
.blog_posts_related_slider .post .title.post_title::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 30px;
  height: 1px;
  background-color: #525252;
  transition: all 0.2s ease;
}
.blog_posts_related_slider .post:hover .image .post_tags .tag {
  border-color: #2b60fa;
  background: #2b60fa;
}
.blog_posts_related_slider .post:hover .title.post_title a {
  color: #2b60fa;
}
.blog_posts_related_slider .post:hover::after {
  width: 100%;
  background-color: #2b60fa;
}
.blog_posts_related_slider .post:hover .text .author_date a {
  color: #2b60fa;
}
.blog_posts_related_slider .post:hover .post_bottom > span {
  color: #2b60fa;
}
.blog_posts_related_slider .post:hover .post_bottom > span span::after {
  background-color: #2b60fa;
  width: 100%;
}
.blog_posts_related_slider .post:hover .post_bottom > span svg path {
  stroke: #2b60fa;
}
.blog_posts_related_slider .image {
  position: relative;
}
.blog_posts_related_slider .image img {
  object-fit: contain;
  width: 100%;
  height: auto;
}
.blog_posts_related_slider .image .post_tags {
  position: absolute;
  left: 15px;
  bottom: 15px;
  display: flex;
  align-items: center;
  margin-left: -5px;
  margin-bottom: -5px;
}
.blog_posts_related_slider .image .post_tags .tag {
  border: 1px solid #c7c6c6;
  background: linear-gradient(104.58deg, rgba(148, 148, 148, 0.3) 0%, rgba(0, 0, 0, 0.3) 103.36%);
  backdrop-filter: blur(5px);
  color: #fff;
  padding: 6px 10px;
  margin: 5px;
  font-size: 14px;
  transition: all 0.2s ease;
  line-height: 14px;
}
.blog_posts_related_slider .text {
  padding: 20px 15px;
  padding-bottom: 0;
  margin-bottom: 23px;
}
.blog_posts_related_slider .text .author_date {
  color: #1b1b1d;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 20px;
}
.blog_posts_related_slider .text .author_date a {
  color: #1b1b1d;
  transition: all 0.2s ease;
}
.blog_posts_related_slider .text .post_subtitle {
  color: #525252;
  font-size: 14px;
  line-height: 25px;
}
.blog_posts_related_slider .under_slider {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.blog_posts_related_slider .under_slider .btn a {
  background-color: #2b61fa;
  color: #fff;
  border: 1px solid #2b61fa;
  transition: all 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 21px;
  width: 170px;
  height: 45px;
}
.blog_posts_related_slider .under_slider .btn a:hover {
  background-color: #fff;
  color: #2b61fa;
}
.blog_posts_related_slider .under_slider .navigation {
  display: flex;
}
.blog_posts_related_slider .under_slider .navigation > div {
  cursor: pointer;
}
.blog_posts_related_slider .under_slider .navigation > div.swiper-button-disabled svg path {
  stroke: gray;
}
.blog_posts_related_slider .under_slider .navigation svg {
  width: 18px;
  height: 18px;
}
.blog_posts_related_slider .under_slider .navigation svg path {
  stroke: #2b61fa;
}
.blog_posts_related_slider .under_slider .navigation .pagination {
  margin: 0 10px;
}

[data-latest] .blog_posts_related_slider .related_slider {
  display: flex;
}
[data-latest] .blog_posts_related_slider .post {
  width: 32%;
  max-width: 420px;
  margin-right: 20px;
  margin-bottom: 20px;
}
[data-latest] .blog_posts_related_slider .post:last-child {
  margin-right: 0;
}
[data-latest] .blog_posts_related_slider .under_slider {
  display: none;
}

@media screen and (max-width: 1280px) {
  [data-latest] .blog_posts_related_slider .post_bottom {
    justify-content: space-between;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  [data-latest] .blog_posts_related_slider .post_bottom .stats {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1066px) {
  [data-latest] .blog_posts_related_slider .related_slider {
    flex-wrap: wrap;
  }
  [data-latest] .blog_posts_related_slider .post {
    width: 49%;
    margin-right: 1%;
    margin-bottom: 1%;
    min-width: 330px;
    max-width: initial;
  }
  [data-latest] .blog_posts_related_slider .post:nth-child(3n) {
    margin-right: 1%;
  }
  [data-latest] .blog_posts_related_slider .post:nth-child(2n) {
    margin-right: 0;
  }
  [data-latest] .blog_posts_related_slider .post .post_bottom {
    flex-direction: row;
  }
  [data-latest] .blog_posts_related_slider .post .post_bottom .stats {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 860px) {
  [data-latest] .blog_posts_related_slider .post .post_bottom {
    justify-content: space-between;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  [data-latest] .blog_posts_related_slider .post .post_bottom .stats {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 725px) {
  [data-latest] .blog_posts_related_slider .post {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    min-width: 268px;
  }
  [data-latest] .blog_posts_related_slider .post:nth-child(3n) {
    margin-right: 0;
  }
  [data-latest] .blog_posts_related_slider .post:nth-child(2n) {
    margin-right: 0;
  }
  [data-latest] .blog_posts_related_slider .post .post_bottom {
    flex-direction: row;
  }
  [data-latest] .blog_posts_related_slider .post .post_bottom .stats {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  .blog_posts_related_slider {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .blog_posts_related_slider .blog_recent_section_heading {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 450px) {
  .blog_posts_related_slider .post_bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .blog_posts_related_slider .post_bottom .stats {
    margin-top: 10px;
  }
  .blog_posts_related_slider .under_slider {
    margin-top: 20px;
  }
  .blog_posts_related_slider .post_bottom .stats div {
    margin-right: 5px;
  }
  [data-latest] .blog_posts_related_slider .post .post_bottom {
    flex-direction: column;
  }
}
/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/grid-component/grid-component.scss ***!
  \***********************************************************************************************************************************************************************/
@media screen and (max-width: 500px) {
  grid-component:not(grid-component[be-slider]) .grid_section_grid > .plus {
    position: relative;
    cursor: pointer;
  }
  grid-component:not(grid-component[be-slider]) .grid_section_grid > .plus .grid_item {
    padding-right: 30px !important;
  }
  grid-component:not(grid-component[be-slider]) .grid_section_grid > .plus::after {
    position: absolute;
    top: calc(var(--item-height) / 2 - 2px);
    bottom: auto;
    right: 15px;
    z-index: 2;
    width: 14px;
    height: 2px;
    background-color: #c7c6c6;
    transition: all 0.3s ease;
    content: "";
  }
  grid-component:not(grid-component[be-slider]) .grid_section_grid > .plus::before {
    background-color: #c7c6c6;
    position: absolute;
    top: calc(var(--item-height) / 2 - 8px);
    bottom: auto;
    right: 21px;
    z-index: 2;
    width: 2px;
    height: 14px;
    transition: all 0.3s ease;
    content: "";
  }
  grid-component:not(grid-component[be-slider]) .grid_section_grid > .plus.plus_bottom::after {
    position: absolute;
    bottom: 26px;
    top: auto;
    right: 15px;
    z-index: 2;
    width: 14px;
    height: 2px;
    background-color: #c7c6c6;
    transition: all 0.3s ease;
    content: "";
  }
  grid-component:not(grid-component[be-slider]) .grid_section_grid > .plus.plus_bottom::before {
    background-color: #c7c6c6;
    position: absolute;
    bottom: 20px;
    top: auto;
    right: 21px;
    z-index: 2;
    width: 2px;
    height: 14px;
    transition: all 0.3s ease;
    content: "";
  }
  grid-component:not(grid-component[be-slider]) .grid_section_grid > .plus:hover::after, grid-component:not(grid-component[be-slider]) .grid_section_grid > .plus:hover::before {
    background-color: var(--theme-color);
  }
  grid-component:not(grid-component[be-slider]) .grid_section_grid > .plus.active::after {
    background-color: var(--theme-color);
  }
  grid-component:not(grid-component[be-slider]) .grid_section_grid > .plus.active::before {
    transform: rotate(90deg);
    background-color: var(--theme-color);
  }
}
@media screen and (max-width: 500px) {
  grid-component:not(grid-component[be-slider]) .grid_section_grid > .arrow {
    position: relative;
    cursor: pointer;
  }
  grid-component:not(grid-component[be-slider]) .grid_section_grid > .arrow h3 {
    width: 90%;
  }
  grid-component:not(grid-component[be-slider]) .grid_section_grid > .arrow:hover svg path {
    stroke: var(--theme-color);
  }
  grid-component:not(grid-component[be-slider]) .grid_section_grid > .arrow .grid_item_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  grid-component:not(grid-component[be-slider]) .grid_section_grid > .arrow .grid_item_title svg {
    display: block;
    transform: rotate(-90deg);
    transition: all 0.2s ease;
  }
  grid-component:not(grid-component[be-slider]) .grid_section_grid > .arrow .grid_item_title svg path {
    transition: all 0.2s ease;
  }
  grid-component:not(grid-component[be-slider]) .grid_section_grid > .arrow.active .grid_item_title svg {
    transform: rotate(90deg);
  }
  grid-component:not(grid-component[be-slider]) .grid_section_grid > .arrow.active .grid_item_title svg path {
    stroke: var(--theme-color);
  }
}
@media screen and (max-width: 500px) {
  grid-component:not(grid-component[be-slider]) .content {
    height: 100%;
    max-height: 0;
    transition: all 0.5s ease;
    overflow: hidden;
  }
  grid-component:not(grid-component[be-slider]) .grid_section_grid > * {
    cursor: pointer;
  }
  grid-component:not(grid-component[be-slider]) .grid_section_grid > *:hover svg path {
    stroke: var(--theme-color);
  }
  grid-component:not(grid-component[be-slider]) h3 {
    margin-bottom: 0 !important;
  }
  grid-component:not(grid-component[be-slider]) .active h3 {
    color: var(--theme-color);
  }
  grid-component:not(grid-component[be-slider]) .active .content {
    margin-top: 23px !important;
    max-height: 700px;
  }
}
grid-component {
  padding-top: 44px;
  padding-bottom: 50px;
  background-color: var(--background-color);
}
grid-component h2 {
  font-weight: 400;
  font-size: 36px;
  line-height: 41px;
  letter-spacing: -0.005em;
  text-transform: capitalize;
  color: var(--heading-theme-color);
  margin-bottom: 40px;
}
grid-component .grid_subtitle {
  font-size: 16px;
  line-height: 25px;
  color: var(--text-theme-color);
  margin-bottom: 30px;
  max-width: 860px;
}
grid-component .grid_item h3 {
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 0.015em;
  color: var(--heading-theme-color);
  margin-bottom: 15px;
  transition: all 0.5s ease;
}
grid-component .grid_item p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: var(--text-theme-color);
}
grid-component .grid_item ul {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  font-weight: 400;
  color: var(--text-theme-color);
  line-height: 25px;
}
grid-component .grid_section .grid_section_grid {
  display: flex;
  flex-wrap: wrap;
}
grid-component .content.overflow {
  overflow: auto;
}

grid-component .grid_section_grid > * {
  width: 32%;
  margin-right: 1%;
  margin-bottom: 1%;
}
grid-component .grid_section_grid > * p {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: var(--text-theme-color);
}
grid-component .grid_section_grid > *:hover h3 {
  color: var(--theme-color);
}
grid-component[item-in-row="4"] .grid_section_grid > * {
  width: 24%;
  margin-right: 1%;
  margin-bottom: 1%;
}
grid-component[item-in-row="2"] .grid_section_grid > * {
  width: 49%;
  margin-right: 1%;
  margin-bottom: 1%;
}

@media screen and (min-width: 1100px) {
  grid-component[item-in-row="4"] .grid_section_grid > *:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1000px) {
  grid-component[item-in-row="3"] .grid_section_grid > *:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1100px) and (min-width: 850px) {
  grid-component[item-in-row="4"] .grid_section_grid > * {
    width: 32%;
  }
  grid-component[item-in-row="4"] .grid_section_grid > *:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) and (min-width: 750px) {
  grid-component[item-in-row="3"] .grid_section_grid > * {
    width: 49%;
  }
  grid-component[item-in-row="3"] .grid_section_grid > *:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 850px) and (min-width: 750px) {
  grid-component[item-in-row="4"] .grid_section_grid > * {
    width: 49%;
  }
  grid-component[item-in-row="4"] .grid_section_grid > *:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 750px) {
  grid-component .grid_section_grid > * {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 15px !important;
  }
  grid-component .grid_section_grid > *:last-child {
    margin-bottom: 0 !important;
  }
  grid-component[data-padding=false] .container {
    padding: 0;
  }
  grid-component[data-padding=false] h2, grid-component[data-padding=false] .grid_subtitle {
    padding: 0 20px;
  }
  grid-component[data-padding=false] .grid_section_grid > * {
    width: calc(100% - 40px) !important;
    margin-right: auto !important;
    margin: 0 auto;
  }
}
@media screen and (min-width: 700px) {
  grid-component .navigation_wrapper {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  grid-component[be-slider][data-padding=false] .grid_section_grid > * {
    width: 100% !important;
  }
  grid-component[be-slider] .container {
    padding: 0;
  }
  grid-component[be-slider] h2, grid-component[be-slider] .grid_subtitle {
    padding: 0 20px;
  }
  grid-component[be-slider] .grid_section .grid_section_grid {
    flex-wrap: nowrap;
  }
  grid-component[be-slider] .grid_section_grid > * {
    padding: 0 20px;
  }
  grid-component[be-slider] .navigation_wrapper {
    height: 18px;
    margin-top: 18px;
  }
  grid-component[be-slider] .swiper-pagination {
    position: static;
  }
  grid-component[be-slider] .swiper-button-next {
    right: calc(50% - 50px);
  }
  grid-component[be-slider] .swiper-button-next::after {
    transform: rotate(270deg);
  }
  grid-component[be-slider] .swiper-button-prev {
    left: calc(50% - 50px);
  }
  grid-component[be-slider] .swiper-button-prev::after {
    transform: rotate(90deg);
  }
  grid-component[be-slider] .swiper-button-next, grid-component[be-slider] .swiper-button-prev {
    top: auto;
    bottom: 0;
    width: 18px;
    height: 18px;
  }
  grid-component[be-slider] .swiper-button-next::after, grid-component[be-slider] .swiper-button-prev::after {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M1 8.33333L8.5 14.8148L16 8.33333M8.5 15L8.5 0' stroke='%23afafaf' stroke-width='2'/%3E%3C/svg%3E");
  }
}
@media screen and (max-width: 600px) {
  grid-component {
    padding: 25px 0;
  }
  grid-component h2 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
  }
  grid-component .grid_subtitle {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px;
  }
  grid-component .grid_item h3 {
    font-size: 18px;
    line-height: 22px;
  }
  grid-component .grid_item p, grid-component .grid_item ul {
    font-size: 14px;
    line-height: 22px;
  }
}
grid-component .grid_item_title svg {
  display: none;
}
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/grid-component/grid-item-shadow/grid-item-shadow.scss ***!
  \******************************************************************************************************************************************************************************************/
grid-item-shadow {
  padding: 15px 20px;
  transition: all 0.2s ease;
}
grid-item-shadow h3 {
  position: relative;
  padding-bottom: 10px;
}
grid-item-shadow h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 1px;
  background-color: #c7c6c6;
  transition: all 0.2s ease;
}
grid-item-shadow:hover {
  box-shadow: 6px 6px 20px rgba(174, 174, 192, 0.3);
}
grid-item-shadow:hover h3::after {
  width: 100%;
  background-color: var(--theme-color);
}

grid-component[data-font-theme=light] grid-item-shadow:hover {
  box-shadow: 2.5px 2.5px 24px 0px rgba(0, 0, 0, 0.4509803922);
}
grid-component[data-font-theme=light][data-state=hover] grid-item-shadow {
  box-shadow: 2.5px 2.5px 24px 0px rgba(0, 0, 0, 0.4509803922);
}

@media screen and (max-width: 700px) {
  grid-item-shadow {
    padding: 15px 20px !important;
  }
  grid-component[be-slider] grid-item-shadow {
    box-shadow: none;
  }
  grid-component[be-slider] grid-item-shadow .grid_item {
    padding: 15px;
    box-shadow: 6px 6px 20px rgba(174, 174, 192, 0.3);
  }
  grid-component[be-slider] grid-item-shadow h3 {
    color: var(--theme-color);
  }
  grid-component[be-slider] grid-item-shadow h3::after {
    width: 100%;
    background-color: var(--theme-color);
  }
  grid-component:not(grid-component[be-slider]) grid-item-shadow {
    box-shadow: 6px 6px 20px rgba(174, 174, 192, 0.3);
  }
  grid-component:not(grid-component[be-slider]) grid-item-shadow h3::after {
    width: 100%;
  }
  grid-component:not(grid-component[be-slider]) grid-item-shadow.active h3::after {
    background-color: var(--theme-color);
  }
  grid-component:not(grid-component[be-slider]) grid-item-shadow.active .content {
    margin-top: 10px !important;
  }
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/homepage-main-banner/homepage-main-banner.scss ***!
  \***********************************************************************************************************************************************************************************/
.main_banner {
  padding-top: 45px;
  padding-bottom: 135px;
  background-color: #1b1b1d;
  position: relative;
}

.main_banner_left {
  max-width: 860px;
  padding-right: 20px;
}

.main_banner .homepage-main-banner_subtitle {
  display: block;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.main_banner h1 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 48px;
  line-height: 55px;
  color: #fff;
  margin-bottom: 23px;
}

.main_banner .flex_wrap {
  display: flex;
  justify-content: space-between;
}

.main_banner p.subtitle {
  display: block;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 40px;
  color: #fff;
}

.main_banner .btn {
  justify-content: flex-start;
}

.main_banner .wrapper {
  border: 1px solid #909091;
  width: 343px;
  padding: 16px 20px 40px;
}

.main_banner .wrapper .title {
  font-size: 18px;
  line-height: 21px;
  color: #fff;
  margin-bottom: 8px;
}

.main_banner .counting {
  background: transparent;
  padding: 0;
  box-shadow: none;
  display: flex;
  flex-wrap: wrap;
}

.main_banner .counting_item {
  width: 49%;
  padding-top: 13px;
  padding-bottom: 24px;
  position: relative;
}

.main_banner .counting_item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 40px);
  width: 80px;
  height: 1px;
  background-color: #fff;
}

.main_banner .counting_item:nth-child(2n+1) {
  margin-right: 1%;
}

.main_banner .counting_item:nth-child(2n) {
  margin-left: 1%;
}

.main_banner .counting_item_num {
  font-size: 32px;
  line-height: 36px;
  color: #fff;
  margin-bottom: 7px;
}

.main_banner .counting_item_num span {
  font-size: 24px;
  line-height: 27px;
  color: #fff;
}

.main_banner .counting_item_text {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
}

.main_banner .logos svg {
  width: 48%;
}

@media screen and (max-width: 880px) {
  .main_banner p.subtitle {
    font-size: 16px;
  }
  h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 800px) {
  .homepage-main-banner .get-in-touch-button {
    margin-bottom: 30px;
  }
  .main_banner {
    padding-top: 26px;
    padding-bottom: 145px;
  }
  .main_banner .flex_wrap {
    flex-direction: column;
  }
  .main_banner_left {
    padding-right: 0;
    text-align: center;
    margin-bottom: 20px;
  }
  .main_banner_left,
.main_banner_right {
    width: 100%;
  }
  .main_banner .btn {
    justify-content: center;
    margin-bottom: 30px;
  }
  .main_banner .wrapper {
    width: 430px;
    margin: 0 auto;
    text-align: center;
  }
  .main_banner .counting {
    justify-content: center;
  }
}
@media screen and (max-width: 600px) {
  .main_banner h1 {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 20px;
  }
  .main_banner .homepage-main-banner_subtitle {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 16px;
  }
  .main_banner p.subtitle {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
  }
  .main_banner .btn a {
    font-size: 18px;
    line-height: 20px;
  }
  .main_banner .wrapper {
    width: 100%;
  }
  .main_banner .counting_item_num {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 11px;
  }
  .main_banner .counting_item_text {
    font-size: 10px;
    line-height: 12px;
  }
}
.waves {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 15vh;
  margin-bottom: -7px; /*Fix for safari gap*/
  min-height: 100px;
  max-height: 150px;
}

.waves .first_wave {
  fill: rgba(42, 95, 249, 0.7);
}

.waves .second_wave {
  fill: rgba(64, 94, 179, 0.5);
}

.waves .third_wave {
  fill: rgba(94, 131, 237, 0.4);
}

.waves .fourth_wave {
  fill: #fff;
}

@media screen and (min-width: 950px) {
  .waves .parallax > use {
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
  }
  .waves .parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
    x: 48;
  }
  .waves .parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
    x: 48;
  }
  .waves .parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
    x: 48;
  }
  .waves .parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
    x: 48;
  }
  @keyframes move-forever {
    0% {
      transform: translate3d(-90px, 0, 0);
    }
    100% {
      transform: translate3d(85px, 0, 0);
    }
  }
}
@media screen and (max-width: 950px) {
  .waves .parallax > use:nth-child(1) {
    x: 85;
  }
  .waves .parallax > use:nth-child(2) {
    x: 0;
  }
  .waves .parallax > use:nth-child(3) {
    x: 26;
  }
  .waves .parallax > use:nth-child(4) {
    x: 64;
  }
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/homepage-tabs/homepage-tabs.scss ***!
  \*********************************************************************************************************************************************************************/
.homepage_tabs {
  padding-top: 45px;
  padding-bottom: 50px;
}

.tab_items {
  max-height: 560px;
  overflow: auto;
  width: 100%;
  max-width: 370px;
  position: relative;
  z-index: 2;
  font-size: 20px;
  line-height: 30px;
  color: #525252;
}
.tab_items > div {
  cursor: pointer;
  background-color: #F4F5FB;
  padding: 15px 20px;
  transition: all 0.2s ease;
}
.tab_items > div.active_tab {
  background: linear-gradient(0deg, #DCE2EC, #DCE2EC), linear-gradient(135.77deg, rgba(255, 255, 255, 0.6) -94.16%, rgba(255, 255, 255, 0.1) 100%);
  box-shadow: 0px 0px 15px rgba(174, 174, 192, 0.3);
  font-size: 24px;
  line-height: 30px;
  color: #1b1b1d;
  padding: 25px 20px;
  padding-right: 45px;
  position: relative;
}
.tab_items > div.active_tab::after {
  content: "";
  position: absolute;
  top: calc(50% - 9px);
  right: 25px;
  width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.33333 16L14.8148 8.5L8.33333 0.999999M15 8.5L-3.27835e-07 8.5' stroke='%232B60FA' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.tab_items > div:hover {
  background: linear-gradient(0deg, #DCE2EC, #DCE2EC), linear-gradient(135.77deg, rgba(255, 255, 255, 0.6) -94.16%, rgba(255, 255, 255, 0.1) 100%);
}

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

.homepage_tabs h2 {
  font-size: 36px;
  line-height: 42px;
  letter-spacing: -0.5px;
  margin-bottom: 40px;
  text-align: center;
}

.homepage_tabs .subtitle {
  display: block;
  max-width: 690px;
  color: #525252;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
}

.tab_items_content {
  position: relative;
  width: calc(100% - 370px);
}

.homepage_tabs .tabs_component {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-shadow: 6px 6px 20px rgba(174, 174, 192, 0.25);
  max-width: 1300px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.homepage_tabs .tabs_component .active_tab .tabs_component_menu {
  background-color: #dce2ec;
}

.homepage_tabs .tabs_component .active_tab .tabs_component_menu svg {
  display: flex;
}

.homepage_tabs .tabs_component .tabs_component_menu {
  cursor: pointer;
  padding: 15px 20px;
  transition: all 0.2s ease;
  background-color: #f4f5fb;
}

.homepage_tabs .tabs_component .tabs_component_menu:hover {
  background-color: #dce2ec;
}

.homepage_tabs .tabs_component .tab_item_title {
  margin-bottom: 0;
}

.homepage_tabs .tabs_component .tabs_component_menu {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.homepage_tabs .tabs_component .tabs_component_menu svg {
  display: none;
}

.homepage_tabs .tabs_component .tabs_component_menu svg path {
  stroke: #2b60fa;
}

.homepage_tabs .tabs_component .tab_component_element {
  color: #525252;
  font-size: 20px;
  line-height: 30px;
  padding: 15px 20px;
  background-color: #f3f3f3;
  cursor: pointer;
  transition: all 0.2s ease;
}

.homepage_tabs .tabs_component .tab_component_element:hover {
  background-color: #c7c7c7;
}

.homepage_tabs .tabs_component .active_tab .tab_component_element {
  font-size: 24px;
  color: #1b1b1d;
  padding: 25px 20px;
  padding-right: 30px;
  background-color: #c7c7c7;
  position: relative;
}

.homepage_tabs .tabs_component .active_tab .tab_component_element::after {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  right: 25px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.33333 16L14.8148 8.5L8.33333 0.999999M15 8.5L-3.27835e-07 8.5' stroke='%232B60FA' stroke-width='2'/%3E%3C/svg%3E");
}

.homepage_tabs .tabs_component .tab_item {
  padding: 50px;
  position: absolute;
  transition: all 0.5s ease;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  width: 100%;
  background-color: #fff;
  max-height: 560px;
  overflow: auto;
}

.homepage_tabs .tabs_component .active_tab .tab_item {
  max-width: 930px;
  z-index: 2;
  opacity: 1;
  width: 100%;
}

.homepage_tabs .tabs_component h3 {
  font-size: 20px;
  line-height: 30px;
  color: #1b1b1d;
  margin-bottom: 34px;
  transition: all 0.5s ease;
}

.homepage_tabs .tabs_component p {
  font-size: 16px;
  line-height: 25px;
  color: #525252;
  margin-bottom: 24px;
}

.homepage_tabs .tabs_component .tabs_services_list {
  padding-left: 70px;
  margin-bottom: 33px;
}

.homepage_tabs .tabs_component .tabs_services_list .homepage-tabs-item-list-header {
  font-size: 16px;
  line-height: 25px;
  color: #1b1b1d;
  margin-bottom: 24px;
}

.homepage_tabs .tabs_component .tabs_services_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.homepage_tabs .tabs_component .tabs_services_list ul li {
  /*white-space: nowrap;*/
  font-size: 14px;
  line-height: 16px;
  width: 48%;
  position: relative;
}

.homepage_tabs .tabs_component .tabs_services_list ul li::before {
  content: "";
  position: absolute;
  top: 11px;
  left: -10px;
  width: 5px;
  height: 5px;
  background-color: #2b60fa;
}

.homepage_tabs .tabs_component .tabs_services_list ul li:hover span {
  color: #2b60fa;
}

.homepage_tabs .tabs_component .tabs_services_list ul li span {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 5px 0;
  color: #525252;
}

.homepage_tabs .btn {
  background-color: #2b60fa;
  border: 1px solid transparent;
  color: #fff;
  padding: 10px 26px;
  display: inline-block;
  transition: all 0.2s ease;
}

.homepage_tabs .btn:hover {
  color: #2b60fa;
  border-color: #2b60fa;
  background-color: #fff;
}

@media screen and (max-width: 1200px) {
  .homepage_tabs .tabs_component h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1100px) {
  .homepage_tabs .tabs_component_left li {
    font-size: 18px;
    line-height: 28px;
  }
  .homepage_tabs .tabs_component_left li.active {
    font-size: 21px;
    padding: 20px 15px;
  }
  .homepage_tabs .tabs_component_right .tab_item {
    padding: 50px;
  }
  .homepage_tabs .tabs_component_right h3 {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 1000px) {
  .homepage_tabs .tabs_component_left {
    min-width: 290px;
  }
  .homepage_tabs .tabs_component_right .tabs_services_list {
    padding-left: 10px;
  }
  .homepage_tabs .tabs_component_right .tabs_services_list ul {
    max-width: initial;
  }
  .homepage_tabs .tabs_component_right .tabs_services_list ul li {
    margin-right: 1%;
  }
}
@media screen and (max-width: 900px) {
  .homepage_tabs .tabs_component {
    box-shadow: none;
  }
  .homepage_tabs .container {
    padding: 0;
  }
  .homepage_tabs .subtitle, .homepage_tabs h2 {
    padding: 0 20px;
  }
  .tabs_component_element {
    padding: 0 20px;
  }
  .tab_items {
    display: none;
  }
  .tab_items_content {
    width: 100%;
  }
  .homepage_tabs .tabs_component .tab_item {
    position: static;
    opacity: 1;
    max-height: initial;
    box-shadow: 0px 0px 15px rgba(174, 174, 192, 0.3);
    margin-bottom: 15px;
    overflow: auto;
    padding: 20px;
  }
  .homepage_tabs .tabs_component h3 {
    margin-bottom: 0;
  }
  .toggle_part {
    height: 100%;
    max-height: 0;
    overflow: hidden;
    transition: all 0.8s ease;
  }
  .active_tab .toggle_part {
    max-height: 1000px;
    overflow: auto;
  }
  .homepage_tabs .tabs_component h3 {
    font-size: 20px;
  }
  .homepage_tabs .tabs_component p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
  }
  .homepage_tabs .tabs_component .tab_item {
    padding: 0;
  }
  .homepage_tabs .tabs_component .active_tab h3 {
    background: linear-gradient(0deg, #DCE2EC, #DCE2EC), linear-gradient(135.77deg, rgba(255, 255, 255, 0.6) -94.16%, rgba(255, 255, 255, 0.1) 100%);
    box-shadow: 0px 0px 15px rgba(174, 174, 192, 0.3);
    padding: 20px 20px;
    color: #1b1b1d;
    font-size: 20px;
    line-height: 30px;
  }
  .homepage_tabs .tabs_component h3 {
    cursor: pointer;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 30px;
    color: #525252;
    background-color: #F4F5FB;
    position: relative;
  }
  .homepage_tabs .tabs_component h3::after {
    content: "";
    position: absolute;
    top: calc(50% - 9px);
    right: 25px;
    width: 17px;
    height: 17px;
    transform: rotate(90deg);
    transition: all 0.8s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.33333 16L14.8148 8.5L8.33333 0.999999M15 8.5L-3.27835e-07 8.5' stroke='%232B60FA' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .homepage_tabs .tabs_component .active_tab h3::after {
    transform: rotate(-90deg);
  }
  .homepage_tabs .tabs_component .tabs_services_list .homepage-tabs-item-list-header {
    font-size: 14px;
    line-height: 20px;
    color: #1b1b1d;
    margin-bottom: 20px;
  }
  .toggle_part {
    padding: 0 20px;
  }
  .homepage_tabs .tabs_component .tabs_services_list {
    padding-left: 0;
  }
  .active_tab .toggle_part {
    padding: 20px 20px;
  }
  .homepage_tabs .tabs_component .tabs_services_list ul {
    padding-left: 10px;
  }
  .homepage_tabs .tabs_component .tabs_services_list ul li {
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .homepage_tabs .tabs_component .tabs_services_list ul {
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .homepage_tabs {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .homepage_tabs h2 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
  }
  .homepage_tabs .subtitle {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
  }
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/shadow-slider/shadow-slider.scss ***!
  \*********************************************************************************************************************************************************************/
shadow-slider .swiper-button-prev:hover::after,
shadow-slider .swiper-button-next:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.33333 16L14.8148 8.5L8.33333 0.999999M15 8.5L-3.27835e-07 8.5' stroke='%232B61FA' stroke-width='2'/%3E%3C/svg%3E");
}

shadow-slider .swiper-button-next:after,
shadow-slider .swiper-button-prev:after {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.33333 16L14.8148 8.5L8.33333 0.999999M15 8.5L-3.27835e-07 8.5' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
}

shadow-slider .swiper-button-prev:after {
  transform: rotate(180deg) !important;
}

shadow-slider .swiper-button-next:after {
  transform: rotate(0deg) !important;
}

.brands {
  position: relative;
}
.brands .btn {
  padding: 0;
}

.brands .brands_bgi {
  position: absolute;
  overflow: hidden;
  /*background-image: url("/assets/images/trusted-brand-lg.jpg");*/
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 100%;
}

.brands .brands_bgi image-component.lowes {
  opacity: 1;
  z-index: 1;
}
.brands .brands_bgi image-component.lowes img {
  opacity: 1;
  z-index: 1;
}

.brands .brands_bgi image-component {
  transition: all 0.5s ease;
  height: 100%;
  width: 100%;
  display: block;
  opacity: 0;
  position: absolute;
  z-index: 0;
  object-fit: cover;
}
.brands .brands_bgi image-component img {
  object-fit: cover;
  height: 100%;
  display: block;
  width: 100%;
}

.brands h2 {
  color: #fff;
  font-size: 36px;
  line-height: 41px;
  margin-bottom: 40px;
}

.brands .subtitle {
  display: block;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 15px;
  color: #e9e9e9;
}

.brands_top {
  position: relative;
  z-index: 2;
  padding-top: 42px;
  padding-bottom: 34px;
  background: linear-gradient(0deg, rgba(27, 27, 29, 0.8), rgba(27, 27, 29, 0.8)), rgba(43, 97, 250, 0.2);
}

.brands_bottom {
  display: flex;
  position: relative;
  z-index: 2;
}

.brands_bottom .brand_item {
  background: linear-gradient(0deg, rgba(43, 97, 250, 0.1), rgba(43, 97, 250, 0.1)), rgba(80, 80, 80, 0.5);
  height: 400px;
  overflow: hidden;
  transition: all 0.2s ease;
  cursor: pointer;
}

.brands_bottom .brand_item:hover {
  background: linear-gradient(0deg, rgba(27, 27, 29, 0.6), rgba(27, 27, 29, 0.6)), rgba(43, 97, 250, 0.2);
}
.brands_bottom .brand_item:hover .images {
  position: relative;
  height: 65px;
  width: 100%;
}
.brands_bottom .brand_item:hover .images img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 0.2s ease;
}
.brands_bottom .brand_item:hover .images img.colorfull {
  z-index: 2;
  opacity: 1;
}
.brands_bottom .brand_item:hover .images img.white {
  z-index: 1;
  opacity: 0;
}

.brands_bottom .brand_item:hover .content_default {
  max-height: 0;
  padding-bottom: 0;
}

.brands .content_default {
  transition: all 0.4s ease;
  width: 100%;
  position: relative;
  top: 0;
  height: 100%;
  max-height: 400px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 50px;
}

.brands_bottom .brand_item:hover .content_active,
.edit-mode-enabled .brands_bottom .brand_item .content_active {
  bottom: 0;
}

.brands .content_active {
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  max-width: 376px;
  margin: 0 auto;
  padding: 10px 35px;
  position: relative;
  max-height: 400px;
  bottom: calc(90px - 100%);
}
.brands .content_active .images {
  position: relative;
  height: 65px;
  width: 100%;
}
.brands .content_active .images img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 0.2s ease;
}
.brands .content_active .images img.colorfull {
  z-index: 1;
  opacity: 0;
}
.brands .content_active .images img.white {
  z-index: 2;
  opacity: 1;
}
.brands .content_active img {
  height: 65px;
  margin-bottom: 12px;
}
.brands .content_active p {
  overflow: auto;
  max-height: 250px;
}

.brands .content_active image-component {
  margin-bottom: 20px;
  height: 65px;
}

.brands .content_active p {
  margin-bottom: 0px;
  font-size: 16px;
  color: #fff;
  line-height: 25px;
}

@media screen and (max-width: 1200px) {
  .brands .content_active p {
    margin-bottom: 15px;
  }
  .brands .content_active svg {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1000px) {
  .brands_bottom .brand_item.active .content_active,
.edit-mode-enabled .brands_bottom .brand_item .content_active {
    bottom: 0;
  }
}
@media screen and (max-width: 700px) {
  shadow-slider .swiper-button-next {
    right: 10px;
    left: auto;
    top: 50%;
  }
  shadow-slider .swiper-button-prev {
    left: 10px;
    right: auto;
    top: 50%;
  }
  shadow-slider .navigation_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  shadow-slider[be-slider] .brands_top.container {
    padding: 20px;
    padding-top: 25px;
  }
}
@media screen and (max-width: 620px) {
  shadow-slider .swiper-button-prev {
    left: 0;
  }
  shadow-slider .swiper-button-next {
    right: 0;
  }
  .brands h2 {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 15px;
  }
  .brands .subtitle {
    font-size: 14px;
    line-height: 22px;
  }
  .brands_top {
    padding: 20px;
  }
  .brands .content_active p {
    font-size: 14px;
    line-height: 22px;
  }
  .brands .content_active {
    padding: 10px;
  }
  .brands .content_active img {
    height: 55px;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 440px) {
  .brands .content_active {
    padding: 10px 30px;
  }
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/grid-component/grid-item-swipe/grid-item-swipe.scss ***!
  \****************************************************************************************************************************************************************************************/
grid-item-swipe {
  background: #FFFFFF;
  border: 1px solid #E6E8EC;
  height: 175px;
  overflow: hidden;
}
grid-item-swipe h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  background-color: #fff;
}
grid-item-swipe .content {
  width: 100%;
  height: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
  padding: 0 15px;
}
grid-item-swipe .grid_item {
  height: 100%;
}

@media screen and (min-width: 1024px) {
  grid-item-swipe:hover h3 {
    color: #fff !important;
    background-color: var(--theme-color);
    height: 45px;
    margin-bottom: 0;
  }
  grid-item-swipe:hover .content {
    padding: 10px 15px;
    max-height: 128px;
  }
}
@media screen and (max-width: 1024px) {
  grid-item-swipe.active h3 {
    color: #fff !important;
    background-color: var(--theme-color);
    height: 45px;
    margin-bottom: 0;
  }
  grid-item-swipe.active .content {
    padding: 10px 15px;
    max-height: 128px;
    overflow: auto;
  }
}
@media screen and (max-width: 750px) {
  grid-item-swipe {
    height: auto;
  }
  grid-item-swipe h3 {
    height: 45px;
    margin-bottom: 0 !important;
  }
  grid-item-swipe.active h3 {
    height: 45px;
  }
  grid-item-swipe.active .content {
    max-height: 1000px;
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 500px) {
  grid-component:not(grid-component[be-slider]) grid-item-swipe.active .content {
    margin-top: 0 !important;
  }
}
/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/grid-component/grid-item-card/grid-item-card.scss ***!
  \**************************************************************************************************************************************************************************************/
grid-item-card {
  background: #1B1B1D;
  box-shadow: -4.08333px -4.08333px 13px rgba(0, 0, 0, 0.2), 6.125px 6.125px 12.25px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(21px);
  padding: 15px 20px;
}
grid-item-card h3 {
  margin-bottom: 23px !important;
}
grid-item-card .team_stack {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
grid-item-card .team_stack li {
  border: 1px solid var(--text-theme-color);
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 6px 10px;
}
grid-item-card .team_stack li:hover {
  border-color: var(--theme-color);
  color: var(--theme-color);
}
/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/grid-component/grid-item-icon/grid-item-icon.scss ***!
  \**************************************************************************************************************************************************************************************/
grid-item-icon {
  background-color: #fff;
  text-align: center;
  height: 160px;
  position: relative;
}
grid-item-icon .grid_item {
  width: 100%;
  height: 100%;
  min-width: 170px;
  max-height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  transition: all 0.5s ease;
  overflow: hidden;
}
grid-item-icon .grid_item h3, grid-item-icon .grid_item img {
  margin: 0 auto;
  transition: all 0.5s ease;
}
grid-item-icon .grid_item h3 {
  padding: 0 5px;
}
grid-item-icon .grid_item img {
  width: 100%;
  max-width: 94px;
}

@media screen and (max-width: 1260px) {
  grid-item-icon .grid_item h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 1100px) {
  grid-item-icon .grid_item {
    position: absolute;
    top: 0;
    left: 0;
  }
  grid-item-icon .grid_item .content {
    max-width: 204%;
    width: var(--open-width);
    opacity: 0;
    height: 100%;
    max-height: 0;
    overflow: hidden;
    display: block;
    transition: opacity 0.5s ease;
    text-align: left;
  }
  grid-item-icon .overflow {
    overflow-x: hidden;
    overflow-y: auto !important;
  }
  grid-item-icon.totop .grid_item {
    top: auto;
    bottom: 0;
    left: 0;
  }
  grid-item-icon.most_left .grid_item {
    left: auto;
    right: 0;
  }
  grid-item-icon:not([data-no-action]):hover {
    z-index: 2;
    overflow: visible;
  }
  grid-item-icon:not([data-no-action]):hover .grid_item {
    z-index: 2;
    justify-content: space-between;
    padding: 20px 30px;
    max-height: 206%;
    align-items: flex-start;
    position: absolute;
    width: 204%;
    height: 207%;
  }
  grid-item-icon:not([data-no-action]):hover .grid_item .content {
    width: var(--open-width);
    max-height: 50%;
    opacity: 1;
  }
  grid-item-icon:not([data-no-action]):hover .grid_item h3, grid-item-icon:not([data-no-action]):hover .grid_item img {
    margin-left: 0;
  }
  grid-item-icon:not([data-no-action]):hover .grid_item h3 {
    padding: 0;
  }
  grid-item-icon.totop:hover .grid_item {
    top: auto;
    bottom: 0;
    left: 0;
  }
  grid-item-icon.most_left:hover .grid_item {
    left: auto;
    right: 0;
  }
}
grid-component[data-no-action]:not(grid-component[be-slider]) .grid_section_grid > .plus.plus_bottom::after, grid-component[data-no-action]:not(grid-component[be-slider]) .grid_section_grid > .plus.plus_bottom::before {
  content: none;
}

@media screen and (max-width: 1100px) {
  grid-item-icon {
    transition: all 0.5s ease;
    width: 100% !important;
    min-width: 600px;
    margin-right: 0 !important;
    margin-bottom: 15px !important;
    height: initial;
  }
  grid-item-icon .grid_item {
    transition: all 0.5s ease;
    justify-content: flex-start;
    padding: 15px;
    width: 100%;
    height: 100%;
    max-height: 1000px;
  }
  grid-item-icon .grid_item img {
    margin-bottom: 10px;
  }
  grid-item-icon .grid_item .content {
    padding: 10px;
    max-width: 820px;
    max-height: 0;
    overflow: hidden;
    text-align: justify;
    transition: all 0.5s ease;
    padding: 0 10px;
  }
  grid-item-icon .grid_item h3 {
    padding-bottom: 6px;
  }
  grid-item-icon.active .grid_item .content {
    max-height: 1000px;
    padding: 10px 10px;
  }
}
@media screen and (max-width: 1050px) {
  grid-item-icon .grid_item h3 {
    font-size: 18px;
    line-height: 20px;
  }
}
@media screen and (max-width: 700px) {
  grid-item-icon {
    min-width: 100%;
  }
}
@media screen and (max-width: 500px) {
  grid-component:not(grid-component[be-slider]) .active .content {
    margin-top: 10px !important;
  }
  grid-component:not(grid-component[be-slider]) .grid_section_grid > grid-item-icon.plus .grid_item {
    padding-right: 0 !important;
  }
  grid-item-icon .grid_item {
    padding: 15px 0;
  }
  grid-item-icon .grid_item .content {
    padding: 0 30px;
  }
  grid-item-icon.active .content {
    margin-top: 10px !important;
  }
  grid-item-icon.active .grid_item .content {
    padding: 30px;
    padding-top: 0;
  }
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/big-slider/big-slider.scss ***!
  \***************************************************************************************************************************************************************/
big-slider .swiper-button-next,
big-slider .swiper-button-prev {
  bottom: -13px;
  top: auto;
}

big-slider .swiper-button-prev:hover::after,
big-slider .swiper-button-next:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.33333 16L14.8148 8.5L8.33333 0.999999M15 8.5L-3.27835e-07 8.5' stroke='%232B61FA' stroke-width='2'/%3E%3C/svg%3E");
}

big-slider .swiper-button-prev {
  right: auto;
  left: calc(50% - 35px);
}

big-slider .swiper-button-next {
  left: auto;
  right: calc(50% - 35px);
}

big-slider .navigation_wrapper {
  height: 58px;
}

big-slider .swiper-button-next:after,
big-slider .swiper-button-prev:after {
  content: "";
  width: 18px;
  height: 18px;
}

big-slider .swiper-button-prev:after {
  transform: rotate(180deg) !important;
}

big-slider .swiper-button-next:after {
  transform: rotate(0deg) !important;
}

.case_slider {
  background-color: #1b1b1d;
  padding-top: 45px;
  padding-bottom: 50px;
}

[light] .case_slider {
  background-color: #fff;
}

.case_slider h2 {
  color: #fff;
  font-size: 36px;
  line-height: 41px;
  margin-bottom: 40px;
}

[light] .case_slider h2 {
  color: #1b1b1d;
}

.case_slider .subtitle {
  color: #eee;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 30px;
}

[light] .case_slider .subtitle {
  color: #525252;
}

[light] big-slider .swiper-button-next:after, [light] big-slider .swiper-button-prev:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.33333 16L14.8148 8.5L8.33333 0.999999M15 8.5L-3.27835e-07 8.5' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
}

big-slider .swiper-button-next:after, big-slider .swiper-button-prev:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.33333 16L14.8148 8.5L8.33333 0.999999M15 8.5L-3.27835e-07 8.5' stroke='%23C7C6C6' stroke-width='2'/%3E%3C/svg%3E");
}

.case_slider .swiper-wrapper {
  display: flex;
}

.case_slider .swiper-slide {
  position: relative;
  height: 350px;
}

.case_slider .swiper-slide .image {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  z-index: 1;
}

.case_slider .swiper-slide .image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  height: 100%;
  background-color: #000;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}

.case_slider .swiper-slide img.image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case_slider .swiper-slide .text > a {
  margin-left: calc(100% - 35px);
  margin-bottom: 16px;
  position: relative;
}

.case_slider .swiper-slide .image {
  overflow: hidden;
  height: 100%;
}

.case_slider .swiper-slide img {
  transition: all 0.2s ease;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case_slider .swiper-slide:hover img {
  transform: scale(1.1);
}

.case_slider .swiper-slide .text {
  cursor: pointer;
  padding-top: 30px;
  padding-left: 30px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.case_slider .swiper-slide .text:hover > a {
  animation-name: arrowmoving;
  animation-duration: 0.5s;
}
.case_slider .swiper-slide .text:hover > a svg path {
  stroke: #2B60FA;
}

@keyframes arrowmoving {
  0% {
    right: 0;
  }
  50% {
    right: 15px;
  }
  100% {
    right: 0;
  }
}
.case_slider .swiper-slide div .big_slider-case_title {
  display: block;
  text-align: left;
  max-width: 370px;
  color: #fefefe;
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 23px;
  transition: all 0.2s ease;
}

.case_slider .swiper-slide .technologies {
  color: #fff;
  max-width: 430px;
  text-align: right;
}

.big_slider_dots {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.big_slider_dots span {
  background-color: #AFAFAF;
  border-radius: 0;
  opacity: 1;
}
.big_slider_dots span.swiper-pagination-bullet-active {
  background-color: #007aff;
}

.case_slider .swiper-slide .technologies .list_technologies {
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  max-width: 330px;
}

.case_slider .swiper-slide .technologies .list_technologies .technologies_item {
  margin: 7px;
  border: 1px solid #C7C6C6;
  transition: all 0.2s ease;
}

.case_slider .swiper-slide .technologies .list_technologies .technologies_item:hover {
  background-color: #2b61fa;
}

.case_slider .swiper-slide .technologies .list_technologies .technologies_item.big_slider_item_skill {
  padding: 6px 10px;
  display: block;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
}

.case_slider .swiper-slide .technologies .more_btn:hover .more {
  color: #fff;
  border-color: #fff;
}

.case_slider .swiper-slide .technologies .more_btn svg path {
  transition: all 0.2s ease;
}

.case_slider .swiper-slide .technologies .more_btn:hover svg path {
  stroke: #fff;
}

.case_slider .swiper-slide .technologies .more_btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.case_slider .swiper-slide .technologies .more_btn:hover .more::after {
  width: 100%;
  background-color: #fff;
}

.case_slider .swiper-slide .technologies .more::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #fff;
  transition: all 0.2s ease;
}

.case_slider .swiper-slide .technologies .more {
  transition: all 0.2s ease;
  display: inline-block;
  position: relative;
  text-align: right;
  cursor: pointer;
  color: #fff;
  margin-right: 5px;
}

/*.case_slider .swiper-slide .technologies .more::after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.33333 16L14.8148 8.5L8.33333 0.999999M15 8.5L-3.27835e-07 8.5' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
}*/
@media screen and (max-width: 700px) {
  big-slider .swiper-button-next,
big-slider .swiper-button-prev {
    bottom: 9px;
    top: auto;
  }
}
@media screen and (max-width: 630px) {
  .case_slider .swiper-slide .big_slider-case_title {
    font-size: 18px;
    line-height: 24px;
    padding-right: 60px;
  }
  .case_slider .swiper-slide .technologies .list_technologies .technologies_item.big_slider_item_skill {
    font-size: 10px;
    line-height: 16px;
  }
  .case_slider .swiper-slide .technologies .more {
    font-size: 14px;
    line-height: 14px;
  }
}
@media screen and (max-width: 600px) {
  .case_slider {
    padding-top: 25px;
    padding-bottom: 31px;
  }
  .case_slider h2 {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 20px;
  }
  .case_slider .subtitle {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px;
  }
  .case_slider .swiper-slide .technologies {
    max-width: 100%;
    margin-left: initial;
  }
  .case_slider .swiper-slide .technologies .list_technologies {
    margin-left: 12px;
  }
  .case_slider .swiper-slide .big_slider-case_title {
    font-size: 30px !important;
    line-height: 36px !important;
  }
}
@media screen and (max-width: 420px) {
  .case_slider .swiper-slide .text {
    padding-top: 10px;
    padding-left: 10px;
  }
}
/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/faq/faq.scss ***!
  \*************************************************************************************************************************************************/
.faq {
  padding: 45px 0;
}

.faq h2 {
  font-size: 36px;
  line-height: 41px;
  letter-spacing: -0.5px;
  margin-bottom: 25px;
  color: #1b1b1d;
  text-align: center;
}

.faq .subtitle {
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  color: #525252;
  margin: 0 auto;
  margin-bottom: 25px;
  max-width: 860px;
}

.faq .block_faq {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.faq .block_faq_column {
  max-width: 640px;
  width: calc(50% - 10px);
}

.faq faq-item {
  margin-bottom: 30px;
  height: auto;
  display: block;
  transition: all 0.5s ease;
  position: relative;
  padding: 30px;
  padding-right: 40px;
  box-shadow: 6px 6px 12px rgba(174, 174, 192, 0.2);
  cursor: pointer;
}

.faq faq-item h3 {
  font-size: 18px;
  line-height: 28px;
  color: #1b1b1d;
}

.faq faq-item .answer_wrapper {
  opacity: 0;
  overflow: hidden;
  max-height: 0;
  transition: all 0.5s ease;
  font-size: 14px;
  line-height: 25px;
  color: #525252;
}

.faq faq-item::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 30px;
  width: 2px;
  height: 20px;
  background-color: #1b1b1d;
  transition: all 0.2s ease;
}

.faq faq-item::before {
  content: "";
  position: absolute;
  right: 21px;
  top: 39px;
  width: 20px;
  height: 2px;
  background-color: #1b1b1d;
}

.faq faq-item.active {
  max-height: 1000px;
}

.faq faq-item.active::after {
  transform: rotate(90deg);
}

.faq faq-item.active h3 {
  color: #2b61fa;
  margin-bottom: 15px;
}

.faq faq-item.active .answer_wrapper {
  opacity: 1;
  max-height: 800px;
}

.faq faq-item:hover h3 {
  color: #2b61fa;
}

@media screen and (max-width: 800px) {
  .faq faq-item {
    padding: 15px;
    padding-right: 30px;
  }
  .faq faq-item::after {
    right: 19px;
    top: 18px;
  }
  .faq faq-item::before {
    right: 10px;
    top: 27px;
  }
}
@media screen and (max-width: 700px) {
  .faq {
    padding: 25px 0;
  }
  .faq h2 {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 20px;
  }
  .faq .subtitle {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 15px;
  }
  .faq .subtitle {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 22px;
  }
  .faq .block_faq {
    flex-direction: column;
  }
  .faq faq-item {
    max-width: initial;
    width: 100%;
    margin-bottom: 15px;
  }
  .faq faq-item h3 {
    font-size: 16px;
    line-height: 20px;
  }
  .faq .block_faq_column {
    width: 100%;
  }
  .faq faq-item .answer_wrapper {
    font-size: 14px;
    line-height: 18px;
  }
  .faq faq-item.active p {
    max-height: 1600px;
  }
  .faq faq-item::before {
    width: 15px;
    right: 12px;
    top: 25px;
  }
  .faq faq-item::after {
    height: 15px;
  }
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/assets/js/contact-us/contact-us.scss ***!
  \***************************************************************************************************************************************************************/
.contact {
  background-color: #1b1b1d;
  padding-top: 45px;
  padding-bottom: 50px;
  position: relative;
}

.loader {
  position: absolute;
  top: 0;
  left: 0;
}

.loading .loader {
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 11;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading .loaderItem {
  width: 100px;
  animation: loading 2s linear infinite;
}

.contact_left {
  max-width: 530px;
  width: 50%;
}

.contact_right {
  width: 50%;
  display: flex;
  justify-content: center;
}

.contact_right form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 330px;
}
.contact_right form.not-verify input[type=email] {
  border-color: #fa0000 !important;
  color: #fa0000 !important;
}
.contact_right form.not-verify span.verify {
  height: 16px;
}
.contact_right form span.verify {
  height: 0;
  color: red;
  display: block;
  overflow: hidden;
  transition: all 0.2s ease;
  position: relative;
  top: -8px;
}
.contact_right form span.email-error {
  height: 0;
  overflow: hidden;
  transition: all 0.2s ease;
  display: block;
  font-size: 14px;
  color: red;
  position: relative;
  top: -8px;
}

.contact_right form input.error + span.email-error {
  height: 18px;
}

.contact_right form button {
  margin-top: 25px;
  border: none;
  border: 2px solid transparent;
  background-color: #2b61fa;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  padding: 12px 56px;
  transition: all 0.2s ease;
  cursor: pointer;
}

.contact_right form button:hover {
  color: #2b61fa;
  background-color: #fff;
}

.contact_right form input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #fff;
  background: transparent !important;
  margin-bottom: 15px;
  display: inline-block;
  outline: none;
}
.contact_right form input:-webkit-autofill, .contact_right form input:-webkit-autofill:hover, .contact_right form input:-webkit-autofill:focus, .contact_right form input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #1b1b1d inset !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff;
}

.contact_right form input::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #c7c6c6;
  background-color: transparent !important;
}

.contact .container {
  display: flex;
}

.contact h2 {
  font-size: 36px;
  line-height: 41px;
  letter-spacing: -0.5px;
  margin-bottom: 40px;
  color: #fff;
}

.contact .subtitle {
  font-size: 16px;
  line-height: 25px;
  color: #fff;
  margin-bottom: 30px;
}

@media screen and (max-width: 770px) {
  .contact .container {
    flex-direction: column;
    align-items: center;
  }
  .contact_left,
.contact_right {
    width: 100%;
    max-width: initial;
  }
  .contact_left form,
.contact_right form {
    margin-top: 20px;
    width: 80%;
  }
}
@media screen and (max-width: 700px) {
  .contact .container {
    flex-direction: column;
    align-items: center;
  }
  .contact_left,
.contact_right {
    width: 100%;
    max-width: initial;
  }
  .contact_right {
    margin-top: 15px;
  }
  .contact_right form {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .contact_right {
    margin-top: 0;
  }
  .contact {
    padding: 25px 0;
  }
  .contact h2 {
    text-align: center;
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 20px;
  }
  .contact .subtitle {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px;
  }
}