/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.7
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
html {
  scroll-behavior: smooth;
}
@font-face {
  font-family: "SVN-Manus";
  src: url(font/SVN-Manus.otf);
}
@font-face {
  font-family: "SVN-Clash";
  src: url(font/SVN-ClashDisplay-Medium.otf);
}
@font-face {
  font-family: "SVN-Clash-light";
  src: url(font/SVN-ClashDisplay-Light.otf);
}
body {
  font-family: "SVN-Clash";
}


/*header style*/
.top-divider {
  display: none;
}

.header-nav-main.nav.nav-right {
  display: none;
}

.header-nav-main {
  justify-content: space-between;
  background-color: #171717;
  border-radius: 100px;
  padding: 10px;
}

.header-nav-main .menu-item {
  margin: 0 !important;
}


.header-nav-main .menu-item.active {
  background-color: #C2A8F9;
  border-radius: 30px;
  padding: 10px 40px;
}

.header-nav-main .menu-item:hover a {
  color: #C2A8F9; 
}

.header-nav-main .menu-item.active a {
  color: #fff !important;
  font-family: "SVN-Clash";
}

.header-nav-main li {
  margin-right: 30px;
}

.header-nav-main li a {
  font-size: 19px;
  font-weight: 400 !important;
  color: #fff;
  padding: 0 20px;
  text-transform: unset !important;
  font-family: "SVN-Clash-light";
}

.header-nav-main .menu-item {
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

#logo {
  display: none;
}

.absolute-footer {
  display: none !important;
}

.footer-custom {
  padding-top: 50px !important;
  padding-bottom: 70px !important;
  position: relative;
}
.footer-custom::after {
  content: "";
  background: url(img/coin.png) no-repeat;
  width: 108px;
  height: 108px;
  position: absolute;
  top: -50px;
  left: 50%;
  background-size: cover;
  transform: translateX(-50%);
}
.footer-custom .large-4 {
  position: relative;
  padding-bottom: 0 !important;
  padding-top: 36px;

}

.footer-custom .large-4::before {
  content: "";
  width: 1px;
  background: #4D4D4D;
  height: 80%;
  position: absolute;
  top: 0;
  right: 0;

}

.footer-custom .large-4:last-child::before {
  display: none;
}


.footer-custom h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  font-family: Lato, sans-serif;
  margin-bottom: 10px;
}

.footer-custom p {
  color: #7E7E7E;
  font-size: 16px;
  font-weight: 400;
}

.footer-custom .large-7 .col-inner {
  max-width: 421px;
  margin: 0 auto;
}

.footer-custom>.section-content>.row>.large-2 .large-4 img {
  width: 18px;
}

.footer-custom>.section-content>.row>.large-2 .large-4 {
  width: 15%;
  flex-basis: 15%;
  padding: 0 !important;
}

.footer-custom>.section-content>.row>.large-2 .large-4:nth-child(1) {
  margin-left: 15px !important;
}

/* home secction */



.col-inner.text-center h2 {
  font-size: 3em !important;
  font-weight: bold !important;
  color: #000 !important; 
  line-height: 1.2 !important;
  text-align: center !important;
}

.col-inner.text-center h2 span { 
  color: #8020F4 !important; 
}

.sec_1 .row:nth-child(1) h2 {
  font-size: 80px;
  font-weight: 600;
  color: #000;
  line-height: 82px;
}
.sec_1 .row:nth-child(1) h2 span{
color: #30156C;
}
.sec_1 .row:nth-child(1) .button {
  font-size: 20px;
  font-weight: 200;
  padding: 2px 20px 0 20px;
  border: 1px solid #ffff;
  font-family: "SVN-Clash-light";
}
.sec_1 .row:nth-child(1) .button:hover {
  background-color: #C2A8F9;
  color: #fff;
  border-color: #fff;
}
.sec_1 .row:nth-child(2)  .large-3:nth-child(1) p {
  font-size: 20px;
  color: #344054;
  font-weight: 300;
  line-height: 25px;
  position: relative;
  padding-top: 60px;
  font-family: "SVN-Clash-light";
}

.sec_1 .overlay {
  display: none;
}

.sec_1 .row:nth-child(2)  .large-6 .row {
  margin: 0 auto;
}

.sec_1 .row:nth-child(2)  .large-6 .button {
  margin: 0;
}
.sec_1 .row:nth-child(2)  .large-6 .row .large-6 {
  padding-bottom: 0 !important;
}
.sec_1 .row:nth-child(2)  .large-6 .row .large-6:nth-child(1) .button  {
  font-size: 25px;
  color: #fff;
  padding: 0px 70px 0px 30px;
  background-color:#30156C ;
  border-color: #fff;
  position: relative;
  height: 62px;
  font-family: "SVN-Clash-light";
}
.sec_1 .row:nth-child(2)  .large-6 .row .large-6:nth-child(1) .button::before {
  content: "";
  width: 36px;
  height: 36px;
  background: url(imgs/up\ right.png) no-repeat;
  position: absolute;
  top: 46%;
  right: 30px;
  transform: translateY(-50%);
}

.sec_1 .row:nth-child(2)  .large-6 .row .large-6:nth-child(2) .button {
  font-size: 25px;
  color: #fff;
  background-color: transparent;
  border: unset;
}
.sec_1 .row:nth-child(2)  .large-6 .row {
  border: 2px solid #ffffff73;
  border-radius: 100px;
  padding: 10px;
  background: #ffffff45;
}
.sec_1 .row:nth-child(2)  .large-3:nth-child(3) p {
  font-size: 47px;
  color: #171717;
  font-weight: 600;
  margin-bottom: 0px;
  line-height: 35px;
}
.sec_1 .row:nth-child(2)  .large-3:nth-child(3) span {
  font-size: 23px;
  color: #171717;
  font-weight: 400;
  font-family: "SVN-Clash-light";
}
.sec_1 .row:nth-child(2)  .large-3,.sec_1 .row:nth-child(2)  .large-6  {
  padding-bottom: 0 !important;
}
.sec_1 {
  padding-bottom: 0 !important;
  min-height: 100vh;
}

.hero-text {
	text-align: left;
    font-size: 22px;
    color: #171717;
    font-weight: 400;
    font-family: "SVN-Clash-light";
    line-height: 25px;
}

.hero-experience{
	font-size: 47px;
    color: #171717;
    font-weight: 600;
    margin-bottom: 0px;
    line-height: 35px;
	text-align:right;
}

.sec_1 {
  display: flex;
  min-height: 100vh;
  align-items: flex-end;
  width: 100%;
  top: -59px;
	margin-right: 1rem;
	margin-right: 1rem;
}

/* Para tablet */
@media (max-width: 1024px) {
  .sec_1 {
    top: -25px;
  }
	.hero-text{
		text-align: center;
	}
}

/* Para mobile */
@media (max-width: 767px) {
  .sec_1 {
    top: -26px;
  }
}

@media (max-width: 767px) {
  .sec_1 .row:nth-child(1) .button {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .sec_1 .row:nth-child(1) .button {
    margin-bottom: 20px;
  }
}


/* overview secction*/
.sec_2 h2 {
  font-size: 48px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 60px;
}
.sec_2 h2 span {
  color: #C2A8F9;
}
.sec_2 .item h3 {
  color: #fff;
  font-size: 33px;
  padding-top: 15px;
  padding-bottom: 5px;
  font-weight: 600;
}

.sec_2 .item p {
  font-size: 27px;
  color: #fff;
  font-weight: 400;
  line-height: 32px;
  margin-top: 10px;
  font-family: "SVN-Clash-light";
}
.sec_2 .item .button {
  font-size: 27px;
  color: #8020F4;
  font-weight: 600;
}


.slider_custom .slick-arrow {
  display: none !important;
}
.slider_custom .slick-list.draggable {
  padding-right: 150px !important;
}
.slider_custom .large-4 {
  padding-bottom: 0 !important;
}

.sec_3 h2 {
font-size: 60px;
color: #000;
font-weight: 600;
}
.sec_3 p {
  font-size: 30px;
  color: #000;
  font-weight: 400;
  line-height: 35px;
  font-family: "SVN-Clash-light";
}

/* overview & books */
.sec_3 .row:nth-child(2) .large-6 .col-inner {
  background: #F7F4FF;
  border-radius: 30px;
  overflow: hidden;
  padding: 63px 55px;
}
.sec_3 .row:nth-child(2) .large-6 .col-inner .box-image img {
border-radius: 30px;
}
.sec_3 .row:nth-child(2) .large-6:hover img {
  transform: scale(1.05);
  transition: all 0.3s ease-in-out;
}
.sec_3 .row:nth-child(2) .large-6 .col-inner .box-image {
  overflow: hidden;
}
.sec_3 h3 {
  font-size: 33px;
  color: #000;
  font-weight: 600;
}
.sec_3 .row:nth-child(2) p{
  font-size: 20px;
  color: #000;
  font-weight: 400;
}

.sec_3 .box-text {
  padding: 15px 0;
}

.sec_3 .row:nth-child(2) .button {
  font-size: 27px;
  font-weight: 600;
  color: #8020F4;
  margin: 0;
}

/* work experience */

.sec_4 .section-content .col-inner {
  display: flex;
  flex-direction: column;
  align-items: center; 

}

/* Estilo del título principal */
.sec_4 .col-inner h2 {
  text-align: center;
  font-size: 2.5em;
  margin-bottom: 0.5em;
}
.sec_4 .col-inner h2 span {
  color: #30156c;
}

/* ----  Estilos para la línea de tiempo  ---- */

.work-experience-container {
  position: relative; 
  padding-left: 50px;  
  text-align: left;   
  width: 100%;        
  max-width: 600px;  
  margin: 0 auto;    
  margin-bottom: 20px; 

}

.work-experience-container::before {
    /* Línea vertical */
    content: "";
    position: absolute;
    top: 5px;        
    left: 10px;     
    height: 100%; 
    width: 2px;     
    background-color: #000; 
}

.job-item {
  position: relative; 
  margin-bottom: 20px; 
}


.timeline-dot {  /* El círculo */
  position: absolute;
  left: -25px;  
  top: 10px; 
  width: 15px;
  height: 15px;
  background-color: #8020F4;
  border-radius: 50%;
  z-index: 2;
}


/* ---- Estilos para el contenido de cada puesto (h4, p, h5) ---- */

.job-content h4 { /* Nombre de la Empresa */
  color: #30156c;
  font-size: 1.3em;
  font-weight: 600;
  margin-bottom: 0.3em;
}

.job-content p {  /* Estilo Base para Párrafos */
  font-size: 1em;
  line-height: 1.4;
}

.job-content p.date { /* Fecha */
  font-style: italic;
  color: #888;
  font-size: 0.9em;
  margin-bottom: 0;
}

.job-content h5 { /* Cargo/Posición */
  font-weight: bold;
  color: #555;
  font-size: 1.1em;
  margin-bottom: 0.2em;
}

/* Media Query para móviles */
@media (max-width: 768px) {
  .sec_4 {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%; 
  }}
  

/*media secction*/

.title-style {
  text-align: center;
  font-size: 2.5em;
  margin-bottom: 0.5em;
  font-weight: bold;
  line-height: 1.3;
  color: #555;       
  width: 100%;
}

/* Style for the highlighted (second) part of the title */
.title-style > .highlight-style {
  color: rgb(48, 21, 108); /* Purple color - from the screenshot */
}
/* Style for the first word "My" inside highlight-style*/
.title-style > .highlight-style > span:first-child {
 color: #555;
}
.title-style:first-child > .highlight-style > span:nth-child(2){
color: #481380;
}
.title-style:nth-child(2) > .highlight-style > span:nth-child(2){
color: #481380;
}


/* portfolio*/
.sec_5 h2 {
  font-size: 64px;
  color: #344054;
  font-weight: 600;
  line-height: 70px;
  margin-bottom: 0;
}

.sec_5 h2 span {
  color: #30156C;
}

.sec_5 .button {
  font-size: 25px;
  font-weight: 400;
  color: #fff;
  height: 74px;
  width: 155px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #8020F4;
  margin: 0;
}
.sec_5 .large-12 {
  padding: 0 !important;
}
.sliderx_frame .slick-prev {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.577468487394958) 50%, rgba(255, 255, 255, 0) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}
.sliderx_frame .slick-arrow i {
  font-size: 40px;
  color: #fff;
}
.sliderx_frame .frame .inner {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.sliderx_frame .frame .left {
  max-width: 70%;
  flex-basis: 70%;
}
.sliderx_frame .frame .right {
  max-width: 30%;
  flex-basis: 30%;
}

.item_1 .inner {
  position: relative;
  height: 540px;
}

.item_1 .inner .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 540px;
}

