/* Start:/bitrix/templates/simai.college/components/bitrix/catalog.sections.top/managers-sect/style.css?17889326394515*/
.card{ background-color: #fff; border: 1px solid transparent; border-radius: 6px; }
.card .card-img{ position: relative; padding: 0; display: table; }
.card .card-img .card-caption{
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
}
.card .card-body{ display: table; width: 100%; padding: 12px; }
.card .card-header{ border-radius: 6px 6px 0 0; padding: 8px; }
.card .card-footer{ border-radius: 0 0 6px 6px; padding: 8px; }
.card .card-left{ position: relative; float: left; padding: 0 0 8px 0; }
.card .card-right{ position: relative; float: left; padding: 0; }
.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child, 
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3, 
.card .card-body .h4{ margin-top: 0; }
.card .card-body .heading{ display: block;  }
.card .card-body .heading:last-child{ margin-bottom: 0; }

.card .card-body .lead{ text-align: center; }

@media( min-width: 768px ){
  .card .card-left{ float: left; padding: 0 8px 0 0; }
  .card .card-right{ float: left; padding: 0; }
    
  .card .card-4-8 .card-left{ width: 33.33333333%; }
  .card .card-4-8 .card-right{ width: 66.66666667%; }

  .card .card-5-7 .card-left{ width: 41.66666667%; }
  .card .card-5-7 .card-right{ width: 58.33333333%; }
  
  .card .card-6-6 .card-left{ width: 50%; }
  .card .card-6-6 .card-right{ width: 50%; }
  
  .card .card-7-5 .card-left{ width: 58.33333333%; }
  .card .card-7-5 .card-right{ width: 41.66666667%; }
  
  .card .card-8-4 .card-left{ width: 66.66666667%; }
  .card .card-8-4 .card-right{ width: 33.33333333%; }
}

/* -- default theme ------ */
.card-default{ 
  border-color: #D5D5D5;
  background-color: #fff;
  margin-bottom: 24px;
}
/*
.card-default:hover{
    scale: 1.02;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    transition: all 0.2s;
}
*/
.card-default > .card-header,
.card-default > .card-footer{ color: #333; background-color: #ddd; }
.card-default > .card-header{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-default > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-default > .card-body{  }
.card-default > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-default > .card-left{ padding-right: 4px; }
.card-default p:last-child{ margin-bottom: 0; }
.card-default .card-caption { color: #fff; text-align: center; text-transform: uppercase; }
.inner-page-block + .inner-page-block {
    margin-top: 40px;
}
fieldset.inner-page-block {
    padding: 24px;
    border: 1px solid #0089cc;
    font-size: 0.875rem;
    line-height: 1.2;
    border-radius: 5px;
}

.round {
    border-radius: 50%;
   }

.card-right ul {
    list-style: none;
margin: 0;
    padding: 0;
}
.card-right ul li{margin:5px 0;}



      .toggle-container {
            max-width: 600px;
            margin: 20px auto;
            font-family: Arial, sans-serif;
        }
        
        .toggle-button {
            background-color: #f1f1f1;
            color: #333;
            cursor: pointer;
            padding: 12px 15px;
            width: 100%;
            border: none;
            text-align: left;
            outline: none;
            font-size: 16px;
            transition: 0.3s;
            border-radius: 4px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .toggle-button:hover {
            background-color: #ddd;
        }
        
        .toggle-button:after {
            content: '\002B';
            font-weight: bold;
            float: right;
            font-size: 22px;
        }
        
        .toggle-button.active:after {
            content: "\2212";
        }
        
        .toggle-content {
            padding: 0 18px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
            background-color: #f9f9f9;
            border-radius: 0 0 4px 4px;
        }
        
        .toggle-content-inner {
            padding: 15px 0;
        }
        
        /* Вариант с ссылкой вместо кнопки */
        .toggle-link {
            color: #333;
            text-decoration: underline;
            cursor: pointer;
            font-size: 14px;
            display: block;
            margin-bottom: 10px;
			display: block;
			padding: 5px 3px;
			background: #ececec;
        }
        
        .toggle-link:hover {
            color: #004499;
        }
/* End */
/* /bitrix/templates/simai.college/components/bitrix/catalog.sections.top/managers-sect/style.css?17889326394515 */