@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Slab:wght@100..900&display=swap');
:root {
  --bluefont: #062b48;
  --white: #ffffff;
  --blick: #000;
  --twwhite: rgb(217 217 217);
  --gradient-colors: linear-gradient(
    0deg,
    #eddb82,
    #daae59 13%,
    #edde99 25%,
    #e4cb7b 33%,
    #dfc16a 38%,
    #fef8b8 50%,
    #f0d573 63%,
    #efd371 75%,
    #ebce82 88%,
    #d7b34b
  );
  --webkitmask-gradient-colors: -webkit-linear-gradient(
    0deg,
    #eddb82,
    #daae59 13%,
    #edde99 25%,
    #e4cb7b 33%,
    #dfc16a 38%,
    #fef8b8 50%,
    #f0d573 63%,
    #efd371 75%,
    #ebce82 88%,
    #d7b34b
  );

  /********font variable*************/
  --font-montserrat_sans: "Montserrat", sans-serif;
  --font-montserrat-alternates_sans: "Montserrat Alternates", sans-serif;
  --font-roboto_serif: "Roboto Slab", serif;
  --font-color-blue: rgb(25, 68, 104);
}

body {
  padding: 0px;
  /* to override coockie pop up css property */
  margin: 0px !important;
  position: relative !important;
  top: 0 !important;
  font-family: var(--font-montserrat-alternates_sans);
  font-style: normal;
  bottom: 0;
  content: "";
  left: 0;
  right: 0;
  z-index: -1;
}

#nextdiv,
#nextdiv:after {
  width: 100%;
  position: absolute;
}

#nextdiv {
  top: 0px;
}

#nextdiv:after {
  background-image: url("../images/final-background-image.a577e328.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  z-index: -1;
  width: 100%;
  top: 920px; /* changes added */
  bottom: 0;
}

html {
  scroll-behavior: smooth;
}

section {
  scroll-margin-top: 70px; 
}

@media (min-width: 769px) {
  html {
    scroll-padding-top: 120px;
  }

  section {
    scroll-margin-top: 0px; 
  }
}

@media (min-width: 1101px) and (max-width: 1150px) {
  section:not(.hero) {
    padding-left: 20px;
    padding-right: 20px;
  }
}

