body {
  font-family: Urbanist;
  margin: 0;
}

.main {
  max-width: 1920px;
  margin: auto;
}

p {
  margin: 0;
}

a {
  list-style-type: none;
  text-decoration: none;
  font-style: normal;
}

address {
  text-decoration: none;
  font-style: normal;
}

li {
  text-decoration: none;
  list-style-type: none;
}

ul {
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.header {
  max-width: 1920px;
  margin: auto;
}

.container {
  display: flex;
  justify-content: space-between;
  padding: 34px 127px;
  align-items: center;
}

.logo {
  display: flex;
  justify-content: center;
}

.book-icon {
  margin-right: 10px;
}

.edu-logo {
  color: #002935;
  font-size: 28px;
  font-weight: 600;
  line-height: 150%;
}

.man-logo {
  color: #002935;
  font-family: Urbanist;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.button-courses {
  display: flex;
  padding: 0 38px 0 23px;
  justify-content: space-between;
  align-items: center;
  width: 260px;
  height: 60px;
  gap: 112px;
  border-radius: 4px;
  border: 1px solid #ACB5C5;
  background-color: #FFF;
  color: #222;
  font-family: Urbanist;
  font-size: 17px;
  font-weight: 600;
  line-height: 150%;
}

.button-courses:hover {
  color: #0D5FF9;
  border: 1px solid #0D5FF9;
}

.nav-list {
  color: #222;
  font-size: 17px;
  font-weight: 600;
  line-height: 150%;
  display: flex;
  padding: 0;
  color: var(--Title, #10243C);
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  line-height: 150%;
  margin: 0;
}

.nav-item {
  margin-right: 30px;
  display: flex;
}

.nav-item:last-child {
  margin-right: 0;
}

.nav-link {
  display: flex;
  align-items: center;
  color: var(--Title, #10243C);
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  line-height: 150%;
}

.nav-link:hover {
  color: #0D5FF9;
}

.nav-link:hover .arrow-down-icon {
  fill: #0D5FF9;
}

.arrow-down-icon {
  margin-left: 4px;
}

.reg-list {
  display: flex;
  align-items: center;
  padding: 0;
}

.reg-item {
  display: flex;
  margin-right: 18px;
}

.reg-item:last-child {
  margin-right: 0;
}

.reg-button {
  width: 158px;
  height: 55px;
  flex-shrink: 0;
  border-radius: 5px;
  background: #FFF;
  color: #222;
  text-align: center;
  font-family: Urbanist;
  font-size: 17px;
  font-weight: 600;
  line-height: 150%;
  padding: 0;
}

.reg-button:hover {
  background: #0D5FF9;
  color: #FFF;
}

.hero {
  position: relative;
  max-width: 1920px;
  background-color: #002935;
  display: flex;
  justify-content: center;
  background-image: url("../images/bigbook.svg"), url("../images/wave.svg"), url("../images/polygon5.svg");
  background-repeat: no-repeat;
  background-size: 101.636px 85.16px,  1488px 412px,  51px 51px;
  background-position: top 554px left 217px,  top 508px  left,  top 247px left 90px;
}

.hero-container {
  padding-left: 395px;
  padding-top: 221px;
}

.h1 {
  color: #FFF;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 25px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0;
}

.h2 {
  color: #FFF;
  font-size: 82px;
  font-weight: 700;
  line-height: 129%;
  margin-bottom: 30px;
}

.edu {
  color: var(--Primary, #0D5FF9);
  font-size: 82px;
  font-weight: 700;
  line-height: 129%;
}

.hero-text {
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
  line-height: 174%;
}

.hero-buttons {
  display: flex;
  margin-top: 49px;
}

.courses-btn {
  width: 173px;
  height: 55px;
  flex-shrink: 0;
  border-radius: 5px;
  background: #0D5FF9;
  color: #FFF;
  text-align: center;
  font-family: Urbanist;
  font-size: 17px;
  font-weight: 600;
  line-height: 150%;
  margin-right: 26px;
  padding: 0;
}

.contact-btn {
  width: 173px;
  height: 55px;
  flex-shrink: 0;
  border-radius: 5px;
  border: 1px solid #FFF;
  color: #FFF;
  background-color: #002935;
  text-align: center;
  font-family: Urbanist;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  padding: 0;
}

.background-man {
  background-image: url("../images/man.jpg");
  background-size: cover;
  border-radius: 0px 348px 0px 273px;
  width: 696px;
  height: 916px;
  flex-shrink: 0;
}

.tostudent {
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 100;
  top: 392px;
  left: 1140px;
  width: 176px;
  height: 227px;
  background-color: white;
  border-radius: 8px;
}

.student-list {
  margin: 0;
  padding: 35px 0 28px 0;
}

.student-item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.student-item:first-child {
  margin-bottom: 13px;
}

.number {
  color: #222;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 150%;
}

.student {
  color: var(--Body, #4C5664);
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 150%;
}

.tocourses {
  display: flex;
  position: absolute;
  z-index: 100;
  top: 867px;
  left: 1583px;
  width: 260px;
  height: 107px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 35px 65px -5px rgba(0, 0, 0, 0.1);
}

.courses-list {
  padding: 21px 0 20px 24px;
  margin: 0;
  margin-right: 19px;
}

.courses-list:last-child {
  margin-right: 0;
  padding-left: 0;
}

.courses-item {
  justify-content: center;
  align-items: center;
}

.number-courses {
  color: #222;
  text-align: center;
  font-size: 29px;
  font-weight: 700;
  line-height: 150%;
}

.courses {
  color: var(--Body, #4C5664);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

.features {
  padding: 100px 0 90px 0;
}

.features-container {
  max-width: 1106px;
  margin: 0 auto;
  width: 100%;
}

.features-title {
  margin: 0;
}

.title-features {
  color: #0D5FF9;
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  line-height: 150%;
  margin: 0;
}

.description-features {
  color: #222;
  text-align: center;
  font-size: 45px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 60px;
}

.features-card {
  display: flex;
  justify-content: center;
  gap: 27px;
  margin: 0;
}

.card-item {
  width: 258px;
  border-radius: 8px;
  box-shadow: 0px 6px 26px 0px rgba(0, 0, 0, 0.04);
}

.features-link {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card-thorm {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-top: 45px;
  margin-bottom: 22px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #e5f8f8;
}

.card-item:hover {
  border-radius: 8px;
  background-color: #0D5FF9;
  box-shadow: 0px 6px 26px 0px rgba(0, 0, 0, 0.04);
}

.card-item:hover .card-thorm {
  background: rgba(0, 0, 0, 0.1);
}

.card-item:hover .teacher-icon {
  fill: white;
}

.card-item:hover .player-icon {
  fill: white;
}

.card-item:hover .price-icon {
  fill: white;
}

.card-item:hover .support-icon {
  fill: white;
}

.card-item:hover .h3-item {
  color: #FFF;
}

.card-item:hover .p-item {
  color: #FFF;
}

.h3-item {
  color: #222;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 150%;
  margin: 0;
  margin-bottom: 11px;
}

.p-item {
  color: #444;
  text-align: center;
  font-size: 17px;
  font-weight: 400;
  line-height: 161%;
  margin-bottom: 45px;
}

.teacher-icon {
  fill: #0d5ff9;
}

.player-icon {
  fill: #0d5ff9;
}

.support-icon {
  fill: #0d5ff9;
}

.price-icon {
  fill: #0d5ff9;
}

.about {
  position: relative;
  padding: 72px 400px 72px 977px;
  background-image: url("../images/ball.svg"), url("../images/ball1.svg"), url("../images/ball2.svg"), url("../images/Rectangle.svg"), url("../images/Rectangle1.svg");
  background-repeat: no-repeat;
  background-size: auto, auto, auto, auto, auto;
  background-position: top 72px right 150px, left 1753px bottom 90px, left 250px bottom 130px, top 72px left 639px, top 498px left 600px;
}

.student-image {
  position: absolute;
  z-index: 100;
  top: 114px;
  left: 396px;
  width: 311px;
  height: 317px;
  border-radius: 45px;
  background-image: url("../images/students.jpg");
  background-repeat: no-repeat;
  background-size: auto;
}

.student-image1 {
  position: absolute;
  z-index: 99;
  top: 250px;
  left: 634px;
  width: 311px;
  height: 317px;
  border-radius: 45px;
  background-image: url("../images/students1.jpg");
  background-repeat: no-repeat;
  background-size: auto;
}

.about-h1 {
  margin: 0;
  margin-bottom: 21px;
  color: #0D5FF9;
  font-size: 26px;
  font-weight: 600;
  line-height: 150%;
}

.about-h2 {
  margin: 0;
  margin-bottom: 21px;
  color: #222;
  font-size: 45px;
  font-weight: 700;
  line-height: 150%;
}

.about-descrition {
  margin-bottom: 30px;
  max-width: 517px;
  color: #444;
  font-size: 17px;
  font-weight: 400;
  line-height: 172%;
}

.our {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.our-list {
  max-width: 298px;
}

.check-list-icon {
  fill: #0d5ff9;
  margin-right: 29px;
}

.lightbulb-icon {
  fill: #0d5ff9;
  margin-right: 29px;
}

.h3-our {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 172%;
  margin: 0;
  margin-bottom: 5px;
}

.our-description {
  color: #444;
  font-size: 17px;
  font-weight: 400;
  line-height: 172%;
}

.discover-btn {
  margin-top: 7px;
  width: 172px;
  height: 55px;
  border-radius: 5px;
  background: var(--Primary, #0D5FF9);
  color: var(--White, #FFF);
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  line-height: 150%;
  padding: 0;
}

.achievements {
  padding: 53px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.achievements-container {
  max-width: 1106px;
  margin: 0 auto;
  width: 100%;
}

.achievements-title {
  margin-bottom: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.achievements-name {
  color: #222;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  line-height: 150%;
  margin: 0 30px;
}

.achievements-span {
  color: #0D5FF9;
  font-size: 28px;
  font-weight: 700;
  line-height: 150%;
}

.line-icon {
  width: 80px;
  height: 4px;
  fill: #0d5ff9;
}

.achievements-list {
  display: flex;
  justify-content: center;
  margin: 0;
  gap: 30px;
}

.description-item {
  width: 255px;
  border-radius: 8px;
  border: 2px solid #E9EEF4;
  background: #FFF;
  margin: 0;
  padding-top: 7px;
  padding-bottom: 21px;
}

.description-numbers {
  color: #222;
  text-align: center;
  font-family: Urbanist;
  font-size: 45px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.8px;
  margin: 0;
}

.description-description {
  color: #444;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

.student1-icon {
  position: absolute;
  z-index: 100;
  bottom: 146px;
  left: 382px;
  width: 55px;
  height: 55px;
  border-radius: 45px;
  background-image: url("../images/people.svg");
  background-repeat: no-repeat;
  background-size: auto;
}

.learners-icon {
  position: absolute;
  z-index: 100;
  bottom: 146px;
  left: 672px;
  width: 55px;
  height: 55px;
  border-radius: 45px;
  background-image: url("../images/learners.svg");
  background-repeat: no-repeat;
  background-size: auto;
}

.instructor-icon {
  position: absolute;
  z-index: 100;
  bottom: 146px;
  left: 961px;
  width: 55px;
  height: 55px;
  border-radius: 45px;
  background-image: url("../images/instructor.svg");
  background-repeat: no-repeat;
  background-size: auto;
}

.rate-icon {
  position: absolute;
  z-index: 100;
  bottom: 146px;
  left: 1247px;
  width: 55px;
  height: 55px;
  border-radius: 45px;
  background-image: url("../images/rate.svg");
  background-repeat: no-repeat;
  background-size: auto;
}

.categories {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 61px 0 82px 0;
}

.categories-container {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.categories-title {
  margin-bottom: 46px;
}

.title-categories {
  color: #0D5FF9;
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  line-height: 150%;
  margin: 0;
}

.description-categories {
  color: #222;
  text-align: center;
  font-size: 45px;
  font-weight: 700;
  line-height: 150%;
  margin: 0;
}

.categories-card {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.card-list1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
}

.card-item1 {
  background: #FFF;
  margin: 0;
  margin-right: 20px;
  margin-bottom: 27px;
}

.card-item1:nth-child(4n) {
  margin-right: 0;
}

.card-item1:nth-child(+n+5) {
  margin-bottom: 0;
}

.card-thumb {
  width: 72px;
  height: 72px;
  margin-top: 46px;
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #f2f6fa;
}

.card-link {
  width: 258px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 2px solid #E9EEF4;
}

.web-icon {
  width: 40px;
  height: 36px;
  fill: #0d5ff9;
}

.card-link:hover .card-thumb {
  background-color: #0d5ff9;
}

.card-link:hover .web-icon {
  fill: white;
}

.course-name {
  color: #222;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 7px;
}

.course-count {
  color: #444;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  line-height: 150%;
  text-decoration-line: underline;
  margin-bottom: 43px;
}

.frame-icon {
  margin-left: 5px;
}

.howitworks {
  border-radius: 20px 20px 20px 0px;
  background-image: linear-gradient(to right, rgba(0, 41, 53, 0.87), rgba(0, 41, 53, 0.87)), url("/images/howitworks-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.howitworks-container {
  max-width: 1106px;
  margin: auto;
  padding: 120px 0 100px 0;
}

.howitworks-h1 {
  color: #0D5FF9;
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  line-height: 150%;
  margin: 0;
  margin-bottom: 5px;
}

.howitworks-h2 {
  color: #FFF;
  text-align: center;
  font-size: 45px;
  font-weight: 700;
  line-height: 150%;
  margin: 0;
  margin-bottom: 35px;
}

.howitworks-list {
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 55px;
}

.howitworks-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
}

.howitworks-thorm {
  width: 58px;
  height: 58px;
  transform: rotate(-42.553deg);
  border-radius: 12px;
  background: #0D5FF9;
  display: flex;
  justify-content: center;
  align-items: center;
}

.howitworks-icon {
  width: 29px;
  height: 29px;
  fill: white;
}

.howitworks-span {
  color: #FFF;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 150%;
  margin-top: 30px;
}

.howitworks-text {
  color: #FFF;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  line-height: 150%;
  margin-top: 13px;
}

.instructor {
  padding: 56px 0 40px 0;
}

.instructor-container {
  width: 1106px;
  margin: auto;
  display: flex;
  flex-direction: column;
}

.instructor-title {
  display: flex;
  justify-content: space-between;
}

.instructor-h1 {
  color: #2B73FA;
  font-size: 26px;
  font-weight: 600;
  line-height: 150%;
  margin-bottom: 5px;
}

.instructor-h2 {
  color: #222;
  font-size: 45px;
  font-weight: 700;
  line-height: 150%;
  margin: 0;
}

.view-button {
  display: flex;
  align-items: center;
}

.instructor-btn {
  width: 180px;
  height: 55px;
  border-radius: 5px;
  background: #0D5FF9;
  color: #FFF;
  text-align: center;
  font-family: Urbanist;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  padding: 0;
}

.instructor-list {
  display: flex;
  justify-content: center;
  margin: 0;
  margin-top: 60px;
  gap: 30px;
}

.instructor-item {
  width: 253px;
  padding-top: 34px;
  border-radius: 8px;
  border: 1px solid #E9EEF4;
  background: #FFF;
  box-shadow: 0px 6px 26px 0px rgba(0, 0, 0, 0.04);
}

.instructor-thorm {
  margin: auto;
  width: 166px;
  height: 166px;
  margin-bottom: 26px;
  border-radius: 166px;
}

.masum-billah {
  background: url(/images/masum_billah-min.jpg), lightgray 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ekram-hossain {
  background: url(/images/ekram-hossain-min.jpg), lightgray 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.motasim-billah {
  background: url(/images/matasim_billah-min.jpg), lightgray 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.monaym-billah {
  background: url(/images/monaym_billah-min.jpg), lightgray 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.instructor-name {
  color: #222;
  display: flex;
  justify-content: center;
  margin-bottom: 2px;
  font-size: 22px;
  font-weight: 700;
  line-height: 150%;
}

.instructor-job {
  color: #0D5FF9;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 22px;
}

.instructor-classes {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px;
  border-top: 1px solid #DDD;
}

.classes-icon {
  fill: #7F7F7F;
  margin-left: 12px;
}

.classes-icon:first-child {
  margin-left: 0;
}

.number-student {
  color: #7F7F7F;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  padding-right: 12px;
  border-right: 1px solid #DDD;
}

.number-course {
  color: #7F7F7F;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
}

.clients {
  padding: 113px 0 37px 0;
}

.clients-container {
  max-width: 1106px;
  padding: 62px 0 72px 0;
  border-radius: 16px;
  margin: auto;
  background: #002935;
  display: flex;
  justify-content: center;
  align-items: center;
}

.clients-icon {
  margin-right: 72px;
}

.clients-icon:last-child {
  margin-right: 0;
}

/*# sourceMappingURL=main.css.map */