.trafficrulesdetails .herotrafficrulesselect .react-select-container{width:300px;text-align:left}.trafficrulesdetails .herotrafficrulesselect .react-select-container .react-select__control{border-radius:50rem}.trafficrulesdetails .herotrafficrulesselect .react-select-container .react-select__control.react-select__control--is-focused{box-shadow:unset}.trafficrulesdetails .herotrafficrulesselect .react-select-container .react-select__control .react-select__value-container{padding:0 16px}.trafficrulesdetails .herotrafficrulesselect .react-select-container .react-select__indicators .react-select__indicator-separator{display:none}.trafficrulesdetails .trdetailscard ul{list-style:none;padding:0;margin:0;border:1px solid #c3cffc;border-radius:1rem;overflow:hidden}.trafficrulesdetails .trdetailscard ul li{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem}.trafficrulesdetails .trdetailscard ul li.trtitle{background-color:#456dff!important}.trafficrulesdetails .trdetailscard ul li.trtitle h1{font-size:18px;font-weight:700;color:#fff;margin-bottom:0}.trafficrulesdetails .trdetailscard ul li h6{width:50%;font-size:15px;line-height:normal;font-weight:400;margin:0}.trafficrulesdetails .trdetailscard ul li p{width:50%;text-align:right;font-size:15px;line-height:18px;color:#24272c;font-weight:700;margin:0}.trafficrulesdetails .trdetailscard ul li:nth-child(odd){background-color:#f3f6ff}body.android .trafficrulesdetails .trdetailscard p span,body.windows .trafficrulesdetails .trdetailscard p span{font-size:13px}@media(max-width:991.98px){.trafficrulesdetails .herotrafficrulesselect,.trafficrulesdetails .herotrafficrulesselect .react-select-container{width:250px}}@media(max-width:767.98px){.trafficrulesdetails .herotrafficrulesselect{margin-top:1.5rem;width:100%}.trafficrulesdetails .herotrafficrulesselect .react-select-container{width:100%}.trafficrulesdetails .trdetailscard ul li{display:block}.trafficrulesdetails .trdetailscard ul li.trtitle{display:flex!important}.trafficrulesdetails .trdetailscard ul li h6{width:100%}.trafficrulesdetails .trdetailscard ul li p{width:100%;text-align:left;margin-top:.5rem}}@media(max-width:575.98px){.trafficrulesdetails .herotrafficrulesselect{margin-top:1rem}}@media(max-width:399.98px){.trafficrulesdetails .trdetailscard ul li{padding:.75rem 1rem}.trafficrulesdetails .trdetailscard ul li.trtitle h1{font-size:16px}.trafficrulesdetails .trdetailscard ul li h6,.trafficrulesdetails .trdetailscard ul li p{font-size:14px}body.android .trafficrulesdetails .trdetailscard p span,body.windows .trafficrulesdetails .trdetailscard p span{font-size:12px}}.drivingtips{position:relative;background-color:#f7fcff;margin-bottom:2rem}.drivingtips:after,.drivingtips:before{content:"";position:absolute;top:50%;transform:translateY(-50%);background-repeat:no-repeat;width:78px;height:160px}.drivingtips:before{left:111px;background-image:url(/_next/static/media/shape-1.a65468ec.svg)}.drivingtips:after{right:111px;background-image:url(/_next/static/media/shape-2.29d1b1a6.svg)}.drivingtips .row{position:relative}.drivingtips .dtsilder .swiper .swiper-slide .dtmedia{border-radius:1rem}@media(max-width:1399.98px){.drivingtips:after,.drivingtips:before{content:unset}}@media(max-width:575.98px){.drivingtips{margin-bottom:1rem}.drivingtips .dtsilder .swiper .swiper-button-next,.drivingtips .dtsilder .swiper .swiper-button-prev{display:none}}