/********************************************************
1. body start
 *******************************************************/
:root {
    --ca-theme-color: #148DFF;
    --ca-white-color: #ffffff;
    --ca-heading-color: #000;
    --ca-grey-color: #808285;
    --ca-main-color:#121A28;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    font-family: "Hanken Grotesk", sans-serif;
    background-color: var(--ca-main-color);
}

html {
    scroll-behavior: smooth;
}

*,
*:before,
*:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

a,
a:hover,
a:focus {
    text-transform: capitalize;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0;
    padding: 0;
    word-break: break-word;
}

img {
    max-width: 100%;
}

input,
textarea,
select,
button,
label,
svg,
svg path,
svg rect,
svg polygon,
img,
a,
:after,
:before,
:hover,
:focus,
.form-control:focus {
    outline: none !important;
    box-shadow: none;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

p {
    margin: 0px;
    word-break: break-word;
}

.mv-top-heading {
    font-size: 22px;
    font-weight: 600;
    color: var(--ca-theme-color);
    text-transform: capitalize;
    display: inline-block;
    padding-left: 40px;
}

.mv-heading {
    font-size: 45px;
    color: var(--ca-heading-color);
    font-weight: 800;
}

.mv-paragraph {
    font-size: 17px;
    color: var(--ca-grey-color);
    font-weight: 400;
}

/* button section start */
.mv-btn {
    min-width: 177px;
    min-height: 41px;
    padding: 10px 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 8px;
    font-size: 17px;
    font-weight: 500;
    color: var(--ca-white-color);
    text-transform: capitalize;
    background: var(--ca-theme-color);
    border-radius: 6px;
    transition: all 0.3s ease-out;
    position: relative;
    overflow: hidden;
    z-index: 1;
    
}
.mv-btn::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background:var(--ca-white-color) ; 
      transform: scale(0.5); 
      opacity: 0; 
      transition: transform 0.4s ease, opacity 0.4s ease;
      border-radius: inherit;
      z-index: -1;
    }
.mv-btn:hover::after {
      transform: scale(1); 
      opacity: 1; 
    }
.mv-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    /* border width */
    border-radius: 6px;
    background: linear-gradient(13.8deg, #148DFF 10.65%, #4AA7FF 90.1%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.mv-toggle-btn {
    display: none;
}

/* button section end */
/* header section start  */
.header_container {
    max-width: 1170px;
    margin: auto;
    padding: 0 10px;
}

.mv_header_main {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    padding: 20px 0;
}

.mv_header_main.mv-header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background-color: var(--ca-main-color);
    border-bottom: 1px solid #1f242e;
    transition: 0.4s ease;
}

