* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  font-family: "Inter", sans-serif;

}



@font-face {

  font-family: "Open Sans";

  src: url("./fonts/OpenSans-Regular.ttf") format("truetype");

  font-weight: normal;

}


::placeholder{
  color: rgb(0, 0, 0);

}


/* Bold font */

@font-face {

  font-family: "Open Sans";

  src: url("./fonts/OpenSans-Bold.ttf") format("truetype");

  font-weight: bold;

}



ul,

li,

ol {

  list-style: none;

}



a {

  text-decoration: none !important;

  display: inline-block !important;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  margin: 0px;

}



p {

  margin: 0px;

}



body {

  background-color: #f2f0f0 !important;

}



/* header code start  */



.navbarmain {

  border-bottom: 1px solid #05182a4d;

  padding-bottom: 10px;

}



.nav-links a {

  color: #05182a99;

  font-size: 16px;

  font-weight: 600;

  transition: all 0.3s ease-in-out;

  font-family: "Open Sans", sans-serif;

}



.logo-web a img {

  width: 167px;

  object-fit: cover;

}



.active {

  color: #05182a !important;

}



.nav-links {

  display: flex;

  align-items: center;

  gap: 20px !important;

}



.nav-links a:focus {

  color: #05182a;

}



.nav-mainstart {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 10px 0px;

}



.auth-buttons {

  display: flex;

  align-items: center;

  gap: 20px;

  border-left: 1px solid #000000;

  padding-left: 20px;

}



.auth-buttons a {

  color: #000000;

  font-size: 16px;

  font-weight: 600;

  transition: all 0.3s ease-in-out;

  font-family: "Open Sans", sans-serif;

  border: 1px solid #05182a;

  border-radius: 6px;

  padding: 4px 16px;

}



.auth-buttons a:nth-child(2) {

  background-color: #05182a;

  color: #fff;

}



/* hero-section  */



.hero-section {

  padding: 100px 0px;

  /* overflow: hidden; */

}



.hero-content h1 {

  font-weight: 600;

  font-size: 52px;

  color: #05182ae5;

  letter-spacing: -3px;

}



.hero-content p {

  font-size: 24px;

  font-family: "Open Sans", sans-serif;

  font-weight: 400;

  color: #05182ae5;

  width: 413px;

  letter-spacing: 1px;

  padding: 10px 0px;

}



.hero-content a {

  font-weight: 400;

  font-size: 18px;

  background-color: #05182ae5;

  color: #fff;

  font-family: "Open Sans", sans-serif;

  border-radius: 3px;

  padding: 12px 32px;

}



.hero-image {

  position: relative;

}



.hero-image img {

  border-radius: 60px;

}



.useman {

  background-color: #818181;

  width: 48px;

  height: 48px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

}



.county strong {

  font-size: 18px;

  color: #676b7c;

}



.county p {

  font-weight: 600;

  color: #676b7c;

  font-size: 12px;

  margin: 0px;

}



.hero-image-overlay {

  background-color: #ffffff;

  display: flex;

  position: absolute;

  align-items: center;

  border-radius: 50px;

  top: 0px;

  width: 206px;

  left: 0px;

  padding: 5px;

  gap: 10px;

}



/* features-section start  */



.features-section {

  padding: 100px 0px;

  background-image: linear-gradient(171deg, #f2f0f0 25%, #05182a 24%);

}



.greeting-content P {

  font-weight: 400;

  font-size: 27px;

  color: #fff;

  letter-spacing: -2px;

}



/* .setp-section satrt  */



.setp-section {

  padding: 100px 0px;

  position: relative;

}



.setop-content {

  text-align: center;

}



.setop-content a {

  font-weight: 600;

  font-size: 16px;

  color: #0166ff !important;

}



.setop-content h2 {

  font-weight: 600;

  padding-top: 20px;

  font-size: 40px;

  color: #05182a !important;

  letter-spacing: -2px;

}



.ellipse-container-left {

  position: absolute;

  top: 0px;

  width: 50%;

  left: 0px;

  z-index: -1;

}



.ellipse-container-left img {

  width: 100%;

}



.ellipse-container-right {

  position: absolute;

  top: 0px;

  right: 0px;

  width: 50%;

  z-index: -1;

}



.ellipse-container-right img {

  width: 100%;

}



/* ////////////////////////  */



.step-box {

  position: relative;

  width: 64px;

  height: 64px;

  background: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 14px;

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);

  text-align: center;

}



