/*******************************
Template Name: Monnu 
Author Name: nsstheme 
--------------------------------
<---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
********************************/
/* common start */
body{
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  background-color: #06062a;
}
/* common end */
/* header start*/
.mn_header{
  position: relative;
  background-image: url(../images/header/shape.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: scroll;
}
.mn_navbar {
  padding: 20px 105px;
  align-items: center;
} 
.mn_navbar .container-fluid{
  padding: 0 4px;
}
.fix-top{
  background: rgb(6,6,42,.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: #06062a;
}
.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: #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 */
/* 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: 12%;
}
.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;
}
.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 */
/* 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: #06062a;
  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 center;
  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: #49dc87;
}
.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: #f31e5e;
  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: #f31e5e;
}
.mn_feature_text a:hover{
  background: #fff;
  color: #f31e5e;
}
/* feature end */
/* 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;
  background-image: url(../images/product/product-back.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  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: #49dc87;
  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: #49dc87;
}
.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: capitalize;
  line-height: 30px;
  color: #ffffff;
}
/* product end */
/* 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: 270px;
  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{
  font-size: 15px;
  color: #898da9;
  line-height: 35px;
  padding-right: 35%;
}
.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: #49dc87;
  padding-bottom: 15px;
}
.custom_progress{
  margin-top: 25%;
}
.custom_progress h4{
  font-size: 15px;
  line-height: 30px;
  text-transform: uppercase;
}
.custom_progress .percentCount{
  margin-top: -30px;
}
/* skill end */
/* 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: #49dc87;
}
.mn_award_pos_img{
  position: absolute;
  right: 4%;
  top: 0;
  z-index: -11;
  animation: pulse 2s infinite;
}
/* award end */
/* 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;
  margin: 0 25px;
  padding: 0;
  border: none;
  text-transform: uppercase;
  transition: all .4s ease;
}
.mn_custom_menu button:hover{
  color: #49dc87;
}
.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
}
/* portfolio end */
/* service start */
.mn_service{
  position: relative;
  padding-top: 140px;
  background: #22274c;
}
.mn_service::before{
  position: absolute;
  content: url(../images/service/pos-1.png);
  top: -48px;
  left: 6%;
}
.mn_service_pos_img::before{
  position: absolute;
  content: url(../images/service/pos-2.png);
  top: 125px;
  right: 0;
}
.mn_service_pos_img::after{
  position: absolute;
  content: url(../images/service/pos-3.png);
  top: 700px;
  left: 0;
}
.mn_service_tittle p{
  font-size: 16px;
  color: #898da9;
  text-transform: uppercase;
}
.mn_service_tittle h2{
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 90px;
}
.mn_service_text{
  display: flex;
  align-items: center;
  text-decoration: none;
  border-bottom: 1px solid #06062a;
  padding: 48px 0 47px;
  transition: all 500ms ease;
}
.mn_service_text:hover{
  border-bottom: 1px solid #898da9;
}
.mn_service_text:last-child{
  border: none;
  padding-bottom: 0;
}
.mn_service_text h3{
  position: relative;
  font-size: 26px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 36px;
  width: 160px;
  transition: all 500ms ease;
}
.mn_service_text h3::after{
  position: absolute;
  content: '';
  left: 0;
  top: 10px;
  height: 2px;
  width: 60px;
  background: #49dc87;
  opacity: 0;
  transition: all 500ms ease;
}
.mn_service_text:hover h3{
  padding-left: 70px;
}
.mn_service_text:hover h3::after{
  opacity: 1;
}
.mn_service_text p{
  font-size: 15px;
  width: 500px;
  color: #898da9;
  line-height: 26px;
}
.mn_service_text i{
  font-size: 40px;
  color: #49dc87;
  background: #06062a;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  rotate: -50deg;
  transition: all 500ms ease;
}
.mn_service_text i::before{
   display: block;
   padding: 20px;
}
.mn_service_text:hover i{
  rotate: 0deg;
  background: #f31e5e;
  color: #ffffff;
}
/* service end */
/* brands start */
.owl-item img{
  opacity: .5;
}
.owl-item.active.center img{
  opacity: 1;
} 
.mn_brands{
  padding: 100px 0 140px;
  background: #22274c;
}
.mn_brands_tittle{
  text-align: center;
}
.mn_brands_tittle h2{
  font-size: 24px;
  font-weight: 700;
  line-height: 90px;
  text-transform: uppercase;
  padding-bottom: 45px;
}
.ft_brands_carousel{
  display: flex;
}
.mn_brands_images {
  display: flex;
  justify-content: space-evenly;
}
.mn_brands_images img{
  width: auto !important;
}
/* brands end */
/* testimonial start */
.mn_testimonial{
  padding: 135px 0 275px;
}
.mn_testimonial_tittle{
  text-align: center;
}
.mn_testimonial_tittle p{
  font-size: 16px;
  color: #898da9;
  text-transform: uppercase;
  line-height: 25px;
}
.mn_testimonial_tittle h2{
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 90px;
  padding-bottom: 32px;
}
.detail{
  padding: 15px 0 0 15px;
}
.detail h3{
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  text-transform: capitalize;
}
.detail p{
  font-size: 12px;
  color: #898da9;
  text-transform: capitalize;
}
.border-ele {
  position: relative;
  border: 1px solid #898da9;
  height: 129%;
  position: absolute;
  width: 99%;
  top: 14%;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.border-ele::before{
  position: absolute;
  content: url(../images/testimonial/testimonial-hand.png);
  top: 57%;
  right: -121px;
  z-index: 11;
}
.mn_custom_indicator{
  position: relative;
  margin-bottom: 85px;
}
.mn_custom_indicator [data-bs-target]{
  display: flex;
  align-items: center;
  text-indent: unset;
  height: auto;
  border: 1px solid #898da9;
  background: #22274c;
  opacity: 1;
  margin: 0 4px;
  width: 25%;
}
.mn_custom_indicator .active{
  background: #202965;
  border: 1px solid #49dc87;
  transition: all .4s ease;
}
.mn_custom_indicator a{
  text-decoration: none;
}
.mn_custom_indicator img{
  width: 25%;
  border-radius: 50%;
  margin-left: 15px;
  padding: 5px;
  background: #ff4d24;
}
.para-item{
  text-align: center;
  width: 75%;
  margin: 0 auto;
}
.para-item p{
  font-size: 32px;
  line-height: 42px;
}
.slider_dots{
  display: flex;
  position: absolute;
  justify-content: center;
  left: 0;
  right: 0;
  bottom: -50px;
}
.slider_dots div{
background: red;
width: 10px;
height: 10px;
margin: 5px;
border-radius: 50%;
}
.slider_dots .active{
  background: rebeccapurple;
}
/* testimonial end */
/* blog start */
.mn_blog{
  position: relative;
  padding: 140px 0 0;
  background: #22274c;
}
.mn_blog::before{
  position: absolute;
  content: '';
  background: url(../images/blog/blog-pos.png);
  top: 90px;
  right: 0;
  height: 100%;
  width: 30%;
}
.mn_blog_tittle{
  text-align: center;
}
.mn_blog_tittle p{
  font-size: 16px;
  color: #898da9;
  text-transform: uppercase;
  line-height: 26px;
}
.mn_blog_tittle h2{
  font-size: 48px;
  font-weight: 700;
  line-height: 90px;
  padding-bottom: 60px;
}
.mn_blog_content{
  position: relative;
  text-decoration: none;
  color: #ffffff;
}
.mn_blog_content img{
  width: 100%;
}
.mn_blog_thumb{
  position: relative;
}
.mn_blog_thumb::before{
  position: absolute;
  content: url(../images/blog/blog-plus.png);
  background: rgba(234, 60, 121, 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_blog_content:hover .mn_blog_thumb::before{
  opacity: 1;
}
.mn_blog_text{
  border: 1px solid #898da9;
  margin-top: 20px;
  padding: 30px 0 20px 30px;
}
.mn_blog_text h2{
  font-size: 22px;
  font-weight: 700;
  padding-right: 70px;
  line-height: 32px;
  text-transform: capitalize;
}
.mn_blog_text p{
  font-size: 16px;
  color: #898da9;
  padding: 15px 90px 15px 0;
  line-height: 26px;
}
.mn_blog_text h4{
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 34px;
  transition: all 500ms ease;
}
.mn_blog_content:hover .mn_blog_text h4{
  color: #f31e5e;
}
.mn_blog_text h4 span{
  font-size: 14px;
  padding-left: 10px;
}
/* blog end */
/* 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;
}
/* 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: #49dc87;
}
.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: #49dc87;
  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: #49dc87;
  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: #49dc87;
}
.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: #22274c;
}
.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: #49dc87;
  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: #49dc87;
  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: #22274c;
  background-image: url(../images/footer/footer_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 140px 0 55px;
}
.mn_footer_tittle{
  text-align: center;
}
.mn_footer_tittle p{
  font-size: 16px;
  color: #898da9;
  text-transform: uppercase;
  line-height: 26px;
}
.mn_footer_tittle h2{
  font-size: 48px;
  background: linear-gradient(to right, #49dc87,#f31e5e);
  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: #f31e5e;
  color: #ffffff;
  padding: 15px;
  border-radius: 50%;
  margin-right: 20px;
  transition: all 500ms ease;
}
.mn_footer_email a:hover i{
  color: #f31e5e;
  background: #ffffff;
}
.mn_footer_email a{
  font-size: 26px;
  text-decoration: none;
  text-transform: capitalize;
  line-height: 90px;
  color: #ffffff;
  transition: all 500ms ease;
}
.mn_footer_email a:hover{
  color: #f31e5e;
}
.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: #f31e5e;
}

/*backbtn*/
#back-to-top {
  font-size: 16px;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  background: #f31e5e;
  color: #fff;
  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(243, 30, 94, 0.8)
  }
  50% {
      box-shadow: 0 0 0 40px transparent
  }
  100% {
      box-shadow: 0 0 0 0 transparent
  }
}
/* footer end */