@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap');

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    transition: all 100ms;
}

body
{
    font-family: 'Poppins', sans-serif;
    color: #03252D
}

.hero_grd{
    background: linear-gradient(32deg, rgb(3 37 45 / 28%) -6.87%, rgb(3 37 45 / 30%) -0.3%, rgb(3 37 45 / 10%) 12.83%, #FFF 43.57%);
}

.bg-title{
    color: #03252D;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 600;
    line-height: 116%;
}

.small-title{
    color: #03252D;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 102.869%;
}

.prg{
    color: #03252D;
    text-align: justify;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.playfair{
    font-family: 'Playfair Display', serif;
}

.rsg-bg{
    background: rgb(2,0,36);
background: linear-gradient(0deg, rgba(2,0,36,0.43675595238095233) 0%, rgba(194,194,202,0.484375) 28%, rgba(255,255,255,0) 65%);
}

.selected{
    font-size: 30px;
    color: #FFF;
}

html {
    scroll-behavior: smooth;
  }