/*******************************
--------------------------------
<---table of content--->
1.  common section
2.  header section
3.  hero section
4.  feature section
5.  product section
6.  skill section
7.  awards section
8.  portfolio section
9.  service section
10. brands section
11. testimonial section
12. blog section
13. contact section
14. footer section
15. modal section
********************************/
/* 1. common start */
body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  background-color: #1f1f1f;
}

/* common end */
/* 2. header start*/
.mn_header {
  height: 90vh;
  position: relative;
  background-image: url(../images/header/shape4.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: scroll;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}

.mn_navbar {
  padding: 20px 105px;
  align-items: center;
}

.mn_navbar .container-fluid {
  padding: 0 4px;
}

.fix-top {
  background: rgb(0.1, 0.1, 0.1, .6);
  transition: .4s ease;
}

.mn_logo {
  font-size: 42px;
  font-weight: 700;
  color: #f31e5e;
  text-decoration: none;
}

.mn_logo span {
  color: #ffffff;
}

.mn_logo:hover {
  color: #f31e5e;
  box-shadow: none;
  outline: none;
}

.mn_offcanvas_back {
  background-color: #1f1f1f;
}

.mn_offcanvas_back .offcanvas-title {
  color: #ffffff;
}

.mn_offcanvas_back .btn-close {
  color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
}

.mn_menu ul li a {
  color: #ffffff;
  margin: 0 20px;
  text-transform: capitalize;
  transition: all .4s ease;
}

.mn_menu ul li a:hover,
.mn_navbar .nav-link:focus {
  color: #98C642;
  /* color: #f31e5e; */
}

.navbar-toggler {
  border: 0;
}

.navbar-toggler:focus {
  box-shadow: none;
  border: 0;
}

.navbar-toggler:hover {
  border: 0;
}

.mn_navbar_text_right {
  margin-top: 8px;
}

.mn_navbar_text_right a {
  color: #ffffff;
  text-decoration: none;
  transition: .4s ease;
}

.mn_navbar_text_right a:hover {
  color: #f31e5e;
}

/* header end */
/* 3. hero start */
.mn_hero_tittle h1 {
  font-weight: 700;
  font-size: 160px;
}

.hero::before {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* background-image: url(../images/header/cirle.png);
  background-size: auto;
  background-repeat: no-repeat; */
  background-position: center;
}

.mn_hero_pos_img {
  position: absolute;
  display: flex;
  justify-content: space-between;
  top: 27%;
  left: 7%;
  right: 0;
  width: 85%;
  transform: translate(0, 27%);
}

.mn_hero_pos_img img {
  animation: pulse 2s infinite;
}

.pos_img:first-child {
  height: 42px;
}

.custom_img {
  position: relative;
  display: flex;
  align-items: center;
  padding: 120px 0 100px;
  margin: 0;
  z-index: 11;
}

.mn_hero_tittle.one {
  position: absolute;
  top: 36%;
  left: 8vw;
}

.mn_hero_tittle.one h2 {
  font-size: 4rem;
  font-weight: lighter;
  margin-bottom: -7px;
}

.mn_hero_tittle.one h1 {
  font-size: 4rem;
}

.mn_hero_tittle.one p {
  font-weight: lighter;
  font-size: x-large;
  margin-top: -17px;
}

.mn_hero_tittle.two {
  position: absolute;
  right: 16px;
  bottom: 30%;
}

.mn_hero_img {
  position: relative;
  display: flex;
  justify-content: center;
}

.mn_hero_img img {
  width: 630px;
  margin: 0 0 0 10%;
}

.mn_header_bottom {
  position: relative;
  align-items: center;
  margin: 0;
  padding-bottom: 40px;
  margin-top: 80vh;
}

.mn_header_bottom_icon {
  text-align: start;
  padding-left: 105px;
}

.mn_header_bottom_icon a:first-child {
  margin-right: 30px;
}

.mn_header_bottom_arrow {
  text-align: center;
  animation: bounce 1s;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
  animation-iteration-count: infinite;
}

@keyframes bounce {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, 20px, 0);
  }
}

.mn_header_bottom_arrow_img img {
  position: absolute;
  right: 170px;
  bottom: 150px;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

/* mn_hero end */
/* 4. feature start */
.mn_feature {
  position: relative;
  padding: 160px 0 140px 0;
}

.mn_feature::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #1f1f1f;
  width: 52%;
  z-index: -1;
}

