/* !!! Шаблон в две колонки с адаптивным дизайном и с учетом элементарной семантики !!! */
/* Правила для экранной версии представления данных */
@media screen {
/* Общие установки делающие верстку макетов сайта более понятной */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
}

/* Установки для body: фона, семейства шрифтов и цвета шрифтов */

@font-face {
  font-family: "Gilroy";
  src: url("/fonts/Gilroy_Regular.eot");
  src: url("/fonts/Gilroy_Regular.eot?#iefix") format("embedded-opentype"),url("/fonts/Gilroy_Regular.woff2") format("woff2"),url("/fonts/Gilroy_Regular.woff") format("woff"),url("/fonts/Gilroy_Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Gilroy";
  src: url("/fonts/Gilroy_Medium.eot");
  src: url("/fonts/Gilroy_Medium.eot?#iefix") format("embedded-opentype"),url("/fonts/Gilroy_Medium.woff2") format("woff2"),url("/fonts/Gilroy_Medium.woff") format("woff"),url("/fonts/Gilroy_Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Gilroy";
  src: url("/fonts/Gilroy_SemiBold.eot");
  src: url("/fonts/Gilroy_SemiBold.eot?#iefix") format("embedded-opentype"),url("/fonts/Gilroy_SemiBold.woff2") format("woff2"),url("/fonts/Gilroy_SemiBold.woff") format("woff"),url("/fonts/Gilroy_SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Gilroy";
  src: url("/fonts/Gilroy_Bold.eot");
  src: url("/fonts/Gilroy_Bold.eot?#iefix") format("embedded-opentype"),url("/fonts/Gilroy_Bold.woff2") format("woff2"),url("/fonts/Gilroy_Bold.woff") format("woff"),url("/fonts/Gilroy_Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap
}

body {
  background: #fff url(/images/white-page.gif) scroll;
  color: #000;
  font-family: Roboto;
}

/* Шрифт для "шапки", меню навигации, заголовков второго уровня в основном тексте, новостей, дат и "подвала" */
.header, .menu, .text h1, .text h2, .text p.news, footer {
  font-family: Roboto;
}

/* Общие правила оформления "шапки" и "подвала" */
.header {
  color: #fff;
  background: #3B5FA3;
  padding: 10px 0 3px 0;
  margin: 0;
  position: -webkit-sticky;
  position: sticky;
  top:-120px;
  z-index: 100;
}

.header a{
  color: #fff;
  padding-right:10px !important;
}
/* Оформление шапки */
.header {
  border-bottom: solid 5px #3B5FA3;
  text-align: right;
}



/* !!! Блок навигации !!! */
/* Позиционирование блока навигации */
.menu {

  margin-top: 20px;
  float: left;
  width: 17%;
  text-align: left;
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: #ccc;


}

/*Липкое меню*/
#nav{
  position: -webkit-sticky;
  position: sticky;
  top:45px;
}



/* В блоке навигации при помощи свойства display превращаем гиперссылки и контейнер <span>, из строчных элементов в блочные, тогда можно указывать ширину при помощи свойства width */
.menu a, .menu span {
  background-color: #e5e5e5;
  padding: 0.5px 4px 0.5px 20px;
  display: block;
  width: 100%;
  color: black;

}

/* Отображение ненажатых "кнопок" */
.menu a {
  color: #000;
  text-decoration: none;

}
/* Отображение обрамления "кнопок" непросмотренных и просмотренных */
.menu a:link, .menu a:visited {
  background: #fff;
  border: solid 2px #ffffff;
}
/* Отображение обрамления "кнопок". Их стилей и цветов при наведении, нажатии, текущих, нажатых */
.menu a:hover, .menu a:active, .menu a.current:link, .menu a.current:visited, .menu span {

  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  color: #000000;
  text-decoration: underline;
  background-color: #cfd0d3;
}
/* Отображение "кнопок" на страницах 3-го уровня */
.menu a.current:link, .menu a.current:visited, .menu span {
  background: #fff;
  color: #ccc;
}
/* Отображение "кнопок" на страницах 2-го уровня */
.menu span {
  color: #999;
  text-decoration: none;
}
/* Цвет фона "кнопок" при наведении и нажатии */
.menu a.current:hover, .menu a.current:active {
  background: #fff;
}

.menu img{
  height: 15pt;
}

.menu p{
  padding-left: 10pt;
  padding-right: 10pt;
  text-align: justify;
  font-size: small;
}


/* !!! Оформление элементов области основного текстового содержания страниц !!! */
.text {
  float:left;
  width: 80%;
  padding:0 20px;
  min-height: 556px;
  margin-top:30px;
}

/* Правила отображения заголовков h1 и h2 */
.text h1, .text h2 {
  box-sizing: border-box;
  padding: 10px 0 10px 0;
  font-weight: normal;
color: #000000;
}
.text h1 {
  font-size: 140%;
}
.text h2 {
  font-size: 120%;
}

/* Абзацы основного текста оформляются в соответствии с традициями русскоязычного текстового набора */
.text p {
  text-align: justify;
  text-indent: 0;
  margin: 0px;
}

/* Класс абзацев, предназначенный для новостей и хронологий */
.text p.news {
  text-align: left;
  font-size: 95%;
  text-indent: 0pt;
  margin-top: .3em;
  margin-bottom: .3em;
}

.plus_minus{
width:34px !important;
display:block;
margin:0px auto !important;
}




/* Класс, позволяющий выделять полужирным начертанием дат новостей и хронологий */
.date {
  font-weight: bold;
}

/* Представление нумерованных и маркированных списков в основном тексте */
.text ul, .text ol {
  margin-top: 0px;
  margin-bottom: 0px;
  list-style-position: inside;
}
.text ul {
  list-style-type: square;
  list-style-position: inside;
}

/* Оформление ссылок в основном тексте */
.text a {
  text-decoration: none;
}
.text a:link {
  color: #cc6633;
}
.text a:visited {
  color: #999;
}
.text a:hover {
  text-decoration: underline;
}
.text a:active {
  color: #f00;
}

/* Оформление изображений в верхней левой части текста */
div.img_lt {
  float: left;
  margin: 5px 15px 1px 0;
  display: inline;
  max-width: 100%;
  height: auto;
}

/* Убираем рамки вокруг изображений */
.img {
  border: 0;
}

/* Оформление тегов <summary> */
summary {
  cursor: pointer;
  outline: 0;
  font-size: 15px;
  color: #cc6633;
  float: right;
}

/* Отображение структурированных строк */
.line-str1 {
  padding-left: 15px;
}
.line-str2 {
  padding-left: 30px;
}
.line-str3 {
  padding-left: 45px;
}

/* !!! Оформление "подвала" и содержащихся в нем элементов !!! */
footer {
  width: 100%;
  clear: both;
  color: #fff;
  background: #34495e;
  padding: 10px 0 10px 0;
  font-size: 85%;
  border-top: solid 5px #34495e;
  text-align: center;
}
footer a:link, footer a:visited, footer a:hover, footer a:active {
  color: #fff;
}
address, footer span {
  font-size: 75%;
}

.top_menu {
  padding-right: 45px;
  display: flex;
  justify-content: space-between;
  text-decoration: none !important;
}

.top_menu li{
  display: inline-block;
}
.top_menu a {
  color: white;
  text-decoration: none !important;
}
form {
  max-width: 500px !important;
}
a, u {
  text-decoration: none !important;
}

.table-content {
  border-bottom: 1px solid gray;
  height: 100%;
  padding: 20px 20px;
  text-align: left;
  font-size: 14px;
  float:center;
  width: 100%;
  padding:20px;
}
.table-content tr td{
  border-bottom: 1px solid gray;
  padding-left:20px;
  padding-right:20px;
}

.main_header, h1{
  text-align: center !important;
  font-weight: 800;
}
.main_img{
  max-width: 100%;
  height: auto;
  align-items: center;
}
.aut{
  padding-right:10px !important;
}

.img_teach{
  height:150px;
  border-radius: 20px;
}

.th_center th{
  text-align: center;
}

select:required:invalid {
  color: gray;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: black;
}

.round {
  border-radius: 50px; /* Радиус скругления */
  
 }

 .td-lk{
  align-self:center;
  vertical-align: middle;
  font-size:25pt;
 }

 .tr-lk{
  align-self:left;
  vertical-align: middle;
  font-size:15pt;
  font-style: italic;
 }


 .btn-space {
  margin-left: 5px !important;
}

.hide {
  display: none;
}

.align_avatar_link{
  text-align: center;
  vertical-align: middle;
}

#box
{
  background: rgb(255, 255, 255);
  color: rgb(154, 154, 154);
  border-radius: 1em;
  padding: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)
}

.submenu{
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
}

a.active {
  background-color: #cfd0d3 !important;
  color: #2c6521 !important;
  font-weight: bold !important;
  text-decoration: none !important;
}

.maintenance_template{
  padding: 0 0 10px 50px;
  text-align: center;
  }
.maintenance_block{
  padding-right: 15px;
  padding-left: 15px;
  }
.maintenance_bender{
  max-width: 400px;
  }

#img-preview{
    width: auto;
    height: 100px;
}

/* Попап. Важная часть */
.popup__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.5);
  opacity: 0; /* Скрываем фон и сам попап */
  pointer-events: none; /* Запрещаем ему быть целью событий */
  transition: 0.5s all;
}

