/**

 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */


 body{margin: 0; padding: 0; box-sizing: border-box;}
 li {
    list-style: none;
}

ul {
    padding-left: 0;
}
.btn{
   padding:15px 20px;
   background: #333366;
   border-radius: 12px;
   cursor: pointer;
   color: #fff !important;
   font-size: 18px;
   font-weight: 500;
   display: block;
   width: fit-content;
   margin: 0 auto;
   line-height: 18px;
}
.btn:hover {
    color: #fff;
}
h1,.h1, 
h2, .h2
h3, .h3
h4, .h4
h5, .h5{
   margin: 0 !important;
}
 h4{
    line-height: 32px !important;
 }
.section_spacing{padding: 100px 0;}

.container { max-width:1470px;    margin: 0 auto; padding: 0 0rem;}

.product_div {  display: flex;  gap: 28px; flex-wrap: wrap;}
.product_div .productbox {  width: 32%;    background: #fff;    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 20px;   padding: 20px;    cursor: pointer;}
.product_div .productbox  h4 {  margin: 20px 0 15px 0;}
.hero_section h1 {    border-bottom: 0.5px solid #444444 !important;    padding-bottom: 60px !important;}
.about_Section .aboutMainDiv { display: flex;    flex-wrap: wrap;    justify-content: space-between;    align-items:center;}
.about_Section .aboutMainDiv .aboutImage { width: 49%;}
.about_Section .aboutMainDiv .aboutContent {  width: 49%; display: flex; flex-direction: column; gap: 30px;}
.about_Section .aboutMainDiv .aboutContent p:last-child { margin-bottom: 0;}
/* .about_Section .aboutMainDiv .aboutImage img { width: 685px;  max-width: 100%;   height: 474px;} */
.blog_section {  background: #FAFAFA;   padding: 100px 0;}
.blogMainDiv .blogbox {  width: 31%;    background: #fff; border-radius: 10px; border:1px solid #4A3AFF33}
.blogMainDiv .blogbox .blogboxContent {  padding: 35px;}
.blogMainDiv .blogbox .arrow_img { margin-top: 28px;}
.blogMainDiv { display: flex;  gap: 45px;  flex-wrap: wrap; justify-content:flex-start;}
.blogMainDiv .blogbox .arrow_img img {    width: 24px !important;    height: 12px !important;}
.blog_section .heading {  text-align: center;    margin-bottom: 65px;}
.btnDiv { margin-top: 65px;}
.btnDiv span img { width: 11px;  height: 11px;  margin-left: 10px;}
.tabMainDiv {  display: flex;    gap: 60px;}
.tab-cont {  display: flex;    flex-direction: column;    width: 400px;    max-width: 100%; gap: 10px;}
.tab-cont button.but {    background: none;    border: 0.5px solid #333366;    color: #222222;     white-space: normal;    text-align: left;    border-radius: 6px;    font-size: 32px;    line-height: 32px;    font-weight: 400; padding: 20px 15px;}
.tab-cont button.but.active, .tab-cont button.but:hover {  background: #333366;    color: #fff;}
.innerContentDiv{ border: 0.5px solid #4A3AFF;    border-radius: 11px;}
.tabContentDiv{  width: 75%;}
.innerTopContent { display: flex;  justify-content: space-between;  flex-wrap: wrap;   padding: 35px;}
.innerTopContent .innerLeftContent {  width: 50%;  display: flex;  flex-direction: column;    gap: 16px;}
.innerContentDiv .innerBottomContent { display: flex;  flex-direction: column;  text-align: left;    gap: 30px;  padding: 35px;    border-top: 1px solid #4A3AFF;}
.innerContentDiv .innerBottomContent h5 {  margin: 0;    text-transform: uppercase;}
.innerContentDiv .innerBottomContent .innerImages { display: flex;  gap: 30px;    flex-wrap: wrap; align-items: center;}
.innerContentDiv .innerBottomContent .innerBtn .btn, .innerTopContent .innerRightContent .btn {  margin: 0;     color: #fff;}
.innerContentDiv .innerBottomContent .innerBtn .btn span img, .innerTopContent .innerRightContent .btn sapn img {  margin-left: 10px;    width: 11px;    height: 11px;}
.tab-content { display: none;}
.tab_Section .heading { margin-bottom: 60px;}
.tab_Section { border-top: 0.5px solid #4A3AFF66;}
.hero_section h1 { margin: 0;}
.innerImages img {  width: 130px;    height: auto; }
.innerTopContent .innerLeftContent p {    margin-bottom: 0; font-size: 22px; font-weight: 400;}
.vendors_div_class{    display: flex;    align-items: center;    gap: 30px;    flex-wrap: wrap;}
.innerTopContent .innerLeftContent h4 { margin: 0; color: #333366; padding-bottom: 20px;}
.hero_section{position: relative; padding-top: 13rem; padding-bottom: 28px;}
.hero_section img {  width: 425px;  height: auto;}
.hero_section .heroContent {  display: flex;    flex-direction: column;    gap: 8px;    border-bottom: 0.5px solid #444444;    padding-bottom: 64px;}
.hero_section .heroContent span {  font-size: 32px;    font-weight: 400;}
.details_Section .innerContentDiv:last-child {    margin-bottom: 0;}
.details_Section .innerContentDiv { margin-bottom: 30px; background: #ffffff;}
.details_Section .innerContentDiv h3 { margin: 0; text-transform: capitalize;}
.details_Section .heading-title h3 {    margin: 0;    padding-bottom: 40px;}
.partnerships_logo {    display: flex;    align-items: center;    gap: 90px;     flex-wrap: wrap; justify-content: space-between;}
/* .partnerships_logo a img {    width: 130px;} */
.partnerships .heading {    text-align: center;    padding-bottom: 70px;}
.competitive_div {    display: flex;    align-items: flex-start;    gap: 90px;   justify-content: space-between;    border-bottom: 1px solid #00000033;    padding-bottom: 64px;}
.strategic_div{    display: flex;    align-items: flex-start;    gap: 90px;}
.competitive_Logo, .strategic_Logo {    display: flex;    flex-wrap: wrap;    gap: 76px;    align-items: center;}
.competitive_Partnerships {    background: #FAFAFA;}
.strategic_Partnerships {    background: #FAFAFA;    padding-bottom: 100px;}
.strategic_Partnerships h3, .competitive_Partnerships h3 {    margin: 0;    line-height: 35px !important;}
.blogMainDiv .blogbox .blogboxContent h5 { margin: 0; min-height: 90px;}
.partnerships_logo a {  width: 20%;}
.partnerships_logo a img {  width: 100%;}
.e-n-tabs-heading button {    border-top-left-radius: 20px !important;    border-top-right-radius: 20px !important;    border: 0.5px solid #4A3AFF !important; }
.tab_Section .innerRightContent img {    width: 11px;    height: 11px;    margin-left: 10px;}
/* .elementor-kit-6 button:hover{
    border-radius: unset !important;
} */
.e-n-tabs-heading button:hover{
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}
.e-n-tabs-heading .e-n-tab-title-text{
    font-size: 26px !important;
    font-weight: 500;
}
.competitive_Partnerships img {
    width: 150px;
    height: 40px !important;
}
.hero_section .heroContent img {
    width: 170px;
    height: auto;
}
/* .blur_imageTop:before {
    background: radial-gradient(50% 50% at 50% 50%, rgba(74, 58, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 79.5%);
    width: 600px;
    height: 600px;
    position: absolute;
    opacity: 57%;
    border-radius: 580px;
    top: -150px;
    left: -150px;
    content: "";
    z-index: -1;
}

.hero_section:after{ background-image: url(https://staging.mh-enterprise.com/wp-content/uploads/2025/04/bg-image.svg);
   position: absolute; content: ""; background-position: top center;  background-size: cover;  height: 690px;  width: 100%; top: 100px;   background-repeat: no-repeat; }

.blur_image {
    position: relative;
}
.blur_image:before{
    background: radial-gradient(50% 50% at 50% 50%, rgba(74, 58, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 79.5%);
    width: 1307px;
    height: 1307px;
    position: absolute;
    opacity: 52%;
    border-radius: 580px;
    top: -300px;
    left: -525px;
    content: "";
    z-index: -1;

}

.blur_image:after{
    background: radial-gradient(50% 50% at 50% 50%, rgba(74, 58, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 79.5%);
    width: 700px;
    height: 700px;
    position: absolute;
    opacity: 52%;
    border-radius: 580px;
    top: -160px;
    right: 0;
    content: "";
    z-index: -1;
} */
.partnerships_logo a:first-child, .partnerships_logo a:last-child {
    padding-top: 40px;
}

.new_blog_section .blogMainDiv .blogbox {
   position: relative;
}
.blog_section .blogMainDiv .blogbox img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.blog_section.new_blog_section{
    background: transparent;
}

@media (max-width:1600px){
    .product_div {
        gap: 24px;
    }
}

@media (max-width:1540px){
    .container {
        padding: 0 2rem;
        max-width: 100%;
    }

    .product_div .productbox {
        width: 31.8%;
    }
    .blogMainDiv .blogbox {
        width: 31%;
    }
    .hero_section:after{
        height: 522px;
        top: 150px;
    }
    .partnerships_logo{
        gap: 87px;
    }
}

@media (max-width: 1440px) {
.partnerships_logo {
    gap: 85px;
}
}

@media (max-width: 1400px) {

    .product_div {
        gap: 25px;
    }
    .blogMainDiv{
        gap: 43px;
    } 
    .partnerships_logo{
        gap: 76px;
    }
}
@media (max-width: 1300px) {
    .blogMainDiv {
        gap: 40px;
    }
    .hero_section:after{
        height: 465px;
        top: 150px;
    }
}

@media (max-width: 1280px) {

    .product_div {
        gap: 24px;
    }
    .partnerships_logo {
        gap: 70px;
    }
}

@media (max-width:1199px){
    .product_div .productbox h4 {
        font-size: 25px;
        line-height: 25px;
    }
    .product_div {
        gap: 18px;
    }
    h2{
        line-height: 50px !important;
    }
    .innerTopContent .innerLeftContent{
        width: 70%;
    }
    .tab-cont button.but{
        font-size: 26px;
        line-height: 26px;
    }
    .tabMainDiv{
      gap: 40px;
    }
    .blogMainDiv {
        gap: 30px;
    }
    .blogMainDiv .blogbox .blogboxContent {
        padding: 20px;
    }
    .blogMainDiv .blogbox .blogboxContent h5 {
        font-size: 24px;
        line-height: 30px;
    }
    .hero_section:after{
        height: 372px;
        top: 180px;
    }
    .blog_section, .section_spacing{
        padding: 48px 0;
    }
    .partnerships_logo {
        gap: 59px;
    }
    .partnerships_logo a:first-child, .partnerships_logo a:last-child {
        padding-top: 20px;
    }
    .blog_section .btnDiv {
        margin-top: 48px;
    }
    .blog_section .blogMainDiv .blogbox img {
       height: 200px;
    }
}

@media (max-width:991px){
    .container{
        padding: 0 2rem;
    }
    .product_div .productbox{
        width: 100%;
    }
    .product_div{
        flex-wrap: wrap;
    }
    .product_div {
        gap: 25px;
    }
    h1{
        font-size: 50px !important;
        line-height: 50px;
    }
    h2{
        font-size: 40px !important;
        line-height: 40px;  
    }
    
    .about_Section .aboutMainDiv .aboutImage, .about_Section .aboutMainDiv .aboutContent{
       width: 100%;
    }
    .about_Section .aboutMainDiv{
        gap: 30px;
    }
    .tabMainDiv{
        flex-wrap: wrap;
    }
    .tab_Section .tab-cont , .tabContentDiv{
      width: 100%;
    }
    .blogMainDiv .blogbox {
        width: 100%;
    }
    .blogMainDiv .blogbox a img {
        width: 100%;
    }
    .strategic_Partnerships{
        padding-bottom: 60px;
    }
    .hero_section:after{
        height: 278px;
        top: 175px;
    }
    .hero_section{
        padding-bottom: 0px;
    }
    h3{
        line-height: 30px !important;
    }
    .partnerships_logo{
        gap: 45px;
    }
    .competitive_div, .strategic_div{
        gap: 30px;
        flex-wrap: wrap;
    }
    .competitive_Logo, .strategic_Logo{
        gap: 25px;
    }
    .competitive_Logo img, .strategic_Logo img {
        width: 80%;
    }
    .partnerships_logo a {
        width: 29%;
    }
    .partnerships .heading{
        padding-bottom: 40px;
    }
    .competitive_Partnerships .competitiveContent h3 br, .strategic_Partnerships .cstrategicContent h3 br {
        display: none;
    }
    .blur_image:before{
        width: 1000px;
        height: 1000px;
    }
    .partnerships_logo a {
        width: 48%;
    }
    .partnerships_logo {
        gap: 28px;
    }
    .partnerships_logo a {
        width: 22%;
    }
    .competitiveContent, .cstrategicContent {
        width: 100%;
        text-align: center;
    }
    .blog_section .blogMainDiv .blogbox img {
       height: 300px;
    }
    .blogMainDiv .blogbox .blogboxContent h5 {
    min-height:auto;
}
}
@media (max-width:767px){
    .innerContentDiv .innerBottomContent, .innerTopContent{
        padding: 20px;
    }
    .innerTopContent .innerLeftContent{
        width: 100%;
    }
    .tab_Section .innerRightContent {
        margin-top: 30px;
    }
    .details_Section .innerTopContent{
        gap: 20px;
    }
    .blur_image:before{
        top: 0;
        left: 0;
        width:350px;
        height: 350px;
    }
    .blur_imageTop:before{
        left: -115px;
        width: 350px;
        height: 350px;
        top: -90px;
    }
    .partnerships_logo a {
        width: 45%;
    }
    .partnerships_logo {
        gap: 30px;
    }
    .competitive_Logo, .strategic_Logo {
        gap: 15px;
        align-items: center;
        justify-content: space-around;
    }
    .innerImages img {
        width: 100px;
        height: auto;
    }
    .tab_Section .heading {
        margin-bottom: 30px;
    }
    .competitive_Partnerships img {
        width: 95px;
        height: 92px;
        object-fit: contain;
    }
    .innerTopContent .innerLeftContent h4{
        font-size: 26px;
    }
    h2{
        font-size: 34px !important;  
    }
    .blog_section .heading{
        margin-bottom: 40px;
    }
    .btnDiv {
        margin-top: 48px;
    }
    .partnerships_logo a:first-child, .partnerships_logo a:last-child {
        padding-top: 10px;
    }
    .hero_section {
        position: relative;
        padding-top: 8rem;
        padding-bottom: 28px;
    }
    .blog_section .blogMainDiv .blogbox img {
       height: 200px;
    }
}