* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline: none; font-family: "Geist", sans-serif !important; }
p { margin-bottom: 0 !important; }

body { background-color: #F4F6F8 !important; background-size: cover; background-repeat: no-repeat; }
html { scroll-behavior: smooth !important; }
.bg { width: 100%; height: 100dvh; position: relative; top: 0; right: 0; left: 0; z-index: -1;}
.bg img { width: 100%; height: 100dvh; object-fit: cover; }


.nobg { background: #fff !important;}

.bg-custom { background: #B3E246 !important; font-weight: bold; color: #000 !important; border: 1px solid transparent; transition: all 0.3s; }
.bg-custom:hover { background: #8fb537 !important; color: #fff !important; }

.link { color: #B3E246; font-weight: bold; transition: all 0.3s; }
.link:hover { color: #8fb537; }

.heading { background: #000; width: 100%; padding: 3% 0; border-top: 1px solid rgba(255,255,255,0.1);}
.heading a { color: rgba(255,255,255,0.5); }
.heading .block { display: flex; align-items: center; justify-content: space-between; }
.heading .block form { width: 600px; }


.blockIndex { display: flex; gap: 20px; position: relative; align-items: center; }

.blockIndex small { position: absolute; right: 20px; top: 18px; }
.blockIndex h2 { font-weight: bold; font-size: 16px; }
.blockIndex p { font-size: 13px; margin-top: 5px; }
.blockIndex img { width: 120px; height: 120px; border-radius: 12px; }

.cardCustom { background: rgba(255, 255, 255, 0.48); border-radius: 16px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.3);}