.popup__bg.active { /* При добавлении класса 'active' */
  opacity: 1; /* Показываем фон и попап */
  pointer-events: all; /* Возвращаем события */
  transition: 0.5s all;
}

.popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0); /* Центрируем и масштабируем в 0 само окно */
  background: #fff;
  width: 700px;
  padding: 25px;
  transition: 0.5s all;
}

.popup.active { /* При добавлении класса 'active' */
  transform: translate(-50%, -50%) scale(1); /* Так же центрируем и плавно увеличиваем */
  transition: 0.5s all;
}

/* Конец важной части */
/* Далее код для стилизации формы */
.close-popup {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.popup label {
  width: 100%;
  margin-bottom: 25px;
  display: flex;
  flex-direction: column-reverse;
}

.popup .label__text {
  font-size: 16px;
  /*text-transform: uppercase;*/
  font-weight: 500;
  color: #1D8854;
  margin-bottom: 5px;
}

.popup input {
  height: 45px;
  font-size: 18px;
  border: none;
  outline: none;
  border-bottom: 1px solid #cfd0d3;
}

.popup input:focus {
  border-bottom: 1px solid #1D8854;
}

.popup input:focus + .label__text {
  color: #1D8854;
}

.popup textarea {
  resize: none;
  width: 100%;
  height: 150px;
  border: none;
  outline: none;
  border-bottom: 1px solid #cfd0d3;
  font-size: 18px;
  padding-top: 5px;
}

.popup textarea:focus {
  border-bottom: 1px solid #1D8854;
}

.popup textarea:focus + .label__text {
  color: #1D8854;
}





.button-style, .button-style:visited, .button-style:active, .button-style:link {
  display: inline-block;
  padding: 8px 10px;
  background: #1D8854;
  border-radius: 5px;
  color: white !important;
  text-decoration: none;
  text-align: center;
}

.button-style:hover, .button-style:focus {
  background: #125635; /* Эффект при наведении — дополнительное оформление */
  text-decoration: none !important;
}





.table-net{
  font-size: 12px !important;
  table-layout: fixed;
}

/* Кнопка наверх */
.btn-up {
  /* фиксированное позиционирование */
  position: fixed;
  /* цвет фона */
  background-color: #3B5FA3;
  /* расстояние от правого края окна браузера */
  right: 20px;
  /* расстояние от нижнего края окна браузера */
  bottom: 0;
  /* скругление верхнего левого угла */
  border-top-left-radius: 8px;
  /* скругление верхнего правого угла */
  border-top-right-radius: 8px;
  /* вид курсора */
  cursor: pointer;
  /* отображение элемента как flex */
  display: flex;
  /* выравниваем элементы внутри элемента по центру вдоль поперечной оси */
  align-items: center;
  /* выравниваем элементы внутри элемента по центру вдоль главной оси */
  justify-content: center;
  /* ширина элемента */
  width: 60px;
  /* высота элемента */
  height: 50px;
  z-index:1000;
}

.btn-up::before {
  content: "";
  width: 40px;
  height: 40px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E");
}

.btn-up_hide {
  display: none;
}

.burger-menu {
  display: none;
}

/* Кнопки счетчика */

.container_count {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: center !important;
}

.counter{
  width: 30%;
  display: flex;
  justify-content: center !important;
}
.increment-btn, .decrement-btn{
  height: 30px;
  width: 30px;
  padding: 0 5px;
  border-radius: 2px;
  font-size: 15px;
  background-color: #2c6521;
  border: 2px solid #2c6521;
  color: white;
  margin: 5px;
}

.counter-value{
  height: 30px;
  min-width: 30px;
  border-radius: 2px;
  background-color: rgba(207, 207, 207, 0.543);
  margin-top: 5px;
  font-size: 15px;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
}

/* Dropdown Button */
.dropbtn {
  color: white;
  margin: 40px 0px 20px 0px;
  font-size: 16px;
  font-weight: 600;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 213px;
  
  z-index: 1;
  text-align: left;
  padding-left: 20px;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 6px 8px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}







}

