.clearfix::after{
  content: "";
  clear: both;
  display: table;
  }
  html {
    -webkit-text-size-adjust: 100%;
  }

  body{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  img{
    max-width: 100%;
  }
  ul{
    list-style: none;
  }

  .grid{
    width: 1280px;
    margin: 0px auto;
  }

  .headerContainer{
    background-color: #0C352E;
    padding: 24px 0px;
    position: sticky;
    top: 0px;
    z-index: 20;
  }
  .headerBlok{
    display: grid;
    grid-template-columns: 181px 1fr max-content;
    align-items: center;
    grid-column-gap: 30px;
  }
  .headerLogo{
    display: grid;
  }
  .headerMenu{

  }
  .headerMenu>ul{
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
    grid-column-gap: 30px;
  }
  .headerMenu>ul>li{

  }
  .headerMenu>ul>li>a{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-decoration: none;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .headerMenu>ul>li>a:hover{
    opacity: 0.7;
  }
  .headerRight{
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 30px;
    align-items: center;
  }
  .headerLngBlok{
    position: relative;
  }
  .headerLngActive{
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 20px;
    align-items: center;
    cursor: pointer;
  }
  .headerLngActive>img{
    width: 28px;
  }
  .headerLngActive>svg{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .headerLngList{
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 2;
    padding-top: 16px;
  }
  .headerLngBlok:hover .headerLngList{
    display: block;
  }
  .headerLngBlok:hover .headerLngActive>svg{
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .headerLngListCard{
    background-color: #E1F9F5;
    border-radius: 10px;
    display: grid;
  }
  .headerLngListCard>a{
    display: grid;
    width: 100%;
    display: grid;
    justify-items: center;
    padding: 10px 0px;
    border-bottom: 1px solid #BBDFD9;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .headerLngListCard>a:last-child{
    border-bottom: 0px;
  }
  .headerLngListCard>a:hover{
    opacity: 0.7;
  }
  .headerLngListCard>a>img{
    width: 28px;
  }
  .headerButton{
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    text-decoration: none;
    padding: 13px 16px;
    background-color: #C5FF1A;
    border-radius: 10px;
    width: fit-content;
    width: -moz-fit-content;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .headerButton:hover{
    opacity: 0.7;
  }
  .homeTobBlokContainer{
    position: relative;
    padding: 140px 0px 174px 0px;
  }
  .homeTobBlok{

  }
  .homeTobBlokText{
    max-width: 680px;
    position: relative;
    z-index: 1;
  }
  .homeTobBlokText>h1,.homeTobBlokText>h2{
    font-weight: 600;
    font-size: 35px;
    line-height: 53px;
    color: #fff;
    margin-bottom: 30px;
  }
  .homeTobBlokText>p{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 80px;
  }
  .homeTobBlokImages{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .homeAboutContainer{
    padding: 80px 0px;
  }
  .homeAboutBlok{
    display: grid;
    justify-items: center;
  }
  .listLabel{
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #000;
    padding: 5px 10px;
    border-radius: 10px;
    background-color: rgba(35, 155, 135, 0.1);
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 5px;
    justify-content: center;
    align-items: center;
    width: fit-content;
    width: -moz-fit-content;
  }
  .listLabel::before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #0C352E;
  }
  .homeAboutList{
    display: grid;
    grid-template-columns: 523px 1fr;
    grid-column-gap: 20px;
    margin-top: 60px;
  }
  .homeAboutLeft{
    background-color: #239B87;
    padding: 30px 43px 30px 30px;
    border-radius: 20px 150px 20px 20px;
  }
  .homeAboutLeft>p,.homeAboutRight>p{
    font-weight: 400;
    font-size: 18px;
    line-height: 40px;
    color: #fff;
  }
  .homeAboutRight{
    background-color: #0C352E;
    padding: 20px 30px;
    border-radius: 20px;
    display: grid;
    grid-template-columns: 1fr 236px;
    grid-column-gap: 22px;
    align-items: end;
  }
  .homeAboutRight>p{
    padding: 20px 0px;
  }
  .activityContainer{
    padding: 80px 0px;
  }
  .activityBlok{
    display: grid;
    justify-items: center;
  }
  .activityBlok>h2{
    font-weight: 500;
    font-size: 30px;
    line-height: 45px;
    color: #000;
    text-align: center;
    max-width: 884px;
    margin-top: 30px;
  }
  .activityList{
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }
  .activityCard{
    background-color: #F5F7F7;
    padding: 30px 30px;
    border-radius: 20px;
  }
  .activityCardHeader{
    display: grid;
    grid-template-columns: 50px 1fr;
    grid-column-gap: 20px;
    margin-bottom: 30px;
  }
  .activityCardHeader>h3{
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #000;
  }
  .activityCard>ul{
    display: grid;
    grid-row-gap: 10px;
  }
  .activityCard>ul>li{
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #000;
    position: relative;
    padding-left: 20px;
  }
  .activityCard>ul>li::before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #239B87;
    position: absolute;
    left: 0px;
    top: 5px;
  }
  .ourValuesContainer{
    padding: 80px 0px;
  }
  .ourValuesBlok{
    display: grid;
    justify-items: center;
  }
  .ourValuesBlok>h2{
    font-weight: 500;
    font-size: 30px;
    line-height: 45px;
    color: #000;
    text-align: center;
    max-width: 884px;
    margin-top: 30px;
  }
  .ourValuesList{
    margin-top: 60px;
    display: grid;
    grid-template-columns: 546px 1fr;
    grid-column-gap: 20px;
  }
  .ourValuesImages{
    border-radius: 20px;
    overflow: hidden;
  }
  .ourValuesImages>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .ourValuesText{
    padding: 20px 70px 20px 30px;
    background-color: rgba(35, 155, 135, 0.1);
    border-radius: 20px;
    display: grid;
    grid-row-gap: 30px;
  }
  .ourValuesCard{

  }
  .ourValuesCard>h3{
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    margin-bottom: 10px;
  }
  .ourValuesCard>p{
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #000;
  }
  .newsAnalysisListContainer{
    padding: 80px 0px;
  }
  .newsAnalysisListBlok{
    display: grid;
    justify-items: center;
  }
  .newsAnalysisList{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 25px;
    grid-row-gap: 40px;
    padding: 60px 0px;
  }
  .newsAnalysisListCard{

  }
  .newsAnalysisListImages{
    display: grid;
    width: 100%;
    aspect-ratio: 1 / 0.512;
    border-radius: 20px;
    overflow: hidden;
  }
  .newsAnalysisListImages>img{
    width: 100%;
    height: 100%;
    object-fit: cover;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .newsAnalysisListImages:hover>img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  .newsAnalysisListCard>h3{
    margin: 30px 0px;
  }
  .newsAnalysisListCard>h3>a{
    display: inline-block;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    text-decoration: none;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .newsAnalysisListCard>h3>a:hover{
    opacity: 0.7;
  }
  .newsAnalysisListLink{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #239B87;
    text-decoration: none;
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    align-items: center;
    grid-column-gap: 10px;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .newsAnalysisListLink::after{
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../images/newsAnalysisListLinkIcon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .newsAnalysisListLink:hover{
    opacity: 0.7;
  }
  .newsAnalysisListAllLink{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-decoration: none;
    padding: 13px 52px;
    background-color: #000;
    border-radius: 10px;
    width: fit-content;
    width: -moz-fit-content;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .newsAnalysisListAllLink:hover{
    opacity: 0.7;
  }
  .homeBottomBlokContainer{
    padding: 80px 0px;
  }
  .homeBottomBlokContainer .homeTobBlokText{
    max-width: 884px;
  }
  .homeBottomBlokContainer .homeTobBlokText>p{
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 53px;
    max-width: 804px;
  }
  .homeOurTeamContainer{
    padding: 80px 0px;
  }
  .homeOurTeamBlok{

  }
  .homeOurTeamBlok>h2{
    font-weight: 500;
    font-size: 30px;
    line-height: 45px;
    color: #000;
    margin-top: 30px;
  }
  .homeOurTeamList{
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(4, max-content);
    grid-column-gap: 25px;
  }
  .homeOurTeamCard{
    width: 186px;
    overflow: hidden;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .homeOurTeamCard.open{
    width: 647px;
  }
  .homeOurTeamCard>h3{
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #000;
    margin-top: 20px;
    padding: 0px 10px;
  }
  .homeOurTeamCardBg{
    background-color: #0C352E;
    border-radius: 20px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 186px 1fr;
    height: 463px;
  }
  .homeOurTeamCardBg>img{
    width: 186px;
    height: 463px;
    object-fit: cover;
    filter: grayscale(100%);
  }
  .homeOurTeamCard:not(.open) .homeOurTeamCardBg>img{
    cursor: pointer;
  }
  .homeOurTeamCardRight{
    width: 461px;
  }
  .homeOurTeamCardText{
    padding: 40px 20px;
    height: 100%;
    display: grid;
    align-content: space-between;
    grid-row-gap: 20px;
  }
  .homeOurTeamCardTextTop{

  }
  .homeOurTeamCardTextTop>h3{
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 10px;
    display: none;
  }
  .homeOurTeamCardTextTop>p{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-style: italic;
  }
  .homeOurTeamCardTextBottom{

  }
  .homeOurTeamCardTextBottom>h4{
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 10px;
  }
  .homeOurTeamCardTextBottom>a{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #239B87;
    text-decoration: none;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .homeOurTeamCardTextBottom>a:hover{
    opacity: 0.7;
  }
  .footerContainer{
    background-color: rgba(12, 53, 46, 0.05);
  }
  .footerBlok{

  }
  .footerTop{
    display: grid;
    grid-template-columns: max-content 320px;
    justify-content: space-between;
    grid-column-gap: 40px;
    padding: 80px 0px;
  }
  .footerLeft{
    display: grid;
    align-content: space-between;
  }
  .footerLogo{
    display: grid;
    width: 170px;
  }
  .footerLogo>img{

  }
  .footerCompany{
    display: grid;
    grid-auto-flow: column;
    align-items: end;
    grid-column-gap: 10px;
    justify-content: start;
  }
  .footerCompanyLogo{
    display: block;
  }
  .footerCompanyLogo>img{
    display: block;
    height: 30px;
  }
  .footerCompany>p{
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    color: #000;
  }
  .footerSocialList{
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    grid-column-gap: 20px;
  }
  .footerSocial{
    display: grid;
    width: 40px;
    height: 40px;
  }
  .footerRight{

  }
  .footerRight>h3{
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000;
  }
  .footerContactsList{
    margin-top: 30px;
    display: grid;
    grid-row-gap: 20px;
  }
  .footerContact{
    display: grid;
    grid-template-columns: 36px 1fr;
    grid-column-gap: 10px;
    align-items: center;
    width: fit-content;
    width: -moz-fit-content;
    text-decoration: none;
  }
  .footerContact>p{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
  }
  .footerBottom{
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    padding: 25px 0px;
    text-align: center;
    border-top: 1px solid #239B87;
  }

  .menuOpenButton{
    display: none;
    align-items: center;
    justify-items: center;
    background-color: transparent;
    border: 0px;
    outline: none;
    padding: 0px;
    width: 35px;
    height: 35px;
  }

  .mobileMenuBlok{
    display: none;
    display: grid;
    align-content: start;
    position: fixed;
    top: 0px;
    right: -150%;
    z-index: 99;
    width: 100%;
    height: 100vh;
    background-color: #0C352E;
    padding: 24px 24px;

    -webkit-transition: right 900ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
    -moz-transition: right 900ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
    -ms-transition: right 900ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
    -o-transition: right 900ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
    transition: right 900ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
  }
  .mobileMenuBlok.open{
    right: 0px;
  }
  .menuCloseButton{
    display: grid;
    align-items: center;
    justify-items: center;
    justify-self: end;
    background-color: transparent;
    border: 0px;
    outline: none;
    padding: 0px;
    width: 35px;
    height: 35px;
  }
  .menuOpenButton>img,.menuCloseButton>img{
    width: 100%;
  }
  .mobileMenuBlok .headerMenu>ul{
    grid-auto-flow: row;
    justify-content: start;
    grid-row-gap: 16px;
  }
  .mobileMenuBlok .headerButton{
    justify-self: center;
  }
  .mobileMenuBlok .headerMenu{
    margin: 24px 0px 32px 0px;
  }
  .ourTeamPageHeaderContainer{
    padding: 80px 0px;
    background-color: #0C352E;
    background-image: url(../images/ourTeamPageHeaderBg.webp);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right bottom;
  }
  .ourTeamPageHeaderBlok{

  }
  .ourTeamPageHeaderTitle{
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #239B87;
    margin-bottom: 50px;
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    align-items: center;
    grid-column-gap: 10px;
    
  }
  .ourTeamPageHeaderTitle::before{
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    border-radius: 5px;
    background-color: #239B87;
  }
  .ourTeamPageHeaderBlok>h1{
    font-weight: 500;
    font-size: 35px;
    line-height: 53px;
    color: #fff;
  }
  .ourTeamPageContainer{
    padding: 80px 0px;
  }
  .ourTeamPageBlok{
    display: grid;
    grid-template-columns: 400px 1fr;
    grid-column-gap: 30px;
  }
  .ourTeamPageLeft{

  }
  .ourTeamPageLeft>img{
    display: block;
    height: 550px;
    object-fit: cover;
    object-position: top;
    border-radius: 20px;
  }
  .ourTeamPageLeftText{
    margin-top: 20px;
  }
  .ourTeamPageLeftText>h2{
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #000;
    text-align: center;
  }
  .ourTeamPageLeftText>p{
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    color: #239B87;
    text-align: center;
  }
  .ourTeamPageRight{

  }
  .ourTeamPageRight>h2{
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    color: #239B87;
  }
  .ourTeamPageRightText{
    margin-top: 20px;
    display: grid;
    grid-row-gap: 24px;
  }
  .ourTeamPageRightText>p{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
  }
  .ourTeamPageRightText>p>a{
    color: #239B87;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .ourTeamPageRightText>p>a:hover{
    opacity: 0.7;
  }
  .newsAnalysisLisPageHeaderContainer{
    background-image: none;
  }
  .newsAnalysisLisPageHeaderContainer .ourTeamPageHeaderBlok>h1{
    max-width: 1093px;
  }
  .newsAnalysisListPageContainer .newsAnalysisList{
    padding: 0px;
  }
  .newsAnalysisContainer{
    padding: 80px 0px;
  }
  .newsAnalysisBlok{
    display: grid;
    grid-template-columns: max-content 1fr 230px;
    align-items: start;
    grid-column-gap: 80px;
  }
  .newsAnalysisBack{
    display: grid;
    grid-template-columns: 24px max-content;
    grid-column-gap: 10px;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    text-decoration: none;
    margin-top: 18px;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .newsAnalysisBack:hover{
    opacity: 0.7;
  }
  .newsAnalysisSred{

  }
  .newsAnalysisSred>img{
    display: block;
    border-radius: 20px;
    width: 100%;
  }
  .newsAnalysisSred>h1{
    font-weight: 500;
    font-size: 30px;
    line-height: 45px;
    color: #000;
    margin-top: 30px;
  }
  .newsAnalysisSred .ourTeamPageRightText{
    margin-top: 42px;
  }
  .newsAnalysisSimilarBlok{
    position: sticky;
    top: 124px;
  }
  .newsAnalysisSimilarBlok>h3{
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #239B87;
  }
  .newsAnalysisSimilarList{
    margin-top: 12px;
    display: grid;
    grid-row-gap: 30px;
  }
  .newsAnalysisSimilarList .newsAnalysisListCard>h3{
    margin: 20px 0px;
  }
  .newsAnalysisSimilarList .newsAnalysisListCard>h3>a{
    font-size: 14px;
    line-height: 21px;
  }
  .newsAnalysisSimilarList .newsAnalysisListImages{
    border-radius: 10px;
  }
  .contactsPageHeaderContainer{
    padding-top: 80px;
  }
  .contactsContainer{
    padding: 80px 0px;
  }
  .contactsBlok{
    display: grid;
    grid-template-columns: 570px 1fr;
    align-items: end;
    grid-column-gap: 20px;
  }
  .contactsLeft{

  }
  .contactsLeft .ourTeamPageHeaderTitle{
    margin-bottom: 20px;
  }
  .contactsLeft>h1{
    font-weight: 500;
    font-size: 35px;
    line-height: 53px;
    color: #000;
  }
  .contactsForm{
    margin-top: 30px;
    display: grid;
    grid-row-gap: 20px;
  }
  .contactsInputBlok{

  }
  .contactsInputBlok>input,.contactsInputBlok>select,.contactsInputBlok>textarea{
    width: 100%;
    height: 60px;
    background-color: #F3F5F4;
    outline: none;
    border: 1px solid #F3F5F4;
    border-radius: 10px;
    padding: 18px 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000;
  }
  .contactsInputBlok>textarea{
    height: 110px;
    resize: none;
    overflow: auto;
  }
  .contactsInputBlok>select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .contactsInputBlok>input::-webkit-input-placeholder { color: #888888; }
  .contactsInputBlok>input::-moz-placeholder { color: #888888; }
  .contactsInputBlok>input:-ms-input-placeholder { color: #888888; }
  .contactsInputBlok>input:-moz-placeholder { color: #888888; }

  .contactsInputBlok>textarea::-webkit-input-placeholder { color: #888888; }
  .contactsInputBlok>textarea::-moz-placeholder { color: #888888; }
  .contactsInputBlok>textarea:-ms-input-placeholder { color: #888888; }
  .contactsInputBlok>textarea:-moz-placeholder { color: #888888; }


  .contactsInputBlok.error>input,.contactsInputBlok.error>select,.contactsInputBlok.error>textarea{
    border-color: #f82222;
  }
  #recaptcha>div.error{
    border: 1px solid #f82222;
  }

  .contactsRight{
    height: 524px;
  }
  .contactsRight>iframe{
    width: 100%;
    height: 100%;
    border: 0px;
    border-radius: 20px;
  }
  .contactsLeft .headerButton{
    border: none;
    width: 100%;
    outline: none;
    cursor: pointer;
    background-color: #000;
    color: #fff;
  }

  .messagesSuccessPopup{
    width: 800px;
    height: 480px;
    background-color: #fff;
    border-radius: 16px;
    position: fixed;
    left: calc(50% - 400px);
    top: -150vh;
    z-index: 999;
  
    -webkit-transition: top 600ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
    -moz-transition: top 600ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
    -ms-transition: top 600ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
    -o-transition: top 600ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
    transition: top 600ms cubic-bezier(0.17, 0.67, 0.24, 0.99);
  }
  .messagesSuccessPopup.open{
    top: calc(50vh - 240px);
  }

  .messagesSuccessDiv{
    width: 450px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0px auto;
    text-align: center;
  }
  .messagesSuccessDiv>img{
    margin: 0px auto;
    width: 150px;
  }
  .messagesSuccessDiv>h2{
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    margin: 24px 0px;
  }
  .messagesSuccessDiv>p{
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #000;
  }
  .messagesSuccessBg{
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 888;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .messagesSuccessBg.open{
    display: block;
  }
  .messagesSuccessPopup .headerButton{
    width: 100%;
    cursor: pointer;
  }
  .pacinationObDiv{
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    align-items: center;
    grid-column-gap: 24px;
    margin-top: 40px;
  }
  .pacinationObDiv>a{
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    text-decoration: none;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .pacinationObDiv>a.active{
    color: #239B87;
  }
  .pacinationObDiv>a:hover{
    opacity: 0.7;
  }
  .pacinationObDiv>a>img{
    width: 24px;
    display: block;
  }

  @media (min-width: 1150px) and (max-width: 1320px){
    .grid{
      width: 1100px;
    }
    .headerMenu>ul{
      grid-column-gap: 20px;
    }
    .headerBlok{
      grid-template-columns: 150px 1fr max-content;
      grid-column-gap: 20px;
    }
    .headerRight{
      grid-column-gap: 20px;
    }
    .headerLngActive{
      grid-column-gap: 10px;
    }
    .homeOurTeamList{
      grid-column-gap: 16px;
    }
    .homeOurTeamCard{
      width: 170px;
    }
    .homeOurTeamCard.open{
      width: 540px;
    }
    .homeOurTeamCardBg{
      grid-template-columns: 170px 1fr;
    }
    .homeOurTeamCardBg>img{
      width: 170px;
    }
    .homeOurTeamCardRight{
      width: 370px;
    }
    .homeOurTeamCardText{
      padding: 20px 20px;
    }
    .homeOurTeamCard>h3{
      padding: 0px;
    }
    .homeAboutList{
      grid-template-columns: 470px 1fr;
    }
    .homeAboutRight{
      grid-template-columns: 1fr 140px;
      grid-column-gap: 16px;
    }
    .ourValuesList{
      grid-template-columns: 430px 1fr;
    }
    .ourValuesText{
      padding: 20px 20px;
    }
    .ourTeamPageBlok{
      grid-template-columns: 350px 1fr;
    }
    .ourTeamPageLeft>img{
      height: 481px;
    }
    .newsAnalysisBlok{
      grid-column-gap: 50px;
    }
    .contactsBlok{
      grid-template-columns: 500px 1fr;
    }

  }
  @media (min-width: 1000px) and (max-width: 1149px){
    .grid{
      width: 960px;
    }
    .headerRight .headerButton{
      display: none;
    }
    .headerMenu>ul{
      grid-column-gap: 20px;
    }
    .headerBlok{
      grid-template-columns: 150px 1fr max-content;
      grid-column-gap: 20px;
    }
    .headerLngActive{
      grid-column-gap: 10px;
    }
    .homeAboutRight{
      grid-template-columns: 1fr;
    }
    .homeAboutRight>img{
      display: none;
    }
    .activityList{
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 16px;
      grid-row-gap: 16px;
    }
    .ourValuesList{
      grid-template-columns: 350px 1fr;
      grid-column-gap: 16px;
    }
    .ourValuesText{
      padding: 20px 20px;
    }
    .newsAnalysisList{
      grid-column-gap: 16px;
    }
    .homeAboutList{
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 16px;
    }
    .homeOurTeamList{
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 16px;
      grid-row-gap: 24px;
    }
    .homeOurTeamCard.open{
      width: initial;
    }
    .homeOurTeamCard{
      width: 100%;
      display: grid;
      grid-template-rows: 1fr max-content;
    }
    .homeOurTeamCardBg>img{
      width: 100%;
      height: 100%;
    }
    .homeOurTeamCardBg{
      grid-template-columns: 160px 1fr;
      height: auto;
    }
    .homeOurTeamCardRight{
      width: 100%;
    }
    .homeOurTeamCardText{
      padding: 20px 20px;
    }
    .homeOurTeamCardTextTop>p{
      font-size: 14px;
    }
    .homeOurTeamCardTextBottom>h4{
      font-size: 18px;
      line-height: 28px;
    }
    .homeOurTeamCard>h3{
      margin-top: 16px;
    }
    .ourTeamPageBlok{
      grid-template-columns: 300px 1fr;
      grid-column-gap: 20px;
    }
    .ourTeamPageLeft>img{
      height: 412px;
    }
    .ourTeamPageLeftText>h2{
      font-size: 24px;
      line-height: 36px;
    }
    .newsAnalysisBlok{
      grid-column-gap: 30px;
    }
    .contactsBlok{
      grid-template-columns: 500px 1fr;
    }

  }
  @media (min-width: 0px) and (max-width: 999px){
    .grid{
      width: calc(100% - 48px);
    }
    .homeOurTeamList{
      grid-template-columns: 1fr;
      grid-column-gap: 16px;
      grid-row-gap: 24px;
      margin-top: 40px;
    }
    .homeOurTeamCard.open{
      width: initial;
    }
    .homeOurTeamCard{
      width: 100%;
      display: grid;
      grid-template-rows: 1fr max-content;
    }
    .homeOurTeamCardBg>img{
      width: 100%;
      height: 100%;
    }
    .homeOurTeamCardBg{
      grid-template-columns: 160px 1fr;
      height: auto;
      border-radius: 16px;
    }
    .homeOurTeamCardRight{
      width: 100%;
    }
    .homeOurTeamCardText{
      padding: 20px 20px;
    }
    .homeOurTeamCardTextTop>p{
      font-size: 14px;
    }
    .homeOurTeamCardTextBottom>h4{
      font-size: 18px;
      line-height: 28px;
    }
    .homeOurTeamCardTextTop>h3{
      display: block;
    }
    .homeOurTeamCard>h3{
      display: none;
    }
    .headerBlok{
      grid-template-columns: 140px max-content;
      justify-content: space-between;
    }
    .headerMenu{
      display: none;
    }
    .headerRight .headerButton{
      display: none;
    }
    .homeAboutList{
      grid-template-columns: 1fr;
      grid-row-gap: 16px;
      margin-top: 40px;
    }
    .activityList{
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      margin-top: 40px;
    }
    .activityCard{
      padding: 20px 20px;
      border-radius: 16px;
    }
    .homeAboutLeft{
      padding: 20px 20px;
      border-radius: 16px;
    }
    .homeAboutRight{
      padding: 20px 20px;
      border-radius: 16px;
      grid-template-columns: 1fr 140px;
      grid-column-gap: 20px;
      align-items: start;
    }
    .ourValuesList{
      grid-template-columns: 1fr;
      grid-row-gap: 16px;
      margin-top: 40px;
    }
    .ourValuesText{
      padding: 20px 20px;
      border-radius: 16px;
    }
    .newsAnalysisList{
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 16px;
      padding: 40px 0px;
    }

    .homeTobBlokText>h1,.homeTobBlokText>h2{
      margin-bottom: 20px; 
    }
    .homeTobBlokText>p{
      margin-bottom: 40px;
    }
    .activityBlok>h2,.ourValuesBlok>h2,.homeOurTeamBlok>h2{
      margin-top: 20px;
    }
    .homeTobBlokText>h1,.homeTobBlokText>h2,.ourTeamPageHeaderBlok>h1,.contactsLeft>h1{
      font-size: 30px;
      line-height: 40px; 
    }
    .activityBlok>h2,.ourValuesBlok>h2,.homeOurTeamBlok>h2,.ourTeamPageLeftText>h2,.ourTeamPageRight>h2,.newsAnalysisSred>h1{
      font-size: 26px;
      line-height: 38px;
    }
    .homeTobBlokText>p,.homeBottomBlokContainer .homeTobBlokText>p,.ourValuesCard>h3,.newsAnalysisListCard>h3>a,.footerRight>h3,.newsAnalysisSimilarBlok>h3,
    .newsAnalysisSimilarList .newsAnalysisListCard>h3>a,.messagesSuccessDiv>h2{
      font-size: 18px;
      line-height: 27px;
    }
    .homeAboutLeft>p, .homeAboutRight>p,.footerBottom,.ourTeamPageHeaderTitle,.ourTeamPageLeftText>p,.messagesSuccessDiv>p{
      font-size: 16px;
      line-height: 24px;
    }
    .homeTobBlokContainer{
      padding: 80px 0px;
    }
    .activityContainer,.ourValuesContainer,.homeOurTeamContainer,.newsAnalysisListContainer,.ourTeamPageContainer,.ourTeamPageHeaderContainer,.newsAnalysisContainer,.contactsContainer{
      padding: 40px 0px;
    }
    .homeAboutContainer{
      padding: 60px 0px 40px 0px;
    }
    .ourValuesText{
      grid-row-gap: 20px;
    }
    .activityCardHeader{
      margin-bottom: 20px;
    }
    .newsAnalysisListCard>h3{
      margin: 16px 0px;
    }
    .ourValuesImages,.newsAnalysisListImages{
      border-radius: 16px;
    }
    .homeBottomBlokContainer .homeTobBlokText>p{
      margin-bottom: 40px;
    }
    .headerContainer{
      padding: 16px 0px;
    }

    .newsAnalysisListCard:nth-child(3){
      display: none;
    }
    .newsAnalysisListPageContainer .newsAnalysisListCard:nth-child(3){
      display: block;
    }
    .footerCompany>p{
      font-size: 16px;
      line-height: 16px;
    }
    .footerCompanyLogo>img{
      height: 26px;
    }
    .footerBottom{
      padding: 16px 0px;
    }
    .menuOpenButton{
      display: grid;
    }
    .headerRight{
      grid-column-gap: 20px;
    }
    .headerLngActive{
      grid-column-gap: 5px;
    }
    .headerLngActive>img{
      width: 24px;
    }
    .headerLngActive>svg{
      width: 20px;
      height: 20px;
    }
    .headerLngListCard>a>img{
      width: 24px;
    }
    .headerLngList{
      padding-top: 12px;
    }
    .headerLngListCard{
      border-radius: 6px;
    }
    .mobileMenuBlok{
      display: grid;
    }
    .mobileMenuBlok .headerMenu{
      display: grid;
    }
    .ourTeamPageBlok{
      grid-template-columns: 1fr;
      grid-row-gap: 20px;
    }
    .ourTeamPageLeft{
      display: grid;
      grid-template-columns: 300px 1fr;
      align-items: center;
      grid-column-gap: 20px;
    }
    .ourTeamPageLeft>img{
      height: 412px;
      border-radius: 16px;
    }
    .ourTeamPageLeftText{
      display: grid;
      justify-content: center;
    }
    .ourTeamPageRightText{
      margin-top: 16px;
      grid-row-gap: 16px;
    }
    .ourTeamPageHeaderTitle{
      margin-bottom: 20px;
    }
    .newsAnalysisBack{
      display: none;
    }
    .newsAnalysisBlok{
      grid-template-columns: 1fr;
      grid-row-gap: 40px;
    }
    .newsAnalysisSred>h1{
      margin-top: 20px;
    }
    .newsAnalysisSred .ourTeamPageRightText{
      margin-top: 20px;
    }
    .newsAnalysisSimilarList{
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 16px;
      margin-top: 24px;
    }
    .contactsBlok{
      grid-template-columns: 1fr;
      grid-row-gap: 20px;
    }
    .newsAnalysisSimilarBlok{
      position: initial;
    }
    .messagesSuccessPopup{
      width: 92%;
      height: 400px;
      left: 4%;
    }
    .messagesSuccessPopup.open{
      top: calc(50vh - 200px);
    }
    .messagesSuccessDiv{
      width: 90%;
      max-width: 450px;
    }
    .messagesSuccessButton{
      width: 100%;
      max-width: 290px;;
    }
    .messagesSuccessDiv>img{
      width: 100px;
    }

  }
  @media (min-width: 0px) and (max-width: 739px){
    .grid{
      width: calc(100% - 32px);
    }

    .homeAboutRight{
      grid-template-columns: 1fr;
    }
    .homeAboutRight>img{
      display: none;
    }
    .activityList{
      grid-template-columns: 1fr;
    }
    .newsAnalysisList{
      grid-template-columns: 1fr;
    }
    .homeTobBlokText>h1,.homeTobBlokText>h2,.ourTeamPageHeaderBlok>h1,.contactsLeft>h1{
      font-size: 24px;
      line-height: 34px;
    }
    .activityBlok>h2,.ourValuesBlok>h2,.homeOurTeamBlok>h2,.ourTeamPageLeftText>h2,.ourTeamPageRight>h2,.newsAnalysisSred>h1{
      font-size: 22px;
      line-height: 32px;
    }
    .homeOurTeamCardTextTop>h3{
      font-size: 18px;
      line-height: 27px;
    }
    .homeTobBlokText>p,.homeBottomBlokContainer .homeTobBlokText>p,.homeOurTeamCardTextBottom>h4{
      font-size: 16px;
      line-height: 24px;
    }
    .activityCardHeader{
      grid-column-gap: 16px;
    }
    .homeOurTeamCardBg>img{
      display: none;
    }
    .homeOurTeamCardBg{
      grid-template-columns: 1fr;
    }
    .newsAnalysisListCard:nth-child(3){
      display: block;
    }
    .footerTop{
      padding: 60px 0px;
      grid-template-columns: 1fr;
      grid-row-gap: 40px;
    }
    .footerLogo{
      width: 150px;
      margin-bottom: 20px;
    }
    .footerCompany{
      margin-bottom: 20px;
    }
    .footerContactsList{
      margin-top: 20px;
      grid-row-gap: 16px;
    }

    .ourTeamPageLeft{
      grid-template-columns: 200px 1fr;
    }
    .ourTeamPageLeft>img{
      height: 275px;
    }
    .newsAnalysisSimilarList{
      grid-template-columns: 1fr;
      grid-row-gap: 24px;
    }
    .contactsRight{
      height: 350px;
    }
    .contactsRight>iframe{
      border-radius: 16px;
    }
    
  }
  @media (min-width: 0px) and (max-width: 549px){
    .ourTeamPageLeftText{
      display: none;
    }
    .contactsRight{
      height: 300px;
    }
  }