body, .body-wrapper.clearfix {background: #fff}
.breadcrumb ul li a{color: #2871A3;font-size: 15px;font-family: "Lato", sans-serif;}
.fa-whatsapp {font-size: 24px;color: #2871A3;}
.container.full-w {max-width: 1300px;}

h2{
  font-size: 34px;
  text-align: left;
  font-family: "Lato", sans-serif;
}

.ico-soc {
  display: flex;
  float: right;
  margin-top: -40px;
}
.ico-tg {
  width: 37px;
  margin-right: 13px;
}
.ico-vk img{
  width: 37px
}

.title-h2 h2 {
  font-size: 35px; 
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #000;
}
.title-h2 h3 {
  font-size: 34px; 
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #2B2B2B;
}
.content-block {background-color: #ffffff00;}

/*** block 1****/

.block1{
  background-color: #F5F5F5;
  border-radius: 25px;
}
.promo-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 60px 0px 60px;
}
.promo-content {
  flex: 1;
  text-align: left;
  max-width: 700px;
}
.promo-content h2 {
  font-size: 24px;
  margin-bottom: 10px;
  color: #333;
  line-height: 1.5;
}
.promo-content p {
  font-size: 16px;
  color: #666;
  margin-bottom: 20px;
}
.promo-button {
  padding: 12px 24px;
  background-color: #003896;
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  text-align: center;
}
.promo-button:hover{text-decoration: none;}

.promo-button:hover {
  background-color: #003d8f;
}
.promo-image {
  flex: 1;
  display: flex;
  justify-content: right;
}
.promo-image img {
  max-width: 300px;
  height: auto;
}
.program{
  background-color: #fff;
  border-radius: 20px;
  padding: 8px 0px 2px 0px;
}
.program-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 10px;
  padding: 20px;
}
.academ-disc {
  margin-bottom: 30px;
}
.program-details {
  display: flex;
  justify-content: space-around;
  flex: 6;
}
.program-details div {
  text-align: center;
  color: #003896;
  font-size: 25px;
}
.program-details .label, .program .label {
  font-weight: normal;
  color: #353A5A;
  font-size: 10px;
}

/******block2*********/
.tabs {
  margin: 30px 0 20px 0;
}

.tab-but-block2, .tab-button-block8  {
  background-color: #fff;
  color: #003896;
  padding: 10px 28px;
  margin: 0 20px 15px 0px;
  cursor: pointer;
  border: 1px solid #003896;
  border-radius: 6px;
  font-size: 15px;
  display: inline-block;
}
.tab-but-block2:hover, .tab-button-block8 {text-decoration: none;}
.tab-but-block2.active, .tab-button-block8.active  {
  background-color: #003896;
  color: #fff;
  border: 1px solid #003896;
}
.tab-but-block2:hover, .tab-button-block8:hover  {
  background-color: #003896;
  color: #fff;
  border: 1px solid #003896;
  transition: background-color 0.3s, color 0.3s;
}
button, 
button:active, 
button:focus {
  outline: none;
}

/*******block 2.1********/
.block2-1 {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 40px;
 padding: 0px;
}
.block2-1-card {
  background-color: #ffffff;
  border-radius: 15px;
  box-shadow: 0px 2px 9px 3px rgba(0, 0, 0, 0.1);
  padding: 20px 30px;
  text-align: left;
  transition: background-color 0.3s, color 0.3s;
}
.block2-1-card:hover {
  background-color: #003896; 
  color: #ffffff;
}
.block2-1-card:hover a {
  color: #003896;
  padding: 0px 5px;
  background: #fff;
  text-decoration: none;
  border-radius: 10px;
  display: block;
}
.block2-1-info {
  display: flex;
  flex-direction: column;
  width: 180px;
}
.exams .block2-1-info h3 {
  /*height: 30px;*/
}
.block2-1-info h3{
  font-size: 22px;
  height: 90px;
  display: flex;
  align-items: center;
}
.exams .bottom-info{
  /*
  margin-bottom: 20px;
  margin-top: 0;
  */
}
.bottom-info{
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.bottom-info.sub-link{
  margin-top: 0px;
}
.direct{
  font-size: 14px;
}

/*********block3**************/
.block3{
  margin-bottom: 60px;
}
.block3 li {
  font-size: 15px !important;
  color: #4A5D69;
}
.block3 p {
  font-size: 15px !important;
  color: #4A5D69;
  margin-bottom: 10px;
}
.block3 .slogan{
  font-size: 20px;
  color: #353A5A;
  font-family: "Lato", sans-serif;
  width: 70%;
  margin: 30px 0 0 0;
}

/************block4************/

#item-slider-block4 .owl-carousel .owl-stage {
  display: block !important;
} 

#item-slider-block4 {
  margin-bottom: 50px;
}
#item-slider-block4 .owl-stage-outer{
  border-radius: 30px;
}
#item-slider-block4.owl-carousel .owl-nav [class*=owl-] {
  transition: all 0.3s ease;
}
#item-slider-block4.owl-carousel .owl-nav [class*=owl-].disabled:hover {
  background-color: #d6d6d6;
}
#item-slider-block4.owl-carousel .owl-next,
#item-slider-block4.owl-carousel .owl-prev {
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  border-radius: 50%;
  font-size: 15px !important;
  color: #003896 !important;
  border: 1px solid #D2DBE1 !important;
  text-align: center;
  position: absolute;
  top: -60px;
}
#item-slider-block4.owl-carousel .owl-prev {
  right: 60px; 
  text-indent: inherit;
}
#item-slider-block4.owl-carousel .owl-next {
  right: 10px;
  text-indent: inherit;
}
/**********block5*******************/