/* !!! Правила, определяющие мобильную версию для смартфонов !!! */
@media only screen and (max-width:620px) {
.menu, .text {
  width:100%;
}



/* Мобильное меню */
#nav{
  display: none;
  position: static;
  top:0;
}

.burger-menu {
  display: block;
  z-index: 99999;
}

.burger-checkbox {
  position: -webkit-sticky;
  position: sticky;
  top:0;
  visibility: hidden;
}
.burger {
  position: relative;
  z-index: 1001;
  cursor: pointer;
  display: block;
  position: relative;
  border: none;
  background: transparent;
  width: 40px;
  height: 26px;

  

}
.burger::before,
.burger::after {
  content: '';
  left: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 10px;
  background: #000;



  
}
.burger::before {
  top: 0;
  box-shadow: 0 11px 0 #000;
  transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
}
.burger::after {
  bottom: 0;
  transition: bottom .3s .15s, transform .3s;
}
.burger-checkbox:checked + .burger::before {
  top: 11px;
  transform: rotate(45deg);
  box-shadow: 0 6px 0 rgba(0,0,0,0);
  transition: box-shadow .15s, top .3s, transform .3s .15s;
}
.burger-checkbox:checked + .burger::after {
  bottom: 11px;
  transform: rotate(-45deg);
  transition: bottom .3s, transform .3s .15s;
}
.burger-menu-list {
  top: 0;
  left: 0;
  position: absolute;
  display: grid;
  gap: 6px;
  padding: 20px 0;
  margin: 0;
  background: #ffffff;
  list-style-type: none;
  transform: translateX(-100%);
  transition: .3s;
  width: 270px;
  z-index: 1000;
}
.burger-menu-item {
  display: block;
  padding-left: 50px;
  color: rgb(0, 0, 0);
  font-size: 14px;
  text-align: left;
  text-decoration: none;
}
.burger-menu-item:hover {
  background: rgba(255,255,255,.2)
}
.burger-checkbox:checked ~ .burger-menu-list {
  transform: translateX(0);
}