.mn_feature::before {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(6, 6, 42, 0.5) url("../images/feature/feature-right.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right bottom;
  background-blend-mode: multiply;
  z-index: -1;
  width: 48%;
}

.mn_feature_text h4 {
  font-size: 60px;
  font-weight: 700;
  line-height: 76px;
  padding-right: 30%;
  text-transform: uppercase;
}

.mn_feature_text h4 span {
  color: #98C642;
}

.mn_feature_text ul {
  padding: 105px 0 113px;
}

.mn_feature_text ul li {
  padding-right: 135px;
}

.mn_feature_text ul li h3 {
  font-size: 52px;
  font-weight: 700;
  line-height: 90px;
}

.mn_feature_text ul li p {
  color: #898da9;
  line-height: 26px;
  text-transform: uppercase;
}

.mn_feature_text a {
  font-weight: 700;
  color: #ffffff;
  background: #98C642;
  text-decoration: none;
  text-transform: uppercase;
  padding: 20px 50px;
  transition: 500ms ease;
  display: inline-block;
}

.mn_feature_text svg {
  fill: #fff;
  transition: 500ms ease;
  padding-left: 10px;
}

.mn_feature_text a:hover svg {
  fill: #98C642;
}

.mn_feature_text a:hover {
  background: #fff;
  color: #98C642;
}

/* feature end */
/* 5. product start */
.mn_product {
  padding-top: 100px;
}

.mn_product_img {
  position: relative;
  display: flex;
  justify-content: center;
}

.mn_product_img::before {
  position: absolute;
  content: '';
  top: 0;
  bottom: 22%;
  left: 0;
  right: 0;
  z-index: -11;
}

.mn_product_img_text {
  display: flex;
  position: absolute;
  bottom: 12%;
  left: 38%;
  align-items: center;
}

.mn_product_img_text h3 {
  font-size: 48px;
  font-weight: 700;
  color: #98C642;
  padding-right: 20px;
}

.mn_product_img_text p {
  font-size: 15px;
  color: #ffffff;
  padding-right: 10%;
  line-height: 25px;
}

.m_left {
  margin-left: 6%;
}

.mn_product_text h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 90px;
  text-transform: uppercase;
}

.mn_product_text p {
  font-size: 15px;
  color: #898da9;
  line-height: 30px;
  text-transform: capitalize;
  padding-right: 9%;
}

.mn_product_text p span {
  color: #98C642;
}

.name_wrapper {
  padding-top: 40px;
}

.profile-designation-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  color: #898da9;
  text-transform: capitalize;
  line-height: 30px;
}

.dot {
  position: absolute;
  left: 0;
  right: 41%;
  top: 0;
  bottom: 0;
  text-align: center;
}

.name-valu {
  position: absolute;
  left: 38%;
  font-size: 15px;
  text-transform: lowercase;
  line-height: 30px;
  color: #ffffff;
}

/* product end */
/* 6. skill start */
.mn_skill {
  padding-top: 95px;
}

.mn_skill_tittle h2 {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 90px;
  padding-bottom: 28px;
}

.mn_skill_scroll {
  position: relative;
  overflow-y: scroll;
  height: 600px;
  direction: rtl;
  text-align: left;
}

.mn_skill_scroll::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.mn_skill_scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(137, 141, 169, 0.5);
}

/* Handle */
.mn_skill_scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(137, 141, 169, 0.5);
}

.mn_skill_scroll::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, );
}

.mn_skill_text {
  background: #22274c;
  margin-left: 50px;
  padding: 30px 0 40px 40px;
}

.mn_skill_text p {
  direction: ltr;
  font-size: 15px;
  color: #898da9;
  line-height: 35px;
  padding-right: 10%;
}

.mn_skill_text h3 {
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 35px;
}

.mn_skill_text h4 {
  font-size: 15px;
  text-transform: capitalize;
  line-height: 40px;
  color: #98C642;
  padding-bottom: 15px;
}

.custom_progress {
  margin-top: 25%;
}

.custom_progress h4 {
  font-size: 15px;
  line-height: 30px;
  text-transform: uppercase;
  padding: 5px;
  padding-top: 20px;
}