.block5 {

}
.block5 .col-12 {
  margin-bottom: 30px;
}
.title {
  font-size: 34px;
  color: #2B2B2B;
  margin-bottom: 16px;
  line-height: 1.3;
  font-family: "Lato", sans-serif;
}
.subtitle {
  font-size: 14px;
  color: #2B2B2B;
}
.grid-item {
  padding: 20px;
  background-color: #F5F5F5;
  border-radius: 11px;
  text-align: left;
  transition: background-color 0.3s, color 0.3s;
  height: 100%;
}
.grid-item h3 {
  font-size: 17px;
  margin-bottom: 12px;
  line-height: 1.5;
}
.grid-item p {
  font-size: 12px;
  color: #757575;
  line-height: 1.5;
}
.grid-item:hover p {
  color: #fff;
}
.grid-item:hover {
  background-color: #003896;
  color: #fff;
}

/*********block6**************/

.program-benefits {
  text-align: center;
  padding: 20px 0;
  margin-bottom: 50px;
}

.benefits-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  justify-content: center;
  margin-top: 40px;
}

.benefit-item {
  width: 210px;
  text-align: center;
}

.benefit-item img {
  width: auto;
  height: 60px;
  margin-bottom: 10px;
}

.benefit-item p {
  font-size: 14px;
  color: #4A5D69;
  margin: 0;
}

/*******block7*********/
.block7{
  display: flex;
  gap: 50px;
  margin-bottom: 50px;
}
.main-content {
  flex: 2;
  background-color: #F5F5F5;
  padding: 35px;
  border-radius: 20px;
}
.main-content h3 {
  margin-top: 0;
  font-weight: 400;
  font-size: 16px;
  color: #2F2222;
}
.main-content p {
  font-weight: 400;
  font-size: 14px;
  color: #757575;
}
.main-content .tag {
  display: inline-block;
  padding: 5px 20px;
  background-color: #00389614;
  color: #2457C5;
  border-radius: 5px;
  font-size: 15px;
  margin-bottom: 20px;
}
.podcast {
  flex: 1;
  background-color: #003896;
  color: #ffffff;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  display: none;
}
.podcast h4 {
  margin: 30px 20px 15px 20px;
  font-size: 19px;
  font-family: "Lato", sans-serif;
}
.podcast p {
  margin-top: 0;
  font-size: 14px;
}
.podcast button {
  padding: 10px;
  background-color: #ffffff;
  color: #003366;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
}
.social-icons {
  display: flex;
  gap: 10px;
  margin: 20px;
  justify-content: right;
}
.social-icons a {
  width: 40px;
  height: auto;
}
.item-podkast-audio{
  margin: 25px 20px 6px 20px;
}
/***********block8***********/
.training-courses-text {
  padding: 0;
  font-size: 14px;
}


/***********block9*****************/

/**********************************************/
/*
.owl-carousel .owl-stage {
  display: flex;
} 
/*******************************/

.main-academ-disc {

}

.main-academ-disc .owl-carousel.owl-drag .owl-item {
 padding-bottom: 80px;
}