.step-number {

  position: absolute;

  top: -10px;

  right: -10px;

  background: #fb6238;

  color: white;

  font-size: 15px;

  font-weight: 700;

  width: 32px;

  height: 32px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);

}



.setp-title h3 {

  font-weight: 500;

  color: #010101;

  font-size: 18px;

  margin-top: 25px;

}



.setap-main {

  width: 80px;

  text-align: center;

}



.flexing-box {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 20px;

}



.end-flesing-box {

  display: block;

}



.rewieo h3 {

  font-weight: 300;

  font-size: 36px;

  color: #05182acc;

  letter-spacing: -2px;

  margin-top: 10px;

}



.rewieo span {

  font-weight: 300;

  font-size: 16px;

  color: #05182a99;

}



.exceptional-course-section {

  padding: 100px 0px;

}



/* slider code thish   */

.rewieo img {

  width: 200px !important;

}



.exceptional-course-section .owl-nav {

  position: absolute;

  top: 45%;

  width: 100%;

  display: flex;

  justify-content: space-between;

  pointer-events: none;

}



.exceptional-course-section .owl-nav button {

  background: none;

  border: none;

  pointer-events: all;

  outline: none;

  width: 40px;

  opacity: 1px !important;

  display: block !important;

  height: 40px;

  overflow: visible !important;

  color: #000000 !important;

  background-color: transparent !important;

}



.exceptional-course-section .owl-nav button.owl-prev::before,

.owl-nav button.owl-next::before {

  content: "";

  display: inline-block;

  width: 32px;

  height: 32px;

  background-size: contain;

  background-repeat: no-repeat;

  transition: 0.3s ease;

}



.exceptional-course-section .owl-nav button.owl-prev::before {

  background-image: url("../images/arrow-left.png");

}



.exceptional-course-section .owl-nav button.owl-next::before {

  background-image: url("../images/arrow-right.png");

}



.exceptional-course-section .owl-nav button.owl-prev:hover::before {

  background-image: url("../images/arrow-left-unactive.png");

}



.exceptional-course-section .owl-nav button.owl-next:hover::before {

  background-image: url("../images/arrow-right-active.png");

}



.exceptional-course-section .owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

  background-color: #05182a !important;

}



.exceptional-course-section .owl-theme .owl-dots .owl-dot span {

  background-color: rgba(5, 24, 42, 0.5) !important;

}



.exceptional-course-section .discover-desh a {

  color: #05182a;

  margin-top: 20px;

  font-weight: 400;

  border: 2px solid #05182acc;

  padding: 12px 32px;

  font-size: 18px;

  transition: all 0.5s;

}



.exceptional-course-section .discover-desh a:hover {

  background-color: #05182a;

  color: #fff !important;

}



/* home-marketing  */



.home-marketing {

  padding: 300px 0px;

  background-size: cover;



  background-attachment: fixed;

  background-image: url("../images/home-marketing.png");

}



.secrets-title h3 {

  font-weight: 600;

  font-size: 80px;

  color: #05182ae5;

  letter-spacing: -2px;

}



.secrets-title a {

  color: #ffffff !important;

  background-color: #05182ae5;

  margin-top: 20px;

  font-weight: 400;

  border: 2px solid #05182acc;

  padding: 12px 32px;

  font-size: 18px;

  transition: all 0.5s;

}



.matrix-system-section {
display: none !important;
  padding: 100px 0px;

}



.matrix-systam h4 {

  font-weight: 600;

  color: #05182ae5;

  font-size: 50px;

  letter-spacing: -1px;

}



