.padding10{
	padding-bottom:10px;
}

.dfiles{
	border: 1px solid #d6d6d666;
}

.dfiles:hover{
	border: 1px solid #7491af66;
	transition: all .5s ease-in-out;
}

.post-list .active  .post-link{
	background-color: #79b1d4;
}

.site-navigation .active .megamenu-toggle::after
{
	content: "";
    display: block;
    border-bottom: 2px solid #4f9fef;
    padding-top: 1rem;
    position: absolute;
    margin-left: 1rem;
    max-width: 50%;
    width: 6rem;

}

.menu-item .mobile-submenu .megamenu-item{
	white-space: normal;
	line-height: 2em;
}

.nav-main-mobile .active{
	background-color: #2a485f;
}

.section-industries #industry-19:checked~.left-side .industry-tab-19,
.section-industries #industry-20:checked~.left-side .industry-tab-20,
.section-industries #industry-21:checked~.left-side .industry-tab-21,
.section-industries #industry-22:checked~.left-side .industry-tab-22,
.section-industries #industry-23:checked~.left-side .industry-tab-23,
.section-industries #industry-24:checked~.left-side .industry-tab-24,
.section-industries #industry-25:checked~.left-side .industry-tab-25,
.section-industries #industry-26:checked~.left-side .industry-tab-26,
.section-industries #industry-27:checked~.left-side .industry-tab-27 {
    background-color: #358fe9;
    border-color: #358fe9;
    color: #fff;
    opacity: 1;
    z-index: 1
}

.section-industries #industry-19:checked~.left-side+.industry-images .industry-19 .dark-card,
.section-industries #industry-20:checked~.left-side+.industry-images .industry-20 .dark-card,
.section-industries #industry-21:checked~.left-side+.industry-images .industry-21 .dark-card,
.section-industries #industry-22:checked~.left-side+.industry-images .industry-22 .dark-card,
.section-industries #industry-23:checked~.left-side+.industry-images .industry-23 .dark-card,
.section-industries #industry-24:checked~.left-side+.industry-images .industry-24 .dark-card,
.section-industries #industry-25:checked~.left-side+.industry-images .industry-25 .dark-card,
.section-industries #industry-26:checked~.left-side+.industry-images .industry-26 .dark-card,
.section-industries #industry-27:checked~.left-side+.industry-images .industry-27 .dark-card {
    animation: fade-in-animation .5s both 1;
    animation-delay: .5s
}

.section-industries #industry-19:not(:checked)~.left-side .industry-19,.section-industries #industry-19:not(:checked)~.left-side+.industry-images .industry-19,
.section-industries #industry-20:not(:checked)~.left-side .industry-20,.section-industries #industry-20:not(:checked)~.left-side+.industry-images .industry-20,
.section-industries #industry-21:not(:checked)~.left-side .industry-21,.section-industries #industry-21:not(:checked)~.left-side+.industry-images .industry-21,
.section-industries #industry-22:not(:checked)~.left-side .industry-22,.section-industries #industry-22:not(:checked)~.left-side+.industry-images .industry-22,
.section-industries #industry-23:not(:checked)~.left-side .industry-23,.section-industries #industry-23:not(:checked)~.left-side+.industry-images .industry-23,
.section-industries #industry-24:not(:checked)~.left-side .industry-24,.section-industries #industry-24:not(:checked)~.left-side+.industry-images .industry-24,
.section-industries #industry-25:not(:checked)~.left-side .industry-25,.section-industries #industry-25:not(:checked)~.left-side+.industry-images .industry-25,
.section-industries #industry-26:not(:checked)~.left-side .industry-26,.section-industries #industry-26:not(:checked)~.left-side+.industry-images .industry-26,
.section-industries #industry-27:not(:checked)~.left-side .industry-27,.section-industries #industry-27:not(:checked)~.left-side+.industry-images .industry-27 {
    position: absolute;
    opacity: 0;
    z-index: -1
}