.custom_progress .percentCount {
  margin-top: -30px;
  padding: 4.5px;
}

.percentCount {
  font-size: 15px;
  text-align: right;
}

/* skill end */
/* 7. award start */
.mn_award {
  padding-top: 80px;
  position: relative;
}

.mn_award_tittle h2 {
  font-size: 36px;
  font-weight: 700;
  line-height: 90px;
  text-transform: uppercase;
  padding-bottom: 28px;
}

.mn_award_text {
  border: 1px solid #22274c;
  text-align: center;
  padding: 60px 55px;
  transition: all 500ms ease;
}

.mn_award_text:hover {
  background: #22274c;
}

.mn_award_text img {
  padding-bottom: 70px;
}

.mn_award_text h3 {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 30px;
}

.mn_award_text p {
  font-size: 16px;
  text-transform: capitalize;
  line-height: 30px;
  color: #98C642;
}

.mn_award_pos_img {
  position: absolute;
  right: 4%;
  top: 0;
  z-index: -11;
  animation: pulse 2s infinite;
}

/* award end */
/* 8. portfolio start */
.mn_portfolio {
  padding: 140px 0;
}

.mn_portfolio_tittle {
  text-align: center;
}

.mn_portfolio_tittle p {
  font-size: 16px;
  color: #898da9;
  text-transform: uppercase;
}

.mn_portfolio_tittle h2 {
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 90px;
  padding-bottom: 28px;
}

.mn_mix_img img {
  width: 100%;
}

.mn_mix_img {
  position: relative;
}

.mn_custom_menu {
  padding-bottom: 80px;
}

.mn_custom_menu button {
  font-size: 16px;
  color: #898da9;
  padding: 8px 16px;
  border: none;
  text-transform: uppercase;
  transition: all .4s ease;
}

.mn_custom_menu button:hover {
  color: #98C642;
}

.mn_mix_content {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  position: absolute;
  background: rgba(6, 6, 42, 0.702);
  opacity: 0;
  transition: all 500ms ease;
}

.mn_mix_content:hover {
  opacity: 1;
}

.mn_mix_content>* {
  transform: translateY(25px);
  transition: .4s ease;
}

.mn_mix_content:hover>* {
  transform: translateY(0px);
}

.mn_mix_content img {
  font-size: 50px;
  width: 40px;
  padding: 40% 0 20%;
  color: #898da9;
}

.mn_mix_content h2 {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.mn_mix_content p {
  font-size: 15px;
  color: #898da9;
  text-transform: uppercase;
}

.mn_portfolio_button {
  text-align: center;
  padding-top: 60px;
}

.mn_portfolio_button a {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  background: #f31e5e;
  padding: 20px 50px;
  transition: all 500ms ease;
}

.mn_portfolio_button a:hover {
  background: #ffffff;
  color: #f31e5e
}

.card-body {
  color: white;
}

.card-text-custom {
  color: #898da9;
}
.text-light-card-custom {
  color: #f8f9fa;
  opacity: 0.85; /* opcional para simular el efecto "muted" pero en blanco */
}

.card-custom {
  background-color: #22274c;
  transition: transform .15s ease, box-shadow .15s ease;
  border:1px solid #1f2937;border-radius:16px;overflow:hidden;position:relative;
}


.card-custom:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 40px rgba(0, 0, 0, .35);
  border-color: #334155;
}

.thumb {
  height: 150px;
  background: linear-gradient(135deg, rgba(34, 197, 94, .25), rgba(56, 189, 248, .25));
  display: flex;
  align-items: center;
  justify-content: center;
}

.badge-custom {
  background-color: transparent;
  border: 1px solid #334155;
  color: #98C642;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 12px;
}


.btn-rounded-custom{
  border-radius: 10px;
}

.card-wrapper {
  transition: all 0.4s ease-in-out;
}

.card-wrapper.hide {
  opacity: 0;
  transform: scale(0.9);
  pointer-events: none;
  position: absolute; /* sale del flujo */
  height: 0 !important;
  margin: 0 !important;
  overflow: hidden;
}

.card-wrapper.show {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
  position: relative;
  height: auto;
}

/* portfolio end */
/* 13. service page start */
/* axi start */
.mn_axi {
  padding: 60px 0 0;
}

