:root {
  --default-font-family: Poppins,var(--default-font-family);
}
body {
  margin: 0;
  padding: 0;
  font-family: Poppins;
}

* {
  box-sizing: border-box;
  line-height: normal;
  font-family: inherit;
  margin: unset;
}

img {
  max-width: 100%;
  height: auto;
}

details {
  width: 100%;
}

details > summary {
  list-style: none;
}

[type="checkbox"] {
  margin: 0;
}

a.anchor {
  text-decoration: none;
  display: block;
}

ul {
  margin: 0;
  margin-inline: unset !important;
  padding: 0;
  list-style: none;
}

[type="text"],
input:where(:not([type])),
[type="email"],
[type="url"],
[type="password"],
[type="number"],
[type="date"],
[type="datetime-local"],
[type="month"],
[type="search"],
[type="tel"],
[type="time"],
[type="week"],
[multiple],
textarea,
select,
button {
  appearance: none;
  background-color: transparent;
  border-color: unset;
  border-width: 0;
  border-radius: unset;
  padding: unset;
  font-size: unset;
  line-height: unset;
  color: inherit;
}
input:focus-visible,
[multiple]:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: none;
}

@font-face {
  font-display: swap;
  font-style: normal;
  src: url("../fonts/PoppinsRegular.ttf");
  font-family: "Poppins";
  font-weight: 400;
}
@font-face {
  font-display: swap;
  font-style: normal;
  src: url("../fonts/PoppinsSemiBold.ttf");
  font-family: "Poppins";
  font-weight: 600;
}
@font-face {
  font-display: swap;
  font-style: normal;
  src: url("../fonts/PoppinsMedium.ttf");
  font-family: "Poppins";
  font-weight: 500;
}
@font-face {
  font-display: swap;
  font-style: normal;
  src: url("../fonts/PoppinsBold.ttf");
  font-family: "Poppins";
  font-weight: 700;
}

/*=========== TABLE OF CONTENTS ===========
1. CSS Variables
2. Utility CSS
==========================================*/

/*-------------------------------------
  1. CSS Variables
--------------------------------------*/
:root {
  /*------Color variables------*/
  --amber_a400: #ffc700;
  --black_900: #000000;
  --blue_200: #8fc6e9;
  --blue_800: #114dc1;
  --blue_800_01: #226db4;
  --blue_800_02: #216db3;
  --blue_800_03: #226eb3;
  --blue_800_04: #236eb4;
  --blue_900: #1f4d91;
  --blue_a700: #0067ff;
  --blue_a700_01: #0060ff;
  --blue_gray_800: #293a4b;
  --blue_gray_900: #292930;
  --blue_gray_900_01: #22154d;
  --gray_300: #e4e6e8;
  --gray_500: #aaaaaa;
  --gray_600: #6d6d6d;
  --gray_600_66: #77777766;
  --gray_700: #555555;
  --gray_900: #1f1f24;
  --green_200: #94cd9e;
  --green_400: #69be6d;
  --indigo_100: #cbd8eb;
  --indigo_200: #a1b8da;
  --indigo_400: #4c79b9;
  --indigo_50: #e9eff7;
  --indigo_50_1c: #e9eff71c;
  --indigo_600: #255baa;
  --indigo_600_01: #3635b2;
  --light_blue_50: #d2e9ff;
  --light_blue_500: #0ba0ff;
  --light_blue_700: #0697d4;
  --orange_200: #feba75;
  --orange_50: #fbefe0;
  --pink_200: #ff8ac7;
  --pink_900: #761116;
  --red_500: #eb473e;
  --red_500_01: #f0483e;
  --red_700: #e32327;
  --red_700_01: #e42528;
  --red_700_02: #e42527;
  --red_700_03: #e32628;
  --red_a100: #ff717f;
  --teal_700: #089949;
  --teal_700_01: #049849;
  --teal_700_02: #049949;
  --teal_700_03: #059548;
  --teal_700_04: #009849;
  --white_a700: #ffffff;
  --yellow_800: #f7b11a;
  --yellow_800_01: #f8b11c;
  --yellow_800_02: #f7b21b;
  --yellow_900: #dc7e28;
  --yellow_a700: #fdd600;
  --bs-link-color: #1f4d91;

  /*------Shadow variables------*/
  --shadow-xs: 0 10px 15px -6px #77777766;

  /*------Border radius variables------*/
  --radius-xs: 6px;
  --radius-sm: 8px;

  /*------Spacing variables------*/
  --space-xs: 4px;
  --space-sm: 10px;
  --space-md: 14px;
  --space-lg: 22px;
  --space-xl: 24px;
  --space-2xl: 30px;
  --space-3xl: 270px;
}

