В ИТ для названия классов, функций, имен переменных действует одно правило.
Называйте как угодно и что угодно, но название должно отражать суть и при взгляде на имя должно становиться все понятно, где и при каких условиях данный элемент вызывается.
При верстке 5-7 экранов лэндинга для того что бы понять где какой класс используется не надо смотреть вообще никуда кроме самого названия класса.
Цифры очень плохое решение при названии. Если только это не уникальные блоки на подобии .
Если заглядывать в код, то исправляйте в первую очередь семантику кода.
В элементе a не должно быть дивов.
Классы .tariffPlan, .tariffPlan1 заменить
.plan-section, .plan-1 или plan-one
У ссылок и img если это типовые блоки не должно быть классов впринципе, должно в css выглядеть так
.plan-section img, .plan-section a
upper, lower опасные имена, но если они оправданы и отражают суть то ладно.
nameOfTariff, bankOfTariff заменить на .bank-tariff, .bank-name
В CSS использовать так:
.plan-section .bank-tariff, если что то уникальное то тогда .plan-1 .bank-tariff