@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 100; /* предположительно Regular */
    src: url('/wp-content/themes/flatsome/assets/fonts/Exo_2/Exo2-Regular.woff2') format('woff');
} 

@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 200; /* предположительно Regular */
    src: url('/wp-content/themes/flatsome/assets/fonts/Exo_2/Exo2-Medium.woff2') format('woff');
} 
	
html body {
    font-family: 'Exo 2', sans-serif;
    font-weight: 200;
	font-size: 20px; 
}

/* ТАБЛИЦА "ПРИЧИНЫ ВЫБРАТЬ НАС" ++*/
.reason-title {
	text-align: center; /* Центрирует текст */
    font-size: 38px; 
}

.reasons-points {
	color: #7DD9F9;
	font-size: 24px;
}
/* ТАБЛИЦА "ПРИЧИНЫ ВЫБРАТЬ НАС" --*/	

/*Блок на синем фоне*/
.block_blue {
    background-color: #0073BD; /* Синий фон кнопки */
    color: black; /* Цвет текста */
    padding: 10px 20px; /* Внутренние отступы */
    border-radius: 0px; /* Убрать закругление углов */
    width: 700px; /* Ширина */
    line-height: 30px; /* Высота строки */
    border: 3px solid white; /* Белая граница толщиной 3px */
    text-align: center; /* Выравнивание текста по центру */
    display: inline-block; /* Сделать элемент строчно-блочным */
    font-weight: 100; /* Текст не жирный */
}

/* Желтый цвет текста на некоторых страницах. Например "Минимальная сумма — 200 000 руб." на странице "grow" */
.highlight-text {
    color: #fdf200;
}

/* Элемент, отвечающий за фон на всю ширину */
.full-width-background {
  background-color: #00456E;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  position: relative;
}

.table-container_images {
    margin-top: 25px;    /* Отступ сверху */
    margin-bottom: 25px; /* Отступ снизу */
    /*padding-top: 15px;   /* Отступ сверху */
    /*padding-bottom: 30px; /* Отступ снизу */
	 /*margin-left: 15px; /* Внешний отступ слева для моб устройств надо. С большим экраном, а то впритык прям. Для маленький отключить.*/
	 /*margin-right: 15px; /* Внешний отступ справа для моб устройств надо. */

    padding-left: 15px; /* Отступ слева внутренний */
    padding-right: 15px; /* Отступ справа внутренний */
}

.customStyledTable_images {
    width: 30%;
	margin: 0 auto;
}

.customStyledTable_images th, .customStyledTable_images td {
    /*border-top: 2px;  Граница только сверху */
    border-bottom: 2px; /* Граница только снизу */
    /*border-right: 2px; /* Граница справа */
   /* text-align: center; /* Выравнивание текста по центру */
    color: white;
	text-align: left;
	padding: 3px;	/*Чтобы картинка была не впритык к тексту*/	
	/*padding: 0 !important;  Убирает внутренние отступы */
}

.customStyledTable_images td:first-child {
	min-width: 100px;  /*Или другая ширина, подходящая под размеры картинки */
	max-width: 100px; /* Или другая ширина, подходящая под размеры картинки */
	/*padding-right: 10px;*/
}

.customStyledTable_images td.second-column {
	/* min-width: 550px; С <br> работало норм. Но я убрал везде <br> и оставил перенос строк по ширине таблице. А для этого таблицу надо сузить.*/
	min-width: 485px;
	word-wrap: break-word; 
	text-align: justify;
	overflow-wrap: break-word; /* Перенос длинных слов */	
}

body .quote-block span {
	margin: 0;
    font-size: 16px;
    color: #444;
}

@media (max-width: 1050px) { 
}

@media (max-width: 850px) { 
	.esli_po_itogam {
		font-size: 18px; 
	}
}	
	
@media (max-width: 750px) { 
	/* В мобильнике уменьшим высоту топ бара. */
	.header-top {
		min-height:  0px !important;
	}

	.customStyledTable_images {
		width: 100%;
	}
	
    .customStyledTable_images td.second-column {
        min-width: auto; /* Сбрасываем минимальную ширину */
        text-align: left; /* Отключим растягивание текста по ширине */				
    }

    .customStyledTable_images td:first-child {
        /*min-width: auto; /* Сбрасываем минимальную ширину */
        /*max-width: none; /* Сбрасываем максимальную ширину */
		/*padding-right: 10px; /* Отступ между картинкой и текстом */
	    /*max-width: 100px;*/	
    }
	
	.eto_minimalnya_oplata {
		font-size: 18px; 
	}
	
	.esli_po_itogam {
		font-size: 15px; 
	}	
}

@media (max-width: 700px) { 
	.block_blue {
		width: 100%; /* Ширина */
	}
	
	.eto_minimalnya_oplata {
		font-size: 17px; 
	}

	.uslovia {
		font-size: 18px; 
	}	

	.esli_po_itogam {
	}	
}

@media (max-width: 650px) { 
	.reason-title {
		font-size: 35px; 
	}	

	.reasons-points {
		font-size: 22px;
	}

	.eto_minimalnya_oplata {
		font-size: 16px; 
	}

	.uslovia {
		font-size: 17px; 
	}	
	
	.esli_po_itogam {
		font-size: 14px; 
	}		
}

@media (max-width: 625px) { 
	.reason-title {
		font-size: 32.5px; 
	}	
	
	.reasons-points {
		font-size: 21px;
	}	
}

