/* ibm-plex-serif-600italic - latin */
@font-face {
  font-family: 'IBM Plex Serif';
  font-style: italic;
  font-weight: bold;
  src: url('../fonts/ibm-plex-serif-v10-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-serif-v10-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-serif-v10-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-serif-v10-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-serif-v10-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-serif-v10-latin-600italic.svg#IBMPlexSerif') format('svg'); /* Legacy iOS */
}
/* ibm-plex-serif-500italic - latin */
@font-face {
  font-family: 'IBM Plex Serif';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/ibm-plex-serif-v10-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/ibm-plex-serif-v10-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-serif-v10-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-serif-v10-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-serif-v10-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-serif-v10-latin-500italic.svg#IBMPlexSerif') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.eot');
    src: local(''),
         url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gilroy-Bold.woff') format('woff'),
         url('../fonts/Gilroy-Bold.ttf') format('eot');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Regular.eot');
    src: local(''),
         url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gilroy-Regular.woff') format('woff'),
         url('../fonts/Gilroy-Regular.ttf') format('eot');
    font-weight: normal;
    font-style: normal;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
/* autofill color */
input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #2A303E;
    -webkit-text-fill-color: #FFFFFF;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    scroll-behavior: smooth;
}
*, *::before, *::after{
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
}
:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}
body {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: #3A4152;
}
hr {
    margin: 0;
}
img{
    max-width: 100%;
    height: auto;
}
ul, li {
	display: block;
	padding: 0;
	margin: 0;
}
a {
    text-decoration: none;
}

b {
    font-weight: bolder;
}

.wow {
    visibility: hidden;
}

.h1_white {
    font-weight: bold;
    font-size: 88px;
    line-height: 88px;
    letter-spacing: 0;
    color: #FFFFFF;
}
.h1_yellow {
    font-family: 'IBM Plex Serif';
    font-style: italic;
    font-weight: bold;
    font-size: 88px;
    line-height: 88px;
    color: #FFB600;
}
.h2_black {
    font-weight: bold;
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 0;
}
.h2_white {
    font-weight: bold;
    font-size: 48px;
    line-height: 48px;
    color: #FFFFFF;
    margin-bottom: 0;
}
.h2_yellow {
    font-family: 'IBM Plex Serif';
    font-style: italic;
    font-weight: 500;
    font-size: 48px;
    line-height: 48px;
    color: #FFB600;
}
h5 {
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 8px;
}
h6 {
    font-size: 16px;
    line-height: 16px;
}
.wrapper {
    max-width: 1160px;
    margin: 0 auto;
}

/* Header styles */

.header {
    min-height: 1629px;
    background: url(../img/svg/gridtop.svg) no-repeat top left,
                url(../img/svg/glow.svg) no-repeat top right;
    background-color: #252A36;
    position: relative;
}
.navigation {
    padding-top: 110px;
    margin-bottom: 191px;
}
.navbar-brand {
    transition: .2s ease-out 0s;
}
.navbar-toggler {
    display: flex;
    justify-content: flex-end;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.header__wrapper {
    max-width: 1200px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 30px;
}
.header_list {
    align-items: center;
}
.header_links {
    justify-content: end;
}
.navbar-expand-xl .navbar-nav .nav-link {
    padding: 0;
}
.nav-item {
    padding-left: 24px;
    padding-right: 0;
}
.header__button {
    margin-left: 24px;
}
.header__logo-mobile {
    display: none;
}
.header__link {
    color: #FFFFFF;
    text-decoration: none;
    transition: .2s ease-out 0s;
}
.contact_button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 128px;
    background: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 2px;
    color: #FFFFFF;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    transition: .2s ease-out 0s;
}
.header__link:hover, .header__link:focus, .header__link:active {
    color: #FFB600;
    opacity: 1;
}
.contact_button:hover, .contact_button:focus, .contact_button:active {
    border: 1px solid #FFB600;
    color: #FFB600;
    opacity: 1;
}

/* Marketing styles */

