/*
** Custom styly
*/

.blue-text {
	color: #086AD8;
}



.mylist ul li {
	margin-bottom:10px;
	position: relative;
	z-index: 1;
	padding-left: 45px;
}

.mylist ul li:last-child {
	margin-bottom: 0;
}

.mylist ul li::after {
	position: absolute;
	left: 0;
	top: 0;
	content: "\f12a";
	font-family: "Flaticon";
	font-weight: 600;
	height: 30px;
	width: 30px;
	line-height: 30px;
	background: rgba(8, 106, 216, 1);
	text-align: center;
	border-radius: 50%;
	color: var(--white);
	font-size: 12px;
}

.mylist ul li h4 {
	text-transform: inherit;
	font-weight: 600;
	color: #232323;
	margin-bottom: 10px;
}

.mylist ul {
	margin-top: 20px;
}



.services-items ul li {
	margin-bottom:15px;
	position: relative;
	z-index: 1;
	padding-left:25px;
    line-height: 115%;
}

.services-items ul li:last-child {
	margin-bottom: 0;
}

.services-items ul li::after {
	position: absolute;
	left: 0;
	top: 0;
    bottom: -3px;
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	height:15px;
	width: 15px;
	line-height: 15px;
	background: rgba(8, 106, 216, 1);
	text-align: center;
	border-radius: 50%;
	color: var(--white);
	font-size: 11px;
}

.products ul li {
	margin-bottom:10px;
	position: relative;
	z-index: 1;
	padding-left: 40px;
}
.products ul ul li {
	margin-bottom:10px;
	position: relative;
	z-index: 1;
	padding-left: 70px;
}

.products ul li:last-child {
	margin-bottom: 0;
}

.products ul li::after {
	position: absolute;
	left: 0;
	top: 0;
	content: "\f12a";
	font-family: "Flaticon";
	font-weight: 600;
	height: 25px;
	width: 25px;
	line-height: 25px;
	background: rgba(8, 106, 216, 1);
	text-align: center;
	border-radius: 50%;
	color: var(--white);
	font-size: 12px;
}

.products ul ul li::after {
	position: absolute;
	left: 40px;
	top: 0;
    top: 4px;
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
	height: 20px;
	width: 20px;
	line-height: 20px;
	background: rgba(8, 106, 216, 1);
	text-align: center;
	border-radius: 50%;
	color: var(--white);
	font-size: 11px;
}


/* Červený krížik */
    .custom-close {
      position: absolute;
      top: -5px;
      right: -5px;
      background-color: #104CBA;
      border-radius: 50%;
      z-index: 1056;
      color: #ffffff !important;  
      opacity: 1;  
      border: none;
      cursor: pointer;
      width: 35px;   /* rovnaká šírka */
      height: 35px;  /* rovnaká výška */
      display: flex;
      align-items: center;
      justify-content: center;
}
.custom-close svg {
  width: 28px;
  height: 28px;
}     
.custom-close:hover {
  background-color: #2EB6DE;
  opacity: 1;    
}


    /* Modal posunutý vyššie */
    .custom-top-modal {
      margin-top: 40px;
    }

.custom-width-modal {
  max-width: 1000px;
}

.table  {
font-size: 15px;
color: #000000;
}

@media screen and (max-width: 749px) {
.table  {
font-size: 13px;
}
}