/*-------------------------------------
  2. Utility CSS
--------------------------------------*/
.flex-row-center-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

/*=========== TABLE OF CONTENTS ===========
1. Text CSS
2. Heading CSS
3. Container CSS
==========================================*/

/*-------------------------------------
  1. Text CSS
--------------------------------------*/
.ui.text.size-textxs {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
}

.ui.text.size-texts {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
}

.ui.text.size-textmd {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
}

.ui.text.size-text2xl {
  font-size: 22px;
  font-weight: 400;
  font-style: normal;
}

.ui.text.size-text4xl {
  font-size: 32px;
  font-weight: 400;
  font-style: normal;
  @media only screen and (max-width: 1050px) {
    font-size: 30px;
  }

  @media only screen and (max-width: 550px) {
    font-size: 28px;
  }
}

.ui.text {
  color: var(--gray_700);
  font-family: Poppins;
}

/*-------------------------------------
  2. Heading CSS
--------------------------------------*/
.ui.heading.size-textlg {
  font-size: 18px;
  font-weight: 500;
  font-style: bold;
}

.ui.heading.size-textxl {
  font-size: 20px;
  font-weight: 500;
  font-style: bold;
}

.ui.heading.size-text3xl {
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  @media only screen and (max-width: 1050px) {
    font-size: 22px;
  }
}

.ui.heading.size-text5xl {
  font-size: 50px;
  font-weight: 500;
  font-style: bold;
  @media only screen and (max-width: 1050px) {
    font-size: 46px;
  }

  @media only screen and (max-width: 550px) {
    font-size: 40px;
  }
}

.ui.heading.size-headingxs {
  font-size: 18px;
  font-weight: 600;
  font-style: bold;
}

.ui.heading.size-headings {
  font-size: 20px;
  font-weight: 700;
  font-style: bold;
}

.ui.heading.size-headingmd {
  font-size: 50px;
  font-weight: 600;
  font-style: bold;
  @media only screen and (max-width: 1050px) {
    font-size: 46px;
  }

  @media only screen and (max-width: 550px) {
    font-size: 40px;
  }
}

.ui.heading {
  color: var(--black_900);
  font-family: Poppins;
}