.marketing__title {
    margin-bottom: 64px;
}
.marketing__title-first {
    text-align: center;
}
.marketing__title-first br {
    display: none;
}
.marketing__title-second {
    text-align: center;
}
.marketing__button-box {
    height: 72px;
    width: 219px;
    margin: 0 auto;
}
.marketing__button {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #252A36;
    background: #FFB600;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    border: 1px solid #FFB600;
    box-sizing: border-box;
    border-radius: 2px;
    transition: .2s ease-out 0s;

}
.marketing__button:hover, .marketing__button:active, .marketing__button:focus {
    background: transparent;
    color: #FFFFFF;
    border: 1px solid #FFB600;
    opacity: 1;
}
.marketing__carousel {
    margin-top: 200px;
    width: 100%;
    overflow: hidden;
}

/* Case styles */

.case {
    position: relative;
    bottom: -130px;
}
.case__title {
    text-align: center;
    margin: 40px 0 72px 0;
}
.case__slider {
    width: 1080px;
    margin: 0 auto;
}
#main_slider {
    height: 528px;
}
.case__slider_label {
    width:auto!important;
    max-width: 100%;
    height: auto;
    position: absolute;
    object-fit: none;
    top: 5%;
    left: 6%;
}
.case__slider-text {
    position: absolute;
    bottom: 6%;
    left: 6%;
}
.case__slider_h1 {
    font-weight: bold;
    font-size: 32px;
    line-height: 32px;
    color: #FFFFFF;
}
.case__slider_h2 {
    font-family: 'IBM Plex Serif';
    font-style: italic;
    font-weight: 500;
    font-size: 32px;
    line-height: 32px;
    color: #FFB600;
}
.case__slider_img {
    width: 360px;
    height: 500px;
}

.case__slider .item {
    position: relative;
    background-color: #252A36;
}
.case__download {
    width: 190px;
    height: 48px;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    display: none;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border: 1px solid #FFFFFF;
    border-radius: 2px;
    position: absolute;
    bottom: 6%;
    left: 6%;
    background: transparent;
}

.case__download:hover, .case__download:focus, .case__download:active {
    border-color: #FFB600;
    color: #FFB600;
}
.case__slider .owl-nav{
    position: relative;
}
.case__slider .owl-nav.disabled {
    display: inline-block;
}
.case__slider .owl-next{
    position: absolute;
    top: -294px;
    /*right: -60px;*/
    left: 1114px;
    width: 26px;
}
.case__slider .owl-prev{
    position: absolute;
    top: -294px;
    left: -60px;
    width: 26px;
}
.case__dots {
    display: flex;
    justify-content: center;
}
.case__dots ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    gap: 15px;
}
.case__dots .owl-dot {
      height: 16px;
      width: 16px;
      background-color: #EEEEEE;
      border-radius: 50%;
      display: inline-block;
}
#carousel-custom-dots .active {
    background-color: #FFB600;
}

/** Playable Styles Start */
#playable_slider .item {
    width: 512px;
    height: 512px;
}

#playable_slider.owl-carousel .owl-nav {
    position: absolute;
    top: 224px;
    width: 512px;
}

#playable_slider.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: 10px;
    padding: 11px 11px 11px 7px !important;
}

#playable_slider.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 10px;
    padding: 11px 7px 11px 11px !important;
}

#playable_slider.owl-carousel .owl-nav button.owl-next,
#playable_slider.owl-carousel .owl-nav button.owl-prev,
#playable_slider.owl-carousel button.owl-dot {
    width: 64px;
    height: 64px;
    background: rgba(217, 217, 217, 0.75);
    border-radius: 32px;
}

#playable_slider.owl-carousel .owl-nav button.owl-next:hover,
#playable_slider.owl-carousel .owl-nav button.owl-prev:hover,
#playable_slider.owl-carousel button.owl-dot:hover {
    background: rgba(217, 217, 217, 1.0);
}

#playable__carousel-custom-dots li {
    vertical-align: middle;
}

#playable__carousel-custom-dots .active {
    background-color: #FFB600;
}

.playable__dots {
    text-align: center;
    padding: 20px;
    position: relative;
}

.playable__dots .playable__owl-dot {
    height: 16px;
    width: 16px;
    background-color: #435172;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    margin: 0 5px;
}

#playable__full_screen_btn {
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: calc(50% - 16px);
    width: 32px;
    height: 32px;
}
/** Playable Styles End */

/* Strategy styles */

.strategy {
    min-height: 923px;
    position: relative;
}

