/*
Theme Name: gravityfield v2
Author: Alexander Mikhaylov
Description:
Version: 0.0.1
*/
.header__logo .icon-logo {
    line-height: 3.2rem;
}

.article__content .wp-block-image img {
	height: auto;
    display: block;
    width: 100%;
    border-radius: 4rem;
    overflow: hidden;

}
.article__content .wp-block-image .wp-element-caption{
	margin-top: 2rem;
    color: #333E4C;
    font-size: 1.3rem;
    font-style: italic;
    line-height: 1.23;
    text-align: center;
}

.vacancy__item li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: first baseline;
    -ms-flex-align: first baseline;
    align-items: first baseline;
    margin-top: 3rem;
    font-size: 1.8rem;
    line-height: 1.44;
    letter-spacing: -0.01em;
}
.vacancy__item li::before {
    content: "";
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.2rem;
    flex: 0 0 1.2rem;
    margin-right: 1.8rem;
    height: 1.2rem;
    background-color: #8380FF;
    border-radius: 0.4rem;
}

.vacancy__icon [class*="icon-vacancy-"] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #8380FF;
    border-radius: 50%;
    font-size: 12.8rem;
    width: 54%;
    height: 54%;
}
.article__content ul li {
    display:block;
    padding-left: 30px;
    position: relative;
}
.article__content ul li::before {
    position: absolute;
    left: 0;
    top: 6px;
}
.article__content ul li + li {
    margin-top: 1rem;
}

.article__content > * + * {
    margin-top: 2rem;
}
.article__content img {
    max-width: 100%;
    height:auto;
}
.article__content h2 {
    margin-top: 3rem;
}

@media (max-width:768px) {
    .article__content ul li {padding-left:20px;}
    .article__text-with-bg p, .article__text-with-bg strong {
        color: #F3F3FF;
    }
    .article__text-with-bg {
        padding: 3rem;
        background-color: #8380FF;
        border-radius: 3rem;
    }

}
.our-team__member-position {font-style:normal;}

.clients__item-title.no-hover:hover:after {
    content:none;
}
.clients__item:hover input:not(:checked) + .clients__item-title.no-hover span {
    opacity:1;
}
[lang="en"] .modules__cards,
[lang="en"] .modules._other-modules .modules__cards {
        height: 149rem;
}
[lang="en"] .modules__card { height:63.6rem}

@media (max-width: 1200px) {
    [lang="en"] .modules__card { height:50rem}
    [lang="en"] .modules__cards, [lang="en"] .modules._other-modules .modules__cards {
        height: 168rem;
    }
}
@media (max-width: 768px) {
    [lang="en"] .modules__card { height:auto}
    [lang="en"] .modules__cards, [lang="en"] .modules._other-modules .modules__cards {
        height: auto;
    }
}

.recs-notice {
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: #8181A3;
    margin-bottom:3rem;
}
.recs-notice a {
    color:#8380FF;
    font-size: 1.3rem;
    line-height: 1.6rem;
}
.language_select {
    list-style-type: none;
    display: flex;
    justify-content: flex-start;
}
.language_select li {
    text-transform: uppercase;
    font-size: 14px;
}
.language_select li + li {margin-left:8px;}
.language_select .current-lang a {color:#fff;text-decoration: underline;font-weight: 500}
.theme-light .language_select .current-lang a {color:#000;}

.contact-form__title {max-width: 75rem;}

@media (max-width:767px) {
    .header__btns .language_select{display: none;}

}

   .contact__btn[disabled], .request-demo__btn[disabled] {
        opacity:0.6;
        pointer-events: none;
    } 

.contact__control {
  display: block;
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  font-size: 16px;
    text-align: left;
}
@media (min-width:768px) {
    .contact__control {
        margin-bottom: -4rem;
    }
}

.contact__control a {
    font-weight: bold;
    color:#8380FF;
}
.theme-light .contact__control a {
    color:#fff;
}
.theme-light .contact__control {
    color:#fff;
}
.contact__control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.contact__control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 24px;
  width: 24px;
  background: transparent;
  border: 1px solid #C5C6D0;
  border-radius: 4px;
}
.contact__control--radio .contact__control {
  border-radius: 50%;
}
.contact__control:hover input ~ .contact__control__indicator,
.contact__control input:focus ~ .contact__control__indicator {
  border: 1px solid #fff;
}

.contact__control input:disabled ~ .contact__control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.contact__control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.contact__control input:checked ~ .contact__control__indicator:after {
  display: block;
}
.contact__control--checkbox .contact__control__indicator:after {
  left: 8px;
  top: 4px;
  width: 4px;
  height: 10px;
  border: solid #C5C6D0;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.contact__control--checkbox:hover .contact__control__indicator:after {
    border-color:#fff;
}
.contact__control--checkbox input:disabled ~ .contact__control__indicator:after {
  border-color: #7b7b7b;
}

.cookie_popup {
            position: fixed;
            bottom: 56px;
            right: 80px;
            width: 100%;
            max-width: 360px;
            background: #010102;
            z-index: 999;
            border-radius: 30px;
            padding: 20px;
           
        }
        .cookie_popup p {
             color: #F3F3FF;
             font-size: 14px;
             line-height: 18px; 
            letter-spacing: -0.14px;
            margin-bottom:24px;
            opacity: .7;
        }
        .cookie_popup a {
            color: #8280FF;
            font-weight: 700;
        }
        .cookie_popup button {
            font-size: 14px;
            height: 36px;
        }
        @media (max-width:450px) {
            .cookie_popup {
                right: 0;
                left: 0;
                margin: auto;
                max-width: 95vw;
            }
        }

@media (max-width:768px) {
    .header__btn {
        margin-right: -7.6rem;
    }
}

.menu__gravity-ai img {
    width:16px;
    height:16px;
    margin-right: 4px;
}
.menu__gravity-ai {
    background: rgba(255, 255, 255, 0.1);
    padding:3px 10px;
    display: flex;
    align-items: center;
    border-radius: 90px;
    margin-left: 12px;
    white-space: nowrap;
}
.menu__gravity-ai span {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
}
[class="theme-light"] .menu__gravity-ai {
    background: #8380FF;
}


@media (max-width:1199px) {
    .menu__gravity-ai {
       position: absolute;
       right: 32px;
       top: 16px;
    }
}

.footer__top {
        grid-template-columns: repeat(5, 1fr);

}

.header__dropdown:hover .header__dropdown-content {
    /* display: block; */
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s, visibility 0s;
    -o-transition: opacity 0.3s, visibility 0s;
    transition: opacity 0.3s, visibility 0s;
}

.header__dropdown:not(.solo):hover .header__dropdown-btn:after {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s, visibility 0s;
    -o-transition: opacity 0.3s, visibility 0s;
    transition: opacity 0.3s, visibility 0s;
}
.header__dropdown-btn::after {
    bottom: -1px;
}

.cases__card-img {
    max-width: 100%;
}

.article__content a:not(.wp-element-button) {
    color: #8380FF;
}
.article__content a:not(.wp-element-button):hover {
    text-decoration: underline;
}

.article__content .wp-element-button.btn:hover {
    color:#fff;
}