.mn_axi_tittle h2 {
  font-size: 60px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 90px;
  padding-bottom: 28px;
}

.mn_axi_text {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 30px 0;
  border-top: 1px solid #898da9;
  border-bottom: 1px solid #898da9;
}

.mn_axi_para p {
  font-size: 15px;
  text-transform: uppercase;
  color: #898da9;
  line-height: 25px;
}

.mn_axi_para h3 {
  font-size: 18px;
  text-transform: capitalize;
  line-height: 28px;
}

.mn_axi_icon a {
  margin: 0 10px;
  padding: 15px;
  color: #ffffff;
  border-radius: 50%;
}

.mn_axi_icon a i {
  width: 20px;
  height: 20px;
  text-align: center;
}

.mn_axi_icon a:first-child {
  background: #4661c5;
  transition: all 500ms ease;
}

.mn_axi_icon a:first-child:hover {
  color: #4661c5;
  background: #ffffff;
}

.mn_axi_icon a:nth-child(2) {
  background: #1da1f2;
  transition: all 500ms ease;
}

.mn_axi_icon a:nth-child(2):hover {
  color: #1da1f2;
  background: #ffffff;
}

.mn_axi_icon a:nth-child(3) {
  background: #ff2e2e;
  transition: all 500ms ease;
}

.mn_axi_icon a:nth-child(3):hover {
  color: #ff2e2e;
  background: #ffffff;
}

.mn_axi_icon a:last-child {
  background: #0073b0;
  transition: all 500ms ease;
}

.mn_axi_icon a:last-child:hover {
  color: #0073b0;
  background: #ffffff;
}

/* 14. overview start */
.mn_overview_tittle h2 {
  font-size: 48px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 90px;
  padding-top: 35px;
}

.mn_overview_tittle p {
  line-height: 30px;
  color: #898da9;
}

/* project start */
.mn_sv_project_tittle {
  padding: 30px 0 60px;
}

.mn_sv_project_tittle h2 {
  font-size: 40px;
  font-weight: 600;
  line-height: 90px;
  text-transform: capitalize;
}

.mn_sv_project_tittle p {
  color: #898da9;
  line-height: 26px;
}

.mn_sv_project_text {
  display: flex;
  padding-top: 30px;
  align-items: center;
}

.mn_sv_project_text:first-child {
  padding: 0;
}

.mn_sv_project_text img {
  width: 50px;
  height: 50px;
  margin-right: 30px;
  padding: 15px;
  border-radius: 50%;
  background: #ffffff;
}

.mn_sv_project_text p {
  color: #898da9;
  padding-right: 15%;
}

.mn_sv_tag {
  display: flex;
  align-items: center;
  padding: 60px 0 0;
}

.mn_sv_tag p {
  font-size: 22px;
  line-height: 32px;
  text-transform: capitalize;
  padding-right: 30px;
}

.mn_sv_tag a {
  margin-right: 10px;
  padding: 10px 30px;
  text-transform: capitalize;
  text-decoration: none;
  color: #898da9;
  background: #22274c;
  transition: all 500ms ease;
}

.mn_sv_tag a:hover {
  color: #ffffff;
  background: #674df0;
}

/* project end */
/* design start */
.mn_sv_design {
  padding: 60px 0 0;
}

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

.mn_sv_design_content {
  display: flex;
  align-items: center;
}

.mn_sv_design_content:last-child {
  direction: rtl;
}

.mn_sv_design_content:last-child .mn_sv_design_img {
  margin: 0 0 0 30px;
}

.mn_sv_design_img {
  position: relative;
  margin-right: 30px;
}

.mn_sv_design_img_content {
  position: absolute;
  background: rgba(73, 220, 135, 0.702);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 500ms ease;
}

.mn_sv_design_img_content:hover {
  opacity: 1;
}

.mn_sv_design_img_content i {
  color: #000000;
}

.mn_sv_design_text h3 {
  font-size: 18px;
  line-height: 30px;
  text-transform: capitalize;
}

.mn_sv_design_text p {
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  color: #898da9;
}

/* design end */
/* portfolio start */
.mn_sv_portfolio {
  padding: 140px 0;
}

.mn_sv_portfolio_tittle {
  text-align: center;
}

.mn_sv_portfolio_tittle p {
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
  color: #898da9;
}