.strategy__content {
    padding-top: 312px;
}
.strategy__castle {
    position: absolute;
    right: 0;
    width: 1037px;
    bottom: -172px;
    z-index: -1;
}
.strategy__title {
    color: #252A36;
}
.strategy__title2 {
    margin-bottom: 32px;
}
.strategy__text {
  padding-left: 95px;
}
.strategy__text p {
    margin-bottom: 16px;
    color: #252A36;
}
.strategy__social {
    padding: 0 40px;
}
.strategy__social .col-6 {
    text-align: center;
    padding-right: 0;
    padding-left: 0;
}
.strategy__button {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 188px;
    background: transparent;
    border: 1px solid #252A36;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-top: 32px;
    transition: .2s ease-out 0s;
}
.strategy__button:hover, .strategy__button:focus, .strategy__button:active {
    border-color: #FFB600;
    opacity: 1;
    color: #FFB600;
}


/* Reports styles */

.wrapper__reports {
    max-width: 1400px;
    margin: 0 auto;
}
.reports {
    min-height: 333px;
    background-color: #FFB600;
    margin: 0;
    color: #252A36;
}
.reports__title {
    font-weight: bold;
    font-size: 72px;
    line-height: 72px;
    justify-content: start;
}
.reports__text {
    line-height: 24px;
}
.reports_pad {
    padding-left: 50px;
}
.wrapper__reports__gap {
    padding: 0 70px;
}

/* performance styles */

.performance {
    min-height: 881px;
    margin: 0;
    background-color: #252A36;
}
.performance__text {
    position: relative;
    z-index: 1
}
.performance__text::before {
    content: '';
    position: absolute;
    width: 150%;
    height: 80%;
    bottom: 0;
    right: -10px;
    background: url(../img/svg/glow.svg) no-repeat 0 0;
    z-index: -1;
}
.performance p {
    line-height: 28px;
    color: #FFFFFF;
    margin-bottom: 32px
}
.performance__button {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 188px;
    background: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 21px;
    transition: .2s ease-out 0s;
}
.performance__button:hover, .performance__button:focus, .performance__button:active {
    border-color: #FFB600;
    opacity: 1;
    color: #FFB600;
}
.performance__text {
    margin-top: 234px;
    padding-right: 100px;
    color: #FFFFFF;
}
.performance__title2 {
    margin-bottom: 32px;
}
.performance__clients {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 48px;
}
.performance__image{
    display: flex;
    flex-wrap: wrap;
    align-self: end;
    position: relative;
    padding:0;
}
.performance__phone-content {
    position: absolute;
    top: 120px;
    width: 100%;
}
.performance__phone-buttons {
    padding: 0 45px;
}

.performance__phone-buttons button{
    height: 55px;
    background: transparent;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    border: none;
    border-radius: 45px;
    transition: .2s ease-out 0s;
    margin-bottom: 27px;
    padding: 0 21px;
    white-space: nowrap;
}
.performance__phone-buttons button:hover, .performance__button button:focus, .performance__button button:active {
    border: 1px solid #FFB600;
    border-radius: 45px;
    opacity: 1;
}
.active_button {
    border: 1px solid #FFB600!important;
    border-radius: 45px!important;
}
.performance__video {
    width: 512px;
    height: 516px;
    border-top: 2px solid  #FFFFFF;
    border-bottom: 2px solid  #FFFFFF;
    margin-left: 34px;
}
#video_2d {
    display: none;
}
#playable {
    display: none;
}

#creatives_with {
    display: none;
}

/* tech styles */

.tech {
    min-height: 901px;
    background: url(../img/svg/tech_grid.svg) no-repeat center left -300px/100%;
    position: relative;
}
.tech__notebook {
    position: absolute;
    max-height: 695px;
    height: 695px;
    left: 0;
    top: 50%;
    margin-top: -347px;
}
.tech__title1 {
    margin-top: 206px;
}
.tech__title2 {
    margin-bottom: 32px;

}
.tech__text {
    padding-left: 100px;
}
.tech__p {
    line-height: 26px;
    margin-bottom: 24px;
}
.tech__li {
    line-height: 26px;
    padding-left: 15px;
    margin-bottom: 16px;
    background: url(../img/svg/point.svg) no-repeat left 8px;
}
.tech__p_last {
    margin-bottom: 32px;
}

/* sharing styles */

