:root {
  --default-font: 'Alphakind';
  --color-main: #FF9019;
  --color-main-text: #FFC001;
  --color-blue: #2D3486;

}
html, body { 
  scroll-behavior: smooth
}
html {overflow-x: hidden; width: 100%; height: 100%; padding: 0; margin: 0;font-family: var(--default-font);}
body{margin: 0;padding: 0;overflow-x: hidden;height: 100%;}
p{font-family: var(--default-font);}
a:hover{color: var(--color-main-text); }
.jqError {color: red;}
@font-face {
    font-family: 'Alphakind';
    font-style: normal;
    font-weight: 400;
    src: local('Alphakind'), url('../fonts/Alphakind-X3Waa.woff') format('woff');
}
a {
  text-decoration: none !important;
}

.formText::placeholder,.formTextarea::placeholder  {
  color: var(--color-main-text); opacity: 1;
  font-family: var(--default-font);
}

.defaultFont { font-family: var(--default-font); }



body{
  background: url('../img/Glurbs Website Background.png?v=3');
  background-repeat: no-repeat;
  background-size: cover;
}
.hero {
  position: relative;
  overflow: hidden;
}

.hero .content h2 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

@media (max-width: 991px) {
  .hero .content h2 {
    font-size: 2.5rem;
  }
}

.hero .content .lead {
  font-size: 1.25rem;
  margin-bottom: 2rem;
  color: color-mix(in srgb, var(--default-color), transparent 20%);
}

.hero .cta-buttons {
  display: flex;
  gap: 1rem;
  margin-bottom: 3rem;
}

@media (max-width: 576px) {
  .hero .cta-buttons {
    flex-direction: column;
  }
}

.hero .cta-buttons .btn {
  padding: 0.8rem 2rem;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 50px;
  transition: all 0.3s ease;
}

.hero .cta-buttons .btn.btn-primary {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--contrast-color);
}

.hero .cta-buttons .btn.btn-primary:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 15%);
  border-color: color-mix(in srgb, var(--accent-color), transparent 15%);
  transform: translateY(-2px);
}

.hero .cta-buttons .btn.btn-outline {
  border: 2px solid color-mix(in srgb, var(--accent-color), transparent 70%);
  color: var(--accent-color);
  background: transparent;
}

.hero .cta-buttons .btn.btn-outline:hover {
  background-color: var(--accent-color);
  color: var(--contrast-color);
  transform: translateY(-2px);
}

.hero .hero-stats {
  display: flex;
  gap: 3rem;
  margin-top: 2rem;
}

@media (max-width: 576px) {
  .hero .hero-stats {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.hero .hero-stats .stat-item .stat-number {
  display: block;
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1;
}

.hero .hero-stats .stat-item .stat-label {
  font-size: 0.9rem;
  margin-top: 0.5rem;
  display: block;
}

.hero .hero-image {
  position: relative;
}

.hero .hero-image img {
  position: relative;
  z-index: 2;
}



@media (max-width: 991px) {
  .hero {
    text-align: center;
  }

  .hero .cta-buttons {
    justify-content: center;
  }

  .hero .hero-stats {
    justify-content: center;
  }

  .hero .hero-image {
    margin-top: 3rem;
  }
}

.fs-40 {font-size: 40px;}
.fs-36 {font-size: 36px;}
.fs-32 {font-size: 32px;}
.fs-64 {font-size: 64px;}
.fw-700{font-weight: 700;}
.lh-60 {line-height: 60px;}
.text-color{color: var(--color-main-text);}
.text-color-blue{color: var(--color-blue);}
.heroContent {position: relative;padding-top: 15%;left: 23%;width: 400px;text-align: center;}
.homeSection1{ background: url('../img/Frame-1.png');background-repeat: no-repeat;background-size: cover; position: relative; z-index: 20;margin-top: -130px;padding-top: 100px;padding-bottom: 100px;}
.homeSection2 {background: #fffbec;}
.homeSection3{ background: url('../img/Frame-2.png');background-position-y: bottom;background-repeat: no-repeat;background-size: cover; position: relative; z-index: 20;padding-top: 80px;padding-bottom: 250px;}
.glubrsFaq .accordion-button {background: #A1804E  !important;}
.glubrsFaq .accordion-button:not(.collapsed) {background:var(--color-main-text) !important;}
.glubrsFaq .accordion-button:not(.collapsed)::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  background-image: none !important;
  content: '\f068';
  color: #2D3486;
  border: 2px solid #2D3486;
  width: 30px;
  height: 30px;
  padding-left: 5.5px;
  padding-top: 3px;
  border-radius: 50%;
}
.glubrsFaq .accordion-button::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  background-image: none !important;
  content: '\f067';
  color: var(--color-main-text);
  border: 2px solid var(--color-main-text);
  width: 30px;
  height: 30px;
  padding-left: 6.5px;
  padding-top: 4px;
  border-radius: 50%;
}
.glubrsFaq .accordion-button span {
  font-size: 30px;
  font-family: var(--default-font);
  
}
.glubrsFaq .accordion-button{
  border-radius: 10px;
  padding-left: 35px;
  padding-right: 35px;
}
.glubrsFaq .accordion-button:not(.collapsed){
  border-radius: 10px 10px 0px 0px;
  box-shadow: none;
}
.glubrsFaq .accordion-button:not(.collapsed) span {
  color: #2D3486;
}
.glubrsFaq .accordion-button span {
  color: var(--color-main-text);
}
.glubrsFaq .accordion-item {
  border: 3px solid var(--color-main-text);
  margin-bottom: 17px;
  border-radius: 10px;
  background-color:#ffc001;
}
.accordion-body{
  background:  var(--color-main-text);
  padding-top: 0;
  border-radius: 0px 0px 10px 10px;
  padding-left: 35px;
  padding-right: 35px;
}
.formText,.formTextarea, .formText:focus, .formTextarea:focus{
  background: transparent;
  border: 1px solid var(--color-main-text);
  color: var(--color-main-text);
  font-family: var(--default-font);
}
.formText {height: 50px;}
.btnYellow, .btnYellow:hover{
  background: var(--color-main-text);
  color: #000;
  font-family: var(--default-font);
  border: 1px solid var(--color-main-text);
  text-transform: uppercase;
  min-width: 170px;
  font-size: 22px;
  padding: 8px;
}
.footerSection {background: url('../img/Frame-5.png');background-repeat: no-repeat;background-size: cover; position: relative; z-index: 20;margin-top: -130px;padding-bottom: 30px;}
.footerUl {list-style: none;padding-left: 0;}
.fs-40 {font-size: 40px;}
.fs-24 {font-size: 24px;}
.underline{text-decoration: underline !important;}
.footerUl a{ color: var(--color-blue); font-family: var(--default-font);}
.socialICons li{ display: inline-block; margin-right: 15px;}
.socialICons li:last-child{ margin-right: 0px;}
.socialICons li a {background: var(--color-blue);width: 70px;height: 70px;display: block;border-radius: 50%;text-align: center;padding-top: 17px;}
.socialICons li a i{color: #fffbec;font-size: 32px;}
.pt-310 {padding-top: 310px;}
@media (max-width: 991px) {
  .hideonMobile {display: none;}
  .heroContent {padding-bottom: 180px;}
}
@media (max-width: 767px) {
  .heroContent {left: 0;width: 100%;padding-left: 15px;padding-right: 15px;}
  .order_mobile_1{order: 1;}
  .order_mobile_2{order: 2;}
  .mobileExtmargin {padding-top: 6rem !important;}
}