.current{background:url(../imgs/bg-current.png) no-repeat top 0 left 0;background-size:100% auto;padding-bottom:50px}.list__link--page{display:flex;justify-content:space-between;padding-top:30px;gap:10px;padding-bottom:5px}.list__link--page .item{background:#fff;padding:5px 15px;border-radius:20px;color:#000;font-size:14px}.list__link--page .item.active,.list__link--page .item:hover{background:#1E85E3;color:#fff}.text-current{color:#fff;font-size:40px;font-weight:600;line-height:38px;margin-top:50px;letter-spacing:.08px;margin-bottom:30px}.box-current{display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;margin-top:0}.box-left-current{background:linear-gradient(113deg,#1490FF 32.23%,#76BEFF 67.37%);border-radius:30px;padding:20px;position:relative}.box-left-current::after{position:absolute;top:50%;left:calc(100% + 15px);background:url(../imgs/next.svg) no-repeat center center;content:'';height:32px;width:32px}.box-top-left-current h2.too-small.address{color:#fff;font-size:20px;padding-right:20px;margin-bottom:0;background:url(../imgs/local.svg) no-repeat center right 0}.box-top-left-current{display:grid;grid-template-columns:1fr max-content;justify-content:space-between;color:#fff;align-items:center}.box-top-left-current .text-address a{color:#fff}.box-top-left-current .text-address a:hover{color:#094479}.time-address{margin:0;background:#58596C;padding:5px 15px;border-radius:20px}.time-address p{margin:0}.box-top-left-current .xemchitiet{grid-column:1/3}.xemchitiet{text-align:right;margin-top:10px;margin-right:10px}.xemchitiet a{color:#fff;padding-right:15px;background:url(../imgs/xemchitiet.svg) no-repeat center right 0}.xemchitiet a:hover{color:#094479}.box-bot-left-current{display:grid;grid-template-columns:max-content max-content;align-items:center;justify-content:space-between;margin-top:10px}.summary-current{text-align:center;color:#fff;font-size:18px}.temperature-current #currentTemperature{margin-bottom:0;font-size:76px;color:#fff;font-weight:600}.temperature-current{text-align:center;color:#fff;font-size:18px}.rain-current{padding-left:30px;background:url(../imgs/ic_detail_rain.svg) no-repeat center left 0;background-size:auto 100%}.precipitation-current{padding-left:30px;background:url(../imgs/ic_detail_Precipitation.svg) no-repeat center left 0;background-size:auto 100%}.box-bot2-left-current{display:flex;align-items:center;justify-content:space-between;text-align:center;color:#fff;margin-top:30px}.box-right-current{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:15px;color:#fff}.box-right-item{background:linear-gradient(154deg,rgba(118,190,255,.00) -19.23%,#1490FF 75.24%);border-radius:20px;text-align:center;padding:15px}.box-right-item a{color:#fff}.time-item{font-size:20px;margin-bottom:20px}#temperature-item{font-size:21px;margin-bottom:10px}.text-summary-item{font-size:17px;margin-bottom:20px}.precipitation-item{margin-bottom:10px;font-size:18px;display:flex;justify-content:center}.rain-item{font-size:18px;display:flex;justify-content:center}#icon-summary-item{margin-bottom:15px}.news-weather-home{padding-top:30px}.top-inner-news-weather-home{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.list-news-weather-home{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:30px}.item-news-weather-home .thum-nail img{object-fit:cover;aspect-ratio:16/9}.title-news-weather-home h3 a{font-size:18px;display:block;color:#000}.title-news-weather-home h3 a:hover{color:#1e85e3}.title-news-weather-home{margin-bottom:10px}.chart-home{padding-top:30px}.left-chart-home{overflow:hidden}.inner-chart-home{display:grid;grid-template-columns:2fr 1fr;grid-gap:15px}.detail__hourly .list_time_hour,.detail__hourly .list_rain_hour{display:grid;justify-content:space-between;color:#fff;margin-bottom:5px;font-size:14px;grid-template-columns:repeat(9,1fr) max-content;gap:10px}.detail__daily .list_time_hour,.detail__daily .list_rain_hour{display:grid;justify-content:space-between;color:#fff;margin-bottom:15px;grid-template-columns:repeat(6,1fr) max-content;font-size:14px;gap:10px;word-break:break-word}.detail__hourly,.detail__daily{background:#1E85E3;border-radius:16px}.detail__hourly .top-detail a,.detail__daily .top-detail a{color:#F1F1F1;text-align:center;padding:10px 15px;border-bottom:1px solid #fff;display:flex;align-items:center;justify-content:space-between}.detail__hourly h3,.detail__daily h3{font-size:14px}.detail__hourly h3:hover,.detail__daily h3:hover{color:#094479}.detail__hourly .top-detail a,.detail__daily .top-detail a{font-size:14px;color:#fff}.detail__hourly .top-detail .xemthem,.detail__daily .top-detail .xemthem{background:url(../imgs/weather_today/xemthemtrang.svg) no-repeat center right 0;padding-right:20px}.detail__hourly .top-detail .xemthem:hover,.detail__daily .top-detail .xemthem:hover{background:url(../imgs/weather_today/xemthemxanh.svg) no-repeat center right 0;color:#094479}.detail-chart{padding:0 15px;margin-top:10px}.list_rain_hour .item img{width:26px}.left-chart-home h2.font-title-big,.box__cities h2.font-title-big,.box__cities_list h2.font-title-big,.why__chose h2.font-title-big,.box__news h2.font-title-big{margin-bottom:20px}.wrap__scroll--hourly::-webkit-scrollbar{height:8px}.wrap__scroll--hourly::-webkit-scrollbar-track{background:rgba(255,255,255,.4);border-radius:5px}.wrap__scroll--hourly::-webkit-scrollbar-thumb{background:rgba(255,255,255,.8);border-radius:6px;height:100px}.wrap__scroll--hourly::-webkit-scrollbar-thumb:hover{background:#fff}.text-address span.text-address-span,.text-address h1{padding-right:20px;font-size:16px;background:url(../imgs/address.svg) no-repeat top 2px right 0;display:inline}.info-current{font-size:14px;word-break:break-word}.box-multi-chart{display:grid;grid-template-columns:2fr 2fr 5fr;grid-gap:15px;grid-template-rows:1fr 1fr;color:#fff;margin-top:15px}.rainfall,.wind{padding:10px;border-radius:16px;border:1px solid rgba(117,130,244,.00);background:#1E85E3}.humidity,.air_quarlity{background:#1E85E3;padding:10px 15px;border-radius:16px}.moonphase{background:#0D3D68;border-radius:16px;padding:10px 15px;overflow:hidden}.right-chart-home .right-chart-item iframe{height:315px}.rainfall .top-box-multi-chart{background:url(../imgs/chart_precipIntensity.svg) no-repeat center left 0;padding-left:25px}.humidity .top-box-multi-chart{background:url(../imgs/chart_humidity.svg) no-repeat center left 0;padding-left:25px}.air_quarlity .top-box-multi-chart{background:url(../imgs/chart_AirQuality.svg) no-repeat center left 0;padding-left:25px}.wind .top-box-multi-chart{background:url(../imgs/chart_wind.svg) no-repeat center left 0;padding-left:25px}.moonphase .top-box-multi-chart{background:url(../imgs/chart_moon.svg) no-repeat center left 0;padding-left:25px;display:flex;align-items:center;justify-content:space-between}.moonphase .top-box-multi-chart a,.uv_index .top-box-multi-chart a,.air_quarlity .top-box-multi-chart a{color:#fff}.moonphase .top-box-multi-chart a:hover,.uv_index .top-box-multi-chart a:hover,.air_quarlity .top-box-multi-chart a:hover{color:#094479}.uv_index .top-box-multi-chart{padding-left:25px}.moonphase .top-box-multi-chart .xemthem{background:unset;padding:0}.moonphase .top-box-multi-chart .xemthem a{min-height:10px;display:block;min-width:15px;padding-right:0;background:none}.moonphase .top-box-multi-chart .xemthem a:hover{background:none;color:#1E85E3}.moonphase .top-box-multi-chart a:hover{color:#1E85E3}.moonphase .top-box-multi-chart .xemthem a img:hover{content:url(/imgs/xemthem.svg)}.parameter-multi-chart{font-size:24px;margin:5px 0}.bot-box-multi-chart{font-size:14px;position:relative}.wind .parameter-multi-chart{font-size:10px;text-align:center;align-items:center;justify-content:center;line-height:1.2;background:#4A577D;border-radius:100%;display:flex;width:40px;height:40px;margin:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.bot-box-multi-chart.wind-chart{margin-top:10px;text-align:center}.box_cities_content{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:30px}.wind-direction img{width:90px;height:90px}.box__cities .box_cities_content_item a{border-radius:20px;background:#1E85E3;box-shadow:10px 9px 70px 0 rgba(146,146,146,.40);padding:15px;color:#fff;display:block}.cities_item_name.text-center,.cities_item_temperature.text-center{font-size:24px}.cities_item_rain{padding-left:30px;background:url(../imgs/weather_today/ic_detail_rain.svg) no-repeat center left 0;background-size:auto 100%}.cities_item_precipIntensity{padding-left:30px;background:url(../imgs/weather_today/ic_detail_precipitation.svg) no-repeat center left 0;background-size:auto 100%}.cities_item_precipIntensity,.cities_item_rain{font-size:16px}p.cities_item_temp.text-center{font-size:20px}.box_all_cities_content{display:grid;grid-template-columns:1fr 1fr 1fr}.box_all_cities_content_item{border-bottom:1px solid #ccc;padding:0 20px}.box_all_cities_content_item a{display:grid;align-items:center;grid-gap:20px;padding:10px 0;grid-template-columns:max-content auto max-content}.box_all_cities_content_item a .cities_item_name{color:#555;font-size:22px;font-weight:500}.box_all_cities_content_item a:hover .cities_item_name{color:#192438}.box_all_cities_content_item a .cities_item_rain{color:#192438;font-size:22px;font-weight:500;padding-left:0}.why__chose{background:#CAE6FF;padding-top:30px;padding-bottom:30px}.addimg{border:1px solid #ddd;padding:0;box-shadow:4px 5px 8px 2px #aaa}.addimg img{width:100%}.addimg ul{padding-left:2rem;list-style:unset}.addimg a{color:#249bc7}.why__chose__content{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;grid-gap:50px 30px;margin-top:50px;padding-bottom:50px}.why__chose__content p{color:#0A0A22;text-align:center;font-size:18px;font-weight:600}.why__chose h2.font-title-big{text-align:center;text-transform:capitalize}.box_all_cities_content_item{display:none}.box_all_cities_content_item:nth-child(-n+15){display:block}.box__cities_list,.box__cities{margin-top:30px}.text-right-chart{margin-bottom:15px;font-size:18px;color:#fff}.text-right-chart a{color:#fff}.right-chart-item .radar-home .text-right-chart h2{font-size:16px}@media (max-width:1366px){.current{background-size:100% 100%}.list__link--page .item{padding:5px 15px;border-radius:20px}.text-current{font-size:36px}.box-right-item{padding:10px}.precipitation-item{font-size:14px;white-space:nowrap;margin-bottom:5px}#temperature-item{font-size:18px}.rain-item{font-size:14px;display:flex;justify-content:center}.text-summary-item{font-size:16px;margin-bottom:15px}.temperature-current{font-size:14px}.temperature-current #currentTemperature{font-size:68px;line-height:1.3}.box-bot2-left-current{margin-top:20px}.time-address{padding:3px 20px;display:inline-block;font-size:14px}.box-bot-left-current{margin-top:5px}.inner-chart-home{grid-gap:10px}.calendar{margin-top:10px}.box-multi-chart{grid-gap:10px;margin-top:10px}.list-news-weather-home{grid-gap:20px}.box_cities_content{grid-gap:20px}.cities_item_summary{font-size:14px}.cities_item_name.text-center,.cities_item_temperature.text-center{font-size:20px}.box_all_cities_content_item a .cities_item_name{font-size:18px}.box_all_cities_content_item a .cities_item_rain{font-size:18px}.humidity,.air_quarlity{padding:10px}.top-box-multi-chart{font-size:13px;padding-left:25px}.bot-box-multi-chart.moonphase-chart{margin-top:10px}.bot-box-multi-chart.moonphase-chart ul li{font-size:13px}.moonphase .moon-phase-item p:last-child,.right-chart-item .moon-phase-item p:last-child{font-size:10px}}@media (max-width:992px){.current{background-size:100% 100%}.list__link--page .item{padding:5px 10px;border-radius:20px;font-size:14px}.box-current{grid-template-columns:100%;grid-gap:10px}.box-left-current::after{display:none}.inner-chart-home{display:grid;grid-template-columns:100%;grid-gap:15px}.box_cities_content{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.box-bot-left-current{grid-template-columns:100%}.box-top-left-current .text-address{grid-column:1/3}.text-address span,.text-address h1{margin-bottom:10px;display:inline-block}.box-top-left-current .xemchitiet{grid-column:2/3;margin:0}.summary-current{font-size:14px}.list__link--page .item{white-space:nowrap}.list__link--page{overflow-x:auto;grid-gap:10px;padding-bottom:10px;padding-top:20px}.current{background:url(../imgs/bg-current-mb.png) no-repeat top 0 left 0;background-size:100% 100%;padding-bottom:30px}.text-current{font-size:28px;margin-top:30px;margin-bottom:15px}.box-current{grid-template-columns:100%;grid-gap:10px}.box-left-current{border-radius:16px;padding:15px}.box-bot2-left-current{margin-top:20px;grid-gap:10px}.info-current{font-size:13px}.box-right-current{grid-gap:10px}.time-item{font-size:15px;margin-bottom:20px}.text-summary-item{font-size:14px;margin-bottom:10px}#temperature-item{font-size:16px}.list-news-weather-home{grid-template-columns:100%}.inner-chart-home{grid-template-columns:100%}.detail-chart{padding:0 5px}.detail__hourly .list_time_hour,.detail__hourly .list_rain_hour{font-size:11px}.box-multi-chart{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;grid-template-rows:1fr 1fr;color:#fff;margin-top:10px}.uv_index,.moonphase{grid-column:1/3}.detail__hourly .top-detail,.detail__daily .top-detail{padding:10px}.detail__hourly h3,.detail__daily h3{font-size:16px}.detail__hourly .top-detail a,.detail__daily .top-detail a{font-size:14px;padding:5px 0 15px 0;display:grid;grid-template-columns:auto max-content;grid-gap:20px;text-align:left}.box_cities_content{grid-template-columns:repeat(2,1fr)}.box_all_cities_content{grid-template-columns:1fr 1fr}.box_all_cities_content_item{padding:0 10px}.box_all_cities_content_item a .cities_item_name{font-size:16px}.box_all_cities_content_item a{grid-gap:10px;padding:5px 0}.box_all_cities_content_item a .cities_item_rain{font-size:14px}.box_all_cities_content_item .cities_item_img img{width:30px;height:30px}.why__chose__content{grid-template-columns:1fr 1fr;grid-gap:10px;margin-top:0!important}.why__chose__content p{font-size:14px;font-weight:400}}.image-background{background-image:url(../imgs/weather_today/background_about.webp);background-position:center;background-repeat:no-repeat;background-size:cover}.image-background .content{border-radius:var(--radius-content--primary);background-color:rgba(0,54,90,.3)}