/*-------------------------------------
  3. Container CSS
--------------------------------------*/
.container-xs {
  max-width: 1300px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/*-------------------------------------
  Site Header CSS
--------------------------------------*/
.Wrappercontainer{
  background-color: var(--white_a700);
  width: 100%;
}

.header {
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rowheaderlogo {
  padding-left: var(--space-sm);
  padding-right: var(--space-sm);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.headerlogo_one {
  height: 38px;
  width: 166px;
  object-fit: contain;
}

.home-nav {
  display: flex;
  align-items: center;
  @media only screen and (max-width: 550px) {
    flex-direction: column;
  }
}

.rowfeatures {
  gap: var(--space-2xl);
  display: flex;
  flex-wrap: wrap;
}

.get_started {
  color: var(--indigo_600);
  margin-left: 20px;
  padding-left: 23px;
  padding-right: 23px;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  height: 48px;
  min-width: 130px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--indigo_600);
  cursor: pointer;
  @media only screen and (max-width: 550px) {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
  }
}

.features {
  color: var(--blue_gray_900) !important;
  text-transform: capitalize;
}

.login {
  color: var(--white_a700);
  margin-left: 10px;
  padding-left: 34px;
  padding-right: 34px;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
  background-color: var(--indigo_600);
  text-align: center;
  height: 48px;
  min-width: 130px;
  border-radius: var(--radius-sm);
  cursor: pointer;
  @media only screen and (max-width: 550px) {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
  }
}


/*-------------------------------------
  Site Footer CSS
--------------------------------------*/
.footerfooterlog {
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  background-color: var(--blue_900);
  justify-content: center;
  align-items: center;
  @media only screen and (max-width: 1050px) {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.row_two {
  padding-left: var(--space-2xl);
  padding-right: var(--space-2xl);
  display: flex;
  justify-content: center;
  @media only screen and (max-width: 1050px) {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.rowfooterlogo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 20px;
  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.columnfooterlog {
  gap: 18px;
  display: flex;
  width: 26%;
  flex-direction: column;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.footerlogo_one {
  height: 52px;
  width: 236px;
  object-fit: contain;
}

.loremipsumis {
  color: var(--indigo_200) !important;
  line-height: 22px;
}

.columncall_one {
  gap: 10px;
  align-self: center;
  display: flex;
  width: 42%;
  flex-direction: column;
  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.rowcall_one {
  gap: 8px;
  display: flex;
  align-items: start;
  @media only screen and (max-width: 550px) {
    flex-direction: column;
  }
}

.three {
  margin-bottom: 6px;
  gap: var(--space-sm);
  display: flex;
  width: 100%;
  flex-direction: column;
  @media only screen and (max-width: 550px) {
    width: 100%;
  }
}

.title {
  gap: 6px;
  display: flex;
  align-items: center;
}

.class-19170001212goea {
  color: var(--white_a700) !important;
  line-height: 21px;
}



.call_one {
  height: 16px;
  margin-bottom: 4px;
  align-self: end;
  width: 16px;
}

.two {
  gap: var(--space-sm);
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: start;
  @media only screen and (max-width: 550px) {
    width: 100%;
  }
}

.title-1 {
  gap: var(--space-sm);
  display: flex;
  align-items: center;
}

.location_one {
  height: 14px;
  margin-bottom: 4px;
  align-self: end;
}

.columnlinesixte {
  gap: 12px;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.linesixteen_one {
  height: 1.38px;
  background-color: var(--indigo_50_1c);
  align-self: stretch;
  width: 100%;
}

.copyrighteray {
  color: var(--indigo_50) !important;
  letter-spacing: 0.24px;
}

.getintouch {
  color: var(--white_a700) !important;
}

.social-icons {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 100%;
  z-index: 321;
}

.fw-icon {
    font-size: 30px;           /* Size of icon */
    color: white;              /* Icon color */
    border-radius: 50%;        /* Circle shape */
    width: 50px;               /* Circle width */
    height: 50px;              /* Circle height */
    display: flex;             /* Center icon inside circle */
    align-items: center;
    justify-content: center;
    transition: transform 0.3s; /* Optional: hover effect */
}

.fw-icon:hover {
    transform: scale(1.1);     /* Slight grow on hover */
}

.hover-white:hover {
  color: #fff !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: Poppins,var(--default-font-family);
}


p {
    font-size: 0.875rem;
}

h1,
.h1,
.h1 {
    font-size: 2.19rem;
}

h2,
.h2,
.h2 {
    font-size: 1.88rem;
}

h3,
.h3,
.h3 {
    font-size: 1.56rem;
}

h4,
.h4,
.h4 {
    font-size: 1.13rem;
}

h5,
.h5,
.h5 {
    font-size: 1rem;
}

h6,
.h6,
.h6 {
    font-size: .9375rem;
}

p {
    font-size: .9375rem;
    line-height: 1.5;
}

.form-control {
    border: 1px solid #b2beb5;
    font-family: "ubuntu-regular", sans-serif;
    font-size: 0.8125rem;
}

.form-control:focus {
    background-color: #ffffff;
    color: #000000;
    outline: none;
}

.cursor-pointer{
    cursor: pointer;
}

.fs-7 {
    font-size: 0.80rem; /* smaller than fs-6 */
}