.burger-menu-item img{
  height: 10pt;
}



/* Вид таблиц в мобильной версии */
thead {
  display: none;
}
tr {
  display: block;
  margin-bottom: 1rem;
  border-bottom: 2px solid #e8e9eb;
}
td {
  display: block;
  text-align: left;
}
td:before {
  content: attr(aria-label);
  float: left;
  font-weight: bold;
}






}

.chat-container {
  padding: 0;
  margin: 0;
}

.chat_from {
color:#999;
}

.chat_mes {
font-size: 20px;
}

@media (hover: hover) and (pointer: fine) {
  .btn-up:hover {
    background-color: #1D8854; /* цвет заднего фона при наведении */
  }
}




.main_container_0 {
  background-image: url("https://crm.itfanis.ru/images/flashlight.png");
  background-position: top;
  background-repeat: no-repeat;
  display:flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: nowrap;
  width: 100%;
  padding: 20px 20px 20px 20px;
  margin-top:10px;
  background-color:#ffffff;
  font-family: 'Gilroy',sans-serif !important;
  align-items:center;
}

.glav_text {
  
display:flex;
align-items:center;
flex-direction: column;
text-align: center;
width: 50%;
}

.glav_text_zagolovok1 {
font-size: 45px;
font-weight: 800;
padding: 20px;
justify-content:center;
color: #1244cc;
}
.glav_text_zagolovok2 {
font-size: 35px;
padding: 20px;
justify-content:center;
color: #405AA3;
}
.glav_text_button {
  display:flex;
  text-align: center;
  justify-content:center;
}

.glav_image {
width: 50%;

}

.glav_image img{
width: 600px;
filter: drop-shadow(3px 3px 150px rgba(255, 196, 0, 0.574));
}

.button-style-main, .button-style-main:visited, .button-style-main:active, .button-style-main:link {
  margin: 20px;
  padding: 10px 20px;
  font-size: 25px;
  background: #02fc06;
  border-radius: 15px;
  color: #125635 !important;
  text-decoration: none;
  text-align: center;
  justify-content:center;
}

.button-style-main:hover, .button-style-main:focus {
  background: #125635; /* Эффект при наведении — дополнительное оформление */
  text-decoration: none !important;
  color: white !important;
}

.main_container_1 {
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 20px 20px 20px 20px;
  margin-top:10px;
  background-color:#E6E5E6;
  font-family: 'Gilroy',sans-serif !important;
}

.glav_container {
  display:flex;
  width: 100%;
}

.glav_header {
  width: 100%;
  text-align: center;
}

.glav_block {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}

.sub_glav_element {
display: inline-flex;
width: 400px;
align-items: center;
justify-content: center;
}

