.faq, .promo,.map,.lessons
{
	margin-bottom: 0;
}

.eyeopened {
	background: url('../img/main-overview/eye.svg');
	background-repeat: no-repeat;
	background-size: 35px;
	background-position: center center;
}
.eyeclosed
{
	background: url('../img/main-overview/eye_blue.svg');
	background-repeat: no-repeat;
	background-size: 35px;
	background-position: center center;

}
/*.cabinet-header__bottom
{
	margin-top: 0;
}*/
.inactivelessonlink:hover
{
	color: #000;
	cursor: no-drop;
}
.inactivelessonlink::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 10px;
	opacity: 0;
	background-image: none;

}
.audio-aside__field--translate
{
	font-size: 20px;
	line-height: 26px;
}
.myaudioboxmain
{
	opacity: 1 !important;
}
.mlil__item:last-child
{
	position: relative;
}
.ttipcustom
{
	color: #314e5c;
}
.mlil-item-text-item__mark_special
{
	color: #ff4b4b;
}
/*.ttipcustom {
  border: 1px solid #716f7d;
  padding: 8px;
  border-radius: 16px;
  position: absolute;
  left: 20px;
  max-width: 200px;
  font-size: 14px;
  min-height: 50px;
  max-height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.ttipcustom::after {
	content: '';
	position: absolute;
	right: -11px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #716f7d;
}*/
.itip {
	display: block;
	margin-left: -10px;
	border-radius: 50%;
	border: 1px solid #716f7d;

	shape-outside: circle 50%;
	width: 25px;
	height: 25px;
	text-align: center;
	font-size: 21px;
	background-color: #716f7d;
	color: #fff;
	cursor: pointer;
}

@media (max-width: 1300px) {

.ttipcustom {
top: 2px;
left: 2px;
}
.ttipcustom::after
{
	opacity: 0;
}

}
.closerightbtn:after{
  display: inline-block;
  content: "\00d7"; /* This will render the 'X' */
}
.closerightbtn {
	position: absolute;
	right: 0;
	top: 33%;
	transform: translateY(-43%);
	font-size: 40px;
	cursor: pointer;
	margin-right: -55px;
}

/*.similar_marked {
	color: green;
}*/
.explaintip {
	padding: 8px 74px 8px 0;
	width: 100%;
	text-align: right;
	border-bottom: 1px solid #fafafa;
}
.shown6val,.shown25val {
	height: 40px;
	border: 0;
	border-radius: 0.5rem;
	position: relative;
	width: 100%;
	background: #f2f2f2;
	/* height: 100%; */
	padding: 1px 41px 8px 34px !important;
	font-size: 20px;
	color: #20282b;
	cursor: pointer;
	/* text-align: left; */
}

.sepword,.sepword2 {
    display: inline-block; /* або display: inline-flex; якщо потрібно */

    padding-left: 5px;
    white-space: normal; /* Забезпечує нормальне перенесення тексту */
}

/* Ви також можете внести зміни до контейнера, щоб допомогти з перенесенням */
.main-lessons-item-write__box {
    flex-wrap: wrap; /* Дозволяє елементам всередині flex контейнера переноситися */
}
.mliwb__input {
	display: inline-block;
	margin: 5px;
	margin-right: 0;
}
.mliwci__word {
    white-space: normal;
        margin: 0;
    padding: 0;
    margin-top: 10px;
}
.select6ex,.mliwci__change
{
	width: auto;
	display: inline-block;
}
.fix6lesmainblock
{
	gap: 8px;
}
.mlil-item-text__item8_fix
{
	padding: 3px 15px;
	margin-bottom: 5px;
}
.mlil-item__text_8fix {
	gap: 2px;
}

#translate::placeholder {
  color: #ff4b4b;
  opacity: 1; /* Firefox */
}

#translate::-ms-input-placeholder { /* Edge 12 -18 */
  color: #ff4b4b;
}
.aafdli__box {
  display: flex;
  justify-content: space-between; /* this will place the left and right items on opposite ends */
  align-items: center; /* this will vertically center the items in the container */
}

