html {
  scroll-behavior: smooth;
}
body{
    font-family: 'HelveticaNeue rg';
    color: #000;
      background-color: #0d4ec2;
}
body::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
.rg_font{
  font-family: 'Helvetica Neue rg';

}
.bd_font{
    font-family: 'Helvetica Neue bold';

}
.md_font{
    font-family: 'Helvetica Neue md';
}
.img_fluid{
  width: 100%;
  height: 100%;
}
.banner_section{
  background: 
    linear-gradient(180deg, rgba(13, 78, 194, 0.5) 61.54%, #0D4EC2 100%),
    url("../img/banner.png");
  background-size: cover;
  background-position: center;
  height: 800px;

}
.header_container{
  padding: 20px 40px;
  position: fixed;
  width: 100%;
  z-index: 9;
}
.lang_bar{
  width: 24px;
  height: 24px;
}
.lang_bar img{
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.1);
}
.main_{
  overflow: hidden;
}
.hero_section{
  padding: 0 16px;
  background-color: #0d4ec2;
}

.main_info{
  border-radius: 64px;
  padding: 70px;
  background-color: #F3EFE7;
}
.title{
  font-size: 128px;
}
.sm_title{
  font-size: 64px;
}
.mb-32{
  margin-bottom: 32px;
}
.mb-40{
  margin-bottom: 40px;
}
.mb-80{
  margin-bottom: 80px;
}
.pb-180{
  padding-bottom: 180px;
}
.text_block{
  padding-right: 160px;
}
.title_part{
  font-size: 32px;
}
.text_block p{
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.02em;  
}
.img_block{
  height: 481px;
}
.img_block img{
  border-radius: 32px;
  object-fit: cover;
  object-position: center;
}
.charter_btn{
  background-color: #FFFFFF;
  gap: 12px;
  padding: 24px;
  font-size: 20px;
  border-radius: 50px;
  color: #0D4EC2;
  width: 276px;
}

.mt-70{
  margin-top: 70px;
}

.quote_section{
  font-size: 36px;
  padding-right: 123.4px;
  font-feature-settings: "case";
}

.quote_txt{
  line-height: 100%;
  margin-bottom: 32px;
  font-family: 'Noto Sans Georgian', 'Helvetica Neue', sans-serif;
  z-index: 9;

}
.quote_section{
  color: rgba(0, 0, 0, 0.7);
}
.qoute_author{
  font-size: 20px;
}

.span_{
  color: #000;
}
.quote_svg_right{
  position: absolute;
  bottom: -50px;
  right: -30px; 
  z-index: -1;
}
.quote_txt::before{
  content: url("../img/bracket.svg");
  position: absolute;
  top: -42px;
  left: -39.5px;
  z-index:-1;
}
.members_section{
  margin-bottom: 220px;
}
.members_block{
  color: #fff;
  font-size: 148px;
  gap: 24px;
}

.news_section{
  height: 150px;
  background: #0D4EC2;
  overflow: hidden;
  margin-bottom: 16px;
}
.news_block {
  position: relative;
  width: 100%;
  white-space: nowrap;
  display: inline-block;
  color: #fff;
  font-size: 32px;
  animation: scrollText 8s linear infinite;
}
@keyframes scrollText {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }  
}
.gap-24{
  gap: 24px;
}
 .news_block .sm_logo{
  padding-top: 20px;
 }
.upperTextFont{
    font-family: 'Noto Sans Georgian', 'Helvetica Neue', sans-serif;
}
.member_block h2{
  font-size: 148px;
  color: #fff;
}
.s1{
  padding-left: 16px;
}
.slider_image{
  height: 900px;
  border-radius: 64px;
  object-fit: cover;
  object-position: center;
}