.item_1 .inner .img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.item_1 .inner .content {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 100%;
  padding: 0 50px;
}

.item_1 .inner .content h3 {
  font-size: 21px;
  color: #fff;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 15px;
}

.item_1 .inner .content p {
  font-size: 14px;
  color: #fff;
}
.item_1 .inner .content a {
  font-size: 18px;
  text-decoration: underline;
  color: #EAE41F;
  font-family: "Inter", sans-serif !important;
}

.item_1 .mask {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.577468487394958) 50%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  height: 270px;
}

.sliderx_frame .frame .item {
  border-radius: 20px;
  overflow: hidden;
}


.item_2 .inner,
.item_3 .inner {
  position: relative;
  height: 265px;
}

.item_2 .inner .content h3,
.item_3 .inner .content h3 {
  font-size: 50px;
  color: #000;
  font-weight: 600;
  margin-bottom: 0;
}

.item_2 .inner img,
.item_3 .inner img {
  height: 100%;
  object-fit: cover;
}

.item_2 .inner .content,
.item_3 .inner .content {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  text-align: center;
  width: 100%;
}

.sliderx_frame .item {
  padding: 5px;
}

.sliderx_frame .item .img img {
  object-fit: contain; /* O puedes usar object-fit: cover; si prefieres que la imagen cubra todo el contenedor, pero puede recortar un poco los lados */
  object-position: top center; /* Alinea la parte superior de la imagen con la parte superior del contenedor */
  width: 100%;
  height: auto; /* O 100% si usas object-fit: cover; */
}

.item_2 .inner .content p,
.item_3 .inner .content p {
  font-size: 27px;
  color: #000;
}

.sliderx_frame .item .inner {
  background: #171719;
}

.sliderx_frame .item .inner .color h3 {
  color: #EAE41F;
}

.sliderx_frame .item .inner .color p {
  color: #fff;
}


.sliderx_frame .slick-next {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100px;
  background: linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.577468487394958) 50%, rgba(255, 255, 255, 0) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}

.sliderx_frame .slick-prev {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.577468487394958) 50%, rgba(255, 255, 255, 0) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
}

.sliderx_frame .slick-arrow i {
  font-size: 40px;
  color: #fff;
}

.sliderx_frame .slick-arrow:hover i {
  color: #EAE41F;
}

.sec_2custom .slider_custom .slick-list.draggable {
  padding-right: 350px !important;
}

.sec_2custom .item h3 {
  color: #000;
  font-size: 33px;
  padding-top: 15px;
  padding-bottom: 5px;
  font-weight: 600;
}
.sec_2custom .item p {
  font-size: 27px;
  color: #000;
  font-weight: 400;
  line-height: 32px;
  margin-top: 10px;
}
.sec_2custom .button span {
  position: relative;
  padding-right: 25px;
}
.sec_2custom .button span::after {
  content: "";
  background: url(img/Union.png) no-repeat;
  width: 27px;
  height: 25px;
  position: absolute;
  top: 50%;
  right: -16px;
  transform: translateY(-50%);
}

/* banner*/

/*contact */
.sec_7 h2 {
  font-size: 64px;
  color: #000;
  font-weight: 500;
  margin-bottom: 45px;
}
.sec_7 h2 span {
  color: #8020F4;
}
.sec_7 .button {
  font-size: 25px;
  font-weight: 400;
  color: #fff;
  height: 99px;
  width: 440px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background-color: #8020F4;
  font-family: "SVN-Clash-light";
}
.sec_7 .large-12 .col-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.marquee-container {
  width: 115%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  background: #fff;
  transform: rotate(-4deg) translateX(-2%);
}
.marquee-text {
  color: #000;
  position: relative;
  display: inline-block;
  padding-left: 0;
  animation: marquee 30s linear infinite; /* Esta línea es la clave */
  font-size: 48px;
}
.marquee-text img {
  margin-left: 20px;
  padding-right: 20px;
}

@keyframes marquee {
  from {
      transform: translateX(0);
  }
  to {
      transform: translateX(-100%);
  }
}


.footer-1, .footer-2 {
  border-top:unset;
  padding: 0;
}

.footer-widgets p {
  font-size: 20px;
  color: #000;
  margin: 0;
  font-family: "SVN-Clash-light";
}

.footer-1 > .row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
	justify-content:center;
}
.footer-1 > .row > #text-2 {
  max-width: 30%;
  flex-basis: 30%;
}
.footer-1 > .row > #nav_menu-2 {
  max-width: 70%;
  flex-basis: 70%;
}
.footer-1 > .row > #nav_menu-2 .menu {
  display: flex;
  justify-content: flex-end;
}
.footer-1 > .row > #nav_menu-2 .menu>li+li {
  border-top:unset;
  padding-left: 40px;
  font-size: 14px;
  color: #000;
}
































.Expertenqualifiziert {
  background-color: #2F146B;
  border-radius: 10px;
  padding: 50px 60px 60px 60px;
}

.Expertenqualifiziert h2 {
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 50px;
}

.Expertenqualifiziert .row .col .box-image {
  text-align: center;
}

.Expertenqualifiziert .row .col img {
  width: auto;
  height: 52px;
  margin: 0 auto;
}

.Expertenqualifiziert .row .col h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.sec_link {
  color: #000 !important;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  transition: all 0.3s ease-in-out;
  margin-top: 30px;
}

.sec_link:hover {
  color: #2F146B !important;
}

.sec_link span {
  position: relative;
}

.sec_link span::after {
  content: "";
  background: url(img/bxs-chevron-right.png) no-repeat;
  background-size: contain;
  width: 19px;
  height: 19px;
  background-size: cover;
  position: absolute;
  right: -40px;
  bottom: 2px;
}