.academ-disc-card {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*height: 100%;*/
  font-size: 14px;
  position: relative;
  top: 30px;
  margin: 0 10px;
}

.academ-disc-card .info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  margin-top: 20px;
}

.academ-disc-card .image-container .img-title {
  position: absolute;
  top: 230px;
  left: 0px;
  color: #fff;
  background: #003896;
  padding: 20px 30px 20px 30px;
  font-size: 18px;
  border-radius: 0 25px 25px 0px;
  font-family: "Lato", sans-serif;
}

.academ-disc-card .person-image {
  width: 100% !important;
  object-fit: contain;
  border-radius: 20px;
}
.academ-disc-card p {
  margin: 0;
  flex-grow: 1;
  font-size: 14px;
  color: #4A5D69;
}

.academ-disc-card .bottom-content {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
.link-more a {
  font-size: 15px;
  background: #003896;
  color: #fff;
  padding: 11px 25px;
  display: inline-flex;
  border-radius: 10px;
  margin-top: 20px;
}

#main-academ-disc.owl-carousel .owl-nav [class*=owl-] {
  transition: all 0.3s ease;
}
#main-academ-disc.owl-carousel .owl-nav [class*=owl-].disabled:hover {
  background-color: #d6d6d6;
}
#main-academ-disc.owl-carousel .owl-next,
#main-academ-disc.owl-carousel .owl-prev {
  width: 50px;
  height: 50px;
  line-height: 40px !important;
  border-radius: 50%;
  font-size: 20px !important;
  color: #003896 !important;
  border: 1px solid #D2DBE1 !important;
  text-align: center;
  position: absolute;
  top: -40px;
}

#main-academ-disc.owl-carousel .owl-prev {
  right: 70px; 
  text-indent: inherit;
}

#main-academ-disc.owl-carousel .owl-next {
  right: 10px;
  text-indent: inherit;
}

/*************block10***************/

.info-block {
  padding: 20px 0px 0px 0px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px;
}

.ico {
  margin-right: 20px;
  font-size: 35px;
  color: #fff;
  background: #003896;
  padding: 19px 22px 19px 22px;
  border-radius: 13px;
}
.text h3 {
  margin-bottom: 10px;
  font-size: 17px;
  color: #171717;
  font-weight: 400;
  line-height: 1.4;
}
.text p {
  margin: 0;
  font-size: 13px;
  color: #4A5D69;
  line-height: 1.4;
}

/*****************block11***************/

.block11{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0 30px 0;
}

.text-content {
  max-width: 76%;
}
.text-content h2{
  margin-bottom: 30px;
}

.text-content p {
  font-size: 14px;
  line-height: 1.6;
  color: #4A5D69;
}

.profile-info {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.profile-info img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 10px;
}

.profile-info .name {
  font-weight: 400;
  color: #003896;
  text-decoration: none;
}

.profile-info .title {
  font-size: 0.9em;
  color: #666;
}

.image-content {
  max-width: 20%;
  position: relative;
}

.image-content img {
  width: 100%;
  border-radius: 12px;
}
/***********block12***************/

.block12{
  margin-top: 50px;
}
.item-card {
  display: flex;
  background-color: #F5F5F5;
  padding: 25px 70px 25px 70px;
  border-radius: 20px;
  margin: 40px 0;
  align-items: flex-start;
  justify-content: space-between;
}

.block12 .text-content-left {
  margin-right: 30px;
  width: 35%;
}

.heading {
  font-size: 22px;
  font-weight: bold;
  color: #252525;
  margin-bottom: 10px;
}

.subheading {
  font-size: 12px;
  color: #252525;
  margin-bottom: 20px;
  line-height: 1.4;
}

.block18 .button,
.block12 .button{
  background-color: #003896;
  color: #fff;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 16px;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 20px;
}
.block12 .button{
  border-radius: 30px;
}
.button:hover{
  text-decoration: none;
  background-color: #2457c5;
}

.description {
  font-size: 14px;
  line-height: 1.6;
  color: #444;
}

.block12 .text-content-right {
  width: 65%;
}

.block12 .image-container img {
  border-radius: 15px;
  width: 100%;
  margin-bottom: 20px;
}