.sharing {
    min-height: 632px;
    background: url(../img/svg/gridtop.svg) no-repeat left;
    background-color: #252A36;
    margin: 0;
}
.sharing__text {
    margin-top: 147px;
    padding-right: 100px;
    color: #FFFFFF;
}
.sharing__title2 {
    margin-bottom: 32px;
}
.sharing p {
    line-height: 28px;
    color: #FFFFFF;
    margin-bottom: 40px
}
.sharing__slider {
    width: 541px;
    margin: 0 auto;
}
.sharing__slider .item {
    background-color: #252A36;
    width: 540px;
    height: 303px;
}
.sharing__slider .owl-nav{
    position: relative;
}
.sharing__slider .owl-nav.disabled {
    display: inline-block;
}
.sharing__slider .owl-next{
    position: absolute;
    top: -160px;
    right: -40px;
}
.sharing__slider .owl-prev{
    position: absolute;
    top: -160px;
    left: -40px;
}
.sharing__dots {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sharing__dots ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    gap: 15px;
}
.sharing__dots .sharing__owl-dot {
      height: 16px;
      width: 16px;
      background-color: #435172;
      border-radius: 50%;
      display: inline-block;
}
#sharing__carousel-custom-dots .active {
    background-color: #FFB600;
}

/* clients styles */

.clients {
    min-height: 935px;
}
.clients__title {
    padding-top: 136px;
    margin-bottom: 16px;
}
.clients__content {
    margin: 0;
}
.clients__review {
    line-height: 26px;
    margin-top: 56px;
    padding: 40px 60px 0 0;
    background: url(../img/svg/brackets.svg) no-repeat left top;
}
.clients__review p {
    line-height: 26px;
    min-height: 202px;
    margin-bottom: 16px;
}

/* footer styles */

.footer {
    min-height: 830px;
    background: url(../img/svg/gridform.svg) no-repeat center bottom;
    background-color: #252A36;
    position: relative;
    padding-top: 537px;
}
.footer__card {
    width: 579px;
    height: 572px;
    background-color: #2A303E;
    position: absolute;
    top: -120px;
    left: 50%;
    margin-left: -290px!important;
}
.footer__card-title {
    font-size: 32px;
    line-height: 40px;
    font-weight: normal;
    text-align: center;
    letter-spacing: 0.12em;
    color: #FFFFFF;
    margin-top: 50px;
}
.footer__card-text {
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 40px
}
.footer__card-form {
    color: #FFFFFF;
}
.footer__form-block {
    padding:0;
    margin-bottom: 24px;
    width: 100%;
}
.footer__contact-form {
    width: 509px;
    padding: 0 20px;
}
.footer__form-block input {
    height: 48px;
    padding-left: 12px;
}
.footer__form-message {
    margin-bottom: 40px;
}
.footer__form-message textarea {
    height: 104px;
    resize: none;
    padding-left: 12px;
}
textarea::placeholder, input::placeholder {
    font-size: 16px;
    line-height: 20px;
    color: #6E7688;
    padding-top: 8px;
}
.footer__form-field {
    width: 100%;
    border: 1px solid #3A4152;
    border-radius: 2px;
    background: transparent;
    color: #FFFFFF;
    transition: .2s ease-out 0s;
}
.footer__form-label {
    width: 100%;
}
.footer__form-submit {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    justify-content: center;
    align-items: center;
    height: 56px;
    width: 181px;
    background: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    transition: .2s ease-out 0s;
}
.footer__form-submit:hover, .footer__form-submit:active, .footer__form-submit:focus {
    color: #FFB600;
    border-color: #FFB600;
    opacity: 1;
}
.footer__form-field:focus, .footer__form-field:hover, .footer__form-field:active {
    border: 1px solid #FFB600;
}
.footer__hr {
    width: 100%;
    height: 1px;
    color: #C4C4C4;
    margin-bottom: 55px;
}
.footer li {
    margin-bottom: 7px;
}
.footer__content a {
    color: #FFFFFF;
    transition: .2s ease-out 0s;
}
.footer__content a:hover, .footer__content a:active, .footer__content a:focus {
    color: #FFB600;
    opacity: 1;
}
.footer__link {
    padding-left: 25px;
}

.footer_row-button{
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}
.footer__social-icons {
    display: none;
}
.footer_row-button_small {
    display: none;
}
.footer__form_message {
    text-align: center;
    padding-top: 50px;
}