.section_2 {
  position: relative;
  margin-top: -115px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.section_2::before {
  content: "";
  background: #F5F5F5;
  width: 100%;
  height: 400px;
  position: absolute;
  right: 0;

}

.section_3 {
  padding-top: 100px !important;
  padding-bottom: 120px !important;
}

.section_3 .row:nth-child(1) h3 {
  font-size: 50px;
  line-height: 50px;
  color: #000;
  font-weight: 600;
}

.section_3 .row:nth-child(1) p {
  font-size: 16px;
  color: #000;
  font-weight: 600;
}

.section_3 .row:nth-child(1) ul {
  list-style: none;
}

.section_3 .row:nth-child(1) ul li {
  padding-left: 35px;
  position: relative;
  font-size: 16px;
  color: #000;
  font-weight: 600;
  margin-bottom: 15px;
}

.section_3 .row:nth-child(1) ul li:last-child {
  margin-bottom: 0;
}

.section_3 .row:nth-child(1) ul li::before {
  content: "";
  background: url(img/Frame.png) no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  bottom: -3px;
}

.section_3 .row:nth-child(1) .large-6:last-child {
  display: flex;
}

.section_3 .row:nth-child(1) .large-6:last-child .col-inner {
  display: flex;
  align-items: flex-end;
}

.section_3 .row:nth-child(2) .large-6 .box-text {
  background: linear-gradient(0deg, rgba(60, 6, 103, 1) 0%, rgba(60, 6, 103, 0.55) 50%, rgba(60, 6, 103, 0) 100%);
  padding-top: 18px;
  padding-bottom: 18px;
}

.section_3 .row:nth-child(2) .large-6 .box-text h4 {
  color: #fff;
  font-size: 20px;
}

.section_4 .large-7 {
  display: flex;
  align-items: center;
}

.section_4 .large-7 h2 {
  font-size: 50px;
  color: #fff;
  font-weight: 600;
  line-height: 50px;
  margin-bottom: 54px;
}

.section_4 .large-7 ul {
  list-style: none;
  margin: 0;
}

.section_4 .large-7 ul li {
  padding-left: 40px;
  position: relative;
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 26px;
  margin-left: 0;
  max-width: 638px;
}

.section_4 .large-7 ul li:last-child {
  margin-bottom: 0;
}

.section_4 .large-7 ul li::before {
  content: "";
  background: url(img/Group\ 3.png) no-repeat;
  background-size: contain;
  width: 24px;
  height: 36px;
  position: absolute;
  left: 0;
  top: 8px;
}

.section_5 h2 {
  font-size: 50px;
  color: #000;
  font-weight: 600;
  line-height: 50px;
  margin-bottom: 60px;
}

.section_5 .text_description h2 {
  font-size: 30px;
  line-height: 30px;
  color: #2F146B;
  font-weight: 600;
  text-transform: unset;
  margin-bottom: 10px;
}

.section_5 .text_description h3 {
    font-size: 20px;
    line-height: 26px;
    color: #000;
    margin-bottom: 24px;
}

.section_5 .text_description p {
  font-size: 16px;
  color: #000;
  text-align: justify;
}

.section_5 .text_description .button span {
  font-size: 16px;
  color: #fff;
  font-weight: 600;

}

.section_5 .text_description .button {
  text-transform: unset;
  padding: 2px 44px;
  background: linear-gradient(180deg, rgba(106, 10, 182, 1) 0%, rgba(47, 4, 80, 1) 100%);
  margin: 0;
  margin-top: 30px;
}

.section_5 .text_description {
  display: flex;
  align-items: center;
}

.section_5 .large-5 {
  display: flex;
  align-items: center;
}

.section_5 .row {
  margin-bottom: 30px;
}

.section_5 .large-5 .img-inner {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 5px 4px 20px #999;
}

.section_5 {
  padding-top: 110px !important;
}

.section_6 {
  padding-top: 81px !important;
}

.section_6 .icon-box {
  background: #fff;
  padding: 86px 40px 65px 40px;
  position: relative;
  min-height: 450px;
}
.section_6 .icon-box .icon-box-text p {
  max-height: 102px;
  overflow: hidden;
}
.section_6 .icon-box::before {
  content: "";
  background: url(img/Mask\ group.png) no-repeat;
  background-size: cover;
  width: 139px;
  height: 81px;
  position: absolute;
  right: 30px;
  top: 0px;
}

.section_6 .icon-box-text h3 {
  font-size: 25px;
  color: #000;
  font-weight: 600;
  margin-bottom: 25px;
}

.section_6 .icon-box-text p {
  font-size: 16px;
  color: #000;
}

.section_6 h2 {
  font-size: 50px;
  color: #000;
  font-weight: 600;
  line-height: 50px;
  margin-bottom: 60px;
}

.section_7 {
  padding-top: 100px !important;
  padding-bottom: 115px !important;
  background-image: url(img/Ellipse\ 1.png);
  background-repeat: no-repeat;
}

.section_7 h2 {
  font-size: 50px;
  color: #000;
  font-weight: 600;
  line-height: 50px;
  margin-bottom: 60px;
}

.section_7 .wpcf7-form {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}

.section_7 .wpcf7-form input {
  width: 468px;
  height: 40px;
  background: #ECECEC;
  margin: 0;
}

.section_7 .wpcf7-form .wpcf7-submit {
  background: #8A4BF2;
  font-size: 14px;
  color: #fff;
  font-family: Lato, sans-serif;
  text-transform: unset;
  max-width: 140px;
}

.wpcf7-spinner {
  display: none;
}

.section_7 .large-12 {
  padding-bottom: 0 !important;
}

.after_logo {
  width: 250px;
  margin-top: 15px;
}

.after_logo span {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  background: #fff;
  position: relative;
  padding-right: 10px;
  z-index: 99;
}

.after_logo .top {
  position: relative;
  display: flex;
  align-items: center;
}

.after_logo .top::before {
  content: "";
  background-color: #000;
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}

.after_logo .social {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#logo img {
  margin: 0 auto;
}

.custom_blog .text.cat {
  width: fit-content;
}

.custom_blog .text.cat p {
  font-size: 15px;
  text-transform: unset;
  font-weight: 600;
  color: #fff;
  padding: 4px 11px;
  background: #8A4BF2;
  margin-bottom: 10px;
}

.grid-col-1 .custom_blog h3 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  text-transform: unset;
}

.grid-col-1 .custom_blog p {
  font-size: 12px;
  color: #fff;
  margin: 0;
}

.section_7 .grid-col-1 .text-inner {
  padding: 30px;
}

.section_7 h3{
  text-transform: unset;
}
.section_7 .grid-col-1-2 h3 {
  font-size: 10px;
  line-height: 15px;
}

.section_7 .grid-col-1-2 p {
  font-size: 8px;
}

.section_7 .grid-col-1-2 .text.cat p {
  font-size: 10px;
}

.section_7 .grid-col-1-2 .text-inner {
  padding: 20px;
}

.section_7 .text-inner {
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgb(0 0 0 / 0%) 100%);
}

.section_7 .grid_blog {
  margin-bottom: 100px;
}
.section_7 .grid-col-1 h3 {
  line-height: 28px;
}


.blog_title .large-6 h2 {
  margin-bottom: 0;
  font-size: 50px;
  color: #000;
  font-weight: 600;
  line-height: 50px;
}

.stuck .header-main .after_logo {
  display: none !important;
}

.section_7 .grid-col .col-inner {
  border-radius: 15px;
  overflow: hidden;
}



/* service */
.service_banner {
  z-index: 99;
}

.service_banner .text-inner h3 {
  font-size: 50px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 26px;
  text-transform: unset;
}

.service_banner .text-inner p {
  font-size: 20px;
  color: #fff;
}



.service_banner .list_item .large-4 {
  margin-top: -65px !important;
}

.service_banner .list_item .large-4 .col-inner {
  background: #fff;
  padding: 30px 30px 70px 30px;
}

.service_banner .list_item .large-4 .box-image img {
  width: 70px;
  height: 70px;
}

.service_banner .list_item .large-4 .box-image>div {
  text-align: center;
}

.service_banner .list_item .large-4 .box-text {
  padding: 0;
}

.service_banner .list_item .large-4 .box-text h4 {
  font-size: 30px;
  color: #30156C;
  font-weight: 600;
  margin-bottom: 30px;
}