table, th, td{
	border: 1px solid #d0d0d0;
}
table{
	border-collapse: collapse;
	width: 100%;
}

th, td {
  padding: 15px;
  text-align: left;
}

th{
	background-color:#5ea1ca;
	color: white;
}
td{
	vertical-align: middle;
}
tr:nth-child(even) {background-color: #f2f2f2;}

.training a{
  text-decoration: none;
  color: #122b43!important;
}
.training a:hover {
	color: #358fe9!important;
	text-decoration: underline;
}
.maintitle{max-height: 5rem!important;}







.section-industries #industry-11:checked~.left-side .industry-tab-11,
.section-industries #industry-13:checked~.left-side .industry-tab-13,
.section-industries #industry-14:checked~.left-side .industry-tab-14,
.section-industries #industry-15:checked~.left-side .industry-tab-15,
.section-industries #industry-16:checked~.left-side .industry-tab-16,
.section-industries #industry-17:checked~.left-side .industry-tab-17 {
    background-color: #358fe9;
    border-color: #358fe9;
    color: #fff;
    opacity: 1;
    z-index: 1
}

.section-industries #industry-11:checked~.left-side+.industry-images .industry-11 .dark-card,
.section-industries #industry-13:checked~.left-side+.industry-images .industry-13 .dark-card,
.section-industries #industry-14:checked~.left-side+.industry-images .industry-14 .dark-card,
.section-industries #industry-15:checked~.left-side+.industry-images .industry-15 .dark-card,
.section-industries #industry-16:checked~.left-side+.industry-images .industry-16 .dark-card,
.section-industries #industry-17:checked~.left-side+.industry-images .industry-17 .dark-card {
    animation: fade-in-animation .5s both 1;
    animation-delay: .5s
}

.section-industries #industry-11:not(:checked)~.left-side .industry-11,.section-industries #industry-11:not(:checked)~.left-side+.industry-images .industry-11,
.section-industries #industry-13:not(:checked)~.left-side .industry-13,.section-industries #industry-13:not(:checked)~.left-side+.industry-images .industry-13,
.section-industries #industry-14:not(:checked)~.left-side .industry-14,.section-industries #industry-14:not(:checked)~.left-side+.industry-images .industry-14,
.section-industries #industry-15:not(:checked)~.left-side .industry-15,.section-industries #industry-15:not(:checked)~.left-side+.industry-images .industry-15,
.section-industries #industry-16:not(:checked)~.left-side .industry-16,.section-industries #industry-16:not(:checked)~.left-side+.industry-images .industry-16,
.section-industries #industry-17:not(:checked)~.left-side .industry-17,.section-industries #industry-17:not(:checked)~.left-side+.industry-images .industry-17 {
    position: absolute;
    opacity: 0;
    z-index: -1
}


.xfieldimagegallery img{
	float: left;
	width: 200px;
}


.xfieldimagegallery li{
    width: 200px;
    float: left;
    display: block!important;
}

.flexslider .slides{
    width: 2400%;
    transition-duration: 0s;
    transform: translate3d(0px, 0px, 0px);
}

.cta-ru{
	margin-right: 1rem;
	margin-top: .5rem;
	font-weight: 400;
	letter-spacing: 0;
	display: flex!important;
	align-items: center;
	vertical-align: middle;}
	
.cta-eng{
	margin-right: 22rem;
	margin-top: .5rem;
	font-weight: 400;
	letter-spacing: 0;
	display: flex!important;
	align-items: center;
	vertical-align: middle;}

.not-active-lng{
	opacity: 0.5;
}

.small-print a{
	color: rgba(255,255,255,.63);
	text-decoration: none;
	
}

.small-print{
	font-size: 1.3rem!important;
}

.course{
	width: 31%;
    background-color: #f2f2f2;
    padding: 2rem;
    margin-right: 10px;
    margin-bottom: 50px;
}
.course-name{
	    padding: 20px 0px;
    height: 150px;
}


.course-info td{
	font-weight: 100;
}

