@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

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

:root {
  --br: 5px;
  --secbg: #fd9800;
}

input,
textarea,
select {
  outline: none !important;
}

/* Universals */

h2 {
  font-size: 2.3rem;
}

.sec_1_heading {
  font-size: 3rem;
}

.primary_btn {
  background: #0c467e;
  color: white;
  border: none;
  border-radius: var(--br);
  cursor: pointer;
  font-weight: 600;
}

.sec_btn {
  font-weight: 500;
  background: var(--secbg);
  color: white;
  border: none;
  border-radius: var(--br);
  cursor: pointer;
  font-weight: 600;
}

.tri_btn {
  background: #b9daff;
  border: none;
  border-radius: var(--br);
  color: #0c467e;
}

/* Home Section 1  */

.home_section_1 {
  background: #285785;
  height: 87.8vh;
  overflow: hidden;
  display: flex;
  position: relative;
}

.home_section_1 > div:first-child {
  padding: 80px 0 0 88px;
  width: 60%;
}
.home_section_1 > div:first-child h1 {
  font-size: 4rem;
  color: white;
  font-weight: 600;
}
.home_section_1 > div:first-child p {
  width: 471px;
  margin: 20px 0 30px;
  color: white;
  font-size: 18px;
}
.home_section_1 > div:first-child button {
  width: 222px;
  height: 50px;
  font-size: 17px;
}

.home_section_1 > div:nth-child(2) {
  height: 99%;
  z-index: 5;
}
.home_section_1 > div:nth-child(2) img {
  margin-top: 6px;
  height: 100%;
}

.home_section_1 > img:nth-child(3) {
  position: absolute;
  right: 0;
  top: -120px;
}
.home_section_1 > img:nth-child(4) {
  right: -111px;
  position: absolute;
  bottom: -143px;
}

/* Home Section 2  */

.home_section_2 {
  padding: 40px 0 0;
  background: #f5faff;
}
.home_section_2 img {
  display: block;
  margin: auto;
}

/* Home Section 3 */

.home_section_3 {
  display: flex;
  padding: 40px 130px;
  background: #f5faff;
}
.home_section_3 > div:nth-child(1) {
  width: 50%;
  height: 489px;
  position: relative;
  /* overflow: hidden; */
}
.home_section_3 > div:nth-child(2) {
  width: 50%;
}
.home_section_3 > div:nth-child(2) h2 {
  width: 468px;
}

.hs3_card_container {
  margin: 30px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 33px;
}
.hs3_card_container .hs3_card {
  width: 47%;
  border-radius: var(--br);
  padding: 15px;
}

.hs3_card_container .hs3_card:hover {
  background: #eeeeee;
}

.hs3_card_container .hs3_card h4 {
  margin-bottom: 10px;
}
.hs3_card_container .hs3_card p {
  font-size: 15px;
}

.home_section_3 > div:nth-child(1) > img:nth-child(1) {
  height: 100%;
  margin: auto;
  z-index: 2;
  display: block;
  position: relative;
}
.home_section_3 > div:nth-child(1) > img:nth-child(2) {
  height: 70%;
  position: absolute;
  bottom: 0;
  bottom: 27px;
}
.home_section_3 > div:nth-child(1) > img:nth-child(3) {
  position: absolute;
  top: 18px;
  right: 68px;
  height: 100%;
}

/* Home section 4 */

.home_section_4 {
  display: flex;
  padding: 50px 130px;
  background: #f0f3f6;
  justify-content: space-between;
  align-items: center;
}
.home_section_4 > div:nth-child(1) {
  width: 50%;
}
.home_section_4 > .hs4_card_container {
  width: 50%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /* row-gap: 36px; */
}
.home_section_4 > div:nth-child(1) > p {
  width: 330px;
  margin: 20px 0 30px;
}
.home_section_4 > div:nth-child(1) > button {
  width: 243px;
  height: 45px;
  font-size: 15px;
  font-weight: 600;
}

.home_section_4 > .hs4_card_container > .hs4_card {
  width: 45%;
  background: white;
  height: 200px;
  border-radius: var(--br);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* margin-bottom: 30px; */
}

.home_section_4 > .hs4_card_container > .hs4_card:nth-child(2),
.home_section_4 > .hs4_card_container > .hs4_card:nth-child(4) {
  margin-top: 40px;
}

/* Home section 5  */