.slider_img::after,.myGrid_img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(20, 20, 20, 0) 0%, rgba(20, 20, 20, 0.7) 100%);
  pointer-events: none; 
  border-radius: 64px;
}
.txt_block,.sm_description{
  z-index: 9;
}
.slider_member_name{
  position: absolute;
  top: 72px;
  left: 72px;
  color: #fff;
  font-size: 64px;
  z-index: 2; 
  display: flex;
  flex-direction: column;
}
.slider_member_name span{
  font-weight: bold;
}
.sm_description{
  position: absolute;
  bottom: 72px;
  left: 72px;
  font-size: 24px;
  font-family: 'Helvetica Neue bold';
  color: #fff;
  line-height: 32px;
  max-width: 686px;
  width: 100%;
}

.member-card{
  position: absolute;
  top: 32px;
  right: 34px;
  z-index: 999;
}
.toggleButton,.moreBtn {
  width: 161px;
  height: 64px;
  background: rgba(243, 239, 231, 1);
  color: rgba(13, 78, 194, 1);
  border-radius: 50px;
  font-family: 'Helvetica Neue bold';
  gap: 16px;
}
.toggleButton {
  background: rgba(243, 239, 231, 1);
  color: rgba(13, 78, 194, 1);
  border-radius: 50px;
  gap: 16px;
  transition: all 0.3s ease;
}

.toggleButton.active {
  background: #0d4ec2;   
  color: #fff;        
}

.toggleButton.active .toggleText {
  color: #fff;         
}

.custom-modal {
  position: absolute; 
  top: 80px;            
  right: 0;         
  width: 732px;
  height: 756px;
  background: rgba(243, 239, 231, 1);
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  padding: 48px;
  display: none;
  z-index: 999999;
  border-radius: 64px;
}

.custom-modal-content {
  max-height: 100%;
  overflow-y: auto;
  color: rgba(24, 24, 28, 1);
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 2%;
  font-family: 'Helvetica Neue md';
}

.custom-modal-content::-webkit-scrollbar {
  width: 6px;
}

.custom-modal-content::-webkit-scrollbar-track {
  background: transparent;
}

.custom-modal-content::-webkit-scrollbar-thumb {
 background: rgba(13, 78, 194, 1);
  border-radius: 10px;
}


.sm_description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.myGrid_img {
  height: 442px;
}
.myGrid_img img{
  border-radius: 64px;
  object-fit: cover;
  object-position: center;
}
.txt_block{
  position: absolute;
  bottom: 40px;
  left: 40px;
  color: #fff;
}

.person_name{
  font-weight: bold;
  font-size: 36px;
}
.announcement-bar{
  background: rgba(243, 239, 231, 1);
  padding: 70px 66px 70px 70px;
  height: 100%;
  border-radius: 64px;
  position: relative;
}
.modalBtn{
  position: absolute;
  top: 32px;
  right: 32px;
}
.modal-dialog.modal-fullscreen {
  max-width: calc(100% - 40px);
  margin: auto;       
}
.modalContainer{
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.modalBody .modal-fullscreen .modal-body {
  overflow-y: auto;      
  scrollbar-width: none; 
  -ms-overflow-style: none; 
}

.modalBody .modal-fullscreen .modal-body::-webkit-scrollbar {
  display: none;
}

.modalBody .modal-content{
  border-radius: 64px;
}
.modalBody .modal-body{
  padding-top: 70px;
}
.modalContainer .announcement_title{
  max-width: 100%;
  font-size: 41px;
}
.modalContainer .building_block{
  height: 506px;
}
.building_block{
  height: 768px;
}
.building_block .main_img{
  object-fit: cover;
  object-position: center;
  border-radius: 64px;
}
.announcement_title{
  font-size: 42px;
  max-width: 602px;
  width: 100%;
  line-height: 100%;
  font-weight: 500;
}

.announcement_block{
  font-size: 18px;
  line-height: 28px;
  color: rgba(24, 24, 28, 1);
  display: -webkit-box;
  -webkit-line-clamp: 14;
  -webkit-box-orient: vertical;
  overflow: hidden; 
}

.share_block,.soc_list,.date_{
  gap: 16px;
  font-family: 'Public Sans';
  color: rgba(0, 0, 0, 0.6);
}

.announcement_section{
  padding-bottom: 196px;
}
.modalBtn{
   background: rgba(13, 78, 194, 1);
   color: #fff;
   width: 161px;
   height: 64px;
   border-radius: 50px;
   gap: 20px;
}
.modalBtn:hover{
  background: rgba(13, 78, 194, 1);
  color: #fff;
}
.footer_section{
  padding: 0 86px;
}
.footer_title{
  font-size: 40px;
  font-weight: bold;
  color: #fff;
}
.social_list{
  gap: 8px;
}
.social_list li a{
  border: 2px solid #fff;
  border-radius: 12px;
  width: 36px;
  height: 36px;
  color: #fff!important;
  font-size: 18px;
}
.footer_info{
  display: flex;
  justify-content: space-between;
}
.footer_left_side{
  width: 530px;
}
.social_list{
  margin-bottom: 60px;
}

.subscribe-box form {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  width: 423px;     
  max-width: 100%;
  height: 56px;
  position: relative;
}

.subscribe-box input {
  flex: 1;
  border: none;
  padding: 14px 16px;
  font-size: 16px;
  outline: none;
  height: 100%;
  width: 100%;
}

.subscribe-box button {
  background: rgba(253, 183, 20, 1);
  color: #000;
  font-weight: bold;
  border: none;
  cursor: pointer;
  height: 46px;
  width: 95px;
  border-radius: 8px;
  position: absolute;
  right: 4px;
  font-size: 14px;
}
 .note {
  margin-top: 12px;
  color: #fff;
  font-weight: 250;
  color: rgba(255, 255, 255, 1);
  line-height: normal;
}
.line_{
  margin: 60px 0 40px;
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.05);
}