#item-block12.owl-carousel .owl-nav [class*=owl-] {
  transition: all 0.3s ease;
}
#item-block12.owl-carousel .owl-nav [class*=owl-].disabled:hover {
  background-color: #d6d6d6;
}
#item-block12.owl-carousel .owl-next,
#item-block12.owl-carousel .owl-prev {
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  border-radius: 50%;
  font-size: 15px !important;
  color: #003896 !important;
  border: 1px solid #D2DBE1 !important;
  text-align: center;
  position: absolute;
  top: -10px;
}
#item-block12.owl-carousel .owl-prev {
  right: 70px; 
  text-indent: inherit;
}
#item-block12.owl-carousel .owl-next {
  right: 20px;
  text-indent: inherit;
}

#item-block12 .owl-item {height: 0;}    
#item-block12 .owl-item.active {height: auto;}

/*************block13*********************/

.block13{margin-bottom: 80px}

.block13 .logos-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.partners-section {
  text-align: center;
  margin: 40px 0;
}
.partners-section h2 {
  font-size: 24px;
  margin-bottom: 20px;
}
.logos-container {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}
.logos-container img {
  /*max-width: 110px;*/
  height: 55px;
}
/************block14*****************/

.h-training {
  margin: 0 0 0 20px;
  font-size: 14px;
}
.h-training h2{
  margin-bottom: 25px;
}
.h-training a{
  margin-right: 20px;
}
.h-training p {
  font-size: 14px;
  line-height: 23px;
  color: #4A5D69;
}
/*.training-block, .training-courses{
  margin: 0px 0px 80px 0px;
}*/
.but-prog-bach {
  text-align: center;
  display: block;
  margin: 10px 0;
  background: #003896;
  border: none;
  color: white;
  padding: 10px 30px;
  cursor: pointer;
  border-radius: 10px;
  transition: background 0.3s ease;
  float: left;
  font-size: 14px;
}
.but-prog-bach:hover{
  text-decoration: none;
  color: #fff;
  background-color: #2457c5;
}
.h-training a {
  margin-right: 20px;
}

/*********block15***************/
.block15{
  margin-top: 65px;
}
.stud-more-text {
  display: none;
}
.stud-read-more {
  color: #157fc4;
  cursor: pointer;
  text-decoration: none;
}
.block15 .row{
  margin: 40px 0;
}
.info-block-supp {
  padding: 20px 20px 20px 20px;
  display: block;
  box-shadow: 0px 2px 9px 3px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  height: 100%;
}
.info-block-supp .ico {
  margin: 0 auto;
  width: 65px;
  font-size: 35px;
  color: #fff;
  background: #003896;
  border-radius: 13px;
  text-align: center;
  margin-bottom: 30px;
}
.info-block-supp .text h3 {
  font-size: 25px;
  color: #171717;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  height: 75px;
}
.info-block-supp .text p, .text {
  margin-bottom: 15px;
  font-size: 13px;
  color: #4A5D69;
  line-height: 1.4;
}
/*********block16****************/

.hostel{
  margin: 60px 0 30px 0;
}
.hostel-text h2{
  margin-top: 0px;
}
.hostel-text p{
  font-size: 14px;
  color: #4A5D69;
  margin-top: 20px;
}
.item-img-h img{
  border-radius: 15px;
}

#hostel-owl-carousel .owl-thumbs {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  gap: 0px;
  margin-top: 20px;
  scroll-behavior: smooth;
}

#hostel-owl-carousel .owl-thumb-item {
  flex: 0 0 auto;
  width: 125px;
  border: none;
  background: #fff;
  height: auto;
}

#hostel-owl-carousel .owl-thumb-item img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  display: block;
  object-fit: cover;
}
#hostel-owl-carousel .owl-thumbs::-webkit-scrollbar {
  height: 8px;
}
#hostel-owl-carousel .owl-dots{
  position:absolute;
  bottom:170px;
  left:0;
  right:0;
}
/*********block17***************/

.block17 {
  display: flex;
  gap: 16px;
  margin: 30px 0 60px 0;
}

.box {
  background-color: #F7F8FB;
  border: 1px solid #1B2EDA;
  border-radius: 25px;
  padding: 20px;
  width: 100%;
}

.box h2 {
  color: #3366cc;
  font-size: 18px;
}

.box ul {
  padding-left: 1px;
  list-style-type: none;
}

.box ul li, .box p {
  margin-bottom: 5px;
  color: #333;
  display: flex;
  /*align-items: center;*/
  font-size: 13px;
}