#pop_form {
    overflow:hidden;
    position:fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    margin: 0!important;
}

#blackout {
    width: 100%;
    height: 100%;
    background: rgba(16, 19, 24, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 10;
    display: none;
}
#pop_form .card_body{
    position: relative;
}
#cross {
    position: absolute;
    top: 21px;
    right: 21px;
    transition: .2s ease-out 0s;
}


/* Media start */


/* X-Large devices (large desktops, less than 1400px) */
@media screen and (max-width: 1399.98px) {
}

/* Large devices (desktops, less than 1200px) */
@media screen and (max-width: 1199.98px) {
    .wrapper {
        max-width: 700px;
    }
    .h1_white {
        font-size: 48px;
        line-height: 48px;
    }
    .h1_yellow {
        font-size: 48px;
        line-height: 48px;
    }
    .h2_black {
        font-weight: bold;
        font-size: 32px;
        line-height: 32px;
        color: #252A36;
    }
    .h2_white {
        font-size: 32px;
        line-height: 32px;
    }
    .h2_yellow {
        font-family: 'IBM Plex Serif';
        font-style: italic;
        font-weight: bold;
        font-size: 32px;
        line-height: 32px;
        color: #FFB600;
    }
    .header {
        min-height: 473px;
        background: url(../img/svg/gridtop.svg) no-repeat top left -150px/150%,
                url(../img/svg/glow.svg) no-repeat top right;
        background-color: #252A36;
    }
    .navigation {
        padding-top: 34px;
        margin-bottom: 90px;
    }
    .nav-item {
        padding-left: 0;
    }
    .header__logo-dekstop {
        display: none;
    }
    .header__logo-mobile {
        display: inline;
    }
    .header_list {
        align-items: start;
    }
    .header__button {
        margin-left: 0;
        margin-top: 10px;
    }
    .marketing__title-first br {
        display: inline;
    }
    .marketing__title {
        margin-bottom: 32px;
    }
    .marketing__button-box {
        height: 48px;
        width: 165px;
    }
    .marketing__button {
        font-size: 16px;
    }
    .marketing__carousel {
        margin-top: 125px;
    }

    .case {
        bottom: -90px;
    }
    .case__title {
        margin: 20px 0 40px 0;
    }
    .case__slider {
        width: 656px;
    }
    #main_slider {
        height: auto;
    }
    .case__slider_img {
        width: 320px;
        height: 460px;
    }
    .case__slider-text {
        transform: translateY(-60px);
    }
    .case__download {
        display: flex;
    }
    .case__download:hover, .case__download:focus, .case__download:active {
        border-color: #FFFFFF;
        color: #FFFFFF;
    }
    .case__dots {
        margin-top: 24px;
    }
    .case__slider .owl-prev{
        position: absolute;
        top: -250px;
        left: -50px;
    }
    .case__slider .owl-next{
        top: -250px;
        /*right: -50px;*/
        left: 680px;
    }
    .strategy__castle {
        width: 735px;
        bottom: -115px;
    }
    .strategy__content {
        padding-top: 216px;
    }
    .strategy__text {
        padding: 0;
    }
    .strategy__social {
        padding-left: 20px;
    }
    .strategy__text {
        padding-left: 0;
    }

    .reports__title {
        font-size: 56px;
        line-height: 56px;
    }
    .reports {
        min-height: 453px;
    }
    .reports_pad {
        padding-left: 0;
    }
    .reports__col {
        text-align: center!important;
    }
    .wrapper__reports {
        max-width: 800px;
    }
    .wrapper__reports__gap {
        padding: 30px 70px;
    }

    .performance__text {
        margin-top: 88px;
    }
    .performance__text::before {
        display: none;
    }
    .performance__button {
        margin-bottom: 88px;
    }
    .performance__image{
        justify-content: center;
    }
    .performance__phone-buttons {
        padding: 0 90px;
    }
    .performance__phone-buttons button {
        margin-bottom: 25px;
    }
    .performance__video {
        width: 530.5px;
        height: 534.5px;
        margin-left: 85px;
    }
    #playable_slider .item {
        width: 530.5px;
        height: 532px;
    }
    #high_performance {
        padding-right: 25px;
    }

    .tech {
        background:url(../img/svg/tech_grid.svg) no-repeat top left/100%;
        min-height: 700px;
    }
    .tech__notebook {
        width: 320px;
        height: auto;
        top: 70px;
        margin-top: 0;
    }
    .tech__text {
        padding-left: 0;
    }
    .tech__title1 {
        margin-top: 73px;
    }
    .tech_button {
        margin-bottom: 72px;
    }
    .sharing {
        background: url(../img/svg/gridtop.svg) no-repeat left top;
        background-color: #252A36;
    }
    .sharing__text {
        margin-top: 104px;
        padding-right: 0;
    }
    .sharing__clients {
        flex-direction: row;
        display: grid;
        gap: 27px;
        justify-items: center;
    }
    .sharing__image img {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: auto;
    }
    .sharing__image {
        margin-top: 72px;
        margin-bottom: 88px;
    }
    .sharing__slider {
        width: 567px;
    }
    .sharing__slider .item {
        width: 567px;
        height: 320px;
    }


    .clients__title {
        padding-top: 64px;
    }
    .clients__review {
        padding-right: 20px;
    }

    .footer {
        margin-top: 112px;
        min-height: 1000px;
        background: url(../img/svg/gridform.svg) no-repeat center/170%;
        background-color: #252A36;
        padding-top: 659px;
    }
    .footer__card {
        top: -100px;
    }
    .playable__dots {
        padding: 23px;
    }
    #playable__full_screen_btn {
        right: 18px;
        top: calc(50% - 15px);
        width: 30px;
        height: 30px;
    }
}