@media (max-width: 600px) { 
	.reason-title {
		font-size: 30px; 
	}	
	
	.reasons-points {
		font-size: 20px;
	}
	
    .customStyledTable_images td:first-child {
		padding-right: 10px; /* Отступ между картинкой и текстом */
	    /*max-width: 70px;*/

		min-width: 70px;  /*Или другая ширина, подходящая под размеры картинки */
		max-width: 70px; /* Или другая ширина, подходящая под размеры картинки */		
    }	

	.eto_minimalnya_oplata {
		font-size: 15px; 
	}		
	
	.esli_po_itogam {
		font-size: 15px; 
	}	
	
  .line-break {
    display: block;
  }	
}

@media (max-width: 575px) { 
	.reasons-points {
		font-size: 199x;
	}
	
	.uslovia {
		font-size: 16.5px; 
	}

	.esli_po_itogam {
	}	
}

@media (max-width: 550px) { 
	.block_blue {
		font-size: 15px;
		line-height: 1.2; /* Уменьшаем расстояние между строками */
	}

	.second-column {
		font-size: 15px; 
	}

	.eto_minimalnya_oplata {
		font-size: 14px; 
	}	
	
	.uslovia {
		font-size: 15px; 
	}	
	
	.esli_po_itogam {
	}	
	
	.reason-title {
		font-size: 27.5px; 
	}	
	
	.reasons-points {
		font-size: 18px;
	}	

    .customStyledTable_images td:first-child {
		min-width: 60px;  /*Или другая ширина, подходящая под размеры картинки */
		max-width: 60px; /* Или другая ширина, подходящая под размеры картинки */
    }	
}

@media (max-width: 550px) { 
}

@media (max-width: 525px) { 
	.eto_minimalnya_oplata {
		font-size: 13.5px; 
	}
}

@media (max-width: 500px) { 
	.mobile-logo-img {
		 max-width: 210px;  /* Устанавливает ширину логотипа */
		 max-height: 65px; /* Устанавливает высоту логотипа */ 		
	}
	
	.eto_minimalnya_oplata {
		font-size: 17px; 
	}
	
	.uslovia {
		font-size: 14px; 
	}

	.esli_po_itogam {
	}	
	
	.copyright-footer {
		font-size: 16px; 				
	}

	.white_text_HR {
		font-size: 19px; 
	}		
}

@media (max-width: 475px) { 
	.reason-title {
		font-size: 25px; 
	}	
	
	.reasons-points {
		font-size: 17px;
	}	
	
	.eto_minimalnya_oplata {
		font-size: 16px; 
	}	
}

@media (max-width: 450px) { 
	.mobile-logo-img {
		 max-width: 200px;  /* Устанавливает ширину логотипа */
		 max-height: 60px; /* Устанавливает высоту логотипа */ 		
	}
	
	.second-column {
		font-size: 12px; 
	}
	
	.eto_minimalnya_oplata {
		font-size: 15px; 
	}

	.reason-title {
		font-size: 24px; 
	}
	
	.copyright-footer {
		font-size: 15px; 				
	}
	
	.white_text_HR {
		font-size: 18px; 
	}	
}

@media (max-width: 425px) { 
	.reason-title {
		font-size: 22.5px; 
	}	
	
	.reasons-points {
		font-size: 16px;
	}	
	
	.eto_minimalnya_oplata {
		font-size: 14px; 
	}	
}

@media (max-width: 400px) {
	.mobile-logo-img {
		 max-width: 190px;  /* Устанавливает ширину логотипа */
		 max-height: 55px; /* Устанавливает высоту логотипа */ 		
	}
	
	.reason-title {
		font-size: 21px; 
	}

	.reasons-points {
		font-size: 15.5px;
	}

	.block_blue {
		font-size: 12px;
	}

	.eto_minimalnya_oplata {
		font-size: 13.5px; 
	}

	.copyright-footer {
		font-size: 14px; 				
	}

	.white_text_HR {
		font-size: 15px; 
	}		
}

@media (max-width: 380px) { 
	.reason-title {
		font-size: 18.5px; 
	}		
}

@media (max-width: 375px) { 
	.eto_minimalnya_oplata {
		font-size: 12.5px; 
	}

	.copyright-footer {
		font-size: 13px; 				
	}		
}

@media (max-width: 350px) { 
	.mobile-logo-img {
		 max-width: 180px;  /* Устанавливает ширину логотипа */
		 max-height: 50px; /* Устанавливает высоту логотипа */ 		
	}	
	
	.reason-title {
		font-size: 17px; 
	}	

	.reasons-points {
		font-size: 14px;
	}

	.eto_minimalnya_oplata {
		font-size: 11.5px; 
	}

	.uslovia {
		font-size: 13px; 
	}
	
	.esli_po_itogam {
	}	

	.copyright-footer {
		font-size: 12px; 				
	}			
}

@media (max-width: 325px) { 
	.reason-title {
		font-size: 18px; 
	}

	.reasons-points {
		font-size: 13.5px;
	}

	.eto_minimalnya_oplata {
		font-size: 10.5px; 
	}	
	
	.uslovia {
		font-size: 12px; 
	}
	
	.esli_po_itogam {
	}	

	.reason-title {
		font-size: 16px; 
	}

	.copyright-footer {
		font-size: 11px; 				
	}		
}

img {
    pointer-events: none; /* Предотвращает клики по картинке. Шоб не качали */
}