@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-family: 'Poppins';
}
.container-80 {
    width: 80%;
    margin: 0 auto;
}
.container-95 {
    width: 95%;
    margin: 0 auto;
}
.container-full {
    width: 100%;
    margin: 0 auto;
}
.font-1{
    font-size: 3.8rem!important;
    font-family: Poppins;
    font-weight: 700;
    color: #d57c5e;
}
.font-2{
font-size: 2rem !important;
    font-family: Poppins;
    font-weight: 300;
    color: #474747;
    text-transform: uppercase;
    border-bottom: 1px solid;
    padding-bottom: 2rem;
}
.font-3 {
    font-weight: bold;
    color: #d57c5e;
    text-align: end;
    letter-spacing: 2px;
}
header.header {
    border-bottom: 1px solid #d57c5e;
}
.block-title {
    position: relative;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.3rem;
    color: #795548;
    padding: 1rem 0;
}
.radius-1 img {
    border-radius: 1rem;
}
.szin-1 {
    color: #D57C5E;
}

.button-container {
    display: flex;
    justify-content: flex-end;
}
/*---------Gombok---------*/

a.btn-1 {
    border: 1px solid #ff7348;
    padding: 0.5rem 2rem;
    border-radius: 0.5rem;
    color: #ff7348;
    text-transform: uppercase;
    font-weight: bold;
}
a.btn-2 {
    border: 1px solid #429772;
    padding: 0.5rem 2rem;
    border-radius: 0.5rem;
    color: #429772;
    text-transform: uppercase;
    font-weight: bold;
}
.btn-container {
    margin: 2rem 0;
}

/*---------------Slider------------------*/
.slider{
height: unset!important;
    background-image: url(../images/slider-bg.jpg);
    background-size: cover;
        background-position-y: bottom;
        padding: 2rem 0;
}

.szolgaltatas-hero {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5rem;
    align-items: center;
}
.slider-hero {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5rem;
    align-items: center;
}
.szolgaltatas-hero .font-1{
    font-size: 3.5rem!important;
}
.szolgaltatas-hero .font-2 {
    font-size: 1.4rem !important;
    border-bottom: none!important;
 
}
.szolgaltatas-hero .cubes {
    margin-right: 2rem;
}
.slider-hero-text {
    text-align: end;
    width: 530px;
}
.flex-1 {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 2rem;
}
.flex-2 {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    
}
.flex-3 {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: wrap;
    
}