/* Medium devices (tablets, less than 992px) */
@media screen and (max-width: 991.98px) {
}

/* Small devices (landscape phones, less than 768px) */
@media screen and (max-width: 767.98px) {
    .wrapper {
        max-width: 90%;
    }
    .header {
        background: url(../img/svg/gridtop.svg) no-repeat top center/200%,
        url(../img/svg/glow.svg) no-repeat top 50px right/80%;

        background-color: #252A36;
    }
    .case__slider {
        width: 320px;
    }
    .case__slider .owl-next{
        left: 346px;
    }
    .strategy {
        min-height: 1348px;
    }
    .strategy__castle {
        width: 610px;
        bottom: -100px;
    }
    .strategy__text {
        margin-top: 73px;
    }
    .strategy__button {
        margin-bottom: 200px;
    }
    .strategy__social {
        padding: 0;
    }
    .strategy__content {
        margin: 0;
    }
    .wrapper__reports__gap {
        padding: 30px 0px;
    }
    .performance__text {
        padding-right: 0;
    }
    .performance p {
        padding-right: 20px;
    }
    .performance__clients {
        margin-bottom: 28px;
    }
    .performance__clients>div {
        margin-bottom: 20px;
    }
    .performance__image {
        width: 462px;
        margin: 0 auto;
    }
    .performance__phone-content {
        top: 90px;
    }
    .performance__phone-buttons {
        padding: 0 40px;
    }
    .performance__phone-buttons button {
        height: 45px;
        font-size: 16px;
        line-height: 24px;
        border-radius: 23px;
        margin-bottom: 27px;
        padding: 0 14px;
    }
    .performance__video {
        width: 408px;
        height: 412px;
        margin-left: 27px;
    }
    #playable_slider .item {
        width: 408px;
        height: 409px;
    }
    #playable_slider.owl-carousel .owl-nav {
        position: absolute;
        top: 182px;
        width: 408px;
    }
    #playable_slider.owl-carousel .owl-nav button.owl-next,
    #playable_slider.owl-carousel .owl-nav button.owl-prev,
    #playable_slider.owl-carousel button.owl-dot {
        width: 48px;
        height: 48px;
        border-radius: 24px;
    }
    #playable_slider.owl-carousel .owl-nav button.owl-prev {
        left: 10px;
        padding: 8px 16px 8px 12px !important;
    }
    #playable_slider.owl-carousel .owl-nav button.owl-next {
        right: 10px;
        padding: 8px 12px 8px 16px !important;
    }
    .playable__dots {
        padding: 10px;
    }
     .tech {
         min-height: 938px;
         background: url(../img/svg/tech_grid.svg) no-repeat top left/130%;
     }
     .tech__notebook {
         width: 360px;
         top: 64px;
     }
     .tech__content {
         margin: 0;
     }
    .tech__title1 {
        padding-top: 340px;
    }
    .tech__text {
        padding-right: 55px;
    }
    .tech_button {
        margin-bottom: 80px;
    }
    .sharing__text p {
        padding-right: 100px;
    }
    .sharing__clients {
        display: flex;
        margin-bottom: 58px;
    }
    .sharing__image {
        margin-top: 30px;
    }
    .sharing__slider {
        width: 490px;
    }
    .sharing__slider .item {
        width: 490px;
        height: 276px;
    }
    .sharing__slider .owl-next{
        display: none;
    }
    .sharing__slider .owl-prev {
        display: none;
    }
    .clients {
        min-height: 1100px;
    }
    .clients__review p {
        min-height: 0;
        margin-bottom: 22px;
    }
    .clients__review_sign {
        max-width: 520px;
    }
    .footer {
        min-height: 1171px;
        margin-top: 200px;
    }
    #footer__social-links {
        display: none;
    }

    .footer__card {
        width: 476px;
        height: 676px;
        top: -170px;
        margin-left: -238px!important;
    }
    .footer__card-title {
        margin-top: 56px;
    }
    .footer__form-block {
        width: 100%;
    }
    label[for='name'] {
        margin-bottom: 24px;
    }
    .footer_row-button {
        flex-direction: column;
    }
    .footer__social-icons {
        margin-top: 20px;
        display: flex;
        justify-content: start;
    }
    .footer__social-icons a {
        padding: 0 15px
    }
    .footer hr {
        transform: translateY(-70px);
    }
    .footer__content {
        transform: translateY(-70px);
    }
    #playable__full_screen_btn {
        right: 10px;
        top: calc(50% - 13px);
        width: 26px;
        height: 26px;
    }
}