.course-name a{
	text-decoration: none;
	color: #122b43;
    font-size: 1.5rem;
    font-family: Rubik, sans-serif;
    font-weight: 300;
    letter-spacing: .025em;
	font-weight: 500;
}

.list-course{
display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.right_img{
	display: flex;
    justify-content: center;
    padding-bottom: 20px;
}
.right_img img{
	width: 150px;
}

.right_info tr:nth-child(even){
	background-color:unset;
}

.right_info td{
	font-weight:unset;
}
.main_login{
	display: flex;
	height: 100%;
    width: 100%;

}
.main_login span{
	display: flex;
    align-items: center;
	font-size: 2rem;
    color: #fff;
	transition: all .15s ease-in-out;
	height: 100%;
    width: 100%;
    justify-content: center;
}
.main_login span:hover{
	color: #000;
	
}

.main_bg{
	background-image: url(https://online.seftecglobaltraining.com/seftekseftek/assets/img/1234.jpg);
    background-size: cover;
    background-color: #547792;
    background-blend-mode: soft-light;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: .7;
    z-index: 1;
	transition: all .15s ease-in-out;
}

.main_bg a{
	text-decoration: none;
}
.main_bg:hover{
    background-color: #bec8cd;
    color: #000;
}


.card-list-2{
	column-gap: 2rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(60rem, 1fr));
    row-gap: 2rem;
}

.loginform {
    margin: 0 auto;
    background-color: #fff;
    display: flex;
    align-items: center;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border-radius: .5rem;
}

.loginform .login-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}
.form-group {
    margin-bottom: 1rem;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    line-height: 1.5;
    border-radius: .6rem;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #8f959e;
    border-radius: .5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
    cursor: pointer;
}
.btn {
    -webkit-user-select: none;
    -ms-user-select: none;
}


.btn {
    display: inline-block;
    font-weight: 400;
    color: #1d2125;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: .5rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-primary {
    color: #fff;
    background-color: #032467;
    border-color: #032467;
}

.btn-lg, .btn-group-lg>.btn {
    padding: .5rem 1rem;
    line-height: 1.5;
    border-radius: .6rem;
}

.btn-block {
    display: block;
    width: 100%;
}

.block-rl{
	display: flex;
    flex-wrap: wrap;
}

.left-column{
	    flex: 0 0 50%;
    max-width: 50%;
	padding: 5rem;
}

.right-column{
	flex: 0 0 50%;
    max-width: 50%;
    padding-left: 2rem;
    border-left: 1px solid #dee2e6;
	padding: 5rem;
}

.user-info{
	padding: 4rem 2rem;
} 
.page-description a{
	color: #fff;
}
.tablew{
	width: 100%;
}
.tablew table{
	margin: unset;
	margin-bottom:30px;
}



/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 20px 0px;
  /*border: 1px solid #ccc;*/
  border-top: none;
}

.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.modal-content p{
	padding-bottom:15px;
}
.examul li{
	    list-style: disc;
    margin-left: 50px
}
.nav-bottom, .jgallery-thumbnails.jgallery-thumbnails-false.images{
	display:none;
}

.btn-success{
	background-color: #e9f4fb;
    padding: 0;
    padding-right: 1.5rem;
    padding: 2rem;
}
.btn-success:hover{
	background-color: #b2cee1;
}
.divbutton{
	    display: flex;
    justify-content: center;
}

.course {
    position: relative;
}

.sticker {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: green;
    color: white;
    padding: 5px 10px;
    z-index: 10;
}

.completed {
    border-color: green; /* Зелёная рамка для завершённых курсов */
}

.completed img, .completed .course-name, .completed .course-info {
	opacity: 0.5
}
.yellowcol{
	background-color: yellow;
    color: #000000; 
}
@media (max-width: 768px) {
    .left-column, .right-column {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 1rem; /* Уменьшаем отступы для мобильных устройств */
        border-left: none; /* Убираем разделитель для мобильной версии */
    }
	
	.course {width: 100%;}
}