:root {
  --white: #ffffff;
  --gray: #f5f6f7;
  --yellow: #fade00;
  --yellow90: #fadd00e6;
  --green: #027c89;
  --green90: #027b89e8;
  --black: #1a1a1a;
  --black90: #1a1a1ae2;
  --blue: #238dc1;
}

.b-container{
  max-width: 1200px;
  padding: .6rem 1.2rem;
}

*{
  scroll-behavior: smooth;
}

section{
  scroll-margin-top: 100px!important;
}

.b-container.outer{
  max-width: 1450px;
}
.b-container.small{
  max-width: 900px;
}

@media (max-width: 600px){
  .b-container.outer{
    padding: .8rem 0;
  }
}
.section-padding {
  padding: 3.5rem 0 4.5rem;
}
.section-padding.top {
  padding: 3.5rem 0 0;
}
.section-padding.bottom {
  padding: 0 0 4.5rem;
}
.section-padding.bigtop{
  padding: 11.5rem 0 4.5rem;
}
.section-padding.none {
  padding: 1rem 0 1rem;
}

@media (max-width: 1368px){
  .section-padding{
    padding: 2.5rem 0 3.5rem;
  }
  .section-padding.top {
    padding: 2.5rem 0 0;
  }
  .section-padding.bottom {
    padding: 0 0 3.5rem;
  }
  .section-padding.bigtop {
    padding: 6.5rem 0 3.5rem;
  }
  .section-padding.none {
    padding: .8rem 0 .8rem;
  } 
}
@media (max-width: 800px){
  .section-padding{
    padding: 1.5rem 0 2rem;
  }
  .section-padding.top {
    padding: 1.5rem 0 0;
  }
  .section-padding.bottom {
    padding: 0 0 2rem;
  } 
  .section-padding.bigtop {
    padding: 6.5rem 0 2rem;
  } 
  .section-padding.none {
    padding: .7rem 0 .7rem;
  } 
}

.section-green {
  background: var(--green);
}

.section-yellow {
  background: var(--yellow);
}

.section-gray {
  background: var(--gray);
}

.button-grid{
  display: flex;
  gap: 1rem;
}

.button-grid.wrap{
  flex-wrap: wrap;
}

.button-grid.center{
  justify-content: center;
}

.m-top1 {
  margin-top: .8rem;
}

.m-top2 {
  margin-top: 1.6rem;
}

.m-top3 {
  margin-top: 2.4rem;
}

.m-top4 {
  margin-top: 3.2rem;
}

.m-bottom1 {
  margin-bottom: .8rem;
}

.m-bottom2 {
  margin-bottom: 1.6rem;
}

.m-bottom3 {
  margin-bottom: 2.4rem;
}

.m-bottom4 {
  margin-bottom: 3.2rem;
}
@media (max-width: 850px){
  .m-top1 {
    margin-top: .4rem;
  }
  
  .m-top2 {
    margin-top: .8rem;
  }
  
  .m-top3 {
    margin-top: 1.2rem;
  }
  
  .m-top4 {
    margin-top: 1.6rem;
  }
  
  .m-bottom1 {
    margin-bottom: .4rem;
  }
  
  .m-bottom2 {
    margin-bottom: .8rem;
  }
  
  .m-bottom3 {
    margin-bottom: 1.2rem;
  }
  
  .m-bottom4 {
    margin-bottom: 1.6rem;
  }
}

.divisor {
  height: 6px;
  width: 100%;
  background: var(--black);
}

.divisor.white {
  background: var(--white);
}

.divisor.green {
  background: var(--green);
}

.divisor.yellow {
  background: var(--yellow);
}

.circle{
  width: 60px;
  height: 60px;
  border-radius: 255px;
  background: var(--black);
}

.circle.white{
  background: var(--white);
}

.circle.yellow{
  background: var(--yellow);
}

.circle.blue{
  background: var(--blue);
}

.social-media{
  display: flex;
  align-items: center;
  gap: 2rem;
}

.social-media i{
  color: var(--black);
  font-size: 32px;
}

.social-media.big i{
  font-size: 40px;
}

.social-media.green i{
  color: var(--green)
}

.arrow-controls{
  display: flex;
  align-items: center;
  gap: .8rem;
}
.arrow-controls img{
  height: 15px;
}

.form-box{
  background: var(--white);
  padding: 4rem;
}
@media (max-width: 1368px){
  .form-box{
    padding: 3rem;
  } 
}
@media (max-width: 480px){
  .form-box{
    padding: 2rem 1rem;
  }  
}

.scrollbar::-webkit-scrollbar {
  height: 8px;
}

.scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.scrollbar::-webkit-scrollbar-thumb {
  background: var(--yellow)
}