/*
 * Custom CSS
 */

:root {
  --bs-body-bg: white;
}

html,body{
  font-family:"Poppins",Sans-serif;
}
.navbar-brand{
  margin-right:4rem;
}
.menu-logo{
  width:200px;
}
section{
  background-color:white;
}
h2{
  color:black;
}
li{
  color:black;
}
p{
  color:black;
}
section{
  padding:0 0px;
}
.section-1{
  background-image: url('bg001.png');
  background-size: 60% auto;
  background-repeat: no-repeat;
  min-height: 600px;
  background-position: center right;
}
.section-1 p{
font-weight:400;
}
.section-1 li::marker{
    color: #f40c8b;
}
.section-1 li{
  font-weight:400;
  font-size:18px;
}


.section-2{
  background-image: url('bg002-1.png');
  background-size: 60% auto;
  background-repeat: no-repeat;
  min-height: 600px;
  background-position: top left;
}
.section-2 p{
font-weight:400;
font-size:18px;
}
.section-2 li::marker{
    color: #f40c8b;
}
.section-2 li{
  font-weight:400;
  font-size:18px;
}
.section-ez-is-erdekelhet{
  background-image: url('bg001.png');
  background-size: 60% auto;
  background-repeat: no-repeat;
  min-height: 600px;
  background-position: center right;
}

.section-3{
  background-image: url('bg001.png');
  background-size: 60% auto;
  background-repeat: no-repeat;
  min-height: 600px;
  background-position: center right;
}
.section-3 p{
font-weight:400;
font-size:18px;
}
.section-3 li::marker{
    color: #f40c8b;
}
.section-3 li{
  font-weight:400;
  font-size:18px;
}
.lead{
  font-size:18px;
}



.section-4{
  background-image: url('bg002-1.png');
  background-size: 60% auto;
  background-repeat: no-repeat;
  min-height: 400px;
  background-position: center left;
}
.section-4 p{
font-weight:400;
font-size:18px;
}
.section-4 li::marker{
    color: #f40c8b;
}
.section-4 li{
  font-weight:400;
  font-size:18px;
}

.section-get-started-today{

}
.section-get-started-today li::marker{
  color:#f40c8b;
}
.pack{
  padding: 30px;
  border: 1px solid #b6b6b6;
  border-radius: 25px;
  min-height:465px;
  display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    height: 100%;
    padding-bottom: 40px; /* Hely a gombnak */
}
.pack a {
  margin-top: auto;
  align-self: flex-start; /* Csak ha középre kell igazítani */
}
.price-box{
  background-color: #f40c8b;
  color: white;
  border-radius: 10px;
  padding: 15px;
}

.section-faq{
  margin-top:0;
  background-image: url("section-faq.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 60% auto;
  min-height: 400px;
  margin-top:100px!important;
}
footer p{
  color:white;
}
button.accordion-button{
  background-color:#f40c8b;
  color:white;
  font-weight:700;
  border-radius:10px!important;
}
.accordion-button::after{
  background-image:url(downarrow.svg);
}
.accordion-item{
  margin-bottom:20px;
border:none;
  border-radius:10px!important;
}
.navbar{
  padding:20px 0 20px 0;
  background-color:black!important;
}
.elitemarketing-outline{
  background:transparent;
  border:2px solid #f40c8b;
font-weight:600;
  margin:0 auto;
  padding:10px;
}
.custom-spacing{
  margin:50px auto;
}
.elitemarketing-outline:active{
  background:transparent;
  border:2px solid #f40c8b;
font-weight:600;
  margin:0 auto;
  padding:10px;
  color:white;
}
.custom-btn{
  color:white;
  border-radius:0;
}
.custom-btn:hover{
  background:transparent;
  color:white;
  border:2px solid #f40c8b;
  margin:0 auto;
  padding:10px;
}

.nav-link{
  font-weight:600;
  font-size:15px;
  line-height:20px;
  padding-left:10px;
  padding-right:10px;
  color:white;
}


.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
.dropdown-menu{
  background-color:black;
  border-radius:15px;
}
.dropdown-item{
  color:white;
  transition:.2s;
  font-weight:500;
}
.dropdown-item:focus, .dropdown-item:hover{
  transition:.2s;
  background-color:transparent;
  color:#f40c8b;
}
.nav-link:focus, .nav-link:hover{
  color:#f40c8b;
}
.navbar-toggler{
  border-color:none;
}
.navbar-toggler-icon{
  fill:white;
}
.navbar-toggler:focus{
  box-shadow:none;
}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 24px;
  height: 45px;
  position: relative;
  margin: 10px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: white;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 36px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 50%;
  background: #d3531a;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 18px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 36px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 29px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 12px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 22px;
}

#nav-icon3 span:nth-child(4) {
  top: 32px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 39px;
  left: 8px;
}
.border-left-decoration{
  border-color: #f40c8b;
  border-width: 0px 0px 0px 4px;
  border-style: solid;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 0px 0px;
}
.theme-color{
  color:#f40c8b;
}

@media (max-width: 991.98px) {
.navbar{
  padding:10px 0 10px 0;
}
img#elitemarketinglogo{
  width:100%!important;
}
}