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

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: "Poppins", serif;
  font-weight: 400;
  background-color: #ffffff;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

html, body{
  scroll-behavior: smooth;
}
ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    opacity: var(--bs-btn-close-focus-opacity);
}
a {
  transition: color 0.2s ease-in-out;
  text-decoration: none;
}
a,
a:hover,
a:focus {
  text-decoration: none;
}
a:hover,
a:focus {
  color: initial;
}
p{
  margin-bottom: 0;
}
.btn,
.btn:focus {
  outline: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cmn-btn{
  background: #08203F;
  padding: 16px 32px;
  border-radius: 60px;
  border: none;
  cursor: none;
}
.cmn-btn:hover{
  background: #082447;
}
.cmn-btn span{
  font-family: "Inter", serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 700;
  line-height: 14.52px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #08203F;
  -webkit-text-stroke: 1px #f5523c;
}

.cmn-btn2{
  background: #08203F;
  color: #ffffff;
  padding: 15px 30px 15px 60px;
  border-radius: 60px;
  border: none;
  font-family: Inter;
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
  line-height: 29.05px;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  position: relative;
}
.cmn-btn2 img{
  width: 60px;
  position: absolute;
  top: -1px;
  left: -20px;
}
.cmn-btn2:hover{
  background: #082447;
  color: #ffffff;
}

/*common css====================================*/
.noscroll {
  overflow: hidden;
  height: 100vh;
}
.layout_padding {
  padding: 60px 0;
}

/*Home Css============================*/
#main-section{
  width: 100%;
  height: 100vh;
  background: url(../images/hero-bg.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
}
.main-deader a.logo{
  max-width: 293px;
  display: block;
}
.main-deader a.logo img{
    width: 100%;
}

.main-body{
  width: 100%;
  position: absolute;
  z-index: 3;
  height: 70vh;
  display: flex;
  align-items: baseline;
}
.body-cnt h2{
  font-size: 64px;
  font-weight: 700;
  line-height: 75px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #6404FF;
  -webkit-text-stroke: 1px #ffffff;
}
.shape-board {
  width: 100px;
  margin-right: -100px;
  margin-top: -60px;
}

#footer-top{
  background: url(../images/ftr-bg-lg.png) center top no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 20vh;
}
.ftr-btm{
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 1;
}
.mob-1 img{
  width: 100%;
}
.mob-2 img{
  width: 100%;
}
.footer-cnt{
  width: 100%;
  margin-top: 4vh;
}
.footer-cnt h1{
  font-family: "Poppins", serif;
  font-size: 3vw;
  font-weight: 600;
  line-height: normal;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #ffffff;
}
.footer-cnt p{
  font-family: "Inter", serif;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 18px;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #ffffff;
}

@media (max-width: 768px) {
  #footer-top {
    height: 16vh;
    background-size: cover;
  }
.footer-cnt h1 {
    font-size: 4vw;
}
.footer-cnt p {
    font-size: 1.8vw;
    line-height: normal;
}
.body-cnt h2 {
    font-size: 46px;
    line-height: 60px;
}
}

@media (max-width: 576px) {
.main-deader a.logo {
  max-width: 200px;
  margin: auto;
}
.body-cnt h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
}
.cmn-btn {
    background: #08203F;
    padding: 10px 20px;
    border-radius: 60px;
    border: none;
    cursor: none;
    font-size: 12px;
}
.cmn-btn2 {
  padding: 10px 20px;
  font-size: 16px;
  line-height: normal;
  display: inline-block;
  width: 220px;
}
.cmn-btn2 img {
  width: 40px;
  position: absolute;
  top: -1px;
  left: -1px;
}
.footer-cnt h1{
  font-size: 5vw;
  line-height: 20px;
}
.footer-cnt p {
    font-size: 3vw;
    font-weight: 400;
}
}
@media (max-width: 480px) {
  .ftr-btm {
    bottom: 30px;
}
}