html, body {
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
*, ::after, ::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
}
.footer-up {
padding: 10px 0; /* Отступы вокруг блока */
}
.footer-up__menu {
list-style: none; /* Убирает маркеры списка */
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap; /* Позволяет элементам переноситься на новую строку при необходимости */
gap: 10px; /* Расстояние между элементами списка */
}
.footer-up__menu li {
margin: 0;
}
.footer-up__menu li a {
text-decoration: none;
color: #000; /* Цвет текста ссылки */
}
.footer-up__menu li.active {
font-weight: bold; /* Подчёркивает активный элемент */
color: #ffa804; /* Цвет активного элемента, можно изменить по вашему вкусу */
}
.footer-up__menu li a:hover {
text-decoration: underline; /* Подчёркивание при наведении */
}
.container {
width: 1160px;
margin: 0 auto;
}
.flex {
display: flex;
}
.wrap {
flex-wrap: wrap;
}
.ai-c {
align-items: center;
}
.jc-sb {
justify-content: space-between;
}
.column {
flex-direction: column;
}
.header {
width: 100%;
margin-bottom: 37px;
border-bottom: 1px solid #f5f5f5;
}
.header-box {
padding: 20px 0;
}
.header-logo {
width: 200px;
}
.header-logo img {
width: 100%;
height: 100%;
display: block;
}
.ipnamaz {
padding-bottom: 45px;
font-size: 16px;
font-style: italic;
}
.main-search {
padding-top: 35px;
padding-bottom: 60px;
}
.search-box {
min-width: 430px;
background: #F5F5F5;
border-radius: 7px;
position: relative;
}
.search-box input {
width: 100%;
background: transparent;
border: none;
padding: 15px 30px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 15px;
color: rgba(0, 0, 0, 0.7);
}
[dir="rtl"] .search-box input {
text-align: end;
}
.search-btn {
right: 0px;
position: absolute;
border: none;
cursor: pointer;
background: linear-gradient(to right, #fff45f, #ffaf61d9);
border-radius: 0 7px 7px 0;
padding: 15px 20px;
}
.search-btn .icon-search {
width: 100px;
height: 15px;
display: inline-block;
}
.btn-qibla {
text-decoration: none;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: #000000;
border: 1.5px solid rgba(191, 201, 187, 0.3);
border-radius: 61px;
padding: 12px 30px 12px;
}
.btn-qibla .icon-location {
width: 16.5px;
height: 16px;
display: inline-block;
margin-bottom: -4px;
margin-right: 5px;
}
.qibla-app-notification {
background-color: #ffd72d1f;
padding: 17px;
border-radius: 8px;
font-weight: 500;
font-size: 17px;
line-height: 30px;
max-width: fit-content;
display: flex;
align-items: center;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
}
.item-list .item-name, .name-city {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
font-style: normal;
font-weight: 500;
margin-bottom: 5px;
padding-bottom: 8px;
}
.time-bg {
margin-bottom: 40px;
width: 100%;
height: 421px;
position: relative;
}
.time-bg::after {
content: '';
width: 100%;
height: 430px;
background: url(/img/namazday.jpg) no-repeat;
position: absolute;
background-size: contain;
border-radius: 20px;
}
.time-box {
position: absolute;
z-index: 9999;
margin-left: auto;
margin-right: auto;
top: 40%;
left: 0;
right: 0;
text-align: center;
color: #fff;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 25px;
}
.timing {
background: linear-gradient(338deg, #ffe514cc, #ffaf61);
border-radius: 51px;
display: inline-block;
padding: 10px 30px;
font-size: 22px;
line-height: 23px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.item-list {
margin-bottom: 35px;
}
.item-info {
}
.item-info.foo .item-info__box {
width: 22.99%;
margin-bottom: 31px;
}
.item-info.foo .item-info__box:nth-child(4n+4) {
margin-right: 0;
}
.item-info__box {
width: 24%;
height: 110px;
margin-right: 31px;
border: 1px solid #eee;
border-radius: 13px;
box-shadow: 0 4px 3px 0 rgb(228 236 30 / 43%);
background-image: linear-gradient(48deg, #ffef1f4a, #ffbb2e59);
}
.item-info__box:last-child {
margin-right: 0;
}
.item-info__box a {
position: relative;
text-decoration: none;
}
.item-info__cover, .item-info__cover-img {
width: 100%;
height: 100%;
display: block;
}
.item-info__title {
left: 13px;
bottom: 15px;
padding: 10px 15px;
width: 90%;
border-radius: 6px;
/* position: absolute; */
text-align: center;
margin-top: 32px;
/* background: #fff; */
}
.item-info__title-text {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 19px;
line-height: 23px;
color: #2e2e2e;
}
.footer {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
.footer-logo {
width: 190px;
margin-bottom: 22px;
}
.footer-logo img {
width: 100%;
height: 100%;
display: block;
}
.footer-desc {
margin-bottom: 13px;
}
.footer-desc p {
margin: 0;
font-size: 14px;
line-height: 20px;
}
.footer-desc__grey p {
margin: 0;
font-size: 15px;
line-height: 20px;
color: #4f4f4fdb;
text-align: center;
}
.main {
min-height: 800px;
}
.footer {
margin-top: 50px;
padding: 36px 0 38px 0;
background: #FBFBFB;
}
.namaz-box {
flex-direction: row-reverse;
}
.namaz-box .left {
width: 284px;
}
.namaz-box .right {
width: 855px;
}
.right-more {
width:100%;
}
.nm-box {
padding: 38px 37px;
border: 1px solid #F2F2F2;
border-radius: 14px;
}
.nm-title {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 33px;
text-align: center;
margin: 0;
margin-bottom: 25px;
}
.nm-table table {
width: 100%;
border-collapse: separate;
border-spacing: 0 10px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
margin-bottom: 55px;
}
.nm-table table tr td {
padding: 10px;
}
.nm-table tr:not(.nm-table__name) td:first-child {
border-left-style: solid;
/* border-top-left-radius: 10px;
border-bottom-left-radius: 10px; */
border-color: transparent;
font-weight: 500;
}
.nm-table tr:not(.nm-table__name) td:last-child {
border-right-style: solid;
/* border-bottom-right-radius: 10px;
border-top-right-radius: 10px; */
border-color: transparent;
}
.nm-table table tr.active {
background: linear-gradient(105deg, #172fd2db, #288cefd9)!important;
border-radius: 4px;
color: #fff;
}
.nm-table table tr:nth-child(even) {
background: #F2F2F2;
}
.nm-table__name {
margin-bottom: 16px;
font-weight: 500;
font-size: 17px;
}
.ship {
font-size: 17px;
}
.descr__page {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
border: 1px solid #eee;
border-radius: 7px;
padding: 20px 30px;
font-weight: 300;
font-size: 17px;
line-height: 26px;
}
.descr__page p {
margin: 0;
margin-bottom: 20px;
}
.descr__page h2 {
font-weight: 400;
}
.descr__page h3 {
font-weight: 400;
}
.descr__page ul {
}
.descr__page li {
}
.items {
margin-bottom: 58px;
}
.item-sh {
width: 15%;
height: 123px;
padding: 15px;
background: linear-gradient(105deg, #000000db, #ef2828d9);
border-radius: 8px;
color: #fff;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
position: relative;
}
.item-sh-more {
width: 32%;
margin-bottom: 15px;
height: 95px;
padding: 15px;
background: linear-gradient(105deg, #000000db, #ef2828d9);
border-radius: 8px;
color: #fff;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
position: relative;
}
.item-sh-sun {
width: 49%;
margin-bottom: 15px;
height: 118px;
padding: 15px;
background: linear-gradient(105deg, #000000db, #ef2828d9);
border-radius: 8px;
color: #fff;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
position: relative;
}
.item-sh.active {
background: linear-gradient(338deg, #ffe514cc, #ffaf61);
}
.item-sh-more.active {
background: linear-gradient(338deg, #ffe514cc, #ffaf61);
}
.item-sh-sun.active {
background: linear-gradient(338deg, #ffe514cc, #ffaf61);
}
.time_sh_sh {
font-weight: 700;
font-size: 22px;
line-height: 27px;
}
.item-sh__name {
position: absolute;
bottom: 13px;
font-size: 16px;
line-height: 19px;
font-weight: 500;
}
.item-sh-more__name {
position: absolute;
bottom: 13px;
font-size: 16px;
line-height: 19px;
font-weight: 500;
}
.item-sh-sun__name {
position: absolute;
bottom: 13px;
font-size: 16px;
line-height: 19px;
font-weight: 500;
}
.aside-box {
border: 1px solid #F2F2F2;
border-radius: 14px;
padding: 31px 29px;
}
.aside-title {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 26px;
margin: 0;
margin-bottom: 14px;
}
.aside-list__links a {
color: rgba(0, 0, 0, 0.8);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
display: block;
text-decoration: none;
font-size: 16px;
margin-bottom: 8px;
}
.aside-list__links a:last-child {
margin-bottom: 0;
}
.aside-list__links a:hover {
text-decoration: underline;
}
.icon-search {
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.244.403a6.429 6.429 0 0 1 5.049 10.409l3.427 3.426a.756.756 0 0 1-1.07 1.07l-3.427-3.427A6.429 6.429 0 1 1 7.243.403Zm0 1.513a4.916 4.916 0 1 0 0 9.832 4.916 4.916 0 0 0 0-9.832Z' fill='%23000' fill-opacity='.8'/%3E%3C/svg%3E") no-repeat;
}
.icon-location {
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7 16.5-7L10 16 8.5 8 0 7Z' fill='%2383A3A5'/%3E%3C/svg%3E") no-repeat;
}
.icon_sh_sh {
width: 25px;
height: 25px;
display: inline-block;
}
.icon_sh_fajr {
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.651.056c-.221.1-.45.377-.49.593-.018.097-.025 1.034-.016 2.084.015 1.83.02 1.915.129 2.058.215.285.39.374.736.374s.521-.089.736-.374c.109-.145.112-.214.112-2.203 0-1.99-.003-2.059-.112-2.204a1.518 1.518 0 0 0-.256-.256c-.182-.134-.617-.171-.839-.072ZM4.46 3.838c-.23.068-.519.368-.583.606a.787.787 0 0 0 .005.436c.053.198.254.422 1.412 1.577.743.741 1.422 1.384 1.508 1.43.31.161.802.075 1.027-.18.235-.266.294-.684.139-.976-.046-.086-.695-.757-1.442-1.493C5.403 4.133 5.128 3.889 4.948 3.84c-.25-.067-.271-.068-.488-.003Zm18.56.024c-.16.057-.552.409-1.55 1.395-.734.725-1.372 1.388-1.418 1.474-.156.291-.096.71.138.976.226.255.718.341 1.028.18.086-.046.764-.689 1.507-1.43 1.159-1.155 1.36-1.38 1.412-1.577a.877.877 0 0 0-.603-1.045c-.234-.067-.25-.066-.514.027Zm-9.928 2.254c-3.416.427-6.09 2.878-6.808 6.238-.144.677-.175 2.125-.057 2.71.06.3.289 1.022.416 1.317.038.088-.147.095-3.028.109-3 .015-3.07.017-3.219.127-.287.212-.376.386-.376.729 0 .343.09.516.377.729l.15.112H27.473l.151-.112c.287-.213.377-.386.377-.73 0-.342-.09-.516-.377-.728-.148-.11-.218-.113-3.219-.127-2.88-.014-3.065-.02-3.027-.109a9.822 9.822 0 0 0 .416-1.318c.117-.584.087-2.032-.058-2.709-.671-3.147-3.045-5.498-6.19-6.131-.657-.132-1.839-.184-2.454-.107Zm2.15 1.815c1.524.321 2.876 1.196 3.755 2.43.767 1.077 1.117 2.176 1.118 3.512 0 .952-.157 1.545-.612 2.306l-.162.272H8.679l-.162-.272a5.636 5.636 0 0 1-.535-1.275c-.114-.44-.101-1.649.023-2.222.403-1.864 1.585-3.395 3.267-4.232.64-.318.987-.422 2.08-.62.282-.052 1.467.012 1.89.1ZM.51 13.08c-.363.158-.571.574-.494.983.048.254.321.553.57.626.13.038.875.052 2.154.041 1.874-.016 1.96-.021 2.104-.129.288-.212.377-.386.377-.729 0-.343-.09-.516-.377-.729-.145-.107-.226-.112-2.159-.124-1.586-.01-2.043.003-2.175.06Zm22.778.868c-.363.158-.57.574-.493.983.048.254.32.554.57.626.13.038.875.052 2.153.041 1.874-.016 1.96-.021 2.105-.129.287-.212.377-.386.377-.729 0-.343-.09-.516-.377-.729-.145-.107-.227-.112-2.16-.124-1.586-.01-2.043.003-2.175.06Zm-9.634 5.21c-.09.041-.822.73-1.625 1.532-1.576 1.571-1.588 1.588-1.498 2.064.05.268.378.592.648.642.433.08.563.01 1.282-.693l.668-.655.016 1.714c.015 1.633.021 1.72.129 1.863.215.285.39.374.736.374s.52-.089.736-.373c.107-.143.113-.23.128-1.864l.016-1.714.669.655c.718.703.848.774 1.282.693.27-.05.597-.374.647-.642.09-.476.078-.493-1.497-2.064-.804-.802-1.54-1.492-1.637-1.533a.894.894 0 0 0-.7.002Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat;
}
.icon_sh_shurooq {
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.651.057c-.221.1-.45.38-.49.598-.018.097-.025 1.044-.016 2.103.015 1.847.02 1.932.129 2.077.215.288.39.377.736.377s.521-.09.736-.377c.109-.146.112-.216.112-2.224S14.855.534 14.746.387A1.525 1.525 0 0 0 14.49.13c-.182-.135-.617-.173-.839-.072ZM4.46 3.873c-.23.069-.519.372-.583.612a.802.802 0 0 0 .005.44c.053.2.254.426 1.412 1.592.743.747 1.422 1.396 1.508 1.442.31.163.802.077 1.027-.181.235-.269.294-.69.139-.985-.046-.087-.695-.765-1.442-1.507-1.123-1.115-1.398-1.36-1.578-1.41-.25-.068-.271-.068-.488-.003Zm18.56.025c-.16.057-.552.412-1.55 1.407-.734.732-1.372 1.401-1.418 1.488-.156.294-.096.716.138.985.226.258.718.344 1.028.18.086-.045.764-.694 1.507-1.441 1.159-1.166 1.36-1.393 1.412-1.592a.886.886 0 0 0-.603-1.055c-.234-.067-.25-.066-.514.028Zm-9.928 2.274c-3.41.43-6.12 2.936-6.801 6.287a9.916 9.916 0 0 0-.146 1.259c-.066 1.476.267 2.597 1.2 4.045.441.684-.266.618 6.665.618 6.93 0 6.223.066 6.664-.618.934-1.448 1.267-2.569 1.2-4.045-.164-3.693-2.728-6.706-6.33-7.438-.656-.133-1.838-.185-2.453-.108Zm2.15 1.832a6.177 6.177 0 0 1 3.755 2.453c.767 1.086 1.117 2.195 1.118 3.544 0 .96-.157 1.558-.612 2.327l-.162.274H8.679l-.162-.274a5.716 5.716 0 0 1-.535-1.287c-.114-.443-.101-1.664.023-2.242.403-1.882 1.585-3.427 3.267-4.271.64-.322.987-.426 2.08-.627.282-.052 1.467.013 1.89.103ZM.51 13.2c-.363.16-.571.579-.494.992.048.256.321.559.57.632.13.038.875.052 2.154.041 1.874-.016 1.96-.021 2.104-.13.288-.214.377-.39.377-.735 0-.347-.09-.522-.377-.736-.145-.109-.226-.114-2.159-.126-1.586-.01-2.043.003-2.175.062Zm22.778 0c-.363.16-.57.579-.493.992.048.256.32.559.57.632.13.038.875.052 2.153.041 1.874-.016 1.96-.021 2.105-.13.287-.214.377-.39.377-.735 0-.347-.09-.522-.377-.736-.145-.109-.227-.114-2.16-.126-1.586-.01-2.043.003-2.175.062ZM1.386 20.21c-.362.157-.571.577-.494.991.048.256.322.559.57.63.139.04 4.035.053 12.667.042l12.467-.016.15-.113c.288-.214.378-.39.378-.736s-.09-.52-.377-.735l-.151-.113-12.522-.012c-10.326-.01-12.55.001-12.688.061Zm0 3.504c-.362.158-.571.578-.494.992.048.256.322.558.57.63.139.04 4.035.053 12.667.042l12.467-.016.15-.113c.288-.215.378-.39.378-.736s-.09-.521-.377-.736l-.151-.113-12.522-.012c-10.326-.01-12.55.002-12.688.062Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat;
}
.icon_sh_dhohr {
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.651.057c-.221.1-.45.38-.49.598-.018.097-.025 1.044-.016 2.103.015 1.847.02 1.932.129 2.077.215.288.39.377.736.377s.521-.09.736-.377c.109-.146.112-.216.112-2.224S14.855.534 14.746.387A1.525 1.525 0 0 0 14.49.13c-.182-.135-.617-.173-.839-.072ZM4.46 3.873c-.23.069-.519.372-.583.612a.802.802 0 0 0 .005.44c.053.2.254.426 1.412 1.592.743.747 1.422 1.396 1.508 1.442.31.163.802.077 1.027-.181.235-.269.294-.69.139-.985-.046-.087-.695-.765-1.442-1.507-1.123-1.115-1.398-1.36-1.578-1.41-.25-.068-.271-.068-.488-.003Zm18.56.025c-.16.057-.552.412-1.55 1.407-.734.732-1.372 1.401-1.418 1.488-.156.294-.096.716.138.985.226.258.718.344 1.028.18.086-.045.764-.694 1.507-1.441 1.159-1.166 1.36-1.393 1.412-1.592a.886.886 0 0 0-.603-1.055c-.234-.067-.25-.066-.514.028Zm-9.928 2.274a7.943 7.943 0 0 0-6.546 5.31c-.288.841-.385 1.477-.385 2.519 0 .784.022 1.063.122 1.533.677 3.178 3.015 5.516 6.194 6.193.823.175 2.242.175 3.066 0 3.179-.677 5.517-3.015 6.193-6.193.1-.47.123-.75.123-1.533 0-.784-.023-1.063-.123-1.534-.677-3.178-3.049-5.548-6.192-6.187-.656-.133-1.838-.185-2.453-.108Zm2.15 1.832c2.116.45 3.873 1.99 4.56 4a6.402 6.402 0 0 1 0 3.993c-.59 1.724-2.072 3.206-3.796 3.796a6.402 6.402 0 0 1-3.992 0c-1.724-.59-3.207-2.072-3.797-3.796a6.402 6.402 0 0 1 0-3.992c.5-1.463 1.65-2.772 3.055-3.477.64-.322.987-.426 2.08-.627.282-.052 1.467.013 1.89.103ZM12.12 9.676c-.598.119-1.14.412-1.582.854-.52.52-.83 1.18-.89 1.902-.032.375-.027.398.118.542.18.18.396.195.564.039.066-.062.12-.117.122-.123.162-.983.307-1.34.707-1.74.33-.33.75-.534 1.251-.611.467-.071.59-.13.67-.32.074-.18.033-.343-.126-.491-.124-.116-.422-.134-.834-.052ZM.51 13.2c-.363.16-.571.58-.494.993.048.256.321.559.57.632.13.038.875.052 2.154.041 1.874-.016 1.96-.021 2.104-.13.288-.214.377-.39.377-.735 0-.347-.09-.522-.377-.736-.145-.109-.226-.114-2.159-.126-1.586-.01-2.043.003-2.175.062Zm22.778 0c-.363.16-.57.58-.493.993.048.256.32.559.57.632.13.038.875.052 2.153.041 1.874-.016 1.96-.021 2.105-.13.287-.214.377-.39.377-.735 0-.347-.09-.522-.377-.736-.145-.109-.227-.114-2.16-.126-1.586-.01-2.043.003-2.175.062Zm-16.26 6.77c-.09.019-.213.062-.273.095-.06.034-.718.672-1.46 1.42-1.16 1.166-1.36 1.392-1.413 1.591a.863.863 0 0 0 1.051 1.052c.2-.053.425-.251 1.593-1.412.747-.743 1.396-1.421 1.442-1.507.113-.214.104-.602-.018-.81-.191-.327-.572-.504-.922-.43Zm13.614.004c-.535.113-.843.756-.59 1.235.045.086.694.764 1.442 1.507 1.168 1.16 1.392 1.36 1.593 1.412a.863.863 0 0 0 1.05-1.052c-.053-.2-.253-.425-1.412-1.591-.743-.748-1.4-1.386-1.459-1.419a.973.973 0 0 0-.624-.092Zm-6.99 2.862c-.222.1-.451.38-.492.598-.017.097-.024 1.043-.015 2.103.015 1.846.02 1.932.129 2.077.215.287.39.377.736.377s.521-.09.736-.377c.109-.147.112-.216.112-2.224s-.003-2.078-.112-2.224a1.525 1.525 0 0 0-.256-.258c-.182-.135-.617-.173-.839-.072Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat;
}
.icon_sh_asr {
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.651.057c-.221.1-.45.38-.49.598-.018.097-.025 1.044-.016 2.103.015 1.847.02 1.932.129 2.077.215.288.39.377.736.377s.521-.09.736-.377c.109-.146.112-.216.112-2.224S14.855.534 14.746.387A1.525 1.525 0 0 0 14.49.13c-.182-.135-.617-.173-.839-.072ZM4.46 3.873c-.23.069-.519.372-.583.612a.802.802 0 0 0 .005.44c.053.2.254.426 1.412 1.592.743.747 1.422 1.396 1.508 1.442.31.163.802.077 1.027-.181.235-.269.294-.69.139-.985-.046-.087-.695-.765-1.442-1.507-1.123-1.115-1.398-1.36-1.578-1.41-.25-.068-.271-.068-.488-.003Zm18.56.025c-.16.057-.552.412-1.55 1.407-.734.732-1.372 1.401-1.418 1.488-.156.294-.096.716.138.985.226.258.718.344 1.028.18.086-.045.764-.694 1.507-1.441 1.159-1.166 1.36-1.393 1.412-1.592a.886.886 0 0 0-.603-1.055c-.234-.067-.25-.066-.514.028Zm-9.928 2.274a7.943 7.943 0 0 0-6.546 5.31c-.288.841-.385 1.477-.385 2.519 0 .784.022 1.063.122 1.533.677 3.178 3.015 5.516 6.194 6.193.823.175 2.242.175 3.066 0 3.179-.677 5.517-3.015 6.193-6.193.1-.47.123-.75.123-1.533 0-.784-.023-1.063-.123-1.534-.677-3.178-3.049-5.548-6.192-6.187-.656-.133-1.838-.185-2.453-.108Zm2.15 1.832c2.116.45 3.873 1.99 4.56 4a6.402 6.402 0 0 1 0 3.993c-.59 1.724-2.072 3.206-3.796 3.796a6.402 6.402 0 0 1-3.992 0c-1.724-.59-3.207-2.072-3.797-3.796a6.402 6.402 0 0 1 0-3.992c.5-1.463 1.65-2.772 3.055-3.477.64-.322.987-.426 2.08-.627.282-.052 1.467.013 1.89.103ZM12.12 9.676c-.598.119-1.14.412-1.582.854-.52.52-.83 1.18-.89 1.902-.032.375-.027.398.118.542.18.18.396.195.564.039.066-.062.12-.117.122-.123.162-.983.307-1.34.707-1.74.33-.33.75-.534 1.251-.611.467-.071.59-.13.67-.32.074-.18.033-.343-.126-.491-.124-.116-.422-.134-.834-.052ZM.51 13.2c-.363.16-.571.58-.494.993.048.256.321.559.57.632.13.038.875.052 2.154.041 1.874-.016 1.96-.021 2.104-.13.288-.214.377-.39.377-.735 0-.347-.09-.522-.377-.736-.145-.109-.226-.114-2.159-.126-1.586-.01-2.043.003-2.175.062Zm22.778 0c-.363.16-.57.58-.493.993.048.256.32.559.57.632.13.038.875.052 2.153.041 1.874-.016 1.96-.021 2.105-.13.287-.214.377-.39.377-.735 0-.347-.09-.522-.377-.736-.145-.109-.227-.114-2.16-.126-1.586-.01-2.043.003-2.175.062Zm-16.26 6.77c-.09.019-.213.062-.273.095-.06.034-.718.672-1.46 1.42-1.16 1.166-1.36 1.392-1.413 1.591a.863.863 0 0 0 1.051 1.052c.2-.053.425-.251 1.593-1.412.747-.743 1.396-1.421 1.442-1.507.113-.214.104-.602-.018-.81-.191-.327-.572-.504-.922-.43Zm13.614.004c-.535.113-.843.756-.59 1.235.045.086.694.764 1.442 1.507 1.168 1.16 1.392 1.36 1.593 1.412a.863.863 0 0 0 1.05-1.052c-.053-.2-.253-.425-1.412-1.591-.743-.748-1.4-1.386-1.459-1.419a.973.973 0 0 0-.624-.092Zm-6.99 2.862c-.222.1-.451.38-.492.598-.017.097-.024 1.043-.015 2.103.015 1.846.02 1.932.129 2.077.215.287.39.377.736.377s.521-.09.736-.377c.109-.147.112-.216.112-2.224s-.003-2.078-.112-2.224a1.525 1.525 0 0 0-.256-.258c-.182-.135-.617-.173-.839-.072Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat;
}
.icon_sh_maghrib {
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.651.057c-.221.1-.45.38-.49.598-.018.097-.025 1.044-.016 2.103.015 1.847.02 1.932.129 2.077.215.288.39.377.736.377s.521-.09.736-.377c.109-.146.112-.216.112-2.224S14.855.534 14.746.387A1.525 1.525 0 0 0 14.49.13c-.182-.135-.617-.173-.839-.072ZM4.46 3.873c-.23.069-.519.372-.583.612a.802.802 0 0 0 .005.44c.053.2.254.426 1.412 1.592.743.747 1.422 1.396 1.508 1.442.31.163.802.077 1.027-.181.235-.269.294-.69.139-.985-.046-.087-.695-.765-1.442-1.507-1.123-1.115-1.398-1.36-1.578-1.41-.25-.068-.271-.068-.488-.003Zm18.56.025c-.16.057-.552.412-1.55 1.407-.734.732-1.372 1.401-1.418 1.488-.156.294-.096.716.138.985.226.258.718.344 1.028.18.086-.045.764-.694 1.507-1.441 1.159-1.166 1.36-1.393 1.412-1.592a.886.886 0 0 0-.603-1.055c-.234-.067-.25-.066-.514.028Zm-9.928 2.274c-3.416.431-6.09 2.905-6.808 6.295-.144.684-.175 2.145-.057 2.734a9.97 9.97 0 0 0 .416 1.33c.038.09-.147.096-3.028.11-3 .015-3.07.018-3.219.128-.287.215-.376.39-.376.736s.09.521.377.736l.15.113H27.473l.151-.113c.287-.215.377-.39.377-.736s-.09-.521-.377-.736c-.148-.11-.218-.113-3.219-.128-2.88-.014-3.065-.02-3.027-.11a9.98 9.98 0 0 0 .416-1.33c.117-.589.087-2.05-.058-2.734-.671-3.176-3.045-5.548-6.19-6.187-.657-.133-1.839-.185-2.454-.108Zm2.15 1.832a6.177 6.177 0 0 1 3.755 2.453c.767 1.086 1.117 2.195 1.118 3.544 0 .96-.157 1.558-.612 2.327l-.162.274H8.679l-.162-.274a5.716 5.716 0 0 1-.535-1.287c-.114-.443-.101-1.664.023-2.242.403-1.882 1.585-3.427 3.267-4.271.64-.322.987-.426 2.08-.627.282-.052 1.467.013 1.89.103ZM.51 13.2c-.363.16-.571.579-.494.992.048.256.321.559.57.632.13.038.875.052 2.154.041 1.874-.016 1.96-.021 2.104-.13.288-.214.377-.39.377-.735 0-.347-.09-.522-.377-.736-.145-.109-.226-.114-2.159-.126-1.586-.01-2.043.003-2.175.062Zm22.778.876c-.363.16-.57.579-.493.992.048.256.32.559.57.632.13.038.875.053 2.153.041 1.874-.016 1.96-.021 2.105-.13.287-.214.377-.389.377-.735 0-.347-.09-.522-.377-.736-.145-.109-.227-.114-2.16-.126-1.586-.01-2.043.003-2.175.062Zm-9.634 5.254a.939.939 0 0 0-.462.491c-.037.097-.058.768-.058 1.804v1.65l-.671-.663c-.72-.712-.85-.783-1.284-.702-.27.05-.597.378-.648.648-.09.484-.084.492 1.552 2.13 1.31 1.31 1.544 1.52 1.721 1.552.488.088.495.084 2.132-1.553 1.636-1.636 1.643-1.646 1.552-2.129-.05-.27-.378-.597-.647-.648-.434-.08-.564-.01-1.282.7l-.669.66-.016-1.729c-.015-1.648-.02-1.737-.128-1.88a1.525 1.525 0 0 0-.256-.258c-.182-.136-.618-.174-.836-.073Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat;
}
.icon_sh_isha {
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.984.019C6.122.372 2.782 2.695 1.096 6.202a11.062 11.062 0 0 0-.945 6.636c.684 4.163 3.768 7.637 7.778 8.76 3.316.928 6.765.234 9.534-1.918.46-.357 1.272-1.165 1.689-1.68.46-.568.834-1.135.843-1.277.025-.37-.045-.564-.278-.773-.178-.16-.24-.171-1.077-.197-4.387-.135-8.158-3.601-8.778-8.067a8.577 8.577 0 0 1-.07-1.975 9.636 9.636 0 0 1 1.32-4.252c.129-.22.247-.475.262-.566a.809.809 0 0 0-.493-.846c-.132-.05-.532-.062-.897-.028Zm-.78 1.707c0 .01-.086.237-.192.505a10.865 10.865 0 0 0-.776 4.137c0 5.383 3.801 9.925 9.074 10.842.207.035.384.073.394.084.03.031-.72.764-1.084 1.056a9.15 9.15 0 0 1-3.513 1.782c-1.359.354-2.946.377-4.342.063a10.403 10.403 0 0 1-2.041-.74c-3.274-1.642-5.318-5.106-5.17-8.76.042-1.063.171-1.777.494-2.74.966-2.887 3.38-5.214 6.25-6.023.715-.202.907-.245.907-.206Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat;
}
@media screen and (max-width: 768px)
{
.container {
width: 100%;
}
.header-box {
padding: 20px;
}
.main {
padding: 0 20px;
}
.namaz-box {
flex-direction: column;
}
.namaz-box .right {
width: 100%;
margin-bottom: 25px;
}
.namaz-box .left {
width: 100%;
}
.name-city {
text-align: center;
}
.items {
margin-bottom: 25px;
}
.item-sh {
width: 32%;
margin-bottom: 15px;
}
.item-sh-more {
width: 32%;
margin-bottom: 15px;
}
.item-sh-sun {
width: 49%;
margin-bottom: 15px;
}
.footer {
padding: 36px 20px 38px 20px;
text-align: center;
}
.time-bg::after {
content: unset;
}
.time-bg {
height: 100%;
}
.time-box {
top: 0;
color: #000;
position: relative;
line-height: 33px;
font-size: 12px;
}
.timing {
color: #fff;
}
.item-info {
flex-wrap: wrap;
}
.item-info__box {
width: 50%;
margin: 0;
margin-bottom: 30px;
}
.item-info__box:nth-child(2n) {
margin-right: 0;
}
.item-info__box:last-child {
margin-left: 0;
}
.item-info__box:first-child {
margin-left: 0;
}
.item-info.foo .item-info__box {
width: 33%;
}
}
@media screen and (max-width: 700px)
{
.header-box {
flex-direction: column;
}
.header-logo {
margin-bottom: 25px;
}
}
@media screen and (max-width: 650px)
{
.item-info__box {
width: 50%;
height: 230px;
}
}
@media screen and (max-width: 620px)
{
.item-info.foo .item-info__box {
width: 50%;
}
}
@media screen and (max-width: 590px)
{
.nm-table table {
display: block;
max-width: -moz-fit-content;
max-width: fit-content;
margin: 0 auto;
overflow-x: auto;
white-space: nowrap;
}
}
@media screen and (max-width: 535px)
{
.item-sh {
width: 48.5%;
}
.item-sh-more {
width: 48.5%;
}
.item-sh-sun {
width: 48.5%;
}
.search-box {
min-width: 100%;
}
.header-search {
width: 100%;
}
.main-search {
width: 100%;
}
}
@media screen and (max-width: 500px)
{
.item-info__box {
height: 200px;
}
}
@media screen and (max-width: 360px)
{
.item-sh {
width: 100%;
}
.item-sh-more {
width: 100%;
}
.item-sh-sun {
width: 100%;
}
.nm-box {
padding: 10px;
}
}
@media screen and (max-width: 400px)
{
.item-info__box {
width: 100%;
height: 200px;
}
.item-info.foo .item-info__box {
width: 100%;
height: 200px;
}
}
/* Namaz choice */
.form-calculation-method {
margin-bottom: 20px;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
font-weight: bold;
margin-bottom: 19px;
text-align: center;
font-size: 21px;
}
.form-control {
width: 100%;
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 4px;
}
.btn-update {
display: inline-block;
padding: 10px 20px;
font-size: 18px;
color: #fff;
background: linear-gradient(105deg, #172fd2db, #288cefd9);
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s ease;
font-weight: 600;
margin-top: 18px;
}
.btn-update:hover {
background-color: #05975f;
}
/*
.nm-table table {
width: 100%;
border-collapse: collapse;
}
.nm-table th,
.nm-table td {
padding: 10px;
border: 1px solid #ddd;
}
.nm-table th {
background-color: #f8f8f8;
text-align: left;
}
.nm-table tr.active {
background-color: #f1f1f1;
}
*/
.textpraytime-1 {
font-size: larger;
color: #22d298;
font-weight: 500;
}
.textpraytime-2 {
font-size: larger;
color: #f09f21;
font-weight: 500;
}
.textpraytime-3 {
font-size: larger;
color: #f36c20;
font-weight: 500;
}
.textpraytime-4 {
font-size: larger;
color: #6920f3;
font-weight: 500;
}
.textpraytime-5 {
font-size: larger;
color: #0d3898;
font-weight: 500;
}
.textpraytime-6 {
font-size: larger;
color: #6114b2;
font-weight: 500;
}
.textpraytime-7 {
font-size: larger;
color: #ee619d;
font-weight: 500;
}
.startdate {
font-size: larger;
color: #21cd3c;
font-weight: 500;
}
.enddate {
font-size: larger;
color: #fc2a2a;
font-weight: 500;
}
.ramadanperiod {
text-align: center;
margin-bottom: 18px;
background-color: #71f69926;
padding: 14px;
border-radius: 8px;
}
.autocomplete-results {
position: absolute;
background: #fff;
/* background-image: linear-gradient(179deg, #fffee6, white); */
border-radius: 7px;
z-index: 1000;
width: 100%;
max-height: 200px;
overflow-y: auto;
top: 100%; /* Позиционируем под полем поиска */
left: 0;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.autocomplete-item {
padding: 8px;
cursor: pointer;
}
.autocomplete-item:hover {
background-color: #f0f0f0;
}
.searchanothercity {
font-size: 1.5em;
text-align: center;
margin-top: 90px;
}
.h2main {
display: block;
font-size: 1.5em;
font-weight: bold;
text-align: center;
margin-bottom: 47px;
}
.showramadanmessage {
background-color: #e2ff4f1f;
padding: 25px;
border-radius: 8px;
font-weight: 400;
font-size: 17px;
line-height: 30px;
}
/* time format */
.time-format-switch {
position: relative;
display: flex;
flex-wrap: wrap;
border-radius: 0.5rem;
background-color: #eee;
box-sizing: border-box;
box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.06);
padding: 0.25rem;
width: 300px;
font-size: 14px;
}
.time-format-radio {
flex: 1 1 auto;
text-align: center;
}
.time-format-radio input {
display: none;
}
.time-format-name {
display: flex;
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: 0.5rem;
border: none;
padding: 0.5rem 0;
color: rgba(51, 65, 85, 1);
transition: all 0.15s ease-in-out;
}
.time-format-radio input:checked + .time-format-name {
background-color: #fff;
font-weight: 600;
}
.time-format-box {
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 22px;
}
.time-format-change {
font-size: 17px;
font-weight: 500;
margin-bottom: 15px;
text-align: center;
}
/* Hover effect */
.time-format-radio:hover .time-format-name {
background-color: rgba(255, 255, 255, 0.5);
}
/* Animation */
.time-format-radio input:checked + .time-format-name {
position: relative;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
animation: time-format-select 0.3s ease;
background: linear-gradient(87deg, #6cff6cdb, #28ef849e);
}
@keyframes time-format-select {
0% {
transform: scale(0.95);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
.ramadanbegun-notification {
background-color: #2debff1f;
padding: 25px;
border-radius: 8px;
font-weight: 400;
font-size: 17px;
line-height: 30px;
}
.fardnamaz-notification {
background-color: #66ff3429;
padding: 25px;
border-radius: 8px;
font-weight: 400;
font-size: 17px;
line-height: 30px;
margin-top: 90px;
margin-bottom: 90px;
}
/* Calendar */
.date-block {
background-color: #e9ecef57;
border-radius: 10px;
padding: 20px;
margin: 20px auto;
max-width: 100%;
text-align: center;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.calend-dateheader {
background: #6be679;
color: #fff;
margin-bottom: 10px;
padding: 20px;
text-align: center;
border-radius: 1em 1em 0 0;
width: 100%;
}
.calend-dateheader h2 {
margin: 0;
font-size: 1.5em;
font-weight: bold;
}
.calend-dateheader p {
margin: 5px 0;
font-size: 1em;
}
.calendar-namaz {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 8px;
padding: 10px;
text-align: center;
}
.calendar-namaz .day-block {
background: #fff;
padding: 12px;
border: 2px solid #ff8a3826;
border-radius: 10px;
text-align: center;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.day-block .day {
font-size: 1.2em;
font-weight: bold;
color: #2c3e50de;
}
.day-block .hijri {
color: #3f2dd1e6;
font-size: 1em;
font-weight: 500;
}
.day-block .gregorian {
color: #161212;
font-size: 0.94em;
}
.calendar-namaz .day-block.highlight-today {
background-color: #ffff3066;
color: white;
border-radius: 10px;
padding: 5px;
box-shadow: 0 4px 7px 0px rgb(237 255 71 / 53%);
}
.weekday-header {
display: grid;
grid-template-columns: repeat(7, 1fr);
background-color: #ff8a38ed;
color: white;
padding: 5px;
border-radius: 6px;
margin-bottom: 10px;
}
.day-block .weekday {
display: none;
}
.empty-cell {
background: transparent;
border: none;
}
@media (max-width: 768px) {
.weekday-header {
display: none;
}
.calendar-namaz {
grid-template-columns: repeat(2, 1fr);
}
.day-block .weekday {
display: block;
font-size: 1em;
background-color: #ff8a38ed;
color: white;
padding: 5px;
border-radius: 6px;
margin-bottom: 5px;
}
.empty-cell {
display: none;
}
}
@media (max-width: 500px) {
.calendar-namaz {
grid-template-columns: repeat(1, 1fr);
}
}
.prev-month-btn,
.next-month-btn {
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
text-decoration: none;
transition: all 0.3s linear;
border-radius: 10px;
border: 1px solid #F2BED1;
padding: 10px 20px;
color: #333;
}
.prev-month-btn {
background: linear-gradient(to right, #fff45f, #ffaf61d9);
}
.prev-month-btn > svg {
margin-right: 8px;
transition: all 0.2s ease-in;
}
.prev-month-btn:hover > svg {
font-size: 1.2em;
transform: translateX(-6px);
}
.prev-month-btn:hover {
box-shadow: 7px 7px 30px #ffee585e;
transform: translateY(-5px);
}
.next-month-btn {
background: linear-gradient(to right, #fff45f, #ffaf61d9);
flex-direction: row-reverse;
}
.next-month-btn > svg {
margin-left: 8px;
transition: all 0.2s ease-in;
}
.next-month-btn:hover > svg {
font-size: 1.2em;
transform: translateX(6px);
}
.next-month-btn:hover {
box-shadow: 7px 7px 30px #ffee585e;
transform: translateY(-5px);
}
.months-navigation {
display: flex;
justify-content: space-between;
flex-direction: row;
margin-bottom: 45px;
margin-top: 40px;
}
.changemonth {
display: flex;
justify-content: space-around;
margin-top: 15px;
font-size: 17px;
}
.searchdropdown {
display: flex;
justify-content: center;
align-items: center;
min-height: 10vh; }
.custom-dropdown-form {
display: inline-block;
position: relative;
font-family: Arial, sans-serif;
}
.custom-dropdown-label {
position: relative;
height: 45px;
width: 300px;
line-height: 46px;
display: inline-block;
}
.custom-dropdown-checkbox {
position: absolute;
clip: rect(0, 0, 0, 0);
/* left: -2000000px; */
}
.custom-dropdown-text {
cursor: pointer;
border: 2px solid #ffae128f;
border-radius: 5px;
box-shadow: 0 2px 4px #ffbc128f;
display: block;
width: 100%;
background: #fff;
color: #262E47;
font-weight: bold;
padding: 0 20px;
display: flex;
align-items: center;
box-sizing: border-box;
}
.custom-dropdown-arrow {
width: 10px;
height: 10px;
border-right: 4px solid #ffbc12c4;
border-bottom: 4px solid #ffbc12c4;
margin-left: auto;
transform: rotate(45deg);
transition: all ease-in 0.3s;
position: relative;
top: -2px;
}
.custom-dropdown-list {
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 100%;
z-index: 5;
opacity: 0;
visibility: hidden;
transition: all ease-out 0.3s;
box-shadow: 0px 14px 43px 0px #DEE5FF;
background: #fff;
border-radius: 5px;
overflow: hidden;
max-height: 200px;
overflow-y: scroll;
}
.custom-dropdown-list::-webkit-scrollbar {
width: 10px;
}
.custom-dropdown-list::-webkit-scrollbar-track {
background: #fff;
border-left: 1px solid #efc57e;
}
.custom-dropdown-list::-webkit-scrollbar-thumb {
background: linear-gradient(to right, #fff45f, #ffaf61d9);
border-radius: 5px;
}
.custom-dropdown-list::-webkit-scrollbar-thumb:hover {
background: linear-gradient(to right, #fff45f, #ffaf61fa);
}
.custom-dropdown-list ul {
padding: 0;
margin: 0;
}
.custom-dropdown-list ul li a {
white-space: nowrap;
text-decoration: none;
color: #333A52;
display: block;
padding: 5px 20px;
}
.custom-dropdown-list ul li a:hover {
background: linear-gradient(to right, #fff45f7d, #ffaf61b0);
}
.custom-dropdown-list ul li a.selected {
font-weight: bold;
color: #000;
}
.custom-dropdown-checkbox:checked ~ .custom-dropdown-list {
top: 120%;
opacity: 1;
visibility: visible;
transition: all ease-in 0.3s;
}
.custom-dropdown-checkbox:checked ~ .custom-dropdown-text .custom-dropdown-arrow {
transform: rotate(-135deg);
top: 5px;
}
.custom-dropdown-button {
margin-top: 10px;
padding: 10px 20px;
border: none;
background: #616D90;
color: white;
font-weight: bold;
border-radius: 5px;
cursor: pointer;
transition: background 0.3s;
}
.custom-dropdown-button:hover {
background: #434A6C;
}
/* RTL Rules */
[dir="rtl"] .time_sh_sh,
[dir="rtl"] .textpraytime-1,
[dir="rtl"] .textpraytime-2,
[dir="rtl"] .textpraytime-3,
[dir="rtl"] .textpraytime-4,
[dir="rtl"] .textpraytime-5,
[dir="rtl"] .timing {
direction: ltr;
unicode-bidi: plaintext;
}
[dir="rtl"] .prev-month-btn > svg {
transform: scaleX(-1);
margin-left: 8px;
}
[dir="rtl"] .next-month-btn > svg {
transform: scaleX(-1);
margin-right: 8px;
}
/*
[dir="rtl"] .custom-dropdown-checkbox {
left: auto;
clip: rect(0, 0, 0, 0);
}
*/
[dir="rtl"] .custom-dropdown-arrow {
margin-right: auto;
margin-left: 0;
}
[dir="rtl"] .custom-dropdown-list::-webkit-scrollbar-track {
border-right: 1px solid #efc57e;
border-left: none;
}