.mn_sv_portfolio_tittle h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 90px;
  text-transform: uppercase;
  padding-bottom: 30px;
}

.mn_sv_portfolio_content {
  display: flex;
}

/* portfolio end */
/* service page end */

/* blog page start */
.mn_bg_blog_details {
  padding: 140px 0 80px;
}

.mn_bg_blog_text {
  display: flex;
  padding-top: 30px;
}

.mn_bg_blog_text_img {
  display: flex;
  margin-right: 30px;
  align-items: center;
}

.mn_bg_blog_text_img img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.mn_bg_blog_prototyping h2 {
  font-size: 48px;
  line-height: 90px;
  text-transform: capitalize;
  padding-top: 20px;
}

.mn_bg_blog_prototyping p {
  font-size: 15px;
  line-height: 30px;
  color: #898da9;
  padding-top: 20px;
}

.mn_bg_blog_testimonial {
  background: #22274c;
  margin-top: 50px;
  padding: 8%;
  text-align: center;
}

.mn_bg_blog_testimonial_img {
  background: #06062a;
  width: 70px;
  height: 70px;
  padding: 20px;
  margin: 0 auto;
  border-radius: 50%;
}

.mn_bg_blog_testimonial p {
  font-size: 15px;
  line-height: 30px;
  padding-top: 20px;
}

.mn_bg_blog_portfolio {
  padding-top: 50px;
}

.mn_bg_blog_portfolio h2 {
  font-size: 48px;
  line-height: 90px;
  text-transform: capitalize;
}

.mn_bg_blog_portfolio_image_wrapper {
  align-items: center;
}

.mn_bg_blog_portfolio_image_wrapper p {
  color: #898da9;
  line-height: 32px;
  padding-top: 30px;
}

.mn_bg_blog_portfolio_image_img img {
  width: 100%;
}

.mn_bg_blog_portfolio_image_text ul li {
  position: relative;
  color: #898da9;
  line-height: 32px;
  list-style: none;
}

.mn_bg_blog_portfolio_image_text ul li::before {
  position: absolute;
  content: url(../images/blog-page/right-mark.png);
  left: -25px;
  top: 0;

}

.mn_bg_blog_tag_wrapper {
  align-items: center;
  padding: 60px 0 30px;
  border-bottom: 1px solid #898da9;
}

.mn_bg_blog_tag {
  display: flex;
  align-items: center;
}

.mn_bg_blog_tag p {
  font-size: 22px;
  line-height: 32px;
  text-transform: capitalize;
  padding-right: 30px;
}

.mn_bg_blog_tag a {
  margin-right: 10px;
  padding: 10px 30px;
  text-transform: capitalize;
  text-decoration: none;
  color: #898da9;
  background: #22274c;
  transition: all 500ms ease;
}

.mn_bg_blog_tag a:hover {
  color: #ffffff;
  background: #674df0;
}

.mn_bg_blog_social_icon {
  display: flex;
  align-items: center;
}

.mn_bg_blog_social_icon p {
  font-size: 22px;
  line-height: 34px;
  text-transform: capitalize;
  padding-right: 30px;
}

.mn_bg_blog_social_icon a {
  margin-right: 20px;
  padding: 16px;
  border-radius: 50%;
  background: #22274c;
  transition: all 500ms ease;
}

.mn_bg_blog_social_icon a:hover {
  background: #98C642;
}

.mn_bg_blog_social_icon a i {
  width: 20px;
  height: 20px;
  text-align: center;
  color: #ffffff;
  transition: all 500ms ease;
}

.mn_bg_blog_social_icon a:hover i {
  color: #000000;
}

.mn_bg_blog_comments {
  padding: 40px 0 0;
}

.mn_bg_blog_comments h2 {
  font-size: 36px;
  line-height: 30px;
  text-transform: capitalize;
}

.mn_bg_blog_comments_content {
  display: flex;
  padding-top: 50px;
  align-items: center;
}

.mn_bg_blog_comments_content img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  margin-right: 40px;
}

.mn_bg_blog_comments_text h2 {
  font-size: 20px;
  line-height: 30px;
  text-transform: capitalize;
}

.mn_bg_blog_comments_content p {
  line-height: 30px;
  color: #898da9;
  padding: 20px 0 30px;
}