.mv_header_main .mv_header_parent {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mv_navbar_menu .menu li a {
    position: relative;
    padding-bottom: 5px;
}
.mv_navbar_menu .menu li a::before{
       content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      height: 2px;
      width: 0;
    background-color:#fff;
      transition: width 0.3s ease;
  
   
}
.mv_navbar_menu .menu li a:hover::before{
    width: 100%;
}
.mv_navbar_menu .menu li a {
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
}

.mv_header_main .mv_header_parent .mv_header_button a.mv_btn {
    padding: 10px 30px;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    position: relative;
}
.mv_header_button a.mv_btn::after{
    content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background:var(--ca-theme-color) ; 
      transform: scale(0.5); 
      opacity: 0; 
      transition: transform 0.4s ease, opacity 0.4s ease;
      border-radius: 6px;
      z-index: -1;
}
.mv_header_button a.mv_btn:hover::after {
      transform: scale(1); 
      opacity: 1; 
    }
.mv_header_main .mv_header_parent .mv_header_button a.mv_btn:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    /* border width */
    border-radius: 6px;
    background: linear-gradient(23.33deg, #5F859E 18.97%, #E2E2E2 100.13%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.mv_brand_logo img{
    max-width: 160px;
    width: 100%;
    height: 31px;
    object-fit: contain;
}
/* header section end */
/* banner section start*/
.mv_banner_main {
    background: url("../images/banner_bg.png") no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding: 166px 0 74px 0;
}

.mv_banner_main::after {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #151A27 100%);
    z-index: -1;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

.mv_banner_main .mv_banner_parent {
    text-align: center;
    max-width: 812px;
    margin: auto;
}

.mv_banner_parent .mv_banner_line {}

.mv_banner_parent .mv_banner_line p.mv_btn {
    padding: 10px 30px;
    width: fit-content;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    text-align: center;
    color: var(--ca-white-color);
    position: relative;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    left: 0;
    right: 0;
    margin: auto;
    margin-bottom: 30px;
    backdrop-filter: blur(4px);
}

.mv_banner_parent .mv_banner_line p.mv_btn:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    /* border width */
    border-radius: 50px;
    background: linear-gradient(23.33deg, #5F859E 18.97%, #E2E2E2 100.13%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.mv_banner_parent h1 {
    font-weight: 900;
    background: linear-gradient(180deg, #FFFFFF 48.15%, #999999 95.06%);
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
    /* for modern browsers */
    color: transparent;
    font-size: 62px;
    text-align: center;
}

.mv_banner_parent h3 {
    font-weight: 400;
    font-style: Regular;
    font-size: 22px;
    color: #B7B7B7;
    text-align: center;
    padding: 30px 0;
}

.mv_banner_box {
    display: flex;
    gap: 25px;
    padding-top: 96px;
}

.mv_banner_box .mv_banner_box1 {
    max-width: 670px;
    width: 100%;
    padding: 50px;
    text-align: left;
    position: relative;
    background: linear-gradient(180deg, rgba(15, 77, 94, 0.5) 0%, rgba(18, 26, 40, 0.5) 100%);
    border-radius: 25px;
}

.mv_banner_box .mv_banner_box1::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    /* border width */
    border-radius: 25px;
    background: linear-gradient(360deg, #121A28 0%, #254B61 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 0;
}

.mv_banner_inner h2 {
    font-weight: 400;
    font-size: 26px;
    color: var(--ca-white-color);
}

.mv_banner_inner h1 {
    padding-top: 15px;
    font-weight: 900;
    font-size: 44px;
    background: linear-gradient(180deg, #FFFFFF 48.15%, #999999 95.06%);
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
    /* for modern browsers */
    color: transparent;
}

.mv_banner_inner h1 sup {
    font-weight: 900;
    font-size: 24px;
    background: linear-gradient(180deg, #FFFFFF 48.15%, #999999 95.06%);
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
    /* for modern browsers */
    color: transparent;
    position: super;
}

.mv_banner_inner h3 {
    font-weight: 900;
    font-size: 30px;
    background: linear-gradient(180deg, #FFFFFF 48.15%, #999999 95.06%);
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
    padding-top: 12px;
}

.mv_banner_box .mv_banner_box1 p {
    font-weight: 500;
    font-size: 18px;
    color: #B7B7B7;
    padding-top: 30px;
}

.mv_banner_box .mv_banner_box2 {
    max-width: 470px;
    width: 100%;
    padding: 50px 40px 50px 40px;
    text-align: center;
    position: relative;
    background: linear-gradient(180deg, rgba(15, 77, 94, 0.5) 0%, rgba(18, 26, 40, 0.5) 100%);
    border-radius: 25px;
}

.mv_banner_box .mv_banner_box2::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    /* border width */
    border-radius: 25px;
    background: linear-gradient(360deg, #121A28 0%, #254B61 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 0;
}

.mv_banner_inner2 h2 {
    font-weight: 900;
    font-size: 62px;
    padding-top: 20px;
    text-align: center;
    background: linear-gradient(180deg, #FFFFFF 48.15%, #999999 95.06%);
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
}

.mv_banner_inner2 h1 {
    font-weight: 400;
    font-size: 26px;
    padding-top: 12px;
    text-align: center;
    color: var(--ca-white-color);
}

.mv_banner_box .mv_banner_box2 p {
    font-weight: 500;
    font-size: 18px;
    color: #B7B7B7;
    padding-top: 30px;
}

/* banner section end */
/* slider section start */
.mv_slider_main {
    padding: 83px 0;
    background: linear-gradient(270deg, rgba(18, 26, 40, 0.5) 0%, rgba(18, 26, 40, 0.5) 25%, rgba(26, 36, 54, 0.5) 50%, rgba(18, 26, 40, 0.5) 75%, rgba(18, 26, 40, 0.5) 100%);
}
.mv_slider_main .swiper-slide {
    text-align: center;
}
.mv_slider_main .swiper-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    -webkit-transition-timing-function: 
linear !important;
    -o-transition-timing-function: linear!important;
    transition-timing-function: 
linear !important;
    animation: scrollLeft 40s backwards 
linear infinite;
}
@keyframes scrollLeft {
    0% {
    transform: translateX(0);
}
100% {
    transform: translateX(-100%);
}
}

.mv_slider_main .swiper-container{
    overflow: hidden;
}
.mv_common_heading .mv_heading_box h2 {
    font-weight: 900;
    font-size: 32px;
    text-align: center;
    background: linear-gradient(180deg, #FFFFFF 48.15%, #999999 95.06%);
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
}

.mv_common_heading .mv_heading_box h4 {
    font-weight: 500;
    padding: 20px 0 27px 0;
    font-size: 16px;
    color: #B7B7B7;
    text-align: center;
}

.mv_slider_main .swiper-container {
    mask-image: linear-gradient(var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0));
}

/* slider section end */
/* about section start */
.mv_about_main {
    padding: 80px 0;
    background:url('../images/about_bg.png') no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}
.mv_about_main::before{
    content: "";
    position: absolute;
    background:url('../images/about_gradient.png') ;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;

}
.mv_about_main::after{
    content: "";
    position: absolute;
    background:url('../images/about_gradient2.png') ;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;

}
.mv_about_main .custom_container {
    max-width: 1075px;
    width: 100%;
}

.mv_heading_box2 h2 {
    font-weight: 900;
    font-size: 28px;
    background: linear-gradient(180deg, #FFFFFF 48.15%, #999999 95.06%);
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
}

.mv_heading_box2 h4 {
    font-weight: 500;
    padding: 20px 0;
    font-size: 16px;
    color: #ffffff;
}

.mv_about_right p {
    font-weight: 400;
    font-size: 15px;
    color: #9398A2;
}

.mv_about_right p span {
    font-weight: 700;
    font-size: 15px;
    color: #9398A2;
}

.mv-about-down .mv_heading_box2 h4 {
    padding-top: 0;
}

.mv_product_list ul {
    list-style-image: url(../images/check.png);
    padding: 0 0 0 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 22px;
}

.mv_product_list ul li {
    font-weight: 400;
    color: #9398A2;
    font-size: 15px;
    padding-bottom: 8px;
}

.mv-about-down {
    position: relative;
    padding: 40px 40px 30px;
    margin-top: 38px;
}

.mv-about-down:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    /* border width */
    border-radius: 20px;
    background: linear-gradient(360deg, #121A28 0%, #254B61 100%),
        linear-gradient(0deg, #254B61, #254B61);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 0;
    border: 1px solid #254B61;
}

/* about section end*/
/* choose section start */
.mv_choose_main {
    position: relative;
    z-index: 1;
    background: url('../images/choose_bg.png') no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
    padding: 20px 0;
}
.mv_group_overlay1{
    position: relative;
    z-index: 0;
}
.mv_group_overlay1::before{
     content: "";
    position: absolute;
    width: 160px;
    height: 100px;
    border-radius: 40%;
    background-color: #919191;
    filter: blur(134px);
    left: 0;
    top: 250px;
    z-index: -1;
}
.mv_group_overlay2{
    position: relative;
    z-index: 0;
}
.mv_group_overlay2::before{
     content: "";
    position: absolute;
    width: 274px;
    height: 156px;
    border-radius: 40%;
    background-color: #919191;
    filter: blur(170px);
    right: 0;
    bottom: 50px;
    z-index: -1;
}
.mv_common_num_box{
    position: sticky;
    top: 87px;
}
.mv_common_num_box.margin_box{
    margin-top: -15px;
}
.mv_choose_main .mv_common_heading .mv_heading_box h4{
    padding-bottom: 0;
}
.mv_common_number h1 {
    font-weight: 900;
    font-size: 92px;
    text-align: center;
    background: linear-gradient(180deg, #1C293F 13.33%, #121A28 76.67%);
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
}

.mv_common_head {
    position: relative;
    background: #148DFF;
    width: fit-content;
    border-radius: 50px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 10px 30px;
    bottom: 32px;
}

.mv_common_head::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    /* border width */
    border-radius: 50px;
    background:  linear-gradient(13.8deg, #148DFF 10.65%, #4AA7FF 90.1%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 0;
}

.mv_common_head h4 {
    font-weight: 500;
    font-size: 16px;
    color: var(--ca-white-color);
    text-align: center;
}

.mv_common_box {
    position: relative;
    background: linear-gradient(180deg, #1A2437 0%, #121A28 100%);
    padding: 35px;
    border-radius: 25px;
    display: flex;
    justify-content: left;
    align-items: flex-start;
    gap: 20px;
}

.mv_common_box::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    /* border width */
    border-radius: 25px;
    background: linear-gradient(360deg, #121A28 0%, #254B61 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 0;
}

.mv_image_detail h3 {
    font-weight: 700;
    font-size: 20px;
    color: var(--ca-white-color);
}

.mv_image_detail p {
    padding-top: 10px;
    font-weight: 400;
    color: #B7B7B7;
    font-size: 15px;
}

.mv_image_box img {
    min-width: 20px;
}

.mv_choose_parent {
    padding-top: 8px;
    position: relative;
    padding-bottom: 20px;
    position: sticky;
   top: 233px;
}
.mv_choose_parent2 {
    padding-top: 8px;
    position: relative;
    padding-bottom: 20px;
    position: sticky;
   top: 253px;
}
.mv_choose_parent3 {
    padding-top: 8px;
    position: relative;
    padding-bottom: 20px;
    position: sticky;
   top: 273px;
}
.mv_my_group{
    position: relative;
}
.mv_my_subgroup{
    position: relative;
}
/* choose section end */
/* buisness section start */
.mv_buisness_main {
    padding: 65px 30px 10px 30px;
    position: relative;
    z-index: 1;
    
}

.mv_buisness_main::before {
    content: "";
    position: absolute;
    background-size: cover;
    right: -380px;
    bottom: 0;
    z-index: -1;
    width: 1148px;
    height: 679px;
    border-radius: 40%;
    background-color: #000000;
    filter: blur(244px);
    top: 0;
    margin: auto;
}

.mv_buisness_box {
    text-align: center;
    padding: 37px 20px;
    transition: 0.4s ease;

}
.mv_buisness_box:hover{
    transform: scale(1.1);
    transition: 0.4s ease;
}
.mv_buisness_box .mv_image_box2 {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, rgba(15, 77, 94, 0.5) 0%, rgba(18, 26, 40, 0.5) 70.71%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 20px;
    position: relative;
}

.mv_image_box2::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    /* border width */
    border-radius: 50%;
    background: linear-gradient(360deg, #121A28 27.14%, #254B61 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

/* buisness section end */
/* footer section start */
.mv_footer_main {
    padding: 76px 0 0 0;
    text-align: center;
    background: url('../images/footer_bg.jpg') no-repeat;
    background-size: cover;
    background-color: #050910;
}

.mv_footer_detail h2 {
    font-weight: 200;
    color: var(--ca-white-color);
    font-size: 28px;
    padding-top: 35px;
    text-align: center;
}

.mv_footer_detail h1 {
    font-weight: 900;
    padding: 10px 0;
    font-size: 44px;
    text-align: center;
    background: linear-gradient(180deg, #FFFFFF 48.15%, #999999 95.06%);
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
}

.mv_footer_detail h1 sup {
    font-weight: 900;
    padding: 20px 0;
    font-size: 24px;
    text-align: center;
    background: linear-gradient(180deg, #FFFFFF 48.15%, #999999 95.06%);
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
}

.mv_footer_detail h4 {
    font-weight: 900;
    padding-bottom: 26px;
    font-size: 20px;
    text-align: center;
    background: linear-gradient(180deg, #FFFFFF 48.15%, #999999 95.06%);
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
    /* gradient */
    -webkit-background-clip: text;
    /* clip background to text */
    -webkit-text-fill-color: transparent;
    /* make text itself transparent */
    background-clip: text;
}

.mv_footer_detail2 {
    margin-top: 55px;
    padding-bottom: 20px;
}

.mv_footer_detail2 p {
    font-weight: 500;
    padding-top: 20px;
    font-size: 16px;
    color: #B7B7B7;
    text-align: center;
}

.mv_footer_link {
    position: relative;
    width: fit-content;
    margin: auto;
    padding: 23px 0;
}

.mv_footer_link ul {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.mv_footer_link ul li {
    font-weight: 500;
    font-size: 14px;
    color: var(--ca-white-color);
    text-align: center;
}

.mv_footer_link ul li span {
    padding-left: 10px;
}

.mv_footer_link::before {
    content: "";
    position: absolute;
    inset: 0;
    padding-top: 1px;
    /* border width */
    background: linear-gradient(90deg, #121A28 0.18%, #254B61 50.09%, #121A28 100%);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

/* footer section end */

/* Responsive section start */

@media (min-width:768px) {
    .mv_navbar_menu ul.menu {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 60px;
    }
}

@media (max-width:992px) {
    .mv_navbar_menu ul.menu {
        gap: 30px;
    }

    .mv_banner_box {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .mv_about_main .mv_about_right,
    .mv_about_main .mv_about_left {
        text-align: center;
    }
      .mv_common_num_box{
        position: relative;
        top: 0;
    }
    .mv_choose_parent{
        position: relative;
        top: 0;
    }
      .mv_choose_parent2{
        position: relative;
        top: 0;
    }
      .mv_choose_parent3{
        position: relative;
        top: 0;
    }
}

@media (max-width:767px) {
    .mv_header_parent {
        background: none;
        justify-content: left;
    }

    .mv_navbar_menu ul {
        position: fixed;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        gap: 25px;
        top: 0px;
        left: -220px;
        width: 220px;
        height: 100%;
        background-color: var(--ca-white-color);
        box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease-in-out;
        padding: 20px 0 20px 30px;
        z-index: 99;
    }

    .mv_navbar_menu ul li {
        display: block;
        padding: 0 0 10px 10px;
    }

    .mv_navbar_menu .menu li a {
        color: #050910;
    }

    .mv-toggle-btn {
        display: block;
        position: absolute;
        right: 198px;
        top: 24px;
        cursor: pointer;
    }

    .mv-toggle-btn span {
        width: 30px;
        height: 4px;
        background-color: #16c9d6;
        margin-bottom: 5px;
        display: block;
        margin-left: auto;
        transition: all 0.3s ease-in-out;
    }

    .menu-open .mv-toggle-btn>span:nth-child(2) {
        transform: translateX(20px);
        visibility: hidden;
        opacity: 0;
    }

    .menu-open .mv-toggle-btn>span:nth-child(1) {
        transform: rotate(45deg);
        transform-origin: 4px 4px;
    }

    .menu-open .mv-toggle-btn>span:nth-child(3) {
        transform: rotate(-45deg);
        transform-origin: 4px -1px;
    }

    .menu-open .mv_navbar_menu ul {
        left: 0;
    }
.mv_product_list ul{
    grid-template-columns:repeat(1, 1fr);
}
    .mv_banner_parent h1 {
        font-size: 45px;
    }

    .mv_banner_parent h3 {
        font-size: 18px;
    }

    .mv_banner_main {
        padding-top: 128px;
    }

    .mv_banner_inner h1 {
        font-size: 35px;
    }

    .mv_banner_inner h2 {
        font-size: 22px;
    }

    .mv_banner_inner h3 {
        font-size: 24px;
    }

    .mv_banner_inner2 h2 {
        font-size: 45px;
    }

    .mv_banner_inner2 h1 {
        font-size: 22px;
    }

    .mv_footer_detail h2 {
        font-size: 24px;
    }

    .mv_footer_detail h1 {
        font-size: 35px;
    }
    .mv_navbar_menu .menu li a::before {
        background-color: #000;
    }
    .mv_slider_main .swiper-wrapper{
            animation: scrollLeft 20s backwards 
linear infinite;
    }
  
}

@media (max-width:575px) {
    .mv_banner_parent h1 {
        font-size: 35px;
    }

    .mv_banner_parent h3 {
        font-size: 18px;
    }

    .mv_banner_main {
        padding-top: 120px;
    }

    .mv_banner_inner h1 {
        font-size: 25px;
    }

    .mv_banner_inner h2 {
        font-size: 18px;
    }

    .mv_banner_inner h3 {
        font-size: 20px;
    }

    .mv_banner_inner2 h2 {
        font-size: 35px;
    }

    .mv_banner_inner2 h1 {
        font-size: 18px;
    }

    .mv_banner_box {
        padding-top: 53px;
    }

    .mv_common_heading .mv_heading_box h2 {
        font-size: 25px;
    }

    .mv_slider_main {
        padding: 55px 0;
    }

    .mv_about_main {
        padding: 50px 0;
    }

    .mv_buisness_main {
        padding-top: 50px;
    }

    .mv_footer_main {
        padding: 55px 15px;
    }

    .mv_footer_detail2 {
        margin-top: 30px;
    }

    .mv_footer_detail h1 {
        font-size: 30px;
    }

    .mv_footer_detail h4 {
        font-size: 18px;
    }
}

@media (max-width:430px) {
    .mv_header_button .mv_btn {
        display: none;
    }

    .mv-toggle-btn {
        display: block;
        position: absolute;
        right: 23px;
        top: 24px;
        cursor: pointer;
    }

    .mv_buisness_box {
        padding: 25px 10px;
    }


}

/* Respondive section end */