.box ul li::before {
  content: '•';
  color: #3366cc;
  margin-right: 5px;
  font-size: 26px;
}

/********block18**************/

.block18 .row{
  margin: 20px 0 40px;
}
.block18 .col-12 {
  padding: 0;
}
.cost-block {
  text-align: left;
}
.cost-block p {
  font-size: 16px;
  color: #555;
  margin: 5px 0;
}
.cost-block a {
  text-decoration: none;
}
.prices {
  display: flex;
  justify-content: center;
  gap: 35px;
  margin-top: 20px;
}
.price {
  font-size: 42px;
  font-weight: bold;
  color: #003896;
}
.price-caption {
  font-size: 12px;
  color: #353A5A;
  margin-top: 13px;
  text-align: center;
}
.buttons {
  display: flex;
  justify-content: left;
  gap: 20px;
  margin-top: 20px;
}
.button {
  padding: 10px 20px;
  background-color: #003896;
  color: #ffffff;
  font-size: 16px;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
}

/***********block19*****************/

.box-b19{
  margin: 30px 0 50px;
}

.box-b19 ul {
  padding-left: 1px;
  list-style-type: none;
}

.box-b19 ul li {
  margin-bottom: 5px;
  color: #4A5D69;
  display: flex;
  font-size: 14px;
  line-height: 1.3;
}

.box-b19 ul li::before {
  content: "✔";
  color: #003896;
  margin-right: 8px;
  font-size: 15px;
}
/*******block20*********/

#item-block20.owl-carousel .owl-stage {
  display: flex;
} 

#item-block20 {
  margin: 30px 0 60px;
}

.work-grad {
  text-align: left;
  height: 100%;
  font-size: 12px;
  position: relative;
  margin: 0 5px;
  background: #F3F3F3;
  border-radius: 15px;
}

.work-grad .info {
  padding: 10px 20px 10px 20px;
  line-height: 1.6;
}

.work-grad .image-container .img-title {
  padding: 15px 20px 0 20px;
  font-size: 17px;
  font-family: "Lato", sans-serif;
  /*width: 116px;*/
  font-weight: bold;
}

.work-grad .person-image {
  width: 100% !important;
  object-fit: contain;
}

#item-block20.owl-carousel .owl-nav [class*=owl-] {
  transition: all 0.3s ease;
}
#item-block20.owl-carousel .owl-nav [class*=owl-].disabled:hover {
  background-color: #d6d6d6;
}
#item-block20.owl-carousel .owl-next,
#item-block20.owl-carousel .owl-prev {
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  border-radius: 50%;
  font-size: 15px !important;
  color: #003896 !important;
  border: 1px solid #D2DBE1 !important;
  text-align: center;
  position: absolute;
  top: -58px;
}

#item-block20.owl-carousel .owl-prev {
  right: 60px; 
  text-indent: inherit;
}

#item-block20.owl-carousel .owl-next {
  right: 10px;
  text-indent: inherit;
}

/**************block21*********************/

.item-card-b21 {
  display: flex;
  background-color: #F5F5F5;
  padding: 25px 20px 25px 20px;
  border-radius: 20px;
  margin: 25px 0 50px;
  align-items: center;
  justify-content: space-between;
}

.text-content-left {
  margin-right: 10px;
  width: 50%;
}

.block21 .description {
  font-size: 16px;
  line-height: 1.6;
  color: #444;
}

.block21 .text-content-right {
  width: 50%;
}

.block21 .image-container img{
  border-radius: 20px;
}

#item-block21.owl-carousel .owl-nav [class*=owl-] {
  transition: all 0.3s ease;
}
#item-block21.owl-carousel .owl-nav [class*=owl-].disabled:hover {
  background-color: #d6d6d6;
}
#item-block21.owl-carousel .owl-next,
#item-block21.owl-carousel .owl-prev {
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  border-radius: 50%;
  font-size: 15px !important;
  color: #003896 !important;
  border: 1px solid #D2DBE1 !important;
  text-align: center;
  position: absolute;
  top: -35px;
}

#item-block21.owl-carousel .owl-prev {
  right: 60px; 
  text-indent: inherit;
}

#item-block21.owl-carousel .owl-next {
  right: 10px;
  text-indent: inherit;
}