.service_banner .list_item .large-4 .box-text p {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.service_banner {
  padding-bottom: 80px !important;
}

.service_2 .title h3 {
  font-size: 50px;
  line-height: 50px;
  color: #000;
  font-weight: 600;
}

.service_2 .title p {
  font-size: 20px;
  color: #000;
  font-weight: 500;
}

.service_2 .title {
  margin-bottom: 70px;
}

.service_2 .content {
  margin: 0 auto;
}

.service_2 .content img {
  width: 40px;
  height: 40px;
}

.service_2 .content .box-text-inner h4 {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  margin-bottom: 18px;
}

.service_2 .content .box-text-inner p {
  font-size: 14px;
  color: #000;
}

.service_2 .content .large-4 .col-inner {
  padding: 37px 27px;
  border: 1px solid #000;
  border-radius: 15px;
}

.service_2 .content .box-text {
  padding-bottom: 0;
}

.service_2 {
  padding-top: 75px !important;
  padding-bottom: 65px !important;
  position: relative;
}

.service_2::before {
  content: "";
  background: url(img/Ellipse\ 2.png) no-repeat;
  width: 100%;
  background-size: contain;
  background-position: center;
  height: 818px;
  position: absolute;
  top: -391px;
  left: 50%;
  transform: translateX(-50%);
}

.service_qa {
  padding-top: 60px !important;
  padding-bottom: 40px !important;
}

.service_qa .title h2 {
  color: #1F1F1F;
  font-size: 16px;
  font-weight: 400;
  padding-left: 45px;
  position: relative;
  margin-bottom: 20px;
}

.service_qa .title h2::before {
  content: "";
  background: url(img/Icon\ Label.png) no-repeat;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.service_qa .accordion_title {
  font-size: 40px;
  line-height: 40px;
  color: #000;
  font-weight: 600;
  margin-bottom: 35px;
  border-top: 0;
}

.accordion-title {
  border-top: unset !important;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding: 0 !important;
  color: #000 !important;
  font-size: 16px;
}

.accordion-title.active {
  background-color: transparent !important;
  border-color: var(--fs-color-primary);
  color: var(--fs-color-primary);
  font-weight: 700;
}

.accordion .toggle {
  border-radius: 999px;
  height: 30px;
  width: 30px;
  left: 0;
  margin-right: 5px;
  position: relative;
  transform-origin: 50% 47%;
  position: relative;
  opacity: 1;
}

.accordion .toggle::before {
  content: "";
  background: url(img/Open\ Icon.png) no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;

}

.accordion-title.active .toggle::before {
  background: url(img/Close\ Icon.png) no-repeat;
}



.accordion .toggle i {
  display: none;
}

.service_qa .accordion-inner {
  padding-left: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 0 !important;
}

.service_qa .accordion-item {
  padding-left: 20px;
  border-left: 3px solid #E0E0E0;
  margin-bottom: 60px;
  position: relative;
}


.service_qa .accordion-item::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #EDEDED;
  position: absolute;
  left: 0;
  bottom: -32px;
}

.service_qa .accordion-item:last-child::after {
  display: none;
}

.service_qa .accordion-item.active {
  border-left: 3px solid #30156C;
}

.service_qa .accordion-inner p {
  font-size: 14px;
  color: #757575;
}

.service_qa .large-6:first-child img {
  max-width: 580px;
}






.job_offer .button {
  font-size: 0;
  background: transparent;
  position: relative;
  width: 25px;
  height: 20px;
  margin-right: 34px;
  margin-top: 30px;
}

.job_offer .button.fb::before {
  content: "";
  background: url(img/Vector\ \(9\).png) no-repeat;
  height: 18px;
  width: 25px;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.job_offer .button.twitter::before {
  content: "";
  background: url(img/Vector\ \(10\).png) no-repeat;
  height: 18px;
  width: 25px;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.job_offer .button.instagram::before {
  content: "";
  background: url(img/Vector\ \(11\).png) no-repeat;
  height: 18px;
  width: 25px;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.job_offer .button.Mail::before {
  content: "";
  background: url(img/Vector\ \(12\).png) no-repeat;
  height: 18px;
  width: 25px;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.job_offer .button.Linkedin::before {
  content: "";
  background: url(img/Vector\ \(13\).png) no-repeat;
  height: 18px;
  width: 25px;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.job_offer .para h3 {
  font-size: 40px;
  line-height: 40px;
  color: #000;
  font-weight: 600;
  margin-bottom: 25px;
}

.job_offer .para p {
  font-size: 16px;
  font-weight: 500;
  color: #000;
}

.job_offer .para p:last-child {
  margin-bottom: 0;
}

.job_offer .large-6 {
  display: flex;
  align-items: center;
}

.job_offer {
  padding-bottom: 80px !important;
}





.ft_social .button {
  font-size: 0;
  background: transparent;
  position: relative;
  width: 25px;
  height: 20px;
  margin-right: 34px;
  margin-top: 30px;
}

.ft_social .button.fb::before {
  content: "";
  background: url(img/Vector.png) no-repeat;
  height: 18px;
  width: 25px;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.ft_social .button.twitter::before {
  content: "";
  background: url(img/Vector\ \(14\).png) no-repeat;
  height: 18px;
  width: 25px;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.ft_social .button.instagram::before {
  content: "";
  background: url(img/Vector\ \(15\).png) no-repeat;
  height: 18px;
  width: 25px;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.ft_social .button.mail::before {
  content: "";
  background: url(img/Vector\ \(16\).png) no-repeat;
  height: 18px;
  width: 25px;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.ft_social .button.linkedin::before {
  content: "";
  background: url(img/Vector\ \(17\).png) no-repeat;
  height: 18px;
  width: 25px;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.about_1 .large-9 .col-inner {
  max-width: 780px;
  margin-left: 0;
}

.about_1 .large-9 .col-inner h3 {
  font-size: 40px;
  color: #000;
  line-height: 45px;
  font-weight: 600;
  margin-bottom: 40px;
}

.about_1 .large-9 .col-inner p {
  font-size: 16px;
  color: #000;
}

.about_1 .large-3 .box-text {
  background: #EBEBEB;
  padding: 40px 30px 30px 30px;
  border-radius: 0 0 15px 15px;
  position: relative;
}

.about_1 .large-3 .box-text h4 {
  font-family: "SVN-Manus";
  font-size: 37px;
  line-height: 50px;
  color: #30156C;
  font-weight: 400;
  margin-bottom: 0;
}

.about_1 .large-3 .box-text h5 {
  font-size: 18px;
  color: #000;
  font-weight: 600;
  margin-bottom: 25px;
}

.about_1 .large-3 .box-text p {
  font-size: 16px;
  color: #000;
}

.about_1 .large-9 {
  max-width: 70%;
  flex-basis: 70%;
}

.about_1 .large-3 {
  max-width: 30%;
  flex-basis: 30%;
}

.about_1 .large-3 .button {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  border: unset !important;

}

.about_1 .large-3 .button.mail {
  content: "";
  background: url(img/Frame\ 155.png) no-repeat;
  width: 28px;
  height: 28px;
  background-size: cover;
  top: -28px;
  right: 0;
}


.about_1 .large-3 .button.linkedin {
  content: "";
  background: url(img/Frame\ 156.png) no-repeat;
  width: 28px;
  height: 28px;
  background-size: cover;
  top: -28px;
  right: 28px;
}

.about_1 {
  padding-bottom: 0 !important;
}

.about_2 {
  padding-top: 50px !important;
}

.contact_1 .large-3 {
  max-width: 30%;
  flex-basis: 30%;
}

.contact_1 .large-9 {
  max-width: 70%;
  flex-basis: 70%;
}

.contact_1 .large-3 .col-inner {
  background: #EBEBEB;
  padding: 40px 30px;
}

.contact_1 .large-3 .col-inner .item {
  padding-bottom: 25px;
  padding-top: 25px;
  border-bottom: 1px solid #C9C9C9;
}

.contact_1 .large-3 .col-inner .item h3 {
  font-size: 20px;
  line-height: 22px;
  color: #30156C;
  font-weight: 600;
}

.contact_1 .large-3 .col-inner .item p {
  font-size: 16px;
  line-height: 20px;
  color: #000;
  font-weight: 400;
  margin-bottom: 0;
}

.contact_1 .large-3 .col-inner .image_item img {
  width: 165px;
  height: auto;
}

.contact_1 .large-3 .col-inner .image_item h4 {
  font-size: 20px;
  line-height: 22px;
  color: #30156C;
  font-weight: 600;
  margin-bottom: 10px;
}

.contact_1 .large-3 .col-inner .image_item p {
  font-size: 16px;
  line-height: 20px;
  color: #000;
  font-weight: 400;
}

.contact_1 .large-3 .col-inner .item:last-child {
  border-bottom: unset;
  padding-bottom: 0 !important;
}

.contact_1 .large-3 .col-inner .item:first-child {
  padding-top: 0 !important;
}

.contact_form span {
  font-size: 20px;
  color: #000;
  font-weight: 600;
}

.contact_form .form_top .wpcf7-form-control-wrap span {
  font-size: 16px;
  color: #000;
  font-weight: 400;
}

/* Ẩn checkbox mặc định */
.contact_form input[type="checkbox"] {
  display: none;
}

/* Tạo custom checkbox */
.contact_form input[type="checkbox"]+span {
  position: relative;
  padding-left: 30px;
  /* Để tạo khoảng trống giữa checkbox và văn bản */
  cursor: pointer;
}

/* Thiết lập hình dạng của custom checkbox */
.contact_form input[type="checkbox"]+span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  /* Đổi màu border nếu cần */
  background-color: #D9D9D9;
  border-radius: 50%;
}

/* Hiệu ứng khi checkbox được chọn */
.contact_form  input[type="checkbox"]:checked+span::before {
  background-color: #49067d;
}

/* Hiển thị tickmark khi checkbox được chọn */
.contact_form  input[type="checkbox"]:checked+span::before {
  content: '\2713';
  /* Unicode của ký tự tickmark */
  font-size: 14px;
  /* Kích thước của tickmark */
  color: #fff;
  /* Màu sắc của tickmark */
  text-align: center;
  line-height: 20px;
}

.contact_form .form_top {
  margin-bottom: 40px;
}

.contact_form .form_center>div {
  position: relative;
}

.contact_form .form_center>div>span:nth-child(1) {
  display: block;
  padding: 0 10px;
  background: #fff;
  position: absolute;
  top: -19px;
  left: 10px;
  z-index: 9;
}

.contact_form .form_center>div input {
  height: 47px;
  margin-bottom: 40px;
  border-color: #000;
  border-radius: 15px;
}

.contact_form .form_center>div textarea {
  margin-bottom: 40px;
  border-color: #000;
  border-radius: 15px;
}

.contact_form .form_center {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contact_form .form_center>div:nth-child(1),
.contact_form .form_center>div:nth-child(4) {
  max-width: 100%;
  flex-basis: 100%;
}

.contact_form .form_center>div:nth-child(2),
.contact_form .form_center>div:nth-child(3) {
  max-width: calc(50% - 12px);
  flex-basis: calc(50% - 12px);
}

.contact_form .form_center>div:nth-child(3) span:last-child {
  font-size: 12px;
  color: #C00000;
  font-weight: 400;
  font-style: italic;
  margin-top: -32px;
  display: block;
}

.contact_form .form_center>div:nth-child(4) span:last-child {
  font-size: 12px;
  color: #C00000;
  font-weight: 400;
  font-style: italic;
  margin-top: -32px;
  display: block;
}

.contact_form .form_center>div:nth-child(4) {
  margin-top: 20px;
}

.contact_form .form_bottom {
  margin-top: 40px;
}

.wpcf7-not-valid-tip {
  font-size: 12px;
  color: #C00000;
  font-weight: 400;
  font-style: italic;
  margin-top: -32px;
  display: block;
  background-color: #a5a5a5;
  z-index: 999;
}

.contact_form .wpcf7-submit {
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(180deg, rgba(106, 10, 182, 1) 0%, rgba(47, 4, 80, 1) 100%);
  margin-top: 40px;
}

.contact_1 .large-9 .col-inner {
  position: relative;
}

.contact_1 .large-9 .col-inner .job_offer {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-bottom: 0 !important;
}

.sub-menu a {
  background: unset !important;
  font-size: 16px;
  color: #000 !important;
}




.header-nav-main .sub-menu li:last-child a {
  font-size: 16px !important;
  color: #000 !important;
  border-radius: unset;
  padding: 5px 10px;
  background: unset;
}

.header-nav-main .sub-menu li a {
  font-size: 16px !important;
  color: #000 !important;
  border-radius: unset;
  padding: 5px 10px;
  background: unset;
}

.header-nav-main .sub-menu li a:hover {
  color: #2F146B !important;
}



.cource_1 h3 {
  font-size: 50px;
  font-weight: 600;
  color: #fff;
  line-height: 50px;
  text-transform: none;
}

.cource_1 h3 p {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
}

.cource_2 {
  padding-top: 0 !important;
}

.cource_2 .row {
    margin-top: -65px;
}

.cource_2 .large-6 .col-inner {
  background: #F5F5F5;
  padding: 30px 35px 50px 35px;
}

.cource_2 .box {
  text-align: center;
}

.cource_2 .box img {
  width: 70px;
  height: 70px;
}

.cource_2 .box h4 {
  font-size: 30px;
  color: #30156C;
  font-weight: 600;
  margin-bottom: 30px;
}

.cource_2 .box p {
  font-size: 16px;
  color: #000;
  font-weight: 500;
}

.cource_2 .box .box-text {
  padding-left: 0;
  padding-right: 0;
}

.cource_2 .large-12 .button {
  font-size: 17px;
  color: #30156C;
  position: relative;
  padding-right: 35px;
}

.cource_2 .large-12 {
  padding-bottom: 0 !important;
}

.cource_2 .large-12 .button::after {
  content: "";
  background: url(img/bxs-chevron-right\ \(2\).png) no-repeat;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 10px;
  right: 0;
}

.cource_3 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

.nav-line-bottom>li>a:before,
.nav-line-grow>li>a:before,
.nav-line>li>a:before {
  background-color: var(--fs-color-primary);
  content: " ";
  height: 2px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: unset !important;
  bottom: 0;
  transform: translateX(-50%);
  transition: all .3s;
  width: 100%;
  opacity: 0.2;
}

.nav-line-bottom>li.active>a:before,
.nav-line-bottom>li:hover>a:before,
.nav-line-grow>li.active>a:before,
.nav-line-grow>li:hover>a:before,
.nav-line>li.active>a:before,
.nav-line>li:hover>a:before {
  opacity: 1;
}

.cource_3 .nav-line li {
  margin-right: 0;
  padding: 0 23px;
}

.cource_3 .nav-line li a {
  font-size: 20px;
  color: #30156c3b;
  font-weight: 600;
}

.cource_3 .tab.active a {
  color: #30156C !important;
}

.cource_3 .tab:hover a {
  color: #30156C !important;
}

.cource_3 .tab-panels {
  padding-top: 30px;
}

.cource_3 .tab-panels p {
  color: #000;
  font-size: 14px;
}

.cource_3 .tab-panels .large-7 .item {
  background: #fff;
  padding: 20px;
  margin-bottom: 15px;
  position: relative;
}

.cource_3 .tab-panels .large-7 .item h3 {
  font-size: 16px;
  color: #30156C;
  font-weight: 600;
  padding-left: 30px;
  position: relative;
}

.cource_3 .tab-panels .large-7 .item p {
    font-size: 14px;
    color: #000;
}



.cource_3 .tab-panels .large-7 .item:first-child h3::before {
  content: "";
  background: url(img/Frame\ 181.png) no-repeat;
  width: 16px;
  height: 16px;
  background-size: contain;
  position: absolute;
  top: 4px;
  left: 0;
}

.cource_3 .tab-panels .large-7 .item:nth-child(2) h3::before {
  content: "";
  background: url(img/Frame\ 181\ \(1\).png) no-repeat;
  width: 16px;
  height: 16px;
  background-size: contain;
  position: absolute;
  top: 4px;
  left: 0;
}

.cource_3 .tab-panels .large-7 .item:last-child h3::before {
  content: "";
  background: url(img/Frame\ 181\ \(2\).png) no-repeat;
  width: 16px;
  height: 16px;
  background-size: contain;
  position: absolute;
  top: 4px;
  left: 0;
}

.cource_3 .large-4 .col-inner {
  background: #fff;
  padding: 30px 44px;
}

.cource_3 .large-4 .col-inner h2 {
  font-size: 25px;
  font-weight: 600;
  color: #30156C;
  margin-bottom: 40px;
}

.cource_3 .custom_select p {
  margin: 0;
}

.cource_3 .custom_select span {
  font-size: 16px;
  color: #000;
}

.cource_3 .custom_select select {
  border: unset;
  background-color: #F5F5F5;
  background-image: url(img/bxs-chevron-right\ \(3\).png);
  margin-bottom: 20px;
}

.cource_3 .price p {
  font-size: 40px;
  color: #30156C;
  font-weight: 600;
  margin-bottom: 40px;
}

.cource_3 .large-4 .button {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  background: linear-gradient(180deg, rgba(106, 10, 182, 1) 0%, rgba(47, 4, 80, 1) 100%);
}

.additional p {
  color: #000;
  font-size: 16px;
  margin-bottom: 0;
}

.cource_3 #tab_course-content .large-4 h3 {
  font-size: 16px;
  color: #000;
  font-weight: 600;
}

.cource_3 #tab_course-content .large-4 .col-inner {
  padding: 0;
  background: transparent;
}

.cource_3 #tab_course-content .large-4 {
  padding-top: 10px;
}

.cource_3 #tab_course-content .large-4 ul li {
  font-size: 14px;
  color: #000;
}

.cource_4 {
  padding-top: 90px !important;
  padding-bottom: 40px !important;
}

.cource_4 .title .large-6 h2 {
  font-size: 50px;
  line-height: 50px;
  color: #000;
  font-weight: 600;
  margin: 0;
}

.cource_4 .title .large-6 .button {
  color: #30156C;
  font-size: 17px;
  position: relative;
  padding-right: 30px;
  margin-bottom: 0;
  padding-top: 20px;
}

.cource_4 .title .large-6 .button::before {
  content: "";
  background: url(img/bxs-chevron-right\ \(2\).png) no-repeat;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 30px;
  right: 0;
}

.cource_4 .title .large-6 {
  display: flex;
  justify-content: end;
}

.list_cource .img-inner img {
  height: 216px;
  object-fit: cover;
}

.list_cource .price p {
  font-size: 20px;
  color: #30156C;
  font-weight: 600;
  margin-bottom: 15px;
}

.list_cource .title h3 {
  font-size: 20px;
  line-height: 24px;
  color: #000;
  font-weight: 600;
  margin-bottom: 15px;
}

.list_cource .title p {
  font-size: 14px;
  color: #000;
}

.list_cource .title {
  margin-bottom: 40px;
}

.list_cource .large-4 .row .large-6:first-child .button {
  font-size: 14px;
  color: #30156C;
  font-weight: 700;
  margin-bottom: 0;
}


.list_cource .large-4 .row .large-6:last-child p {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  line-height: 35px;
  margin-bottom: 0;
}

.list_cource .large-4 .row .large-6:last-child .icon-box-text {
  padding-left: 10px;
}

.list_cource .large-4 .row .large-6:last-child .icon-box-left {
  width: fit-content;
}

.list_cource .large-4 .col-inner .readmore {
  position: absolute;
  bottom: 25px;
  width: calc(100% - 80px);
  left: 40px;
}

.list_cource .large-4 .row .large-6:last-child .col-inner {
  display: flex;
  justify-content: end;
}

.list_cource .large-4 .large-12>.col-inner {
  display: flex;
  flex-direction: column;
}

.child_content>.col-inner {
  padding: 20px 40px 0 40px;
}

.top_img {
  padding-bottom: 0 !important;
}


.list_cource .item>.col-inner {
  box-shadow: 2px 1px 16px #e1e1e1;
  transition: all 0.3s ease-in-out;
}
.list_cource .item>.col-inner:hover .img .img-inner img {
  transform: scale(1.09);
  transition: all 0.3s ease-in-out;
}
.list_cource .item>.col-inner:hover .title h3 {
  color: #30156C;
  transition: all 0.3s ease-in-out;
}
.list_cource .item>.col-inner:hover {
  box-shadow: 2px 1px 16px #464646;
}



.list_cource .large-4 .col-inner .readmore {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.readmore .large-6 {
  padding-bottom: 0 !important;
  padding: 0;
}

.cource_5 .row {
  position: relative;
}

.cource_5 .row::before {
  content: "";
  background: url(img/Frame\ 236.png) no-repeat;
  width: calc(100% - 30px);
  height: 260px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;

}

.cource_5 .row .large-6 {
  padding-top: 65px;
  padding-bottom: 65px !important;
}

.cource_5 .row .large-6:first-child .col-inner {
  padding-left: 100px;
}

.cource_5 .row .large-6:first-child .col-inner h3 {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 35px;
}

.cource_5 .row .large-6:first-child .col-inner p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0;
}

.cource_5 .row .large-6:last-child .col-inner {
  padding-right: 100px;

}

.cource_5 .row .large-6:last-child .col-inner h3 {
  font-size: 40px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 40px;
}

.cource_5 .row .large-6:last-child .col-inner .icon-box-text {
  display: flex;
  align-items: center;
}

.cource_5 .row .large-6:last-child {
  display: flex;
  align-items: center;
}

.page_content  p {
  font-size: 20px;
  color: #000;
  font-weight: 500;
  line-height: 24px;
}
.page_content  h3 {
  color: #30156C;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  padding-top: 20px;
}
.page_content  h3:first-child {
  padding-top: 0;
}

.page_content .content_2 {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #00000070;
}

.archive_section_top .title h2 {
  font-size: 50px;
  font-weight: 600;
  color: #30156C;
  line-height: 50px;
  margin-bottom: 30px;
}

.archive_section_top .left .first_post .img_box img{
  border-radius: 8px;
  width: 100%;
height: 460px;
object-fit: cover;
}
.archive_section_top .left .first_post .img_box {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  border-radius: 15px;
  margin-bottom: 30px;
}
.archive_section_top .left .first_post:hover .img_box img {
  transform: scale(1.09);
  transition: all 0.3s ease-in-out;
}
.archive_section_top .left .first_post .img_box .infor{
  position: absolute;
  width: 100%;
  padding: 23px 40px;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
}
.archive_section_top .left .first_post .img_box .infor .date {
  font-size: 12px;
  color: #fff;
  display: flex;
  align-items: center;
}
.archive_section_top .left .first_post .img_box .infor .cat span {
font-size: 15px;
color: #fff;
font-weight: 600;
}
.archive_section_top .left .first_post .img_box .infor .cat {
  padding: 5px 10px;
  background: #8A4BF2;
}


.archive_section_top .left .first_post  h3 {
  font-size: 30px;
  line-height: 35px;
  color: #000;
  font-weight: 600;
  margin-bottom: 0;
}
.archive_section_top .left .first_post  .para {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}
.archive_section_top .left  .link_readmore {
  font-size: 16px;
  color: #31166B;
  font-weight: 600;
  text-decoration: underline;
  margin-top: 30px;
  display: block;
}
.archive_section_top .right h3 {
  font-size: 30px;
  color:#31166B;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 30px;
}
.archive_section_top .right .post_item h3 {
  font-size: 25px;
  color: #000;
  font-weight: 600;
  line-height: 25px;
}
.archive_section_top .right .post_item .infor {
  display: flex;
  align-items: center;
}

.archive_section_top .right .post_item .infor .cat span {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
}
.archive_section_top .right .post_item .infor .cat {
  padding: 5px 10px;
  background: #8A4BF2;
  margin-right: 30px;
}
.archive_section_top .right .post_item .infor .date {
  color: #000;
  font-size: 12px;
}
.archive_section_top .right .post_item {
  display: flex;
  border-radius: 15px;
}

.archive_section_top .right .post_item .img_box {
  max-width: 35%;
  flex-basis: 35%;
  border-radius: 15px;
  overflow: hidden;
}
.archive_section_top .right .post_item .post_content {
  max-width: 65%;
  flex-basis: 65%;
  padding-left: 24px;
}
.archive_section_top .right .post_item:hover .img_box img{
  transform: scale(1.05);
  transition: all 0.3s ease-in-out;
}
.archive_section_top .right .post_item:hover h3 {
  color: #30156C;
  transition: all 0.3s ease-in-out;
}
.archive_section_top .right .post_item {
  margin-bottom: 20px;
}
.archive_section_top .right .post_item:last-child{
  margin-bottom: 0;
}
.archive_section_top .right .post_item:hover {
  box-shadow: -1px 9px 12px #ababab;
  transition: all 0.3s ease-in-out;
}
.archive_section_bottom .section_title {
  padding-bottom: 40px !important;
}

.archive_section_bottom .section_title h3 {
  font-size: 50px;
  line-height: 50px;
  color: #31166B;
  line-height: 50px;
  margin-bottom: 0;
}
.archive_section_bottom .list_filter ul {
  list-style: none;
  display: flex;
  justify-content: space-around;
  margin-bottom: 0;
}
.archive_section_bottom .list_filter ul li span {
  font-size: 20px;
  color: #8a4bf242;
  font-weight: 600;
}
.archive_section_bottom .list_filter ul li {
  border-radius: 10px;
  border: 2px solid #8a4bf242;
  cursor: pointer;
  height: 37px;
  margin-bottom: 0;
  padding: 0 20px;
}

.archive_section_bottom .list_filter ul li.active span {
  color: #fff;
}
.archive_section_bottom .list_filter ul li.active {
  background: #8A4BF2;
}
.archive_section_bottom .list_filter ul li:hover span {
  color: #fff;
}
.archive_section_bottom .list_filter ul li:hover {
  background: #8A4BF2;
}
.archive_section_bottom .list_filter {
  max-width: 65%;
  flex-basis: 65%;
}
.archive_section_bottom .section_title h3 {
  max-width: 35%;
  flex-basis: 35%;
}
.archive_section_bottom .section_title {
  display: flex;
  align-items: center;
}
.archive_section_bottom {
  padding-top: 40px;
  background: #F5F5F5;
}

.archive_section_bottom .list_post_content {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}
.archive_section_bottom .list_post_content .post_item {
  max-width: 33.33%;
  flex-basis: 33.33%;
  padding: 0 12px;
  margin-bottom: 40px;
}
.archive_section_bottom .list_post_content .post_item .img_box {
  border-radius: 15px;
  overflow: hidden;
  height: 220px;
  width: 100%;
  margin-bottom: 22px;
}
.archive_section_bottom .list_post_content .post_item .img_box img {
  object-fit: cover;
}

.archive_section_bottom .list_post_content .post_item .infor {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.archive_section_bottom .list_post_content .post_item .infor .cat {
  padding: 5px 10px;
  background: #8A4BF2;
  margin-right: 30px;
}

.archive_section_bottom .list_post_content .post_item .infor .date {
  color: #000;
  font-size: 12px;
}
.archive_section_bottom .list_post_content .post_item .infor .cat span {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
}

.archive_section_bottom .list_post_content .post_item  h3 {
  font-size: 25px;
  color: #000;
  font-weight: 600;
  line-height: 25px;
}
.archive_section_bottom .list_post_content .post_item  .para {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.archive_section_bottom .list_post_content .post_item .link_readmore {
  font-size: 16px;
  color: #31166B;
  font-weight: 600;
  text-decoration: underline;
  margin-top: 30px;
  display: block;
}
.archive_section_bottom .list_post_content .post_item  .para {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  height: 49px;
  overflow: hidden;
}
.post_item {
  cursor: pointer;
}
.archive_section_bottom .list_post_content .post_item .col-inner:hover {
  box-shadow: 14px 10px 28px #ababab;
  transition: all 0.3s ease-in-out;
  border-radius: 15px 15px 15px 0;
  overflow: hidden;
}
/* regis_form */
.taps_form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.taps_form > div {
  max-width: 14.2857%;
  flex-basis: 14.2857%;
  text-align: center;
  position: relative;
  height: 120px;
}
.taps_form > div span {
  font-size: 16px;
  color: #000;
}
.taps_form > div.item_line {
  position: relative;
}
.taps_form > div.item_line::after {
  content: "";
  background: #30156C;
  opacity: 0.5;
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  position: absolute;
}
.taps_form span {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}
.taps_form #form_1::before {
content: "";
background: url(img/checked.png) no-repeat;
background-size: cover;
width: 41px;
height: 41px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.taps_form #form_2::before {
content: "";
background: url(img/checked2.png) no-repeat;
background-size: cover;
width: 41px;
height: 41px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.taps_form #form_3::before {
content: "";
background: url(img/checked3.png) no-repeat;
background-size: cover;
width: 41px;
height: 41px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.taps_form #form_4::before {
content: "";
background: url(img/checked4.png) no-repeat;
background-size: cover;
width: 41px;
height: 41px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.taps_form .item.active::before {
  background: url(img/checked.png) no-repeat !important;
  background-size: cover !important;
}
.form_content p {
  font-size: 20px;
  color: #848484;
  margin-bottom: 10px;
  font-weight: 500;
}
.form_content select {
  background-color: #F5F5F5;
  border: unset;
  font-size: 16px;
  color: #000;
  font-weight: 600;
  height: 53px;
}
.form_content input {
  background-color: #F5F5F5;
  border: unset;
  font-size: 16px;
  color: #000;
  font-weight: 600;
  height: 53px;
  box-shadow: unset;
}

.form_1 .bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form_1 .bottom > div {
  max-width: calc(50% - 65px);
  flex-basis: calc(50% - 65px);
}

.form_1 .bottom > div:nth-child(2) .result {
background: #F5F5F5;
display: block;
padding: 14px 24px;
position: relative;
}
.form_1 .bottom > div:nth-child(2) .result p {
  margin: 0;
  font-size: 16px;
  color: #000;
  font-weight: 600;
}
.form_1 .bottom > div:nth-child(2) .result::after {
  content: "";
  background: url(img/bx-euro.png) no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
}

.form_content .directional {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
}
.form_content .directional .prev .button {
font-size: 16px;
line-height: 16px;
color: #00000080;
margin-bottom: 0;
padding-left: 30px;
position: relative;
background: transparent;
border: unset;
text-transform: unset;
}
.form_content .directional .next .button {
  font-size: 20px;
  line-height: 20px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: unset;
  background: linear-gradient(180deg, rgba(106, 10, 182, 1) 0%, rgba(47, 4, 80, 1) 100%);
  border-radius: 15px;
  padding: 0 50px;
}
.form_content .directional .prev .button::before {
  content: "";
  background: url(img/prev.png) no-repeat;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.form_1 .form_inner > div {
  padding-top: 50px;
}

.form_2 .top {
  display: flex;
  flex-wrap: wrap;
}
.form_2 .top  input {
height: unset;
}
.form_2 .top p:last-child {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.form_2 .top > div:first-child {
  max-width: 45%;
  flex-basis: 45%;
  padding-right: 100px;
}
.form_2 .top > div:last-child {
  max-width: 55%;
  flex-basis: 55%;
}
.form_2 .form_inner > div {
  margin-top: 50px;
}
.form_3 .top input {
  height: unset;
}
.form_3 .middle {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form_3 .middle > div {
  max-width: 100%;
  flex-basis: 100%;
}
.form_3 .middle > div.half {
  max-width: calc(50% - 50px);
  flex-basis: calc(50% - 50px);
}
.form_3 .wpcf7-checkbox input{
  height: unset;
}
.popup_form {
  display: none;
}

.popup_form.show {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.popup_form.show > div{
  max-width: 100%;
  flex-basis: 100%;
}
.popup_form.show > div.half {
  max-width: calc(50% - 50px);
  flex-basis: calc(50% - 50px);
}


.form_4  .top > div:nth-child(1) {
margin-bottom: 50px;
}
.form_4  .top > div .result {
  padding: 10px 24px;
  background: #F5F5F5;
  margin-bottom: 50px;
}
.form_4  .top > div .result p {
  font-size: 16px;
  color: #000;
  line-height: 20px;
}
.form_4  .top > div .result p:last-child{
  color: #2F146B;
  font-weight: 600;
}
.form_4 .wpcf7-checkbox input {
  height: unset;
}
.form_4 .form_popup > div {
  padding: 10px 24px;
  background: #F5F5F5;
  margin-bottom: 50px;
}

.form_4 .form_popup > div p {
  color: #000;
  font-weight: 400;
  font-size: 16px;
}

.form_4 .form_popup > div strong {
  font-weight: 600;
  display: block;
}
.form_4 .form_popup {
  display: none;
  padding-top: 40px;
}

.form_4 input[type="radio"] {
  height: unset;
}
.cf7mls_next {
  font-size: 20px;
  line-height: 20px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: unset;
  background: linear-gradient(180deg, rgba(106, 10, 182, 1) 0%, rgba(47, 4, 80, 1) 100%);
  border-radius: 15px;
  padding: 0 50px;
  text-transform: unset;
}


.cf7mls-btns .cf7mls_next.action-button {
  padding: 0 50px !important;
  border-radius: 15px;
  margin-right: 2px !important;
}

.cf7mls_back {
  background: transparent !important;
  font-size: 16px !important;
  color: #757575 !important;
  text-decoration: underline !important;
  padding-left: 28px !important;
  position: relative !important;
  text-transform: unset;
}
.cf7mls_back::before {
  content: "";
  background: url(img/prev.png) no-repeat;
  width: 19px;
  height: 19px;
  background-size: cover;
  position: absolute;
  bottom: 22px;
  left: 0;
  /* transform: translateY(-50%); */
}

.form_4 .directional {
  display: flex;
  justify-content: flex-end !important;
  margin-top: 50px;
}
.fieldset-cf7mls-wrapper .fieldset-cf7mls:last-child .cf7mls-btns {
  margin-top: -100px;
}
.taps_form {
  margin-bottom: 40px;
}
#tab_kursinhalte .large-4 .col-inner {
    background: #fff;
    padding: 15px 10px;
}
#tab_kursinhalte .large-4 {
    padding: 0 10px 30px;
}
.xread_more {
	font-size:0;
	background:transparent;
	position:relative;
  border: unset !important;
  width: 100%;
}
.xread_more::after {
  content: "";
  background: url(https://krypto-bildungsinstitut.de/wp-content/uploads/2024/05/prime_sort-down-fill.png) no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.xread_more p {
  transition: all 0.3s ease-in-out;
}

.xread_more.close::after {
  transform: translateX(-50%) rotate(180deg);
}
.Impressum > div{
  display: flex;
  justify-content: center;
}
.Impressum a {
  color: #fff;
  font-size: 14px;
  padding: 0 5px;
}

.success {
  display: none;
}





@media(max-width:1440px) {
  .section_1 .section-content>.row:nth-child(2) {
    margin-top: -66px;
  }
}





@media(max-width:840px) {
  .sec_1 .row:nth-child(1) h2 {
    font-size: 42px;
    line-height: 49px;
}
.sec_1 .row:nth-child(2)  .large-6 .row {
  padding: 5px;
}
.sec_1 .row:nth-child(2)  .large-6 .row .large-6:nth-child(1) .button {
  font-size: 18px;
  padding: 0px 44px 0px 9px;
  height: 44px;
}
.sec_1 .row:nth-child(2)  .large-6 .row .large-6:nth-child(1) .button::before {
  width: 30px;
  height: 30px;
  background-size: cover;
  top: 50%;
  right: 11px;
  transform: translateY(-50%);
}
.sec_1 .row:nth-child(2)  .large-6 .row .large-6:nth-child(2) .button {
  font-size: 18px;
}
.sec_1 .row:nth-child(2)  .large-3:nth-child(3) p {
  font-size: 35px;
}
.sec_1 .row:nth-child(2)  .large-3:nth-child(3) span {
  font-size: 18px;
}
.sec_2 h2 {
  font-size: 35px;
  margin-bottom: 20px;
}

.sec_2 .item h3 {
  font-size: 25px;
}
.sec_2 .item p {
  font-size: 20px;
}
.sec_2 .item .button {
  font-size: 22px;
}
.sec_3 h2 {
  font-size: 35px;
}
.sec_3 p {
  font-size: 20px;
  line-height: 30px;
}
.sec_3 .row:nth-child(2) .large-6 .col-inner {
  padding: 20px 20px;
}
.sec_3 h3 {
  font-size: 18px;
}
.sec_3 .row:nth-child(2) p {
  font-size: 16px;
  line-height: 20px;
}

.sec_3 .row:nth-child(2) .button {
  font-size: 18px;
  margin: 0;
}
.sec_4 h2 {
  font-size: 35px;
  margin-bottom: 30px;
}
.sec_5 h2 {
  font-size: 35px;
  color: #344054;
  font-weight: 600;
  line-height: 70px;
  margin-bottom: 0;
}
.sec_5 .button {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  height: 48px;
  width: 155px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #8020F4;
}
.item_1 .inner .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 350px;
}
.item_1 .inner {
  position: relative;
  height: 350px;
}
.item_2 .inner, .item_3 .inner {
  position: relative;
  height: 170px;
}
.sec_2 .item h3 {
  font-size: 18px;
}
.sec_2 .item .button {
  font-size: 16px;
}
.marquee-text {
  color: #000;
  position: relative;
  display: inline-block;
  padding-left: 0;
  animation: marquee 30s linear infinite;
  font-size: 20px;
}

.sec_7 h2 {
  font-size: 35px;
  color: #000;
  font-weight: 500;
  margin-bottom: 45px;
}
.sec_7 .button {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  height: 60px;
  width: 435px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background-color: #8020F4;
  font-family: "SVN-Clash-light";
}
.footer-widgets p {
  font-size: 14px;
  color: #000;
  line-height: 36px;
  margin: 0;
  font-family: "SVN-Clash-light";
}

  .section_1 .section-content>.row:nth-child(2) {
    margin-top: -30px;
  }

  .section_1 .row .large-6:nth-child(1) .col-inner h3 {
    font-size: 30px;
    font-weight: 600;
    color: #2F146B;
    line-height: 30px;
    margin-bottom: 30px;
  }

  .section_1 .row .large-6:nth-child(1) .col-inner p:nth-child(1) {
    font-size: 14px;
    margin-bottom: 7px;
  }

  .section_1 .row .large-6 {
    padding: 15px !important;
  }

  .section_1 .row .large-6:last-child {
    padding: 0 !important;
  }

  .Expertenqualifiziert {
    background-color: #2F146B;
    border-radius: 10px;
    padding: 35px 60px 15px 60px;
  }

  .Expertenqualifiziert h2 {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 40px;
  }

  .section_3 .row:nth-child(1) h3 {
    font-size: 35px;
    line-height: 35px;
  }

  .section_3 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .section_3 .row:nth-child(2) .large-6 .box-text h4 {
    color: #fff;
    font-size: 16px;
  }

  .section_4 .large-7 h2 {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 35px;
  }

  .section_4 .large-7 ul li {
    padding-left: 40px;
    position: relative;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 20px;
    margin-left: 0;
    max-width: 638px;
  }

  .section_5 {
    padding-top: 60px !important;
  }

  .section_5 h2 {
    font-size: 35px;
    color: #000;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 60px;
  }

  .section_5 .text_description h2 {
    font-size: 25px;
    line-height: 25px;
  }

  .section_5 .text_description h3 {
    font-size: 20px;
    line-height: 20px;
    color: #000;
    margin-bottom: 13px;
  }

  .section_5 .text_description .button {
    margin-top: 0px;
  }

  .section_6 h2 {
    font-size: 35px;
    color: #000;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 45px;
  }

  .section_6 {
    padding-top: 55px !important;
  }

  .section_6 .icon-box::before {
    width: 91px;
    height: 56px;
    position: absolute;
    right: 20px;
  }

  .section_6 .icon-box {
    background: #fff;
    padding: 86px 25px 45px 25px;
    position: relative;
    min-height: 510px;
  }

  .section_6 .icon-box-text h3 {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    margin-bottom: 15px;
  }

  .section_7 {
    padding-top: 70px !important;
  }

  .section_7 h2 {
    font-size: 35px;
    color: #000;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 35px;
  }

  .nav-sidebar a {
    color: #000 !important;
  }

  .service_banner .text-inner h3 {
    font-size: 35px;
  }

  .service_banner .text-inner p {
    font-size: 18px;
  }

  .service_banner .list_item .large-4 .col-inner {
    background: #fff;
    padding: 20px 20px 30px 20px;
  }

  .service_banner .list_item .large-4 .box-text h4 {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .service_banner .list_item .large-4 .box-text p {
    font-size: 14px;
    font-weight: 400;
    color: #000;
  }

  .service_banner {
    padding-bottom: 40px !important;
  }

  .service_2 .title h3 {
    font-size: 35px;
    line-height: 35px;
  }

  .service_2 .title p {
    font-size: 17px;
    color: #000;
    font-weight: 500;
  }

  .service_2 .title {
    margin-bottom: 0px;
  }

  .service_2 .content .large-4 .col-inner {
    padding: 20px 20px;
    border: 1px solid #000;
    border-radius: 15px;
  }

  .service_2 {
    padding-bottom: 35px !important;
  }

  .service_qa .accordion_title {
    font-size: 25px;
    line-height: 30px;
    color: #000;
    margin-bottom: 20px;
  }

  .contact_1 .large-3 {
    max-width: 40%;
    flex-basis: 40%;
  }

  .contact_1 .large-9 {
    max-width: 60%;
    flex-basis: 60%;
  }

  .contact_1 .large-3 .col-inner .item h3 {
    font-size: 18px;
    line-height: 20px;
  }

  .contact_1 .large-3 .col-inner {
    background: #EBEBEB;
    padding: 40px 25px;
  }

  .contact_form span {
    font-size: 16px;
    color: #000;
    font-weight: 600;
  }

  .contact_form .form_top .wpcf7-form-control-wrap span {
    font-size: 14px;
  }

  .about_1 .large-9 .col-inner h3 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 30px;
  }

  .about_1 .large-3 {
    max-width: 35%;
    flex-basis: 35%;
  }

  .about_1 .large-9 {
    max-width: 65%;
    flex-basis: 65%;
  }

  .about_1 .large-3 .box-text {
    background: #EBEBEB;
    padding: 30px 15px 30px 15px;
    border-radius: 0 0 15px 15px;
    position: relative;
  }

  .job_offer .large-6 {
    display: flex;
    align-items: unset;
  }

  .job_offer .para h3 {
    font-size: 30px;
    line-height: 33px;
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
  }

  .job_offer {
    padding-bottom: 30px !important;
  }
  .cource_1 h3 {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    line-height: 30px;
    text-transform: none;
}
.cource_2 .row {
  margin-top: -58px;
}

.cource_2 .box h4 {
  font-size: 22px;
  margin-bottom: 20px;
}
.cource_3 .large-8 {
  max-width: 100%;
  flex-basis: 100%;
}
.cource_3 .large-4 {
  max-width: 100%;
  flex-basis: 100%;
}
.cource_3 {
  padding-top: 30px !important;
  padding-bottom: 10px !important;
}
.cource_4 {
  padding-top: 45px !important;
  padding-bottom: 30px !important;
}
.cource_4 .title .large-6 h2 {
  font-size: 35px;
  line-height: 65px;

}
.child_content>.col-inner {
  padding: 12px 10px 0 10px;
}
.list_cource .title h3 {
  font-size: 17px;
  line-height: 22px;
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
}
.list_cource .large-4 .col-inner .readmore {
  bottom: 25px;
  width: calc(100% - 30px);
  left: 10px;
}
.cource_5 .row .large-6:first-child .col-inner {
  padding-left: 50px;
}
.cource_5 .row .large-6:first-child .col-inner h3 {
  font-size: 25px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 20px;
}
.cource_5 .row .large-6:first-child .col-inner p {
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0;
}

.cource_5 .row .large-6:last-child .col-inner {
  padding-right: 50px;

}
.cource_5 .row .large-6:last-child .col-inner h3 {
  font-size: 30px;
  line-height: 30px;
}

.cource_5 .row .large-6 {
  padding-top: 45px;
}
.archive_section_top .title h2 {
  font-size: 35px;
  line-height: 35px;
  margin-bottom: 0px;
}
.archive_section_top .right h3 {
  font-size: 25px;
  line-height: 25px;
  margin-bottom: 20px;
}
.archive_section_top .right .post_item h3 {
  font-size: 18px;
  line-height: 18px;
}

.archive_section_top .right .post_item .post_content {
  max-width: 60%;
  flex-basis: 60%;
  padding-left: 15px;
}

.archive_section_top .right .post_item .img_box {
  max-width: 40%;
  flex-basis: 40%;
  border-radius: 15px;
  overflow: hidden;
  height: 110px;
}
.archive_section_top .right .post_item .img_box img{
  object-fit: cover;
  height: 110px;
  width: auto;
}
.archive_section_top .left .first_post .img_box img {
  border-radius: 8px;
  width: 100%;
  height: 418px;
  object-fit: cover;
}
.archive_section_top .left .first_post  h3 {
  font-size: 25px;
  line-height: 28px;
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
}
.archive_section_top .left  .link_readmore {
  margin-top: 20px;
}
.archive_section_bottom .section_title h3 {
  font-size: 35px;
  line-height: 35px;
}
.archive_section_bottom .list_filter ul li span {
  font-size: 16px;
}

.archive_section_bottom .list_filter ul li {
  height: unset;
  margin-bottom: 0;
  padding: 0 15px;
}
.archive_section_bottom .list_post_content .post_item .img_box {
  border-radius: 15px;
  overflow: hidden;
  height: 130px;
  width: 100%;
  margin-bottom: 22px;
}

.archive_section_bottom .list_post_content .post_item  h3 {
  font-size: 20px;
  line-height: 20px;
}
.archive_section_bottom .list_post_content .post_item  .para {
  font-size: 16px;
  line-height: 20px;
  height: 39px;
}

.taps_form > div {
  max-width: 14.2857%;
  flex-basis: 14.2857%;
  text-align: center;
  position: relative;
  height: 140px;
}
.form_content p {
  font-size: 16px;
  color: #848484;
  margin-bottom: 10px;
  font-weight: 500;
}
.form_content select {
  background-color: #F5F5F5;
  border: unset;
  font-size: 16px;
  color: #000;
  font-weight: 500;
  height: 53px;
}

.form_2 .top > div:first-child {
  max-width: 40%;
  flex-basis: 40%;
  padding-right: 50px;
}

.form_2 .top > div:last-child {
  max-width: 60%;
  flex-basis: 60%;
}
.form_1 .bottom > div {
  max-width: calc(50% - 15px);
  flex-basis: calc(50% - 15px);
}

.popup_form.show > div.half {
  max-width: calc(50% - 15px);
  flex-basis: calc(15% - 15px);
}

.form_content .directional .next .button {
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: unset;
  background: linear-gradient(180deg, rgba(106, 10, 182, 1) 0%, rgba(47, 4, 80, 1) 100%);
  border-radius: 15px;
  padding: 0 20px;
}
.fieldset-cf7mls-wrapper .fieldset-cf7mls:last-child .cf7mls-btns {
  margin-top: -83px;
}



@media(max-width:480px) {
  .sec_2 .item p {
    font-size: 16px;
    line-height: 20px;
}
.sec_3 p {
  font-size: 16px;
  line-height: 22px;
}
.sec_5 h2 {
  font-size: 25px;
  color: #344054;
  font-weight: 600;
  line-height: 70px;
  margin-bottom: 0;
}
.sec_2custom .slider_custom .slick-list.draggable {
  padding-right: 50px !important;
}
.marquee-text {
  color: #000;
  position: relative;
  display: inline-block;
  padding-left: 0;
  animation: marquee 30s linear infinite;
  font-size: 12px;
}
.footer-1 > .row > #text-2 {
  max-width: 100%;
  flex-basis: 100%;
  margin-bottom: 10px;
}
.sec_1 .row:nth-child(2)  .large-6 .row .large-6 {
  max-width: 50%;
  flex-basis: 50%;
}
.sec_1 .row:nth-child(2)  .large-6 .row .large-6 {
  padding-bottom: 0 !important;
}
.sec_7 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.sec_5 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
  .Expertenqualifiziert {
    background-color: #2F146B;
    border-radius: 10px;
    padding: 35px 20px 15px 20px;
  }

  .sec_link span::after {
    content: "";
    background: url(img/bxs-chevron-right.png) no-repeat;
    background-size: contain;
    width: 19px;
    height: 19px;
    background-size: cover;
    position: absolute;
    right: unset;
    bottom: 2px;
  }

  .section_6 .icon-box {
    background: #fff;
    padding: 86px 25px 45px 25px;
    position: relative;
    min-height: unset;
  }

  .section_7 .wpcf7-form input {
    width: 100%;

  }

  .icon-bar {
    position: fixed;
    top: 76%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .service_banner .text-inner h3 {
    font-size: 19px;
  }

  .service_banner .text-inner p {
    font-size: 16px;
  }

  .service_banner .list_item .large-4 {
    margin-top: unset !important;
  }

  .service_banner .list_item {
    margin-top: -80px !important;
  }

  .service_2 .title h3 {
    font-size: 25px;
    line-height: 30px;
  }

  .service_2 .title p {
    font-size: 16px;
    color: #000;
    font-weight: 500;
  }

  .service_2 .content {
    margin: 0 0px;
  }

  .service_2 .content .large-4 {
    max-width: 50%;
    flex-basis: 50%;
    padding: 5px !important;
  }

  .contact_1 .large-3 {
    max-width: 100%;
    flex-basis: 100%;
  }

  .contact_1 .large-9 {
    max-width: 100%;
    flex-basis: 100%;
  }

  .contact_1 .large-9 .contact_form {
    padding-bottom: 50px;
  }

  .contact_1 .large-9 .col-inner .job_offer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: unset;
    padding-bottom: 0 !important;
  }

  .about_1 .large-3 {
    max-width: 100%;
    flex-basis: 100%;
  }

  .about_1 .large-9 {
    max-width: 100%;
    flex-basis: 100%;
  }
  .cource_3 .nav-line li a {
    font-size: 17px;
    color: #30156c3b;
    font-weight: 600;
}
.cource_4 .title .large-6 {
  max-width: 50%;
  flex-basis: 50%;
  padding-bottom: 15px !important;
}
.cource_4 {
  padding-top: 20px !important;
  padding-bottom: 30px !important;
}
.cource_4 .title .large-6 .button {
  padding-top: 0px;
}

.cource_4 .title .large-6 h2 {
  font-size: 23px;
  line-height: 40px;
}
.cource_4 .title .large-6 .button::before {
  top: 10px;
}

.cource_5 .row::before {
  height: 428px;
  background-size: cover;
}

.cource_5 .row .large-6 {
  padding-bottom: 50px !important;
}
.cource_5 .row .large-6:first-child .col-inner {
  padding-left: 25px;
}
.page_content  p {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  line-height: 22px;
}
.archive_section_bottom .section_title h3 {
  max-width: 100%;
  flex-basis: 100%;
}
.archive_section_bottom .list_filter {
  max-width: 100%;
  flex-basis: 100%;
  margin-top: 20px;
}
.archive_section_bottom .section_title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.archive_section_bottom .list_filter ul li {
  height: unset;
  margin-bottom: 0;
  padding: 0 10px;
}
.archive_section_bottom .list_post_content .post_item {
  max-width: 50%;
  flex-basis: 50%;
  padding: 0 12px;
  margin-bottom: 20px;
}
.archive_section_bottom .list_post_content .post_item .img_box img {
  object-fit: cover;
  height: 100%;
}
.archive_section_bottom .list_post_content .post_item  h3 {
  font-size: 17px;
  line-height: 18px;
}
.archive_section_bottom .list_post_content .post_item  .para {
  font-size: 14px;
  line-height: 16px;
  height: 30px;
}
.archive_section_bottom .list_post_content .post_item .link_readmore {
  font-size: 14px;
  margin-top: 20px;
}
.taps_form > div.item_line {
  position: relative;
  max-width: 5%;
  flex-basis: 5%;
}

.taps_form {
  margin-bottom: 40px;
  width: calc(100% - 30px);
}

.taps_form > div {
  max-width: 21.25%;
  flex-basis: 21.25%;
}
.taps_form #form_1::before,
.taps_form #form_2::before,
.taps_form #form_3::before,
.taps_form #form_4::before {
  width: 30px;
  height: 30px;
}

.form_1 .form_inner > div {
  padding-top: 20px;
}

.form_2 .top > div:first-child {
  max-width: 100%;
  flex-basis: 100%;
  padding-right: 0;
}
.form_2 .top > div:last-child {
  max-width: 100%;
  flex-basis: 100%;
}
.form_1 .bottom > div {
  max-width: calc(50% - 15px);
  flex-basis: calc(50% - 15px);
}

.popup_form.show > div.half {
  max-width: calc(50% - 15px);
  flex-basis: calc(15% - 15px);
}

.form_content .directional .next .button {
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: unset;
  background: linear-gradient(180deg, rgba(106, 10, 182, 1) 0%, rgba(47, 4, 80, 1) 100%);
  border-radius: 15px;
  padding: 0 20px;
}
.fieldset-cf7mls-wrapper .fieldset-cf7mls:last-child .cf7mls-btns {
  margin-top: -83px;
}