:root {
  --body-fg: #878e99;
  --body-bg: #212428;
  --site-white: #fff;
  --primary-fg: #ff014f;
  --primary-fade-fg: #ff014dba;
  --ui_box-bg: #212428;
  --ui-box-header-bottom-border-color: #000;
  --ui_box-para-color: #c4cfde;
  --list-marker-color: #3b3d41;
  --input-textarea-bg: #191b1e;
  --input-textarea-fg: #c4cfde;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Mukta", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.9;
  color: var(--body-fg);
}

body {
  width: 100%;
  height: 100vh;
  background: var(--body-bg);
}
body main {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
body main a {
  text-decoration: none;
  color: inherit;
}
body main a:hover {
  color: var(--primary-fg);
}
body main .ui_button {
  width: 100%;
  margin: 1rem;
  padding: 15px 25px;
  border: none;
  border-radius: 0.4rem;
  font-size: 1.1rem;
  list-style: none;
  text-decoration: none;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary-fade-fg);
  background: linear-gradient(145deg, #1e2024, #23272b);
  box-shadow: 10px 10px 19px #1c1e22, -10px -10px 19px #262a2e;
}
body main .ui_button:hover {
  color: var(--primary-fg);
  font-weight: 600;
  transition: 0.4s;
  transform: scale(1.2) translateY(-0.3rem);
  background: linear-gradient(to right bottom, #212428, #16181c);
}
body main .ui_button:hover svg {
  fill: var(--site-white);
}
body main .ui_box {
  margin: 1.6rem;
  border-radius: 0.5rem;
  background: var(--ui_box-bg);
  box-shadow: 10px 10px 19px #1c1e22, -10px -10px 19px #262a2e;
}
body main .ui_box .ui_box_header {
  width: 100%;
  font-size: 2rem;
  text-align: left;
  line-height: 1.3;
  margin-bottom: 1rem;
  color: var(--ui_box-para-color);
  border-bottom: 0.2rem solid var(--ui-box-header-bottom-border-color);
}
body main .ui_box .ui_box_para {
  color: var(--ui_box-para-color);
}
body main .ui_box .ui_box_full_holder {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
body main .ui_box .ui_box_full_holder * {
  display: flex;
  justify-content: center;
  align-items: center;
}
body main .ui_box .ui_box_full_holder .w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
body main .ui_box .ui_box_full_holder .img_wrapper {
  width: 2rem;
  height: 2rem;
  margin: 1.2rem;
}
body main .ui_box .ui_box_full_holder .img_wrapper_2 {
  padding: 0;
  width: 4rem;
  height: 4rem;
}
body main .ui_box .ui_box_full_holder .img_wrapper_2 svg {
  width: 2rem;
  height: 2rem;
}
body main .ui_box .ui_box_list {
  width: 100%;
  padding-inline: 2rem;
}
body main .ui_box .ui_box_list li::marker {
  color: var(--list-marker-color);
}
body main .ui_box .ui_contact_form {
  padding: 1.5rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
body main .ui_box .ui_contact_form * {
  white-space: nowrap;
}
body main .ui_box .ui_contact_form .ui_input_set {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
body main .ui_box .ui_contact_form .ui_input_set label {
  text-align: start;
}
body main .ui_box .ui_contact_form .ui_input_set input,
body main .ui_box .ui_contact_form .ui_input_set textarea {
  width: 100%;
  resize: none;
  outline: none;
  padding: 0.2rem 1rem;
  background: var(--input-textarea-bg);
  color: var(--input-textarea-fg);
  border: 0.15rem solid var(--list-marker-color);
  border-radius: 0.5rem;
}
body main .ui_box .ui_contact_form .ui_input_set input:focus,
body main .ui_box .ui_contact_form .ui_input_set textarea:focus {
  border: 0.15rem solid var(--site-white);
}
body main .ui_box .ui_contact_form .ui_input_set .error_field_input:focus,
body main .ui_box .ui_contact_form .ui_input_set .error_field_input:hover,
body main .ui_box .ui_contact_form .ui_input_set .error_field_input {
  border: 0.15rem solid var(--primary-fade-fg);
}
body main .ui_box .ui_contact_form .error_box {
  display: none;
  width: 100%;
  text-align: center;
  padding-inline: 2rem;
}
body main .ui_box .ui_contact_form .error_field {
  border: 0.15rem solid var(--primary-fade-fg);
}
body main .powerSection {
  width: 100%;
  max-width: 83rem;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin-inline: 3rem;
  gap: 2rem;
}
body main .powerSection section {
  width: 100%;
  padding: 2rem;
}
body main .powerSection .i_am_section {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 6rem;
}
body main .powerSection .i_am_section .box_img img {
  width: 11rem;
  height: 11rem;
  border: 0.3rem solid #32363b;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
body main .powerSection .i_am_section .header_box * {
  font-weight: 700;
}
body main .powerSection .i_am_section .header_box .header_box_h1 {
  color: var(--site-white);
  font-size: 3.7rem;
  line-height: 1.3;
}
body main .powerSection .i_am_section .header_box .header_box_h1 * {
  font-size: 4rem;
  line-height: 0;
}
body main .powerSection .i_am_section .header_box .header_box_h1 span {
  white-space: nowrap;
  color: var(--primary-fg);
}
body main .powerSection .i_am_section .header_box .header_box_h2 {
  color: var(--site-white);
  white-space: nowrap;
  line-height: 1.2;
  font-size: 3.6rem;
}
body main .powerSection .i_am_section .body_para {
  margin-block: 1.5rem;
}
body main .powerSection .i_am_section .button_box {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 3rem;
}
body main .powerSection .details_section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1060px) {
  body main .powerSection {
    flex-direction: column;
  }
  body main .powerSection .i_am_section {
    position: relative;
  }
}
@media (max-width: 550px) {
  body main .ui_box .ui_contact_form {
    padding: 0;
  }
  body main .powerSection .i_am_section .header_box .header_box_h1 {
    font-size: 2.8rem;
  }
  body main .powerSection .i_am_section .header_box .header_box_h1 span {
    font-size: 3rem;
  }
  body main .powerSection .i_am_section .header_box .header_box_h2 {
    font-size: 2.4rem;
  }
  body main .powerSection .i_am_section .button_box {
    flex-direction: column;
  }
  body main .powerSection .details_section {
    padding: 0.5rem;
  }
}
@media (max-width: 370px) {
  body main .powerSection .i_am_section .box_img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body main .powerSection .i_am_section .header_box .header_box_h1 {
    font-size: 2.4rem;
  }
  body main .powerSection .i_am_section .header_box .header_box_h1 span {
    font-size: 2.6rem;
  }
  body main .powerSection .i_am_section .header_box .header_box_h2 {
    font-size: 1.8rem;
  }
}
@media (max-width: 290px) {
  body main .ui_box .ui_box_header {
    font-size: 1.6rem;
    border-width: 0.08rem;
  }
  body main .powerSection .i_am_section .header_box .header_box_h1 {
    font-size: 2rem;
  }
  body main .powerSection .i_am_section .header_box .header_box_h1 span {
    font-size: 2.2rem;
  }
  body main .powerSection .i_am_section .header_box .header_box_h2 {
    font-size: 1.6rem;
  }
}/*# sourceMappingURL=style.css.map */