.mn_bg_blog_comments_content a {
  font-size: 14px;
  color: #98C642;
  text-decoration: none;
  text-transform: capitalize;
}

/* right content start */
.latest_post {
  margin-top: 30px;
  padding: 16%;
  background: #22274c;
}

.latest_post h2 {
  font-size: 22px;
  text-transform: capitalize;
}

.latest_post_content {
  display: flex;
  align-items: center;
  padding-top: 30px;
}

.latest_post_content_img {
  position: relative;
  margin-right: 10px;
}

.latest_post_content_img_icon {
  position: absolute;
  background: rgba(73, 220, 135, 0.702);
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 500ms ease;
}

.latest_post_content_img_icon:hover {
  opacity: 1;
}

.latest_post_content_text_time {
  display: flex;
  align-items: center;
}

.latest_post_content_text_time img {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.latest_post_content_text_time p {
  line-height: 34px;
  color: #898da9;
}

.mn_bg_blog_catagory {
  margin-top: 30px;
  padding: 16%;
  background: #22274c;
}

.mn_bg_blog_catagory h2 {
  font-size: 22px;
  text-transform: capitalize;
}

.mn_bg_blog_catagory_list {
  background: #06062a;
  margin-top: 30px;
}

.mn_bg_blog_catagory_list a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 30px;
  line-height: 32px;
  text-decoration: none;
  text-transform: capitalize;
  color: #ffffff;
  transition: all 500ms ease;
}

.mn_bg_blog_catagory_list a:hover {
  background: #98C642;
  color: #000000;
}

.mn_bg_blog_catagory_list a i {
  color: #000000;
  opacity: 0;
  transition: all 500ms ease;
}

.mn_bg_blog_catagory_list a:hover i {
  opacity: 1;
}

.mn_bg_blog_right_tag {
  background: #22274c;
  margin-top: 30px;
  padding: 16%;
}

.mn_bg_blog_right_tag p {
  font-size: 22px;
  text-transform: capitalize;
}

.mn_bg_blog_right_tag_list {
  padding-top: 30px;
}

.mn_bg_blog_right_tag_list a {
  display: inline-block;
  background: #06062a;
  margin: 10px 4px 0 0;
  padding: 10px 16px;
  line-height: 30px;
  text-decoration: none;
  text-transform: capitalize;
  color: #898da9;
  transition: all 500ms ease;
}

.mn_bg_blog_right_tag_list a:hover {
  color: #000000;
  background: #98C642;
}

.mn_bg_blog_form {
  display: flex;
  background: #22274c;
  padding: 8%;
}

.mn_bg_blog_input {
  width: 100%;
  height: 60px;
  border: 0;
  border-radius: 0;
  background: #06062a;
  color: #ffffff;
}

.custom_form input[type="text"] {
  height: 60px;
  border: none;
}

.mn_bg_blog_input:focus {
  box-shadow: none;
  background: #06062a;
  color: #ffffff;
}

.mn_bg_blog_input::placeholder {
  color: #ffffff;
}

.mn_bg_blog_btn {
  width: 100%;
  height: 60px;
  border: none;
  background: #f31e5e;
  color: #ffffff;
  transition: 500ms ease;
}

.mn_bg_blog_btn:hover {
  color: #f31e5e;
  background: #ffffff;
}

/* blog page end */

/* contact us page start */
.mn_hero {
  padding-top: 140px;
}

.mn_contact_hero_img {
  position: relative;
  background-image: url(../images/contact-page/contact-page-hero.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 538px;
}

.mn_contact_hero_img h2 {
  position: absolute;
  font-size: 48px;
  font-weight: 600;
  line-height: 90px;
  text-align: center;
  text-transform: capitalize;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 20px;
}

/* contact us page end */
/* contact start */
.mn_contact {
  padding: 140px 0;
  background: #1f1f1f;
}

.mn_contact_text h3 {
  font-size: 16px;
  font-weight: 500;
  color: #898da9;
  text-transform: uppercase;
  line-height: 34px;
}

.mn_contact_text h2 {
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 90px;
}

.mn_contact_text p {
  font-size: 15px;
  line-height: 26px;
  padding-right: 26%;
}

.mn_contact_detail {
  display: flex;
  align-items: center;
  padding-top: 40px;
}

.mn_contact_detail a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #fff;
  transition: all 500ms ease;
}