/* X-Small devices (portrait phones, less than 576px) */
@media screen and (max-width: 575.98px) {
    .h1_white {
        font-size: 40px;
        line-height: 40px;
    }
    .h1_yellow {
        font-size: 40px;
        line-height: 40px;
    }
    .header {
        background: url(../img/svg/gridtop.svg) no-repeat top center/400%,
        url(../img/svg/glow.svg) no-repeat top 100px right/80%;

        background-color: #252A36;
    }

    .marketing__title-second {
        padding: 0 20px;
    }
    .case__slider .owl-next{
        display: none;
    }
    .case__slider .owl-prev{
        display: none;
    }
    .case__slider {
        width: 320px;
    }
    .strategy {
        min-height: 1283px;
    }
    .strategy__castle {
        max-width: none!important;
        width: 500px;
        bottom: -80px
    }

    .strategy__text {
        margin-top: 73px;
    }
    .strategy__button {
        margin-bottom: 250px;
    }

    .tech {
         background: url(../img/svg/tech_grid.svg) no-repeat top left -400px/250%;
    }
    .tech__notebook {
        width: 320px;
    }

    .wrapper__reports__gap {
        padding: 0;
        row-gap: 50px;
    }
    .reports {
        padding: 80px 0 80px 0;
    }
    .tech__title1 {
        padding-top: 300px;
    }
    .tech__text {
        padding-right: 30px;
    }
    .tech_button {
        margin-bottom: 80px;
    }
    .performance__image {
        width:288px;
        margin: 0 auto;
    }
    .performance__phone-content {
        top: 50px;
    }
    .performance__phone-buttons {
        padding: 0 20px;
        width: 299px;
    }
    .performance__phone-buttons button{
        height: 31px;
        font-size: 11px;
        margin-bottom: 13px;
        border-radius: 16px !important;
        padding: 0 7px;
    }
    .performance__video {
        width: 252px;
        height: 257px;
        margin-left: 18px;
    }
    #playable_slider .item {
        width: 252px;
        height: 254px;
    }
    #playable_slider.owl-carousel .owl-nav {
        position: absolute;
        top: 110px;
        width: 252px;
    }
    #playable_slider.owl-carousel .owl-nav button.owl-next,
    #playable_slider.owl-carousel .owl-nav button.owl-prev,
    #playable_slider.owl-carousel button.owl-dot {
        width: 32px;
        height: 32px;
        border-radius: 16px;
    }
    #playable_slider.owl-carousel .owl-nav button.owl-prev {
        left: 10px;
        padding: 5px 11px 5px 7px !important;
    }
    #playable_slider.owl-carousel .owl-nav button.owl-next {
        right: 10px;
        padding: 5px 7px 5px 11px !important;
    }
    .playable__dots {
        padding: 5px;
    }
    .sharing {
        background-image: none;
    }
    .sharing__clients {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0;
        padding: 0;
        margin-bottom: 30px;
    }
    .sharing__text {
        margin-top: 50px;
    }
    .sharing__text p {
        padding-right: 0;
    }
    .sharing__slider {
        width: 309px;
    }
    .sharing__slider .item {
        width: 309px;
        height: 174px;
    }
    .clients {
        min-height: 1224px;
    }
    .clients__review_sign {
        max-width: 320px;
    }

    .footer {
        margin-top: 0;
        background: url(../img/svg/gridform.svg) no-repeat center top 650px/300%;
        background-color: #252A36;
        padding: 0;
    }
    .footer__card {
        transform: none;
        width: 100%;
        background: none;
        top: 0;
        left:0;
        margin: 0!important;
        position: relative;
        border: none;
    }
    .footer__card .card-body {
        padding: 0;
    }
    #pop_form {
        width: 90%;
        height: 560px;
        background-color: #252A36;
    }
    #pop_form p {
        margin-bottom: 20px;
    }
    #pop_form textarea {
        height: 52px;
    }
    #pop_form .footer__form-message {
        margin-bottom: 20px;
    }
    .footer__links {
        margin-top: 30px;
    }
    .footer_row-button {
        justify-content: start;
        margin-top: 30px;
    }
    .footer hr {
        transform: none;
        margin-top: 120px;
    }
    .footer__content {
        transform: none;
    }
    .footer_row-button {
        display: none;
    }
    .row_small {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .footer_row-button_small {
        display: grid;
        justify-content: end;
        transform: translateY(-70px);
    }
    .footer_row-button_small button {
        width: 128px;
        height: 40px;
        background: transparent;
        font-size: 14px;
        line-height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #FFFFFF;
        border: 1px solid #FFFFFF;
        box-sizing: border-box;
        border-radius: 2px;
    }
    .footer__form-block {
        width: 100%;
    }

    .playable__dots .playable__owl-dot{
        height: 10px;
        width: 10px;
        margin: 0 3px;
    }
    #playable__full_screen_btn {
        right: 8px;
        top: calc(50% - 10px);
        width: 20px;
        height: 20px;
    }
}