.home_section_5 {
  display: flex;
  padding: 40px 130px;
  background: #f5faff;
  /* height: 90vh; */
  overflow: hidden;
  align-items: center;
}
.home_section_5 > div:nth-child(1) {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.home_section_5 > div:nth-child(1) p {
  width: 340px;
  margin: 20px 0 30px;
}
.home_section_5 > div:nth-child(1) button {
  width: 243px;
  height: 45px;
  font-size: 15px;
  font-weight: 600;
}

.home_section_5 > div:nth-child(2) {
  width: 50%;
  height: 530px;
  position: relative; /* overflow: hidden; */
}
.home_section_5 > div:nth-child(2) img:nth-child(1) {
  height: 100%;
  position: relative;
  z-index: 5;
}
.home_section_5 > div:nth-child(2) img:nth-child(2) {
  position: absolute;
  width: 100%;
  left: 0;
  height: 453px;
  bottom: 0;
}
.home_section_5 > div:nth-child(2) img:nth-child(3) {
  position: absolute;
  width: 456px;
  right: 14px;
  height: 440px;
  bottom: -6px;
}

/* Home section 6  */

.home_section_6 {
  padding: 130px 130px 80px;
  background: #f5faff;
}
.home_section_6 h2 {
  text-align: center;
}
.home_section_6 > p {
  text-align: center;
  width: 700px;
  margin: 12px auto 0;
}

.home_section_6_div {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.home_section_6_div .hs6_card {
  width: 23%;
  background: white;
  padding: 40px 50px;
  border-radius: var(--br);
  text-align: center;
}
.home_section_6_div .hs6_card h4 {
  margin-bottom: 25px;
}
.home_section_6_div .hs6_card p {
  font-size: 13px;
}
.home_section_6_div .hs6_card > .hs6_img_con {
  width: 100px;
  height: 100px;
  margin: auto;
  background: #f5faff;
  border-radius: var(--br);
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Home section 7 */

.home_section_7 {
  align-items: center;
  min-height: 100vh;
  padding: 100px 130px 50px;
  display: flex;
  background: #285785;
  justify-content: space-between;
}
.home_section_7 > div:nth-child(1) {
  width: 40%;
  height: 100%;
  position: relative;
  /* background: red; */
  height: 419px;
}
.home_section_7 > div:nth-child(2) {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  color: white;
}
.home_section_7 > div:nth-child(2) h2 {
}
.home_section_7 > div:nth-child(2) p {
  margin: 20px 0 30px;
}
.home_section_7 > div:nth-child(2) button {
  width: 200px;
  height: 40px;
  font-size: 15px;
}

.home_section_7 > div:nth-child(1) > img:nth-child(1) {
  position: absolute;
  right: 18px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.home_section_7 > div:nth-child(1) > img:nth-child(2) {
  position: absolute;
  width: 308px;
  left: 0;
  right: 0;
  margin: auto;
  top: 15px;
  bottom: 0;
}
.home_section_7 > div:nth-child(1) > img:nth-child(3) {
  position: absolute;
  width: 100%;
}

.home_section_7 > div:nth-child(1) > .hs7_white_div {
  position: absolute;
  z-index: 3;
  width: 300px;
  border-radius: var(--br);
  background: white;
  display: flex;
  align-items: center;
  padding: 15px 11px;
}
.home_section_7 > div:nth-child(1) > .hs7_white_div > img {
  width: 45px;
  height: 45px;
  margin-right: 15px;
}
.home_section_7 > div:nth-child(1) > .hs7_white_div > div > p {
  font-size: 12px;
  color: gray;
  font-weight: 500;
  margin-top: 3px;
}

.home_section_7 > div:nth-child(1) > .hs7_white_div.n1 {
  top: 0;
  margin: auto;
  right: 0;
  left: 0;
}
.home_section_7 > div:nth-child(1) > .hs7_white_div.n2 {
  left: -161px;
  top: 172px;
  margin: auto;
}
.home_section_7 > div:nth-child(1) > .hs7_white_div.n3 {
  bottom: 0;
  right: 0;
}

/* Home section 8 */

.home_section_8 {
  padding: 50px 130px;
  background: #f5faff;
}
.home_section_8 h2 {
  text-align: center;
}
.home_section_8 > p {
  text-align: center;
  width: 700px;
  margin: 12px auto 0;
}

.hs8_card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 278px;
  background: white;
  padding: 30px;
  border-radius: var(--br);
}
.hs8_card img {
  width: 45px;
  height: 45px;
  margin-right: 15px;
}
.hs8_card > div p {
  font-size: 12px;
  color: gray;
  font-weight: 500;
  margin-top: 3px;
}
.hs8_card > p {
  width: 100%;
  text-align: center;
  margin-top: 25px;
  font-weight: 400;
  color: gray;
}

.home_section_8_div {
  margin-top: 50px;
}

/* sldier */
.hs8_slick_slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.hs8_slider {
  margin-top: 50px;
  margin-top: 50px;
  padding-bottom: 60px !important;
  width: 900px !important;
}

.hs8_slider .swiper-pagination {
  margin-top: 30px;
}
.hs8_slider .swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Course Details Page */

.cdp_section_1 {
  display: flex;
  padding: 50px 130px 60px 0;
  background: #0c467e;
  height: 88vh;
  overflow: hidden;
}
.cdp_section_1 > div:nth-child(1) {
  width: 50%;
  position: relative;
  height: inherit;
}

.cdp_section_1 > div:nth-child(1) > img:nth-child(1) {
  width: fit-content;
  margin: auto;
  display: block;
  width: 57%;
  z-index: 3;
  position: relative;
}
.cdp_section_1 > div:nth-child(1) > img:nth-child(2) {
  position: absolute;
  bottom: 0;
  z-index: 2;
  height: 405px;
}
.cdp_section_1 > div:nth-child(1) > img:nth-child(3) {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 546px;
}
.cdp_section_1 > div:nth-child(2) {
  width: 50%;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cdp_section_1 > div:nth-child(2) h1 {
  font-size: 3rem;
  color: white;
}
.cdp_section_1 > div:nth-child(2) p {
  width: 60%;
  margin: 20px 0 30px auto;
  color: white;
}
.cdp_section_1 > div:nth-child(2) > div button {
  height: 45px;
  width: 200px;
  padding: 0 20px;
  font-weight: 600;
  font-size: 14px;
  margin-left: 10px;
}

.cdp_section_2 {
  padding: 50px 130px;
}

.cdp_section_3 {
  padding: 0px 0 50px;
  text-align: center;
  background: #f5faff;
}

.cdp_section_3 > div {
  width: 80%;
  margin: 30px auto 0;
  background: black;
  height: 435px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cdp_section_3 p {
  margin-top: 10px;
}

.cdp_section_4 {
  padding: 50px 0;
  background: #f5faff;
}
.cdp_section_4 > div:nth-child(1) {
  width: 80%;
  align-items: center;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.cdp_section_4 > div:nth-child(1) div {
  width: 440px;
}
.cdp_section_4 > div:nth-child(1) h2 {
}
.cdp_section_4 > div:nth-child(1) p {
  margin-top: 5px;
}

button.tri_btn.cdp_bottom_btn {
  display: none;
}

div#col_course {
  max-height: 211px;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}

.cdp_section_4 > div:nth-child(1) button {
  height: 45px;
  width: 188px;
  font-weight: 600;
  font-size: 14px;
}
.cdp_section_4 > div:nth-child(2) {
  width: 80%;
  margin: 30px auto;
}
.cdp_sec_4_couse_module_div {
  display: flex;
  /* margin: 30px 0; */
  align-items: center;
  justify-content: space-between;
  height: 70px;
  border-bottom: 2px dotted #285785;
}
.cdp_sec_4_couse_module_div h3 {
  font-size: 30px;
  font-weight: 500;
}
.cdp_sec_4_couse_module_div span {
  color: #285785;
}
.cdp_section_4 > a {
  text-align: center;
  display: block;
  color: #285785;
  font-weight: 600;
}

/* Contact Page */

.contact_section_1 {
  color: white;
  display: flex;
  height: 88vh;
  background: #285785;
}
.contact_section_1 > div:nth-child(1) {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 60px 0 50px 100px;
}
.contact_section_1 > div:nth-child(1) > div:nth-child(1) {
}
.contact_section_1 > div:nth-child(1) > div:nth-child(1) > h1 {
}
.contact_section_1 > div:nth-child(1) > div:nth-child(1) > p {
}
.contact_section_1 > div:nth-child(1) > div:nth-child(2) {
  display: flex;
  flex-direction: column;
}
.contact_section_1 > div:nth-child(1) > div:nth-child(2) > span {
  margin-bottom: 15px;
}
.contact_section_1 > div:nth-child(1) > div:nth-child(3) {
  display: flex;
  align-items: center;
}
.contact_section_1 > div:nth-child(1) > div:nth-child(3) a {
  width: 30px;
  height: 30px;
  display: inline-flex;
  background: black;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 10px;
  color: white;
  text-decoration: none;
}
.contact_section_1 > div:nth-child(1) > div:nth-child(3) a img{

}
.contact_section_1 > div:nth-child(1) > div:nth-child(3) a span {
}
.contact_section_1 > div:nth-child(2) {
  width: 50%;
  height: 100%;
  position: relative;
}
.contact_section_1 > div:nth-child(2) > div {
}
.contact_section_1 > div:nth-child(2) > img:nth-child(1) {
  position: absolute;
  height: 494px;
  bottom: 0;
  z-index: 3;
  right: 0;
  left: 0;
  width: 338px;
  margin-inline: auto;
}
.contact_section_1 > div:nth-child(2) > img:nth-child(2) {
  position: absolute;
  right: 0;
  height: 514px;
  bottom: 0;
  left: 0;
  margin-inline: auto;
  z-index: 2;
}
.contact_section_1 > div:nth-child(2) > img:nth-child(3) {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

/* Contaxct Section 2 */

.contact_section_2 {
  padding: 90px 100px 100px;
  background: #f5faff;
}
.contact_section_2 h2 {
}
.contact_section_2 p {
  margin-top: 5px;
}
.contact_section_2 img {
  margin-top: 30px;
  width: 100%;
  margin-inline: auto;
  display: block;
}

/* Contact Section 3 */

.contact_section_3 {
  padding: 0px 100px 50px;
  text-align: center;
  background: #f5faff;
}
.contact_section_3 h2 {
}
.contact_section_3 p {
  margin-top: 5px;
}
.contact_section_3 form {
  margin-top: 30px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.contact_section_3 form > div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.contact_section_3 form > div input {
  width: 49%;
  height: 50px;
  border-radius: var(--br);
  border: none;
  background: white;
  padding: 0 20px;
  color: #979797;
  font-weight: 600;
  outline: none;
}

.contact_section_3 form > div input::placeholder {
  color: #979797;
}

.contact_section_3 form textarea {
  width: 100%;
  height: 100px;
  /* height: 50px; */
  border-radius: var(--br);
  border: none;
  background: white;
  margin-bottom: 30px;
  padding: 20px;
  color: #979797;
  outline: none;
  font-weight: 600;
}
.contact_section_3 form button {
  color: white;
  width: 150px;
  height: 40px;
  border-radius: var(--br);
  border: none;
  font-weight: 600;
  margin-inline: auto;
  /* margin-bottom: 30px; */
  background: #fb9c46;
  font-size: 14px;
  cursor: pointer;
}

/* Centers Page */

.centers_section_1 {
  padding: 100px;
  background: #f5faff;
}
.centers_section_1 h2 {
  text-align: center;
}
.centers_section_1 p {
  margin-top: 5px;
  text-align: center;
}
.centers_section_1 > div:nth-child(2) {
}
.centers_section_1 > div:nth-child(2) > select {
  height: 50px;
  border: none;
  border-radius: var(--br);
  padding: 0 20px;
  width: 20%;
  font-weight: 500;
  color: #979797;
  appearance: none;
}
.centers_section_1 > div:nth-child(2) > input {
  height: 50px;
  border: none;
  border-radius: var(--br);
  padding: 0 20px;
  width: 79%;
  font-weight: 500;
  color: #979797;
}
.centers_section_1 > div:nth-child(2) > img {
  position: absolute;
  right: 17px;
  top: 11px;
}
.centers_section_1 > div:nth-child(2) {
  display: flex;
  /* flex-direction: column; */
  margin: 50px 0;
  justify-content: space-between;
  position: relative;
}

#current_city{
  font-weight: 700;
  color: black;
  margin-bottom: 20px;
}
.center_card {
  display: flex;
  margin-bottom: 20px;
  background: white;
  padding: 30px;
  border-radius: var(--br);
}
.center_card > img {
  width: 120px;
  height: 120px;
  margin-right: 20px;
}
.center_card > div {
  text-align: left;
  display: flex;
  flex-direction: column;
}
.center_card > div a {
  color: black;
  font-weight: 600;
  text-decoration: none;
  margin-bottom: 10px;
}
.center_card > div h6 {
  color: gray;
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 13px;
}
.center_card > div p {
  text-align: left;
  font-size: 16px;
  font-weight: 300;
}

/* Job Details Page */

.jd_section_1 {
  padding: 100px;
  background: #f5faff;
}

.jd_section_1 > div:nth-child(1) {
  position: relative;
  margin-bottom: 100px;
}
.jd_section_1 > div:nth-child(1) > img:nth-child(1) {
  width: 100%;
  height: 300px;
}
.jd_section_1 > div:nth-child(1) > img:nth-child(2) {
  position: absolute;
  bottom: -47px;
  left: 30px;
}

.jd_section_1 > div:nth-child(2) {
  display: flex;
  margin-bottom: 50px;
  justify-content: space-between;
}
.jd_section_1 > div:nth-child(2) > div:nth-child(1) {
}
.jd_section_1 > div:nth-child(2) > div:nth-child(1) h3 {
  font-size: 20px;
  margin-bottom: 8px;
}
.jd_section_1 > div:nth-child(2) > div:nth-child(1) h5 {
  margin-bottom: 8px;
  color: gray;
  font-weight: 500;
  font-size: 15px;
}
.jd_section_1 > div:nth-child(2) > div:nth-child(1) span {
  font-size: 12px;
  color: #646464;
  font-weight: 500;
  margin-right: 5px;
}
.jd_section_1 > div:nth-child(2) > div:nth-child(2) {
}
.jd_section_1 > div:nth-child(2) > div:nth-child(2) button {
  width: 115px;
  height: 40px;
  border-radius: var(--br);
  border: none;
  font-size: 15px;
  color: white;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.jd_section_1 > div:nth-child(2) > div:nth-child(2) button:nth-child(1) {
  background: #ff922f;
}
.jd_section_1 > div:nth-child(2) > div:nth-child(2) button:nth-child(2) {
  background: #0c467e;
}

.jd_section_1 > div:nth-child(3) {
  display: flex;
}
.jd_section_1 h3 {
  font-weight: 500;
  margin-bottom: 10px;
}
.jd_section_1 > div:nth-child(3) > div:nth-child(1) p {
  font-size: 15px;
  color: #333;
}
.jd_section_1 > div:nth-child(3) > div:nth-child(1) ul {
  padding-left: 17px;
}
.jd_section_1 > div:nth-child(3) > div:nth-child(1) ul li {
  font-size: 15px;
  color: #333;
  margin-bottom: 15px;
}
.jd_skills_con {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.jd_skills_con .jd_skill {
  padding: 8px 15px;
  margin-right: 10px;
  border-radius: 20px;
  font-weight: 500;
  font-size: 13px;
  background: #f4f4f4;
}
.jd_about_company_div {
  padding: 20px;
  border: 1px solid #d8d8d8;
  background: white;
  border-radius: var(--br);
}
.jd_section_1 > div:nth-child(3) > div:nth-child(1) {
  width: 75%;
  padding-right: 15px;
}
.jd_section_1 > div:nth-child(3) > div:nth-child(2) {
  width: 25%;
  padding-left: 15px;
}
.jd_white_box {
  background: white;
  padding: 20px;
  border-radius: var(--br);
  border: 1px solid #d8d8d8;
}

.jd_white_box:nth-child(1) {
  margin-bottom: 30px;
}
.jd_white_box h5 {
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 500;
  color: #646464;
}
.jd_white_box .jd_salary_div {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.jd_white_box .jd_salary_div:last-child {
  margin-bottom: 0;
}
.jd_salary_div > div:nth-child(1) {
  height: 40px;
  width: 40px;
  margin-right: 10px;
  background: #f4f4f4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jd_salary_div > div:nth-child(2) {
}
.jd_salary_div > div:nth-child(2) p {
  font-size: 11px;
}
.jd_salary_div > div:nth-child(2) h6 {
  font-weight: 500;
}
.jd_latest_job_div {
  margin-top: 30px;
}
.jd_latest_job_div:last-child {
  margin-bottom: 0;
}
.jd_latest_job_div a {
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  font-weight: 500;
}
.jd_latest_job_div p {
  margin-top: 5px;
  font-size: 13px;
  font-weight: 500;
  color: #646464;
}

.jd_bottom_div {
  display: flex;
  justify-content: end;
  margin-top: 50px;
}

.jd_bottom_div button {
  width: 200px;
  height: 40px;
  border-radius: var(--br);
  border: none;
  font-size: 15px;
  color: white;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.jd_bottom_div button:nth-child(1) {
  background: #ff922f;
  margin-right: 15px;
}
.jd_bottom_div button:nth-child(2) {
  background: #0c467e;
}

/* Hire an Employee */

/* Hae section 1 */

.hae_section_1 {
  display: flex;
  align-items: center;
  height: 88vh;
  color: white;
  background: #0c467e;
}
.hae_section_1 > div:nth-child(1) {
  width: 50%;
  height: 100%;
  position: relative;
}
.hae_section_1 > div:nth-child(1) > img:nth-child(1) {
  position: absolute;
  bottom: 0;
  width: 331px;
  right: 0;
  z-index: 3;
  left: 0;
  margin-inline: auto;
}
.hae_section_1 > div:nth-child(1) > img:nth-child(2) {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  width: 400px;
  margin-inline: auto;
  bottom: 0;
}
.hae_section_1 > div:nth-child(1) > img:nth-child(3) {
  position: absolute;
  z-index: 1;
  right: 0;
  width: 160px;
  top: 98px;
  /* margin-inline: auto; */
  /* bottom: 0; */
  display: none;
}
.hae_section_1 > div:nth-child(2) {
  width: 50%;
  padding-right: 100px;
}
.hae_section_1 > div:nth-child(2) h1 {
}
.hae_section_1 > div:nth-child(2) p {
  width: 50%;
  margin: 20px 0 30px;
}
.hae_section_1 > div:nth-child(2) button {
  width: 200px;
  height: 45px;
  font-size: 15px;
  cursor: pointer;
}

/* HAE Section 2 */

.hae_section_2 {
  display: flex;
  align-items: center;
  height: 101vh;
  background: #f5faff;
  padding: 100px 0;
}
.hae_section_2 > div:nth-child(1) {
  width: 50%;
  position: relative;
  height: 100%;
}
.hae_section_2 > div:nth-child(1) > img:nth-child(1) {
  position: absolute;
  bottom: 0;
  width: 340px;
  right: 0;
  z-index: 3;
  left: 0;
  margin-inline: auto;
}
.hae_section_2 > div:nth-child(1) > img:nth-child(2) {
  position: absolute;
  width: 400px;
  margin-inline: auto;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.hae_section_2 > div:nth-child(1) > img:nth-child(3) {
  position: absolute;
  width: 303px;
  margin-inline: auto;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.hae_section_2 > div:nth-child(2) {
  width: 50%;
  padding-right: 100px;
  text-align: end;
}
.hae_section_2 > div:nth-child(2) h2 {
  margin-bottom: 20px;
}
.hae_section_2 > div:nth-child(2) p {
  margin-bottom: 10px;
}
.hae_section_2 > div:nth-child(2) button {
  width: 200px;
  height: 45px;
  font-size: 15px;
  font-weight: 600;
  margin-top: 20px;
}

/* HAE Section 3 */

.hae_section_3 {
  background: #ebebeb73;
  padding: 80px 130px 100px;
}

/* HAE Section 4 */

.hae_section_4 {
  padding: 100px 130px 50px;
  background: #f5faff;
}
.hae_section_4 > h2 {
}
.hae_section_4 > p {
  margin-top: 10px;
}
.hae_section_4_div {
  flex-wrap: wrap;
}
.hae_sec4_card {
  margin-bottom: 24px;
}

/* HAE Section 5 */

.hae_section_5 {
  padding: 50px 130px 100px;
  background: #f5faff;
}
.hae_section_5 > h2 {
  text-align: center;
}
.hae_section_5 > p {
  text-align: center;
  width: 75%;
  /* margin-inline: auto; */
  margin: 10px auto 0;
}
.hae_section_5_div {
  margin-top: 50px;
  display: flex;
  align-items: center;
}
.hae_section_5_div > div:nth-child(1) {
  width: 50%;
  padding-left: 71px;
  position: relative;
}

.hae_section_5_div > div:nth-child(1) > img {
  position: absolute;
  left: 0;
  height: 125%;
  top: -67px;
  width: 20px;
}

.hae_s5_list_div {
  margin-bottom: 30px;
  position: relative;
}
.hae_s5_list_div:before {
  content: "";
  position: absolute;
  left: -75px;
  top: 0;
  width: 30px;
  height: 30px;
  background-color: orange;
  border-radius: 50%;
  display: block;
}

.hae_s5_list_div > h4 {
}
.hae_s5_list_div > p {
  width: 300px;
  margin-top: 5px;
}
.hae_section_5_div > div:nth-child(2) {
  position: relative;
  width: 50%;
  height: 500px;
}
.hae_section_5_div > div:nth-child(2) > img:nth-child(1) {
  position: absolute;
  z-index: 3;
  /* width: 241px;
  height: 100%; */
  width: 223px;
  height: 524px;
  bottom: 0;
  right: 0;
  left: 0;
  margin-inline: auto;
}
.hae_section_5_div > div:nth-child(2) > img:nth-child(2) {
  position: absolute;
  width: 331px;
  z-index: 2;
  right: 0;
  left: 0;
  margin-inline: auto;
  bottom: 0;
}
.hae_section_5_div > div:nth-child(2) > img:nth-child(3) {
  position: absolute;
  width: 100;
  /* height: 100%; */
  left: 0;
  right: 0;
  width: 435px;
  bottom: 0;
  margin-inline: auto;
}

/* HAE Section 6 */

.hae_sec6_card {
  width: 49%;
  background: white;
  padding: 31px;
  border-radius: var(--br);
  margin-bottom: 20px;
}
.hae_sec6_card > div:nth-child(1) {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.hae_sec6_card > div:nth-child(1) > img {
  width: 75px;
  height: 75px;
  margin-right: 10px;
}
.hae_sec6_card > div:nth-child(1) > div {
}
.hae_sec6_card > div:nth-child(1) > div h4 {
  font-weight: 500;
  margin-bottom: 2px;
}
.hae_sec6_card > div:nth-child(1) > div p {
  margin-bottom: 3px;
  font-size: 13px;
  font-weight: 400;
  color: #818181;
}
.hae_sec6_card > div:nth-child(1) > div span {
  display: block;
  font-size: 11px;
  color: #818181;
}
.hae_sec6_card > p {
  margin-bottom: 30px;
  font-size: 14px;
  color: #818181;
}
.hae_sec6_card > div:nth-child(3) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hae_sec6_card > div:nth-child(3) > span {
  font-size: 14px;
  font-weight: 500;
  color: #818181;
}
.hae_sec6_card > div:nth-child(3) > a {
  font-size: 14px;
  color: #285785;
  font-weight: 500;
  /* color: #3f3fde; */
  text-decoration: none;
  font-family: inherit;
}

/* About us page */

/* about section 1 */

.about_section_1 {
  text-align: center;
  padding: 70px 100px 0;
  background: #285785;
  color: white;
  overflow: hidden;
}
.about_section_1 > h1 {
}
.about_section_1 > p {
}
.about_section_1 > div {
  position: relative;
  height: 429px;
}
.about_section_1 > div > img:nth-child(1) {
  position: absolute;
  left: 0;
  right: 0;
  margin-inline: auto;
  bottom: 0;
  height: 477px;
  z-index: 3;
}
.about_section_1 > div > img:nth-child(2) {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-inline: auto;
  width: 497px;
  z-index: 2;
}
.about_section_1 > div > img:nth-child(3) {
  position: absolute;
  left: 0;
  bottom: -5px;
  right: 0;
  margin-inline: auto;
  width: 845px;
}
.about_sec1_flowing_divs {
  position: absolute;
  height: 45px;
  background: white;
  border-radius: var(--br);
  color: black;
  font-weight: 500;
  padding: 3px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.asfd1 {
  right: 184px;
  top: 122px;
}

.asfd2 {
  top: 69px;
  left: 271px;
}
.asfd3 {
  bottom: 60px;
  left: 76px;
}

/* about section 2 */

.about_section_2 {
  background: #f5faff;
  display: flex;
  padding: 80px 130px;
  align-items: center;
}
.about_section_2 > div:nth-child(1) {
  width: 50%;
}
.about_section_2 > div:nth-child(1) > h2 {
}
.about_section_2 > div:nth-child(1) > h5 {
  font-weight: 500;
  margin-top: 5px;
}
.about_section_2 > div:nth-child(1) > p {
  margin-top: 20px;
  width: 430px;
}
.about_section_2 > div:nth-child(2) {
  width: 50%;
  position: relative;
  height: 500px;
}
.about_section_2 > div:nth-child(2) > img:nth-child(1) {
  position: absolute;
  left: 0;
  right: 0;
  margin-inline: auto;
  width: 481px;
  z-index: 3;
  height: 100%;
}
.about_section_2 > div:nth-child(2) > img:nth-child(2) {
  left: 0;
  position: absolute;
  right: 0;
  z-index: 2;
  margin-inline: auto;
}
.about_section_2 > div:nth-child(2) > img:nth-child(3) {
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin-inline: auto;
}

/* about section 3 */
.about_section_3 {
  background: #ebebeb73;
  padding: 80px 130px 100px;
}

/* about section 4 */

.about_section_4 {
  padding: 80px 130px;
  background: #f5faff;
}
.about_section_4 > h2 {
}
.about_section_4 > p {
  margin-top: 5px;
  width: 364px;
}
.about_s4_div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}
.about_s4_card {
  padding: 30px;
  background: white;
  border-radius: var(--br);
  width: 49%;
  margin-bottom: 20px;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
}
.about_s4_card > img {
  width: 50px;
  height: 50px;
  margin-right: 15px;
  border-radius: 50%;
}
.about_s4_card > div {
}
.about_s4_card > div h5 {
  font-weight: 500;
}
.about_s4_card > div p {
  font-size: 12px;
  color: gray;
  margin-top: 2px;
}
.about_s4_card > p {
  margin-top: 20px;
  font-size: 15px;
  color: #333;
}

/* about section 5 */

.about_section_5 {
  padding: 80px 130px;
  background: #f5faff;
}
.about_section_5 > h2 {
  margin-bottom: 5px;
}
.about_section_5 > .about_sec5_div {
  margin-top: 40px;
}
.about_section_5 > .about_sec5_div .swiper-slide {
}
.about_section_5 > .about_sec5_div .swiper-slide img {
  height: 300px !important;
}

/* Franchise Pages */

/* Franchise Section 1 */

.franchise_section_1 {
  height: 88vh;
  /* padding: 100px; */
  display: flex;
  align-items: center;
  color: white;
  background: #0c467e;
  overflow: hidden;
}
.franchise_section_1 > div:nth-child(1) {
  width: 50%;
  padding-left: 130px;
}
.franchise_section_1 > div:nth-child(1) > h1 {
}
.franchise_section_1 > div:nth-child(1) > p {
  width: 370px;
  margin: 20px 0 30px;
}
.franchise_section_1 > div:nth-child(1) > button {
  width: 200px;
  height: 40px;
  font-size: 15px;
}
.franchise_section_1 > div:nth-child(2) {
  width: 50%;
  position: relative;
  height: 585px;
}
.franchise_section_1 > div:nth-child(2) > img:nth-child(1) {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  margin-inline: auto;
  width: 460px;
  bottom: 0;
}
.franchise_section_1 > div:nth-child(2) > img:nth-child(2) {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  right: 0;
  width: 500px;
  margin-inline: auto;
}
.franchise_section_1 > div:nth-child(2) > img:nth-child(3) {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  right: 0;
  width: 336px;
  margin-inline: auto;
}

/* Franchise Section 2 */

.franchise_section_2 {
}

/* Franchise Section 3 */

.franchise_section_3 {
  padding: 100px 130px;
  background: red;
  background: #ebebeb73;
}
.franchise_section_3 > h2 {
  text-align: center;
}
.franchise_section_3 > p {
  text-align: center;
  width: 500px;
  margin-inline: auto;
  margin-top: 5px;
}
.franchise_section_3 > .franchise_sec3_div {
  display: flex;
  margin-top: 50px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
}
.franchise_sec3_points_container {
  width: 30%;
}
.franchise_section_3 > .franchise_sec3_div > div:nth-child(2) {
  width: 40%;
  height: 500px;
  position: relative;
}
.franchise_section_3
  > .franchise_sec3_div
  > div:nth-child(2)
  > img:nth-child(1) {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  width: 246px;
  margin-inline: auto;
  bottom: 1px;
}
.franchise_section_3
  > .franchise_sec3_div
  > div:nth-child(2)
  > img:nth-child(2) {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 383px;
  margin-inline: auto;
}
.franchise_section_3
  > .franchise_sec3_div
  > div:nth-child(2)
  > img:nth-child(3) {
  position: absolute;
  z-index: 2;
  width: 303px;
  right: 0;
  bottom: 0;
  left: 0;
  margin-inline: auto;
}
.franchise_sec3_points_container:nth-child(3) {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.franchise_sec3_point_div {
  margin-bottom: 40px;
}
.franchise_sec3_point_div:last-child {
}
.franchise_sec3_point_div > span:nth-child(1) {
  font-size: 32px;
  font-weight: 600;
  margin-right: 10px;
  color: #fd9800;
}
.franchise_sec3_point_div > span:nth-child(2) {
  font-weight: 500;
  font-size: 18px;
}
.franchise_sec3_point_div > p {
  margin-top: 10px;
  width: 300px;
}

/* Franchise section 4 */

.franchise_section_4 {
}

/* Franchise section 5 */

.franchise_section_5 {
  padding: 100px 0;
  background: #f5faff;
}
.franchise_section_5 > h2 {
  text-align: center;
}
.franchise_section_5 > p {
  text-align: center;
  margin-top: 5px;
}
.franchise_section_5 > img {
  width: 100%;
}
.franchise_section_5 > button {
  margin-inline: auto;
  width: 200px;
  height: 40px;
  font-size: 14px;
  display: block;
  margin: 50px auto 0;
}

/* Modals */

#brochure_modal {
  display: none;
}
#enroll_modal {
  display: none;
}

#hire_modal {
  display: none;
}

#job_modal {
  display: none;
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  background: white;
  padding: 30px;
  border-radius: 10px;
}
.modal > .modal_header {
  margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal > .modal_header h4 {
  font-size: 18px;
  font-weight: 500;
}
.modal > .modal_header i {
  cursor: pointer;
}
.modal > form {
  display: flex;
  flex-direction: column;
  width: 350px;
}
.modal > form input[type="text"],
.modal > form input[type="email"],
.modal > form input[type="number"] {
  margin-bottom: 15px;
  height: 40px;
  padding-left: 10px;
  border: 1px solid #cfcdcd;
  color: #757779;
  font-weight: 500;
  border-radius: var(--br);
}

.modal > form input[type="file"] {
  margin-bottom: 15px;
}
.modal > form input::placeholder {
  color: #757779;
}
.modal > form {
}
.modal > form select {
  margin-bottom: 15px;
  height: 40px;
  padding-left: 10px;
  border: 1px solid #cfcdcd;
  color: #757779;
  font-weight: 500;
  border-radius: var(--br);
}
.modal > form textarea {
  min-height: 100px;
  margin-bottom: 15px;
  border: 1px solid #cfcdcd;
  color: #757779;
  font-weight: 500;
  padding: 10px;
  max-height: 100px;
  max-width: 100%;
  border-radius: var(--br);
}
.modal > form button {
  height: 40px;
  border-radius: var(--br);
  border: none;
  background: #285785;
  font-weight: 600;
  font-size: 15px;
  color: white;
  cursor: pointer;
}


.modal#center_modal{
  display: none;
  padding: 70px 30px;
}

.modal#center_modal > span:last-child {
  position: absolute;
  top: 13px;
  right: 30px;
  color: #aaaaaa;
  cursor: pointer;
}

.modal#center_modal > form:nth-child(1){
  position: relative;
  width: 100%;
}
.modal#center_modal > form:nth-child(1) input{
  width: 100%;
  height: 41px;
  border-radius: var(--br);
  border: 1px solid #e6e6e6;
  padding: 0 40px;
  color: #CBC7C7;
  outline: none !important;
  background-color: #F9F9F9;
}

.modal#center_modal > form:nth-child(1) input::placeholder{
  color: #CBC7C7;
}

.modal#center_modal > form:nth-child(1) button{
  position: absolute;
  left: 10px;
  top: 9px;
  width: max-content !important;
  border: none;
  background: none;
  outline: none !important;
  height: max-content !important;
}
.modal#center_modal > p{
  text-align: center;
  margin: 20px 0 50px;
  color: #0C467E;
  font-weight: 400;
}
.modal#center_modal > div:nth-child(3){
  display: flex;
  margin-bottom: 0;
}
.center_input_div{
  margin: 0 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.center_input_div input{
  visibility: hidden;
}
.center_input_div label{
  cursor: pointer;
}
.center_input_div label img{}
.center_input_div label span{
  display: block;
}