.sidebar-menu{
  text-align: right;
  font-size: 32px;
  color: #fff;
}
.sidebar-menu ul{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer_logo_block{
 gap: 24px;
}
.footer_logo_item{
  gap: 20px;
}
.footer_logo_block p{
  color: rgba(255, 255, 255, 1);
}
.copyright{
  color: #fff;
}
.news_title{
  font-size: 200px;
  color: #fff;
}
.doc_card{
  background: rgba(0, 0, 0, 0.2);
  border-radius: 32px;
  padding: 32px;
  color: #fff;
  font-size: 20px;
  gap: 16px;
  line-height: 23px;
}
.bold_font{
  font-weight: bold;
}
.cards{
  gap: 8px;
}
.doc_button{
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: rgba(254, 184, 21, 1);
  bottom: 8px;
  right: 8px;
}
.doc_button img{
  width: 16px;
}
.doc_bg{
  background-image: url("../img/sm_star_yellow.svg");
  background-repeat: no-repeat;
}
.stats_box{
  margin-bottom: 109px;
  color: #fff;
  font-family: 'Helvetica Neue md';

}
.stat_label{
  font-size: 14px;
}
.stat_value{
  font-size: 24px;
}
.hr{
 border-top: 2px solid  rgba(217, 217, 217, 1);
}
.announcement-title {
  font-size: 24px;
  color: #fff;
  line-height: 150%;
}
.announcement-txt{
    display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 24px;
  color: #fff;
  font-size: 14px;
}


.part_member_info{
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    background: rgba(0, 0, 0, 0.2);
    padding: 32px 24px;
}
  .part_member_info .slider_member_name {
        font-size: 32px;
        line-height: 48px;
    }
    .part_member_info .position_description {
        font-size: 20px;
        color: #fff;
    }
    .part_member_info .sm_description{
        font-family: 'Helvetica Neue md';
        margin-bottom: 70px;
    }

    .notification{
  background: rgba(10, 62, 155, 1);
  padding: 48px;
  color: #fff;
  font-size: 32px;
  max-width: 964px;
  width: 100%;
  border-radius: 64px;
  text-align: center;
  position: fixed;
  left: 50%;
  transform: translate(-50%);
  bottom: 50px;
  z-index: 999;
}
.icon{
  margin-right: 24px;
}
.close{
  margin-left: 74px;
  cursor: pointer;
}

.close img{
  width: 20px;
}
.part_mobile {
  gap: 8px;
}