/*************block22****************/
.block22 .row{
  margin: 30px 0;
}
.h-grad{
  font-size: 14px;
}
.block22 img{
  border-radius: 20px;
}


/**************block23*******************/


.block23 {
  background-color: #CFE8FC;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 50px;
  border-radius: 15px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  margin: 60px 12px;
}

.text-content-b23{
  margin-top: 20px;
}

.text-content-b23 h2 {
  margin: 0 ;
}

.text-content-b23 p {
  font-size: 12px;
  color: #4A5D69;
  margin-top: 23px;
  width: 57%;
  line-height: 1.5;
}

.profile {
  width: 280px;
}

.profile-img {
  width: 74px;
  border-radius: 50%;
  margin-right: 15px;
  float: left;
}

.profile-info-b23 {
  text-align: left;
  margin: 15px 0px 25px 0px;
}

.name {
  font-size: 18px;
  color: #003896;
  margin: 0;
}

.description-b23 {
  font-size: 14px;
  color: #4A5D69;
  margin: 0;
}

.contact-btn {
  background-color: #003896;
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 15px;
  cursor: pointer;
  text-decoration: none;
  width: 95%;
}

.contact-btn:hover {
  background-color: #004799;
}


/**************block24*******************/
.hostel.stud h2{
  margin-top: 0px;
}

#studlife-owl-carousel .owl-thumbs .owl-thumb-item{
  height:100%;
  width: 100%;
  max-width:130px;
  background: transparent;
  border: none;
  overflow: hidden;
  margin-top: 20px;
}
#studlife-owl-carousel .owl-thumbs .owl-thumb-item img{
  max-width:100%;
  height:auto;
  border-radius: 5px;
}
#studlife-owl-carousel .owl-dots{
  position:absolute;
  bottom:170px;
  left:0;
  right:0;
}

/***********block25**************/

.map-block{
  margin: 30px 0px 45px 0px;
}
.map-block p{
  font-size: 14px;
}
.item-map-left{
  padding: 0 30px 0 0;
}
.map-block img{
  width: 100%;
  border-radius: 20px;
}
.map-block .item-img{
  margin-bottom: 20px;
}
.map-block .item-map{
  padding: 0px 0px 0px 0px;
}

.item-map-bg{
  background: #003896;
  color: #fff;
  padding: 30px 25px;
  border-radius: 20px;
}
h3.map-title{
  display: block;
  font-size: 14px;
  margin-bottom: 4px;
  font-weight: normal;
}
h3.adress{
  font-size: 14px;
  margin: 6px 0px 20px 0px;
  display: block;
  border-top: 1px solid #fff;
  padding-top: 10px;
  font-weight: normal;
}
.item-map-bg iframe{
  border-radius: 20px;
}
.soc-btn{
  margin: 25px 0;
}
.soc-btn .btn-vk{
  background: #286C9A;
  padding: 15px 34px;
  color: #fff;
  border-radius: 6px;
  margin-right: 20px;
}
.soc-btn .btn-tg {
  background: #0FB0C3;
  padding: 15px 63px;
  color: #fff;
  border-radius: 6px;
}
.metro1, .metro2 {
  display: block;
  font-size: 11px;
  margin-left: 10px;
  line-height: 1.4;
}

/********block26************/

.block26 img{
  border-radius: 20px;
  margin: 25px 0 50px 0;
}

/************block27****************/

