:root {
  --font_primary: "Raleway", sans-serif;
  --font_secondary: "Inter", sans-serif;
  --color_primary: #ffb12e;
  --color_blue: #2f2483;
  --color_secondary: #151515;
  --color_secondary_shade: #686868;
  --color_secondary_dark: #fafafa;
  --color_secondary_deep: #f3f2ff;
  --color_secondary_contrast: #eae8ff;
  --color_black: #000000;
  --color_white: #ffffff;
  --container_width: 100%;
  --container_left_space: calc((100% - var(--container_width)) / 2 + 15px);
  --transition: ease all 300ms; }
  @media (min-width: 768px) and (max-width: 991px) {
    :root {
      --container_width: 750px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    :root {
      --container_width: 970px; } }
  @media (min-width: 1200px) {
    :root {
      --container_width: 1170px; } }

html {
  scrollbar-color: gray transparent;
}
/* Btn */
.primary_btn {
  position: relative;
  min-height: 1px; }

.primary_btn::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.primary_btn {
  display: flex; }

.primary_btn {
  align-items: center; }
.primary_btn {
  padding: 15px 15px 15px 12px;
  gap: 12px;
  background-color: transparent;
  border-radius: 6px;
  overflow: hidden;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease; }
  .primary_btn img {
    position: inherit;
    z-index: 2; }
  .primary_btn span {
    z-index: 2;
    transform: translateX(10px);
    transition: all 0.3s ease;
    font-family: var(--font_secondary);
    color: var(--color_secondary); }
  .primary_btn::after {
    content: "";
    width: 48px;
    background-color: var(--color_primary);
    border-radius: 6px;
    transition: all 0.3s ease; }
  .primary_btn:hover::after {
    width: 100%; }
  .primary_btn:hover span {
    transform: translateX(0px); }

/*  */

.btn p{
  position: relative;
  min-height: 1px; 
	width:fit-content;
}

.btn p::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.smallTitle::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.btn p{
  display: flex; }

.btn p{
  align-items: center; }

.text_xs {
  font-size: 14px;
  line-height: 1.2; }
  @media (max-width: 1439px) {
    .text_xs {
      font-size: 12px; } }

.text_sm {
  font-size: 16px;
  line-height: 1.37; }
  @media (max-width: 1439px) {
    .text_sm {
      font-size: 14px; } }

.text_reg {
  font-size: 18px;
  line-height: 1.55; }
  @media (max-width: 1365px) {
    .text_reg {
      font-size: 14px; } }
  @media (max-width: 767px) {
    .text_reg {
      font-size: 14px; } }

.text_md {
  font-size: 22px;
  line-height: 1.6; }
  @media (max-width: 1439px) {
    .text_md {
      font-size: 20px; } }
  @media (max-width: 767px) {
    .text_md {
      font-size: 18px; } }

.text_lg {
  font-size: 24px;
  line-height: 1.16; }
  @media (max-width: 1439px) {
    .text_lg {
      font-size: 22px; } }
  @media (max-width: 767px) {
    .text_lg {
      font-size: 20px; } }

.text_xl {
  font-size: 36px;
  line-height: 1.16; }
  @media (max-width: 1439px) {
    .text_xl {
      font-size: 30px; } }
  @media (max-width: 767px) {
    .text_xl {
      font-size: 24px; } }

.text_xml {
  font-size: 40px;
  line-height: 1.16; }
  @media (max-width: 1439px) {
    .text_xml {
      font-size: 38px; } }
  @media (max-width: 767px) {
    .text_xml {
      font-size: 30px; } }

.text_xxl, .title {
  font-size: 50px;
  line-height: 1.16; }
  @media (max-width: 1439px) {
    .text_xxl, .title {
      font-size: 46px; } }
  @media (max-width: 767px) {
    .text_xxl, .title {
      font-size: 30px; } }

.text_xxxl {
  font-size: 60px;
  line-height: 1.16; }
  @media (max-width: 1439px) {
    .text_xxxl {
      font-size: 52px; } }
  @media (max-width: 767px) {
    .text_xxxl {
      font-size: 44px; } }

.text_xxxxl {
  font-size: 112px;
  line-height: 1.2; }
  @media (max-width: 1439px) {
    .text_xxxxl {
      font-size: 80px; } }

.text_300 {
  font-weight: 300; }

.text_400 {
  font-weight: 400; }

.text_500 {
  font-weight: 500; }

.text_600, .title {
  font-weight: 600; }

.text_700 {
  font-weight: 700; }

.text_800 {
  font-weight: 800; }

.text_900 {
  font-weight: 900; }

body {
  margin: 0;
  background-color: var(--color_secondary_dark); }

* {
  box-sizing: border-box;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}

div,
section
{
  display: block; }

.container-fluid, .container {
  width: 100%;
  position: relative;
  padding-left: 15px;
  padding-right: 15px; }

.container {
  margin: 0 auto;
  width: var(--container_width); }

.container_left {
  padding-left: var(--container_left_space); }
  @media (max-width: 991px) {
    .container_left {
      padding-left: 15px; } }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.section_spacing {
  padding: 100px 0; }
  @media (max-width: 767px) {
    .section_spacing {
      padding: 50px 0; } }

.smallTitle {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  font-family: var(--font_secondary);
  position: relative;
  padding-left: 10px;
  color: var(--color_blue);
  margin-bottom: 10px; }
  @media (max-width: 767px) {
    .smallTitle {
/*       margin-bottom: 16px; */
	  margin-top: 55px;
	  } }
  .smallTitle::before {
    content: "";
    margin: auto;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--color_blue); }