.matrix-systam p {

  font-size: 18px;

  padding: 10px 0px;

  font-weight: 500;

  color: #000000;

  margin-bottom: 0px;

}



.matrix-systam a {

  color: #ffffff !important;

  background-color: #05182ae5;

  margin-top: 20px;

  font-weight: 400;

  border: 2px solid #05182acc;

  padding: 12px 32px;

  font-size: 18px;

  transition: all 0.5s;

}



.tems-main {

  border: 2px solid #000000;

  padding: 25px 30px;

  border-radius: 70px;

}



.all-products-section {

  padding: 100px 0px;

}



.look-aour h4 {

  font-weight: 600;

  font-size: 45px;

  color: #05182a;

  letter-spacing: -1px;

}



.look-aour p {

  font-weight: 400;

  font-size: 24px;

  color: #000000;

  letter-spacing: -1px;

}



.look-aour a {

  color: #000000 !important;

  margin-top: 20px;

  /* border: 1px solid #05182AE5; */

  font-weight: 400;

  border: 2px solid #05182acc;

  padding: 12px 32px;

  font-size: 18px;

  border-radius: 3px;

  transition: all 0.5s;

}



.gamil-com-iii-section {

     background: #05182a !important;
  background-image: url("../images/gmaiuul-img.png");
   
  padding: 100px 0px;

  background-size: cover;

}



.interested-title h3 {

  color: #fff;

  font-weight: 600;

  font-size: 54px;

}



.interested-title a {

  background-color: #fff !important;

  color: #05182ae5;

  padding: 12px 32px;

  margin-top: 30px;

}



.footerend {

  padding: 100px 0px;

  background-color: #05182a0d;

  margin-top: 20px;

}



.path-success p {

  font-weight: 400;

  color: #05182ae5;

  font-size: 28px;

}



.fotitmes strong {

  width: 100%;

  display: block;

  height: 2px;

  background-color: #05182a;

}



.fotitmes p {

  font-weight: 400;

  font-size: 12px;

  color: #05182ae5;

}



.fotitmes span {

  font-weight: bold;

  color: #05182ae5;

}



.fotitmes ul {

  padding: 0px !important;

}



.fotitmes ul li a {

  font-weight: 700;

  font-size: 16px;

  color: #05182ae5;

  padding-bottom: 15px;

}



.container-fluidtitl {

  display: flex;

  flex-wrap: inherit;

  align-items: center;

  justify-content: space-between;

}



.dwedew {

  display: none !important;

}



.navbarmain {

  overflow-x: hidden;

}



.desfrt {

  display: none;

}



.offcanvas {

  max-width: 76% !important;

}



.navbar-toggler-icon {

  background-image: url("../images/");

}



.navbar-toggler {

  background-color: #05182a !important;

  padding: 2px !important;

}



.navbar-toggler-icon {

  background-image: url("https://img.icons8.com/sf-regular/48/FFFFFF/menu.png") !important;

  width: 27px !important;

  height: 27px !important;

}



/* sing uP  */



@media (max-width: 1199px) {

}



@media (max-width: 991px) {

  .nav-mainstart {

    display: none;

  }



  .dwedew {

    display: block !important;

  }

}