.info-section img.vk-ico{
  width: 37px;
}
.contact-container {
  margin: 20px 0 60px;
}
.image-section img {
  width: 100%;
  height: auto;
  border-radius: 25px;
}
.info-section {
  padding: 0 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.info-section h2 {
  font-size: 26px;
  margin-bottom: 20px;
  color: #2B2B2B;
  line-height: 1.5;
}
.info-section p {
  font-size: 14px;
  color: #232323;
}
.info-section a {
  display: block;
  font-size: 14px;
  color: #232323;
  text-decoration: none;
  margin-bottom: 8px;
}
.info-section a:hover {
  text-decoration: underline;
}
.form-section input {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
}
.form-section button {
  width: 100%;
  padding: 10px;
  background-color: #003896;
  border: none;
  border-radius: 5px;
  color: white;
  font-size: 16px;
  cursor: pointer;
}
.form-section button:hover {
  background-color: #003896;
}
.to-our-page a{
  color: #fff;
  text-decoration: none;
  margin-bottom: 0;
  font-size: 16px;
}


/***********block28****************/

.block27{
  margin: 25px 0 50px 0;
}
.accordion .card{
  box-shadow: 0 4px 13px 5px rgba(0, 0, 0, 0.1);
}
.accordion .card .card-header {
  padding: 30px 30px 30px 30px;
  color: #353A5A;
  background-color: #ffffff;
  font-size: 21px;
  line-height: 1.5;
}
.card-header{
  border-bottom: none;
}
.accordion .card .card-body{
  font-size: 14px;
  padding: 0px 50px 35px 50px;
}

.accordion>.card:not(:last-of-type), 
.accordion>.card, 
.accordion>.card:not(:first-of-type) {
  border-bottom-right-radius: 10px; 
  border-bottom-left-radius: 10px;
  border-radius: 10px;
}
.accordion .card .card-header:after {
  color: #10B582;
}
.accordion .card .card-header:after{
  content: "–";
  border: 1px dashed #10B582;
  padding: 0px 11px 4px;
  border-radius: 50%;
  font-size: 30px;
  line-height: 1.1;
}
.accordion .card .collapsed:after {
  content: "+";
  border: 1px dashed #10B582;
  padding: 0px 10px;
  border-radius: 50%;
  font-size: 30px;
  line-height: 1.2;
}
/*************block-contacts********************/

#contacts {
  background: #fff;
  padding-bottom: 50px;
}
#contacts .block-cont a{
  margin-left: 8px;
  color: #2871A3;
  padding-bottom: 2px;
  display: inline-block;
  font-size: 14px;
}
#contacts .block-cont i{
  color: #2871A3;
}

.block-cont h3{
  font-weight: 700;
  display: block;
  font-size: 14px;
}
.block-cont {
  background: #fff;
  height: 100%;
  box-shadow: 0 4px 13px 5px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  padding: 20px;
}
.block-cont a{color: #2871A3;}

/*************************************************************/




@media (max-width: 768px) {

  .ico-soc{
    margin-top: -45px;
  }
  .title-h2 h2{
    line-height: 1.1;
    font-size: 25px;
  }
  .promo-block {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
  }

  .promo-content {
    max-width: 100%;
    order: 2;
    margin-top: 10px;
  }

  .promo-image {
    justify-content: center;
    max-width: 100%;
    order: 1;
  }

  .program-details {
    display: block;
    flex-direction: column;
    gap: 10px;
  }
  .program{
    margin-bottom: 10px;
    background-color: inherit;
  }
/*******************/

.tab-but-block2, .tab-button-block8 {
  padding: 6px 9px;
  margin: 0 8px 9px 0px;
}
/******/

.block2-1{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.bottom-info {
  margin-top: 5px;
}
/********************/
.block3 .slogan{
  width: 100%;
}

.block7{
  flex-direction: column;
}

#item-slider-block4.owl-carousel .owl-prev,
#main-academ-disc.owl-carousel .owl-prev {
  right: 55px;
}
#item-slider-block4.owl-carousel .owl-next, 
#item-slider-block4.owl-carousel .owl-prev,
#main-academ-disc.owl-carousel .owl-next, 
#main-academ-disc.owl-carousel .owl-prev {
  width: 35px;
  height: 35px;
  line-height: 20px !important;
  font-size: 15px !important;
  top: -45px;
}
#item-slider-block4 .owl-stage-outer {
  border-radius: 15px;
}

.block5 .col-12 {
  margin-bottom: 15px;
}
.block12 .text-content-left {
  width: 100%;
  text-align: center;
  margin-right: 0;
}
.block12 .text-content-right {
  width: 100%;
}
.text-content-left {
  width: auto;
  text-align: center;
  margin-right: 0;
}
.text-content-right {
  width: auto;
}
.block12{
  margin-bottom: 30px;
}
.info-block{
  margin-bottom: 10px;
}
.benefits-grid {
  gap: 35px;
  margin-top: 15px;
  line-height: 1.3;
}
.order-b1{
  order: 1;
  padding: 0;
}
.order-b2{
  order: 2;
  padding: 0;
}
.block18 .button {
  padding: 10px 13px;
  font-size: 13px;
}
.block18 .row {
  margin: 20px 0 0px;
}
.item-card-b21{
  flex-direction: column;
}
.hostel {
  margin: 0;
}
.block23{
  flex-direction: column;
  margin: 0px 0px 60px;
  padding: 20px 18px;
}
.text-content-b23{
  margin: 0;
}
.text-content-b23 p{
  width: auto;
}

}

