.barResponsive {height: 8.25vh;display: grid;grid-template-columns: 1fr 1fr 50% 1fr 1fr;background-color: white;} .barResponsive{border-bottom: 1px solid black;} .caseGridBar{display: grid;align-items: center;justify-content: center;} .caseGridBar img{height: 42%;} .logoReal{display: grid;grid-template-columns: 1fr 70%;align-items: center;justify-items: center;}   .timeOffCouting{margin-top: 1%;height: 10vh;display: grid;grid-template-rows: 70% 1fr; border-bottom: 1px solid black;background-color: #facf19;} .verifytimeText{display: grid;grid-template-columns: 40% 1fr;} .textA{display: grid;align-items: center;justify-content: right;} .relogioRegressivo{display: grid;grid-template-columns: 1fr 5% 1fr 5% 1fr;} .setblack{background-color: black;width: 80%;height: 80%;display: grid; align-self: center;justify-self: center;justify-content: center;align-content: center;} .justtwodots{display: grid;align-content: center;justify-content: center;}   .middleCarroucel {height: 50vh;position: relative;margin-top: 2%;overflow: hidden;display: grid;} .slide {display: none;width: 100%;} .arrow {position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -22px;} .prev {left: 0;} .next {right: 0;} .dot-container {text-align: center;position: absolute;bottom: 10px;width: 100%;} .dot {height: 15px;width: 15px;margin: 0 5px;background-color: #bbb;border-radius: 50%; display: inline-block;transition: background-color 0.6s ease;} .active {background-color: #717171;}   .jumboSem{height: 12vh;} .withoutpromisses{display: grid;align-items: center;justify-items: center; } .withoutpromisses button{color:white;background-color: #FB8C00;}   .infoRifa{height: 50vh;font: 400 16px Inter, sans-serif; border-radius: 0px 0px 10px 10px;background-color: #333333;border: 1px solid #444444; display: grid; grid-template-rows: 40% 1fr 30%;} .sharewb{display: grid;grid-template-rows: 25% 1fr;} .namoraldesisto{display: grid;grid-template-columns: 15% 15% 15% 15%;} .namoraldesisto img{margin: 0 0 0 5%;} .namoraldesisto >img:first-child{ justify-self: end; margin-right: 2%; }   .insernumber{height: 45vh;display: grid;grid-template-rows: 1fr 1fr 1fr;} .flagbrazil{display: flex;justify-content: flex-end;} div.campocamporeal div.flagbrazil button{ background-color: rgb(255, 255, 255); border-color: rgba(234, 130, 76, 0.3); display: flex; gap: 6px; height: 90%; background-color: rgb(230, 234, 240); padding: 15px; border-radius: 15px 0px 0px 15px; border: 1px solid transparent; color: rgb(131, 133, 143); } .systemCryzing input{ width: 80%; height: 90%; background-color: rgb(245, 246, 248); border-radius: 0px 15px 15px 0px; color: rgb(13, 12, 34); font-size: 14px; font-weight: 400; line-height: 20px; outline: none; appearance: none; padding-left: 5%; } .flowsequencia{display: grid;grid-template-columns: 1fr 15% 15% 15%;height: 9vh;margin-top: 2%;} .flowsequencia img{width: 50%;} .flowsequencia div img{ height: 50%; } .buttonclicknumber{ position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; gap: 16px; flex-direction: column-reverse; text-align: center; margin-top: 2%; } .buttonclicknumber button{ position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; font-size: 14px; font-weight: 500; background: rgb(24, 119, 242); color: rgb(255, 255, 255); border-radius: 15px; padding: 18px 24px; transition: opacity 180ms ease-in-out 0s; }