.sub_glav_element p{
font-family: 'Gilroy',sans-serif !important;
font-size: 20px;
text-align: center;
}

.sub_glav_element img{
width: 100px;
height: 100px;
border: 1px inset #32a1ce !important;
border-radius: 50%;
margin: 5px;
}

.glav_block_kvadrat {
display: flex;
flex-direction:row;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
transition: transform .2s; /* Animation */
}

.glav_block_vertical {
display: flex;
flex-direction: column;
flex-wrap: wrap;

text-align: center;
justify-content: start;
align-items: stretch;
align-content: center;
}

.glav_block_vertical p{
text-align:center;
font-size: 25px;
font-weight: 600;
color: #2a96ee;

}

.sub_glav_text_price {
font-size: 20px !important;
font-weight: 800 !important;
color: #9c27b0 !important;
}

.main_container_2 {
  display:flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 20px 20px 20px 20px;
  margin-top:10px;
  background-color:#ffffff;
  font-family: 'Gilroy',sans-serif !important;
}

.sub_glav_text {

  text-align:justify;
  text-indent: 40px;
  width: 50%;
  font-size: 25px;
  align-items: center;
  
}


.sub_glav_text_2 {
border: 1px inset #32a1ce !important;
border-radius: 20px;
  text-align: center;
  width: 380px;
  font-size: 25px;
  align-items: center;
  padding: 15px;
  align-content: center;
  margin: 10px;
  transition: transform .2s; /* Animation */
}

.glav_block_kvadrat :hover{
background-color: #ffffff !important;
cursor: pointer;
background: transparent !important;
}


.glav_block_kvadrat :hover > p{
color: #07015e !important;
font-weight: 900;
transform: scale(1);
background: transparent !important;
}

.glav_block_kvadrat :hover{
transform: scale(1.1); /* (110% зум — если масштаб слишком велик, элемент будет выходить за пределы видового экрана) */
background: transparent !important;
}

.sub_glav_text_2 :hover > p{
transform: scale(1);
background: transparent !important;
}
.sub_glav_text_2 :hover > ul{
transform: scale(1);
background: transparent !important;
}
.sub_glav_text_2 :hover > li{
transform: scale(1);
background: transparent !important;
}

.sub_glav_text_2 ul {
list-style-type: none; /* Убирает буллиты */
background: transparent !important;

}

.sub_glav_text_mini {
  font-size: 20px !important;
  background: transparent !important;
}
.sub_glav_text_mini :hover > li{
transform: scale(1);
background: transparent !important;
}

.sub_glav_image img{
  margin: 20px;
  width: 400px;
  border-radius: 10px;
}

.glav_block_vertical img {
  margin: 20px;
  width: 150px;
  border-radius: 10px;
}



*,
    *::before,
    *::after {
      -webkit-box-sizing: border-box !important;
      box-sizing: border-box !important;
    }

    body {
      margin: 0;
      font-family: 'Gilroy',sans-serif !important;
    }

    .container_slider {
      max-width: 100%;
      margin: 0 auto;
      font-family: 'Gilroy',sans-serif !important;
    }

    .itc-slider-items {
      counter-reset: slide;
      margin-left: 100px;
      margin-right: 100px;
     margin-top: 50px;
     margin-bottom: 50px;
    }

    .itc-slider-item {
      display: inline-flex;
      flex: 0 0 100%;
      max-width: 100%;
      counter-increment: slide;
      height: 350px;
      position: relative;
      border-radius: 40px;
      margin-left: 20px;
      margin-right: 20px;
    }

    .itc-slider-item::before {
      content: counter(slide) '/5';
      position: absolute;
      top: 10px;
      right: 20px;
      color: #fff;
      font-style: italic;
      font-size: 32px;
      font-weight: bold;
      display: block;
    }

    .itc-slider-item:nth-child(1) {
      background-color: #f44336;

    }

    .itc-slider-item:nth-child(2) {
      background-color: #9c27b0;

    }

    .itc-slider-item:nth-child(3) {
      background-color: #3f51b5;
    }

    .itc-slider-item:nth-child(4) {
      background-color: #03a9f4;
    }

    .itc-slider-item:nth-child(5) {
      background-color: #4caf50;
    }

.image_container{
  overflow: clip;
  vertical-align: middle;
  border-style: none;
  height: 100%;
  width: auto;
}
.image_container img{
  padding-left: 100px;
  height: 100%;
  width: auto;
}
.description_container p{
  font-family: 'Gilroy',sans-serif !important;
  color:#E6E5E6;
  font-weight: 800;
  padding-top: 50px;
  font-size: xx-large;
}