/* Shared design tokens and base styles used across every page. */
:root {
  --brand-blue: #0066c7;
  --brand-orange: #ff5a1f;
  --brand-yellow: #ffc400;
  --gold: #ffc400;
  --sans: 'DM Sans', sans-serif;
  --display: 'Manrope', sans-serif;
  --max: 1210px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
}

button,
input,
select,
textarea {
  font: inherit;
}
body {
  margin: 0;
  background: #fff;
  color: var(--ink, #121b2d);
  font-family: var(--sans, 'DM Sans', sans-serif);
  -webkit-font-smoothing: antialiased;
}

 /*---thank-Section-Start----*/

.thank{
  text-align:center;
  height: 100vh;
  width: 100%;
  margin-top:0px;
}
.thank img{
    width:50%;
}
.thank ul{
  padding:0;
  list-style:none;
  display:flex;
  align-items:center;
}
.thank ul li a{
  height:45px;
  width:45px;
  background:#FF9A2E;
  color:#fff;
  font-size:20px;
  display:flex;
  align-items:center;
  margin:5px;
  border-radius:5px;
  justify-content:center;
}

@media screen and (max-width:1024px) {
.thank{
  margin-top:80px;
}
}

@media screen and (max-width:768px) {
  .thank{
  margin:50px 0px;
  height:auto;
}
.thank img{
    width:80%;
}
}

@media screen and (max-width:580px) {
.thank{
  margin:20px 0px;
}
}

/*---thank-Section-end----*/