.aafdli__left, .aafdli__right {
  display: flex;
  flex-direction: column;
  justify-content: center; /* this will center the items inside vertically */
}

.selectedinanother,.selectedinanother20 {
            background: linear-gradient(155.52deg, #a098a5 0.81%, #eac8ff 99.14%);
        }

        .thisisselected,
        .thisisselected:hover,.thisisselected20,.thisisselected20:hover {
            background: linear-gradient(155.52deg, #a098a5 0.81%, #eac8ff 99.14%);
            opacity: 1;
            color: #fff;
        }
.gpt_resp {

}
.ltr
{
	direction: ltr;
}
.answersblock
{
	font-size: 1rem;
	color: var(--clr-1);
	line-height: 1.5rem;
	padding-right: 20px;
	padding-left: 20px;
}
.arabicfont, .arabicfont p, .arabicfont p span
{
	font-size: 22px !important;
	line-height: 36px !important;
	font-weight: 400 !important;
	direction: rtl;
}
.uafont
{
	font-size: 22px;
	line-height: 36px;
	font-weight: 400;
}
.uafont2
{
	font-size: 20px;
	line-height: 33px;
	font-weight: 400;
}
.invisible {
            display: inline-block;
            visibility: hidden;
            white-space: nowrap;
            position: absolute;
            pointer-events: none; /* Забезпечити, що елемент не впливатиме на курсор */
        }
.inputs22
{
	width: 100%;
}
.sentence22
{
	text-align: left;
}
.inputs23
{
	width: 100%;
}
.sentence23
{
	text-align: right;
}
.mlioc__words {
	margin-right: 0;
/*	padding-right: 52px;*/
	font-size: 20px;
	line-height: 37px;
}

.nextlessonbottom {
	top: -4px;
}
  .quote-container {
    position: relative;
    max-width: 600px;
    padding: 20px;
    margin: 40px auto;
    background: #fff;
    border: 2px solid #000;
    border-radius: 10px;
    text-align: center;
    font-family: 'Arial', sans-serif;
    /* Simulate the gradient border */
    border-image: linear-gradient(to bottom, #000 0%, #555 100%);
    border-image-slice: 1;
  }

  .quote-container::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50px;
    border-width: 20px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    /* Adjust for the border */
    margin-left: -20px;
    margin-top: -2px;
  }

  .quote-container::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50px;
    border-width: 20px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
    /* Adjust for the border */
    margin-left: -20px;
    margin-top: -4px;
  }

  .quote-text {
    margin: 0;
    color: #333;
    font-size: 16px;
    line-height: 1.5;
  }

  .quote-text span {
    /* Style for the text in different languages */
    display: block;
    margin-top: 10px;
  }
.set26font p
{
font-size: 20px;
  line-height: 24px;
  color: #20282b;
  margin-bottom: 8px;
  font-weight: 700 !important;
}
@media only screen and (max-width: 1200px) {
.set26font p {
	font-size: 16px;
	line-height: 19px;
}
}
.getpaidaccess {
z-index: 1;
}
@media only screen and (max-width: 990px) {
.getpaidaccess {

	top: -10px;
	right: -10px;
}
}
@media only screen and (max-width: 768px) {
.getpaidaccess {
	display: none !important;
}
}

.inactivelessonlink {
	color: #ccc;
}
.ex20selectCustomfix
{
	width: 160px;
}
.ex20textfix
{
	text-align: right;
}

@media only screen and (max-width: 450px)  {
	.reverseitemsformobile
	{
		flex-direction: column-reverse !important;
	}
}
@media only screen and (min-width: 450px) and (max-width: 768px) {
	.reverseitemsformobile {
		flex-direction: row !important;
	}
}
@media only screen and (max-width: 540px)  {
	.cabinet-title__only
	{
		font-size: 20px;
	}
}
.arabiaoriginalpic {
	width: 130px;
}
.regedlink {
	color: #3a7592;
	/* text-decoration: underline; */
	border-bottom: dashed;
	display: inline-block;
	/* padding-bottom: 0; */
	line-height: 17px;
	border-bottom-width: 1px;
}
.audio-aside-field-dictionary__list, .box_audio_list_blue {
    scrollbar-color: #314e5c transparent; /* Для Firefox */
}

.audio-aside-field-dictionary__list::-webkit-scrollbar-thumb:hover,.box_audio_list_blue::-webkit-scrollbar-thumb:hover {
    background: rgba(49, 78, 92, 1); /* Припустимо, ви хочете повністю непрозорий колір при наведенні */
}


  .main-lessons-item__ques {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    padding: 40px 24px;
  }
   .main-lessons-item-ques__left {
    width: 100%;
  }
  .main-lessons-item-ques__right {
  width: 100%;
}
.main-lessons-item-ques__right {
  gap: 16px;
}


@media (min-width: 650px) {
.showlessontext
{
	display: none!important;
}
}
@media (max-width: 768px) {
	.explaintip {
		padding: 8px 20px 8px 0;
	}
	.main-lessons-item__ques {
		padding: 20px 24px;
	}
}

.audio-lessons-text__box.d-flex.showlessontext {
	position: absolute;
	left: 20%;
	border: 1px solid #ccc;
	padding: 5px !important;
	font-size: 12px;
	color: #314e5c;
	border-radius: 3px;
	text-align: center;
	text-transform: capitalize;
	cursor: pointer;
	/* display: flex !important; */
	/* align-items: center; */
}
.blog-content-list-info__text p a.livepreview{
	color: #102dc8;
}
@media (max-width: 767px) {
.blog-content-list-info__title {
	
	font-size: 1.2rem;
  font-weight: 400!important;
	font-family: inherit !important;
  color: #314e5c;
  color: var(--clr-1);
}
}


 .language-dropdown {
            position: relative;
            display: inline-block;
        }

        .dropdown-toggle-lswitch {
            background: transparent;
            border: none;
            font-size: 1rem;
            color: #333;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 5px;
            padding: 8px 12px;
            border-radius: 10px;
            transition: background 0.3s;
        }

        .dropdown-toggle-lswitch:hover {
            background: #f8f9fa;
        }

        .dropdown-toggle-lswitch img {
            width: 20px;
            height: 14px;
        }

        /* Видаляємо дефолтну стрілку Bootstrap */
        .dropdown-toggle-lswitch::after {
            display: none !important;
        }

        /* Створюємо власну стрілку */
        .arrow {
            display: inline-block;
            width: 10px;
            height: 10px;
            border-left: 2px solid #333;
            border-bottom: 2px solid #333;
            transform: rotate(-45deg);
            transition: transform 0.3s ease;
        }

        .language-dropdown.open .arrow {
            transform: rotate(135deg);
        }

        .dropdown-menu {
            display: none;
            position: absolute;
            background: #1f1f1f;
            min-width: 160px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            padding: 5px 0;
            z-index: 1000;
        }

        .dropdown-menu a {
            display: flex;
            align-items: center;
            padding: 8px 12px;
            text-decoration: none;
            color: #ccc;
            transition: background 0.3s, color 0.3s;
        }

        .dropdown-menu a:hover {
            background: #333;
            color: #fff;
        }

        .dropdown-menu img {
            width: 20px;
            height: 14px;
            margin-right: 8px;
        }

        .language-dropdown.open .dropdown-menu {
            display: block;
        }
@media (max-width: 1197px) {
.switch-l-main {

	position: absolute;
	left: 60%;
}
}        
@media (max-width: 543px) {
.switch-l-main {

	position: absolute;
	left: 65%;
}
#languageToggle.dropdown-toggle-lswitch span
{
	display: none;
}

.dropdown-menu {
	min-width: 105px;
}

}        
.soundword
{
	cursor: pointer;
}
.setscroll
{
	height: 350px;overflow: auto;
}

.faq-image-container
{

background: linear-gradient(94.86deg, #ffe8d7 0, #eefeff 100%)
}
.lessons-image__container
{
	background-color: #f9f9f9;
}