@media (max-width: 767px) {

  .hero-content h1 {

    font-size: 35px;

  }



  .hero-content p {

    width: initial;

  }



  .row-coulma {

    flex-direction: column-reverse;

  }



  .hero-section {

    padding: 6px 0px;

  }



  .features-section {

    padding: 0px 0px;

    background-image: linear-gradient(164deg, #f2f0f0 45%, #05182a 24%);

  }



  .gettingsimg-tilte img {

    height: 273px;

    object-fit: cover !important;

  }



  .ellipse-container-left,

  .ellipse-container-right {

    display: none;

  }



  .setp-section {

    padding: 53px 0px;

  }



  .exceptional-course-section .owl-nav {

    top: 0px;

  }



  .rewieo h3 {

    font-size: 17px;

    letter-spacing: -1px;

  }



  .rewieo img {

    width: 135px !important;

  }



  .exceptional-course-section {

    padding: 0px 0px;

  }



  .secrets-title h3 {

    font-size: 32px;

  }



  .home-marketing {

    padding: 80px 0px;

    margin-top: 20px;

    background-size: cover;

    background-position: center;

    background-attachment: fixed;

  }



  .flexing-box-revarsh {

    flex-direction: column-reverse;

  }



  .tems-main {

    border-radius: 20px;

  }



  .matrix-systam h4 {

    font-size: 23px;

  }



  .matrix-systam p {

    font-size: 16px;

  }



  .matrix-system-section {

    padding: 30px 0px;

  }



  .all-products-section {

    padding: 0px 0px 20px 0px;

  }



  .interested-title h3 {

    font-size: 18px;

  }



  .gamil-com-iii-section {
     background-color: #05182a;
    padding: 63px 0px;

    background-position: right;

  }



  .wdqwdwq {

    display: none;

  }



  .desfrt {

    display: block;

  }



  .footerend {

    padding: 20px 0px;

  }



  .path-success p {

    font-weight: 400;

    color: #05182ae5;

    font-size: 24px;

  }



  .path-success {

    display: flex;

    gap: 20px;

    flex-direction: column-reverse;

  }

}



@media (max-width: 567px) {

  .features-section {

    padding: 0px 0px 30px 0px;

    background-image: linear-gradient(164deg, #f2f0f0 45%, #05182a 24%);

  }



  .gettingsimg-tilte img {

    border-radius: 16px;

  }



  .hero-content h1 {

    letter-spacing: -1px;

    font-size: 30px;

  }



  .hero-content p {

    width: initial;

    font-size: 12px;

  }



  .greeting-content P {

    font-size: 16px;

    letter-spacing: -1px;

  }



  .stap-titlrei {

    display: none;

  }



  .setap-main {

    width: initial;

  }



  .end-flesing-box {

    display: flex;

  }



  .setap-main {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

  }



  .setop-content {

    text-align: start !important;

  }



  .setop-content h2 {

    font-size: 28px;

  }



  .tems-main {

    padding: 17px 17px;

  }



  .look-aour h4 {

    font-size: 24px;

  }



  .look-aour p {

    font-size: 16px;

  }

}



@media (max-width: 375px) {

}













/* sing uP  */





.form-section {

  padding: 10px 30px 30px 30px;

  width: 434px;

  margin: 0 auto;

}



.form-section h2 {

  margin-bottom: 20px;

  font-size: 30px;

  color: #000000;

  font-weight: 500;

}



.form-section p {

  color: #000000;

  font-size: 15px;

  font-weight: 500;

}



.form-group {

  margin: 20px 0px;

}



.form-group label {

  font-size: 13px;

  margin-bottom: 5px;

  display: block;

  font-weight: 500;

  color: #000000;

}



.form-group label a {

  color: #0C2A92;

  font-weight: 500;

  font-size: 10px;

}



.form-group input {

  width: 100%;

  font-weight: 500;

  padding: 8px 10px;

  /* background-color: transparent; */

  color: #141414;

  border: 2px solid #D9D9D9;

  border-radius: 9px;

}



.form-actions {

  margin-top: 20px;

}



.form-actions button {

  width: 100%;

  padding: 10px;

  background-color: #3A5B22;

  color: white;

  font-weight: 700;

  border: none;

  border-radius: 9px;

  cursor: pointer;

}



.form-options {

  display: flex;

  justify-content: space-between;

  align-items: center;

  font-size: 12px;

  margin: 20px 0px;

}



.form-options a {

  color: #0066cc;

  text-decoration: none;

}



.form-options label {

  font-weight: 500;

  font-size: 12px;

}



.divider span {

  text-align: center;

  margin: 20px 0;

  font-size: 14px;

  color: #000000;



}





.divider {

  display: flex;

  align-items: center;

  gap: 10px;

}



.login-link {

  text-align: center;

  font-size: 13px;

  margin-top: 10px;

  font-weight: 500;

  color: #000000;

}



.login-link a {

  color: #0F3DDE;

  text-decoration: none;

}



.image-section {

  flex: 1;

  display: flex;

  align-items: center;

  justify-content: end;

}



.image-section img {

  width: 100%;

  height: auto;

}



.singup {

  overflow: hidden;

  height: 100vh;



  background-color: #fff;

}



.fledsss {

  display: flex;



  overflow-x: hidden !important;

}





.font-secee {

  margin-top: -40px;

}





.borderadded {

  height: 1px;

  width: 100%;

  background-color: #F5F5F5;

}







.sascetrt-section {



  padding: 100px 0px;

}



.upload-img {

  border-radius: 13px;

  padding: 40px;

  background-color: #fff;

  border: 2px solid #00000040;

}



.form-fild input {

  border: 1px solid #000000CC !important;

  padding: 10px;

  width: 100%;

  border-radius: 8px;

  margin-bottom: 20px;



}



.form-fild textarea {

  width: 100%;

  height: 100px;

  padding: 10px;

  font-weight: 400;

  border-radius: 8px;

  border: 1px solid #000000CC;

  font-size: 16px;

  color: #000000 !important;

  resize: none;

  background-color: transparent;

  margin-bottom: 20px;

}





.upload-img h3 {

  font-weight: 600;

  font-size: 36px;

  color: #000000;

  letter-spacing: -2px;





}



.upload-img p {

  font-weight: 500;

  font-size: 24px;

  color: #000000;

  letter-spacing: -2px;

}



.upload-img img {

  width: 97px;

  height: 97px;

  margin-bottom: 20px;





}



.form-fild a {

  width: 191px;

  padding: 12px;

  letter-spacing: -1PX;

  text-align: center;

  text-decoration: none;

  border-radius: 6px;

  display: block !important;

  font-size: 16px;

  background-color: #05182A;

  color: #fff;

  font-weight: 500;

  margin-bottom: 10px;

  transition: 0.3s ease;

}





.contenting {

  display: none;

  /* padding: 20px; */

  /* border: 2px solid #007bff; */

  border-radius: 12px;

  margin: auto;

}



.contenting.active {

  display: block;



}



.buttonssing button.active {

  background-color: #E8EDF2;

  border-radius: 12px;

}



.buttonssing button {

  padding: 10px 44px 10px 20px;

  border: none;

  cursor: pointer;

  background-color: transparent;

  /* border-radius: 5px; */

  font-weight: 500;

  font-size: 14px;

  display: block;

  width: 100%;

  color: #0D141C;

  margin-bottom: 10px;

}



.desbord-section-one {

  overflow: hidden;

  padding: 0px 20px;

  background-color: #fff;

}



.mobileTab button {

  display: flex;

  align-items: center;

  gap: 10px;

}



.desktopTab button {

  display: flex;

  align-items: center;

  gap: 10px;

}



.mobileTab button img {

  width: 24px;



}



.buttonssingal {

  border-right: 2px solid #000000;

  height: 100%;

  padding: 20px 20px 20px 10px;

}



.desktopTab button img {

  width: 24px;

}



.height-midal {

  height: 100vh;

}



.height-midsed {

  padding: 60px 20px 20px 20px;

}



.welcome-btub h4 {

  font-weight: 400;

  font-size: 60px;

  color: #05182A;

  letter-spacing: -2px;



}



.counter {

  background-color: #E8EDF2;

  border-radius: 12px;

  padding: 20px 20px;

}



.counter p {

  font-weight: 500;

  font-size: 16px;

  color: #0D141C;

}



.counter h2 {

  font-weight: 700;

  font-size: 24px;

  color: #0D141C;

}





@media (max-width: 1199px) {}



@media (max-width: 991px) {}



@media (max-width: 767px) {



  .form-section {

      width: initial;

  }



  .upload-img {

      border-radius: 13px;

      padding: 23px;

  }





}



@media (max-width: 567px) {}



@media (max-width: 375px) {}