@media (max-width: 480px) {
  .title, h2 {
    font-size: 25px;
    line-height: 1.1;
  }
  .program-details>div {
    background: #fff;
    border-radius: 20px;
    padding: 5px 8px;
    float: left;
    margin: 7px 9px 0px 0px;
    font-size: 20px;
  }
  .promo-content h2 {
    font-size: 20px;
    text-align: center;
  }

  .promo-content p {
    font-size: 14px;
    text-align: center;
  }

  .promo-button {
    padding: 10px 20px;
    font-size: 14px;
    display: inherit;
  }

  .program-details {
    font-size: 20px;
  }

  .program-details .label {
    font-size: 10px;
    line-height: 1.1;
  }
  .program-info{
    padding: 5px 10px;
  }
  #item-slider-block4 {
    margin-bottom: 30px;
  }
  .block3 {
    margin-bottom: 22px;
  }
  .logos-container{
    gap: 20px;
  }
  .logos-container img{
    max-width: 100%;
  }
  .h-training {
    margin: 0px;
  }
  .box{
    padding: 15px 13px 0 13px;
  }
  .soc-btn .btn-vk{
    margin-right: 10px;
  }
  #main-academ-disc.owl-carousel .owl-next, 
  #main-academ-disc.owl-carousel .owl-prev {
    top: -25px;
  }
  .academ-disc-card .image-container .img-title {
    top: 128px;
    padding: 10px 25px 10px 13px;
    font-size: 14px;
  }
  .block11{
    flex-direction: column;
    margin-bottom: 50px;
    margin-top: 0;
  }
  .text-content {
    max-width: 100%;
    order: 2;
  }
  .main-content{
    padding: 17px;
  }
  .image-content{
    max-width: 100%;
  }
  .text-content h2 {
    /*margin: 30px 0;*/
    line-height: 1.2;
  }
  .partners-section{
    margin: 25px 0;
  }
  .block17{
    flex-direction: column;
    margin-bottom: 40px;
  }
  .item-card{
    flex-direction: column;
    padding: 20px 10px 25px 10px;
    margin: 15px 0;
  }
  .cost-block p{
    font-size: 14px;
  }
  .soc-btn .btn-vk{
    padding: 15px 29px;
  }
  .map-block {
    margin: 30px 0px 0px 0px;
  }
  .box-b19 ul li{
    line-height: inherit;
  }
  #item-block12.owl-carousel .owl-next {
    right: 0px;
  }
  #item-block12.owl-carousel .owl-next, 
  #item-block12.owl-carousel .owl-prev {
    top: -30px;
  }
  #item-block12.owl-carousel .owl-prev {
    right: 50px;
  }
  .but-prog-bach{
    padding: 10px 7px;
  }
  .h-training a {
    margin-right: 15px;
  }
  .training-block {
    margin: 0px 0px 0px 0px;
  }
  .block15 .row {
    margin: 18px 0;
  }
  .col-12{
    margin-bottom: 20px;
  }
  .info-block-supp .text h3 {
    line-height: 1.2;
    height: auto;
  }
  .info-block-supp .ico{
    margin-bottom: 10px;
  }
  #hostel-owl-carousel .owl-thumbs .owl-thumb-item{
    max-width: 77px;
  }
  .hostel-text h2 {
    margin-top: 0px;
  }
  #studlife-owl-carousel .owl-thumbs .owl-thumb-item{
    max-width: 74px;
  }
  #item-block21 .text-content-left{
    order: 2;
    margin-top: 20px;
    text-align: left;
  }
  .block21 .text-content-right{
    order: 1;
    width: 100%;
  }
  .item-map-left {
    padding: 0;
  }
  .block26 img{
    height: 100%;
  }
  .block26 img {
    margin: 25px 0 25px 0;
  }
  .box-b19 {
    margin: 30px 0 35px;
  }
  .info-section p {
    margin-bottom: 5px;
  }
  .info-section h2 {
    margin-bottom: 0px;
  }
  .contact-container {
    margin: 20px 0 0px;
  }
  .block27 {
    margin: 25px 0 35px 0;
  }
  #contacts{
    padding-bottom: 0;
  }
  .soc-btn .btn-tg{
    padding: 15px 60px;
  }


}