.mn_contact_detail a i {
  border: 1px solid #898da9;
  border-radius: 50%;
  padding: 15px;
  color: #98C642;
  transition: all 500ms ease;
}

.mn_contact_detail a p {
  display: grid;
  text-transform: uppercase;
  margin: 0 0 0 20px;
}

.mn_contact_detail a p span {
  color: #898da9;
  text-transform: capitalize;
  transition: all 500ms ease;
}

.mn_contact_detail a:hover span {
  color: #f31e5e;
}

.mn_contact_detail a:hover i {
  background: #98C642;
  color: #06062a;
  border-color: transparent;
}

.custom_form input[type="text"],
.custom_form input[type="email"],
.custom_form textarea {
  background: #06062a !important;
  height: 60px;
  border: none;
  color: #ffffff !important;
  border-radius: 0;
  outline: 0 !important;
}

.custom_form input::placeholder {
  color: #ffffff;
}

.custom_form input:focus {
  background: #06062a;
  color: #ffffff !important;
  box-shadow: none;
}

.custom_form textarea {
  background: #06062a !important;
  height: 160px;
  border: none;
  color: #ffffff !important;
  border-radius: 0;
}

.custom_form textarea::placeholder {
  color: #ffffff;
}

.custom_form textarea:focus {
  background: #06062a;
  color: #ffffff !important;
  box-shadow: none;
}

.custom_button {
  padding-top: 30px;
}

.custom_button input {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  background: #f31e5e;
  border-radius: 0;
  padding: 20px 50px;
  transition: all 500ms ease;
}

.custom_button input:focus {
  background: #ffffff !important;
  color: #f31e5e !important;
}

.custom_button input:hover {
  color: #f31e5e;
  background: #ffffff;
}

/* contact end */
/* footer start */
.mn_footer {
  background: #1f1f1f;
  /* background-image: url(../images/footer/footer_bg.png); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0 0 55px;
}

.mn_footer_tittle {
  text-align: center;
}

.mn_footer_tittle p {
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 26px;
}

.mn_footer_tittle h2 {
  font-size: 48px;
  background: linear-gradient(to right, #98C642, #225900);
  text-transform: uppercase;
  line-height: 90px;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.mn_footer_email {
  position: relative;
  display: block;
  text-align: center;
}

.mn_footer_email i {
  font-size: 20px;
  background: #ffffff;
  color: #98C642;
  padding: 15px;
  border-radius: 50%;
  margin-right: 20px;
  transition: all 500ms ease;
}

.mn_footer_email a:hover i {
  color: #98C642;
  background: #ffffff;
}

.mn_footer_email a {
  font-size: 26px;
  text-decoration: none;
  text-transform: lowercase;
  line-height: 90px;
  color: #ffffff;
  transition: all 500ms ease;
}

.mn_footer_email a:hover {
  color: #98C642;
}

.mn_footer_menu {
  padding-top: 40px;
}

.mn_footer_menu ul {
  float: right;
}

.mn_footer_menu ul li a {
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  text-transform: capitalize;
  margin: 0 15px;
  transition: all 500ms ease;
}

.mn_footer_menu ul li a:hover {
  color: #98C642;
}

/*backbtn*/
#back-to-top {
  font-size: 16px;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  background: #ffffff;
  color: #98C642;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  border-radius: 50%;
  cursor: pointer;
  animation: waveBtn 2s infinite;
}

@keyframes waveBtn {
  0% {
    box-shadow: 0 0 0 0 rgba(45, 39, 41, 0.8)
  }

  50% {
    box-shadow: 0 0 0 40px transparent
  }

  100% {
    box-shadow: 0 0 0 0 transparent
  }
}

/* footer end */
/* modal section */
.modal-title-custom {
  color: #898DA9;
  text-align: center;
}

.modal-text-danger {
  display: none;
  color: red;
  margin-top: 5px;
  margin-bottom: 15px;
  text-align: start;
  font-size: small;
}

.modal-footer {
  border-top: none !important;
}

.modal-content.bg-dark {
  background-color: #1e1e2f; /* tono más profundo que bg-dark */
}

.form-control::placeholder {
  color: #aaa;
}

/* modal end */