/* XX-Small devices (portrait phones, less than 360px) */
@media screen and (max-width: 359.98px) {
    .wrapper {
        max-width: 97%;
    }
    .case__slider {
        width: 95%;
        height: auto;
    }
    .case__slider_img {
        width: 95%;
        /*height: auto;*/
    }

    .strategy__castle {
        max-width: none!important;
        width: 500px;
        bottom: -80px
    }
    .performance p {
        padding-right: 0;
    }
    .strategy__text {
        padding-left: 10px;
    }
    .tech {
         background: url(../img/svg/tech_grid.svg) no-repeat top left -400px/250%;
    }

    .tech__notebook {
        width: 90%;
    }

    .tech__title1 {
        padding-top: 270px;
    }
    .tech__text {
        padding: 0 10px;
    }

    #playable_slider .item {
        width: 252px;
        height: 254px;
    }
    #playable_slider.owl-carousel .owl-nav {
        position: absolute;
        top: 110px;
        width: 252px;
    }
    #playable_slider.owl-carousel .owl-nav button.owl-next,
    #playable_slider.owl-carousel .owl-nav button.owl-prev,
    #playable_slider.owl-carousel button.owl-dot {
        width: 32px;
        height: 32px;
        border-radius: 16px;
    }
    #playable_slider.owl-carousel .owl-nav button.owl-prev {
        left: 10px;
        padding: 5px 11px 5px 7px !important;
    }
    #playable_slider.owl-carousel .owl-nav button.owl-next {
        right: 10px;
        padding: 5px 7px 5px 11px !important;
    }
    .playable__dots {
        padding: 5px 5px;
    }

    .sharing__slider {
        width: 288px;
    }
    .sharing__slider .item {
        width: 288px;
        height: 161px;
    }

    .clients {
        padding-left: 10px;
    }
    .footer__content {
        padding-left: 10px;
    }
}