/*----------szolgáltatások----------*/
.region-section-one {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.box-2 {
    text-align: center;
    background-color: #f1e2df;
    padding: 1rem;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#section_one h2 {
text-transform: uppercase;
    color: #573837;
    font-size: 1.5rem;
    margin: 1.1rem 0;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#section_one .block {
    flex: 1;
}

.szolgaltatas-box .view-content {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: space-around;
}
.szolgaltatas-box .view-content .views-row {
flex: 1 1 300px;
}
.icon img.image-field {
    height: 100px;
    width: auto;
}
.szolgaltatas-box .cim.h2 {
    text-transform: uppercase;
    padding: 1rem;
    font-size: 1.4rem;
    color: #795548;
}
.szolgaltatas-box .lead {
    margin-bottom: 1rem;
    min-height: 18rem;
    margin: 1rem 0;
}
/*----------tanulmányok és tapasztalat----------*/
div#section_three {
    background: #d57c5e;
}
.box-3 {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: #fff1e5;
    border-radius: 2rem;
    padding: 0.5rem 2rem;
}
.region-section-three {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}
.no-list-icon li {
    list-style-type: none;
}
.no-list-icon ul {
    padding: 0;
}
#section_three .logo img {
    height: 65px;
    width: auto;
}
/*----------Rólam----------*/
#section_two {
background-image: url(../images/rolam-bg.png);
background-repeat: repeat-x;
    padding-bottom: 0;
        background-color: #fff2e6;
}
.rolam .text-container {
    flex: 1;
}
.rolam .text{
background-image: url(../images/rolam-text-bg.png);
    padding: 2rem;
    background-repeat: no-repeat;
    background-position: center;
}
.rolam .picture {
   width: 330px;
    padding-top: 9px;
}
.rolam .space{
    height: 91px;
}
/*-----------Árlista-----------*/
div#section_four {
    background-image: url(../images/arlista-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.custom-bg-arlista {
    background-color: #f1e3e0;
    padding: 2rem;
    border-radius: 2rem;
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
        border: 1px solid #d57c5e;
}
.szolgaltatasaim .megnevezes {
    color: #d57c5e;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.szolgaltatasaim .leiras {
    text-align: justify;
    margin-bottom: 1rem;
}

.szolgaltatasaim .separate {
    margin: 2rem 2rem;
}
/*--------------GYIK-------------*/
div#section_five {
    background-image: url(../images/gyik-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-position: top;
    }
.accordion-title, .toggle-title {
  display: flex;
      background-color: #fff1e5;
      color: var(--bold-color);
      font-family: var(--font-heading);
      margin: 0;
      padding: 20px 0;
      border-bottom: none;
      cursor: pointer;
      border-radius: 1.7rem;
      margin-bottom: 1rem;
      align-items: center;
}
.accordion-content, .toggle-content {
  background-color: #fff1e5;;
  padding: 0 1rem 1rem 1rem;
  margin-top: -36px;
  border-radius: 0 0 1.5rem 1.5rem;
}
.toggle-item {
    background: #fff1e5;
  border-radius: 30px;
      margin-bottom: 1rem;
}
.accordion-title::before, .toggle-title::before {
  font-family: 'FontAwesome';
  content: "\f078";
  display: inline-block;
  width: 4rem;
  text-align: center;
  font-size: 2rem;
}
.active-toggle::before, .active-accordion::before {
  font-family: 'FontAwesome';
  content: "\f077";
}

/*-----------Footer-----------*/
footer#footer {
    background: #fff1e5;
}
.footer-blocks {
    position: relative;
    display: flex;
    padding: 1rem 0;
    gap: 4rem;
    flex-wrap: wrap;
    justify-content: center;
}
.footer .block-title {
    border-left: none;
    text-align: center;
    color: #d57c5e;
}
.footer .logo {
    width: 300px;
    height: auto;
}

.footer .nev {
    font-size: 4rem;
    font-weight: bold;
    color: #d57c5e;
}

.footer .titulus {
    text-transform: uppercase;
    font-size: 2rem;
}
.region-footer-first .field {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 3rem;
}

.region-footer-second i {
    margin-right: 2rem;
}
.region-footer-second li{
    border: none;
    margin-bottom: 1rem;
}
.footer-block {
    flex: unset;
}
.footer-bottom-middle {
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: none;
    padding: 1rem 0;
    background: #d57c5e;
    color: white;
    text-align: center;
    font-weight: 300;
}
.region-footer-second {
    width: 400px;
}
/*-----------Blog-----------*/
.blog .view-content {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    justify-content: center;
}

.blog .views-row {
    flex: 0 400px;
    text-align: justify;
    box-shadow: #474747 0px 0px 10px;
    border-radius: 1rem;
    overflow: hidden;
    background: #fff1e5;
}
.blog img {
    width: 100%;
    height: auto;
}
.blog .image-field {
    margin: 0;
}
.blog .cim {height: 100px;padding: 1rem;font-weight: bold;color: #d57c5e;}

.blog .kep {
    height: 250px;
    overflow: hidden;
}
.blog .lead {
    padding: 0 1rem;
}

.blog .more {
    padding: 1rem;
    text-align: center;
}
/*-------------Form-------------*/  
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], textarea {
    background-color: #ffffff;
    max-width: 100%;
    padding: 0.5rem;
    border: 1px solid #d57c5e;
    /* box-shadow: 0 0 0 1px var(--border); */
    border-radius: 9px;
    transition: all 0.3s linear;
}


/*------------------------------------------------------------------*/