.title {
  max-width: 80%;
  font-family: var(--font_primary); }
  @media (max-width: 991px) {
    .title {
      max-width: 100%; } }

.font_primary {
  font-family: var(--font_primary); }

.font_secondary {
  font-family: var(--color_secondary); }

.primary_btn {
  padding: 15px 15px 15px 12px;
  gap: 12px;
  background-color: transparent;
  border-radius: 6px;
  overflow: hidden;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease; }
  .primary_btn img {
    position: inherit;
    z-index: 2; }
  .primary_btn span {
    z-index: 2;
    transform: translateX(10px);
    transition: all 0.3s ease;
    font-family: var(--font_secondary);
    color: var(--color_secondary); }
  .primary_btn::after {
    content: "";
    width: 48px;
    background-color: var(--color_primary);
    border-radius: 6px;
    transition: all 0.3s ease; }
  .primary_btn:hover::after {
    width: 100%; }
  .primary_btn:hover span {
    transform: translateX(0px); }

.anchor_tag {
  text-decoration: none; }

.fadeIn[data-scroll] {
  transition: ease all 300ms; }
.fadeIn[data-scroll="in"] {
  opacity: 1;
  transform: translateY(0); }
.fadeIn[data-scroll="out"] {
  opacity: 0;
  transform: translateY(100px); }
.btn p{
  padding: 15px 15px 15px 12px;
    gap: 5px;
    background-color: transparent;
    border-radius: 6px;
    overflow: hidden;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 38%; }
  .btn p img {
    position: inherit;
    z-index: 2; }
.btn p input{
	z-index: 2;
	transform: translateX(10px);
	transition: all 0.3s ease;
	font-family: var(--font_secondary);
	color: var(--color_secondary);
	background:transparent;
	border:none;
	cursor:pointer;
}
  .btn p::after {
    content: "";
    width: 48px;
    background-color: var(--color_primary);
    border-radius: 6px;
    transition: all 0.3s ease; }
  .btn p:hover::after {
    width: 100%; }
  .btn p:hover input {
    transform: translateX(0px); }
div#wpcf7-f36-o1{
	width:45%;
}
@media only screen and (max-width:768px){
	div#wpcf7-f36-o1{
		width:100%
	}
}
.info_item .info_text a{
	color:#151515;
}
.wpcf7 form .wpcf7-response-output{
	border-color:transparent !important;
	padding:0px;
	margin:15px 0px 0px 0px;
}


.anchor_tag {
  text-decoration: none; }

.pt_40{
	padding-top:40px;
}
.pb_40{
	padding-bottom:40px;
}
.pb_10{
	padding-bottom:10px;
}
.pb_20{
	padding-top:20px;
	padding-bottom:20px;
}
select{
	  -webkit-appearance:none;
  -moz-appearance:none;
  -ms-appearance:none;
  appearance:none;
	  background: url(https://bgsolar.mystagingwebsite.com/wp-content/uploads/2025/04/down-arrow.svg) 96% / 5% no-repeat !important;
}
select:focus-visible {
  outline: none;
}
.d_f{
	display:flex;
}
.d_flex{
	display:flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(16, 67, 195, 0.5);
}
.text_center{
	text-align:center;
}
.custom-link-style {
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
}

.custom-link-style:hover {
  color: #0056b3;
  text-decoration: none;
}
.footer_txt{
	text-decoration: none;
	color:#fff;
}
.who_btn{
	width:fit-content;
}
.white-space{
	white-space:nowrap;
}
#index_page .leadership_wrap .modal .content .modal_wrapper .contentDiv .modalContent p{
	padding-bottom:20px;
}
/*# sourceMappingURL=base.css.map */