@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";
body{
    padding:0;
    margin:0;
    font-family:"Outfit",sans-serif;
    font-optical-sizing:auto;
    font-weight:300;
    font-style:normal;
    color:#000;
    background:url(../img/bg.svg) no-repeat top #fff;
    background-size:100%;
    overflow-x: hidden;
}
p{
    color:#545454
}
h2{
    font-size:44px;
    font-weight:500;
    margin:0
}
@media(max-width: 575.98px){
    h2{
        font-size:25px
    }
}
a,button{
    -webkit-transition:all 500ms;
    transition:all 500ms
}
header{
    padding:2rem;
    top:0;
    z-index:9;
    left:0;
    width:100%;
    position:fixed;
    background-color:rgba(0,0,0,0);
    -webkit-transition:all 500ms;
    transition:all 500ms
}
@media(max-width: 991.98px){
    header{
        padding:2rem 24px
    }
}
header.scrolled{
    background-color:#fff;
    -webkit-box-shadow:0px 2px 10px 0px rgba(0,0,0,.03);
    box-shadow:0px 2px 10px 0px rgba(0,0,0,.03);
    padding: 1rem 24px;
}
.scroll-top{
    scroll-margin-top:100px
}

header .logo img{
    width:15rem
}
@media(max-width: 1199.98px){
    header .logo img{
        width:10rem
    }
}
@media(max-width: 767.98px){
    header .logo{
        width:auto
    }
}
header .logo a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-transition:all 500ms;
    transition:all 500ms
}
@media(max-width: 991.98px){
    .menu{
        position:fixed;
        opacity:0;
        visibility:hidden;
        padding:10px 24px;
        left:0;
        right:0;
        top:50px
    }
}
@media(max-width: 767.98px){
    .menu{
        padding:20px 24px
    }
    
}
@media(max-width: 991.98px){
    .menu.open-menu{
        opacity:1;
        visibility:visible;
        top:0;
        background-color:#fff;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
@media(max-width: 767.98px){
    .menu.open-menu{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.menuwrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 767.98px){
    .menuwrap{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
.menu ul.mainmenu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:0;
    gap:2rem;
    margin:0;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media(max-width: 1199.98px){
    .menu ul.mainmenu{
        gap:1rem
    }
}
@media(max-width: 480.98px){
    .menu ul.mainmenu{
        gap:15px;flex-direction: column;
    }
}
@media(max-width: 991.98px){
    .menu-wrap{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
}
@media(max-width: 767.98px){
    .menu-wrap{
        width:auto
    }
}
@media(max-width: 991.98px){
    #nav-icon1{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        cursor:pointer;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        gap:7px
    }
    #nav-icon1 span{
        width:25px;
        display:block;
        height:1px;
        background-color:#443664;
        -webkit-transition:all 500ms;
        transition:all 500ms;
        position:relative
    }
}
#nav-icon1.active span:nth-child(1){
    top:7px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
#nav-icon1.active span:nth-child(2){
    opacity:0;
    visibility:hidden
}
#nav-icon1.active span:nth-child(3){
    bottom:9px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.menu ul.mainmenu li{
    list-style:none
}
.menu ul.mainmenu li a{
    text-decoration:none;
    color:#000;
    font-weight:400
}
@media(max-width: 480.98px){
    .menu ul.mainmenu li a{
        font-size:14px
    }
}
ul.weblinks{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:0;
    gap:1rem;
    margin:0
}
@media(max-width: 767.98px){
    ul.weblinks{
        display:none
    }
}
ul.weblinks li{
    list-style:none
}
ul.weblinks li a{
    border:2px solid #ec5d71;
    border-radius:100px;
    padding:.6rem 1rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
ul.weblinks li:nth-child(2) a{
    border:2px solid #519ecf
}
.menu ul.mainmenu li a:hover{
    color:#e94950
}
ul.weblinks li a img{
    -webkit-transition:all 500ms;
    transition:all 500ms
}
ul.weblinks li a:hover{
    background-color:#ec5d71
}
ul.weblinks li:nth-child(2) a:hover{
    background-color:#519ecf
}
ul.weblinks li a:hover img{
    -webkit-filter:brightness(0) invert(1);
    filter:brightness(0) invert(1)
}
.banner{
    padding:2rem 5rem;
    margin-top:110px
}
@media(max-width: 991.98px){
    .banner{
        margin-top:70px;
        padding:2rem 12px
    }
}
.welcome,.numbers,.means,.about,.logos,.ceo,.faq{
    padding:3rem
}
.banner .top{
    margin:1rem 0 3rem 0
}
@media(max-width: 767.98px){
    .banner .top{
        text-align:center
    }
}
.banner .top h1{
    font-size:3.5rem;
    font-weight:500;
    color:#545454
}
@media(max-width: 575.98px){
    .banner .top h1{
        line-height:30px
    }
}
@media(max-width: 575.98px){
    .banner .top h1 br{
        display:none
    }
}
.banner .top h1 span{
    display:inline-block;
    color:#000;
    font-size:6rem;
    font-weight:600
}
@media(max-width: 1440.98px){
    .banner .top h1 span{
        font-size:4rem
    }
}
@media(max-width: 991.98px){
    .banner .top h1 span{
        font-size:3rem
    }
}
@media(max-width: 575.98px){
    .banner .top h1 span{
        font-size:2.5rem;
        line-height:1.3
    }
}
.banner .top h1 span.on1{
    font-size:3.5rem;
    font-weight:500;
    color:#545454
}
@media(max-width: 1440.98px){
    .banner .top h1 span.on1{
        font-size:2.3rem
    }
}
@media(max-width: 991.98px){
    .banner .top h1 span.on1{
        font-size:2rem
    }
}
@media(max-width: 575.98px){
    .banner .top h1 span.on1{
        font-size:1rem
    }
}
.feature{
    padding-left:6rem
}
@media(max-width: 1199.98px){
    .feature{
        padding-left:3rem
    }
    .visrow{    padding: 4rem 2rem 2rem 2rem;}
    .slide-right p {    font-size: 16px;}
    .logobox h5, .ceotxt p{    font-size: 16px;}
    .ceotxt h3{font-size: 30px;}
    .nav-tabs li.nav-item button.nav-link, .accordion-header button.accordion-button{font-size: 20px;}
    .numcon .numwrap .box .value-div .counter-value, .numcon .numwrap .box .value-div span{    font-size: 50px;}
    .meanbox h5{    font-size: 22px;}
}
@media(max-width: 767.98px){
    .feature{
        padding-left:12px;
        text-align:center
    }
}
@media(max-width: 767.98px){
    .feature .d-flex{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.feature h6{
    color:#333;
    font-weight:300;
    line-height:34px;
    font-size:1.5rem
}
@media(max-width: 1199.98px){
    .feature h6{
        font-size:1rem;
        line-height:1.5
    }
}
.feature a{
    border-radius:100px;
    padding:1rem 2rem;
    color:#fff;
    text-decoration:none;
    position:relative;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.feature a span{
    margin-right:8px
}
.feature a i{
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.feature a i img{
    float:left
}
.feature a *{
    position:relative;
    z-index:1
}
.feature a:after{
    content:"";
    position:absolute;
    right:0;
    width:100%;
    top:0;
    bottom:0;
    background-color:#5eacd6;
    border-radius:100px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.feature a:hover{
    color:#443664
}
.feature a:hover i{
    -webkit-transform:translateX(12px);
    -ms-transform:translateX(12px);
    transform:translateX(12px)
}
.feature a:hover:after{
    width:56px
}
.feature a.cescta:after{
    background-color:#ec5d71
}
.feature a img{
    margin-left:8px;
    -webkit-filter:brightness(0) invert(1);
    filter:brightness(0) invert(1)
}
@media(max-width: 767.98px){
    .bnr-img{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin-bottom:50px
    }
}
@media(max-width: 767.98px){
    .bnr-img img{
        max-width:400px;
        margin:auto
    }
}
.numcon{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.numcon .numwrap{
    position:absolute;
    width:100%;
    padding:4rem
}
.numcon .numwrap .box{
    margin:1rem 0
}
.numcon .numwrap .box .value-div{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;font-size: 55px;
    font-weight: 500;
}
.numcon .numwrap .box .value-div .counter-value{
    font-size:55px;
    font-weight:500
}
.numcon .numwrap .box .value-div h4{
    margin-bottom:0
}
.numcon .numwrap .box .value-div span{
    font-size:55px;
    font-weight:500;
    margin-left:10px
}
.numcon .numwrap h4{
    font-size:55px;
    font-weight:500
}
.numcon .numwrap p{
    margin:0
}
.meanbox{
    position:relative
}
.meanbox figure{
    border-radius:30px;
    overflow:hidden;
    position:relative
}
.meanbox figure img{
    border-radius:30px
}
.meanbox figure::after{
    position:absolute;
    width:50px;
    height:49px;
    background:#e94950;
    content:"";
    top:0;
    right:0;
    border-radius:0 30px
}
.meanbox figure.client::after{
    position:absolute;
    width:50px;
    height:49px;
    background:#519ecf;
    content:"";
    border-radius:0 30px
}
.meanbox figure.industry::after{
    position:absolute;
    width:50px;
    height:49px;
    background:#443664;
    content:"";
    border-radius:0 30px
}
.meanbox h5{
    font-size:30px;
    font-weight:400
}
.meanbox p{
    margin:0
}
.meanbox figure{
    position:relative
}
.meanbox figure:after{
    -webkit-transition:all 500ms;
    transition:all 500ms
}
.meanbox figure img{
    -webkit-transition:all 500ms;
    transition:all 500ms
}
.meanbox:hover img{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.meanbox figure:hover:after{
    width:60px;
    height:60px
}
.abtwrap{background: #f9f9f9;
    padding: 2.5rem 2rem;
    border-radius: 50px;}
.abouthead{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-bottom:50px;
}
.visrow{    padding: 4rem 4rem 2rem 4rem;align-items: center;}
.slide-right{    padding-left: 5rem;}
.slide-right p{    font-size: 20px;}
.misrow{flex-direction: row-reverse;}
.misrow .slide-right{padding-left: 12px;padding-right: 5rem;}
@media(max-width: 767.98px){
    .abouthead{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
.abtwebs{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:1rem
}
.abtwebs a svg{
    width:20px;
    height:20px;
    color:#fff;
    fill:none
}
.abtwebs a.nas:after{
    content:"";
    background:#e94950;
    position:absolute;
    right:0;
    width:100%;
    top:0;
    bottom:0;
    border-radius:100px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.abtwebs a.nrn:after{
    content:"";
    background:#519ecf;
    position:absolute;
    right:0;
    width:100%;
    top:0;
    bottom:0;
    border-radius:100px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.abtwebs a{
    color:#fff;
    text-decoration:none;
    border-radius:100px;
    padding:.8rem 1.5rem;
    font-size:14px;
    position:relative;
    height:50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.abtwebs a i{
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center;
    margin-left:10px;
    position:relative
}
.abtwebs a i img{
    float:left;
    width:14px;
    -webkit-filter:brightness(0) invert(1);
    filter:brightness(0) invert(1);
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.abtwebs a *{
    position:relative;
    z-index:1
}
.abtwebs a span{
    margin-right:10px
}
.abtwebs a:hover{
    color:#000
}
.abtwebs a:hover:after{
    width:50px
}
.abtwebs a:hover i img{
    -webkit-transform:rotate(0deg) translateX(5px);
    -ms-transform:rotate(0deg) translateX(5px);
    transform:rotate(0deg) translateX(5px)
}
.visec{
    padding-left:4rem;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:2rem
}
.visec h3{
    font-size:30px
}
.visec p{
    margin:0;
    font-size:18px
}
.visbox{
    padding:2.5rem;
    background:rgba(233,73,80,.1);
    border-radius:30px;
    height:100%
}
.visbox.mission{
    background:rgba(81,158,207,.1)
}
.logobox{
    text-align:center;
    border-radius:30px;
    border:2px solid #eee;
    -webkit-transition:all 500ms;
    transition:all 500ms
}
.logobox h5{
    -webkit-transition:all 500ms;
    transition:all 500ms
}
.logobox:hover{
    border-color:#ec5d71;
    background-color:rgba(236,93,113,.1)
}
.logobox:hover h5{
    -webkit-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    transform:translateY(-10px)
}
.logobox figure{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:15px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:150px;
    margin-bottom:0
}
.logobox figure img{
    height:75px;
    max-width:75%;
    aspect-ratio:3/1;
    -o-object-fit:contain;
    object-fit:contain
}
.logobox h5{
    font-weight:400;
    margin-bottom:2rem
}
.ceobox{
    background:#f9f9f9;
    padding:2.5rem 2rem;
    border-radius:50px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.ceotxt{
    padding-right:5rem
}
.ceotxt h3{
    font-weight:500;
    font-size:40px;
    margin-bottom:1.5rem
}
.ceotxt p{
    font-size:20px;
    margin:0
}
.ceobox figure{
    margin:0
}
.nav-tabs{
    border:0;
    gap:3rem
}
.nav-tabs li.nav-item button.nav-link{
    border:0;
    padding:0;
    color:#5a5a5a;
    font-size:25px;
    font-weight:400
}
.nav-tabs li.nav-item button.nav-link.active{
    color:#ec5d71;
    border-bottom:2px solid
}
.accordion-header button.accordion-button{
    padding:1.5rem;
    font-size:25px;
    font-weight:300
}
.accordion-button:not(.collapsed){
    color:#000;
    background-color:#f9f9f9
}
.accordion-button:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
footer{
    background:url(../img/ftr-bg.svg) no-repeat bottom #443664;
    padding:5rem 0 2rem 0;
    background-size:100%;
    margin-top:3rem
}
footer .ftrow1{
    text-align:center;
    padding:0 16rem;
    color:#fff;
    padding-bottom:3rem;
    border-bottom:1px solid rgba(255,255,255,.2)
}
@media(max-width: 1399.98px){
    footer .ftrow1{
        padding:0 8rem;
        padding-bottom: 3rem;
    }
}
@media(max-width: 991.98px){
    footer .ftrow1{
        padding:0 12px;
        padding-bottom: 3rem;
    }
}
footer .ftrow1 h5{
    font-size:35px;
    margin-bottom:1.5rem;
    font-weight:400
}
footer .ftrow1 p{
    color:#fff;
    margin:0;
    font-weight:200
}
.smlinks{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:1rem;
    margin-top:1.5rem
}
.smlinks a svg{
    width:20px;
    color:#ccc;
    fill:none;    opacity: .7;
}
.smlinks a {}
.smlinks a:hover svg{    opacity: 1;text-decoration: underline;}
.smlinks a:hover {margin-top: -.7rem;}
.copy{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    font-weight:200;
    font-size:14px;
    padding:1.5rem 0
}
.copy p{
    margin:0;
    color:#dadada
}
.copy a{
    text-decoration:none;
    color:#dadada
}
.slide-boxes{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:0
}
.slide-boxes .slide-left{
    height:100vh;
    position:relative
}
.slide-boxes .slide-left .slider-img-box{
    position:absolute;
    height:100%;
    width:100%;
    padding-right:60px
}
.slide-boxes .slide-left .slider-img-box figure{
    height:100%;
    padding:150px 0 50px
}
.slide-boxes .slide-left img{
    height:100%
}
@media(max-width: 575.98px){
    .slide-boxes .slide-left img{
        width:100%;
        height:auto
    }
}
.slide-boxes .slide-right{
    text-align:left;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.slide-boxes .slide-right .slider-text-box{
    position:absolute;
    height:100%;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:70px 120px;
    padding-left:60px
}
.slide-boxes .slide-right .slider-text-box h3{
    margin-bottom:20px
}
.slide-boxes .slide-right .slider-text-box p{
    color:#545454
}
ul.weblinks.moblinks, ul.weblinks.moblinks.mpbonly {display: none;}
.banrowt{align-items: center;}
.numbmob{display: none;}
.preloader{position:fixed;background-color:#fff;top:0;bottom:0;right:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:99}
.preloader img{width:80px}
li.brand a{display: flex;align-items: center;gap: 3px;}
li.brand a svg{width: 15px;}
.smlinks.faq{    justify-content: start;padding: 0;}
.smlinks.faq a svg{    color: #333;opacity: .7;}
.smlinks.faq a:hover svg{    opacity: 1;}
@media(max-width: 1250px){
.menu ul.mainmenu li a{    font-size: 15px;}
}
@media(max-width: 1199.98px){

    .visrow{    padding: 4rem 2rem 2rem 2rem;}
    .slide-right p {    font-size: 16px;}
    .logobox h5, .ceotxt p{    font-size: 16px;}
    .ceotxt h3{font-size: 30px;}
    .nav-tabs li.nav-item button.nav-link, .accordion-header button.accordion-button{font-size: 20px;}
    .numcon .numwrap .box .value-div .counter-value, .numcon .numwrap .box .value-div span, .numcon .numwrap h4{    font-size: 50px;}
    .meanbox h5{    font-size: 22px;}
    .slide-right {    padding-left: 2rem;}
    ul.weblinks{    gap: .5rem;}
    ul.weblinks li a img{    height: 15px;}
    .welcome h2{    font-size: 40px;    line-height:inherit;}
    
}

@media(max-width: 991.98px){
   .welcome, .numbers, .means, .about, .logos, .ceo, .faq {    padding: 2rem 0;}
   .welcon p {    font-size: 15px;}
   h2{    font-size: 35px;}
   .numcon .numwrap .box .value-div .counter-value, .numcon .numwrap .box .value-div span, .numcon .numwrap h4, .numcon .numwrap .box .value-div {
        font-size: 30px;
    }
    .numcon .numwrap .box {    margin: .5rem 0;}
    .numcon .numwrap p, p, .ceotxt p {    font-size: 14px;}
        .meanbox h5 {        font-size: 18px;    }
        .meanbox p {    font-size: 14px;    line-height: 20px;}
        .ceotxt {    padding-right: 2rem;}
            .nav-tabs {    gap: 1rem;}
                .nav-tabs li.nav-item button.nav-link, .accordion-header button.accordion-button {        font-size: 18px;    }
        h2 {   font-size: 30px;    }
            .ceotxt h3, .visrow h3 {        font-size: 22px;    }
         .visrow {        padding: 2rem 2rem 0rem 2rem;    }
         footer .ftrow1 h5{    font-size: 25px;    margin-bottom: 1rem;}
    .menu {        padding: 10px 24px;border-top: 1px solid #ddd;    border-bottom: 1px solid #ddd;    }
    ul.weblinks.moblinks{display: flex;margin-right: 2rem;}
    ul.weblinks li a{padding: .3rem .6rem;}
    ul.weblinks{display: none;}
    .menu.open-menu{justify-content: center;}
    #nav-icon1{    margin-right: 10\px;        z-index: 999;}
    .feature a{font-size: 14px;padding: .5rem 1rem;}
    .feature a img{width: 10px;}
    .menu ul.mainmenu{flex-direction: column;    }
    .welcome h2{    font-size: 35px;}
}

@media(max-width: 767.98px){
    .welcome .vr{display: none;}
    .welcome h2{    margin-bottom: 1rem;}
    .banner .top {    margin: 1rem 0;}
        ul.weblinks.moblinks {        margin-right: 1rem;        gap: .5rem;    }
        ul.weblinks li a img{height: 20px;}
        .banrowt {    align-items: flex-start;}
        .numbdesk{display: none;}
        .numbmob{display: block;}
        h2 {        font-size: 25px;    }
        .numcon .numwrap{padding: 2rem;}
        .numcon{align-items: start;}
            .numcon .numwrap .box .value-div .counter-value, .numcon .numwrap .box .value-div span, .numcon .numwrap h4, .numcon .numwrap .box .value-div {
        font-size: 40px;
    }
    .meanbox{margin-bottom: 1.5rem;}
    .meanbox:last-child{margin-bottom: 0;}
    .abtwebs a{    padding: .8rem;height: auto;}
    .abtwebs a span {    margin-right: 0;}
    .about h2{text-align: left;}
        .visrow {
        padding: 2rem 0 0rem 0;
    }
        .slide-right {
        padding-left: 12px;
    }
        .slide-right p {
        font-size: 15px;
    }
    .logobox figure{height: 100px;}
    .logobox{margin-bottom: 1rem;}
        .ceotxt {        padding-right: 0;    }
        .ceobox figure{    margin-bottom: 2rem;}
        .ceotxt h3{margin-bottom: 1rem;}
     .ceobox{flex-direction: column-reverse;padding: 2.5rem 1rem;}
     .abouthead{padding-bottom: 30px;align-items: flex-start;}
     .abtwebs{margin-top: 1.5rem;}
     .accordion-header button.accordion-button {        font-size: 15px;    }
     .accordion-header button.accordion-button{    padding: 1rem;}
     footer .ftrow1{text-align: left;}
     .smlinks{justify-content: left;}
     .copy{padding: 1rem;    flex-direction: column;gap: .5rem;}
     .accordion-body{font-size: 14px;}
     .welcome{    border-top: 1px solid #ddd;
    margin-top: 10px;}
    .welcon p{        margin: 0;}
    .welcome h2{    font-size: 25px;}

}

@media(max-width: 600px){
    ul.weblinks.moblinks {  display:none; }
    ul.weblinks.moblinks.mpbonly {  display:flex; justify-content: center;}
        .menu ul.mainmenu li a {
        font-size: 14px;
    }

}

.millionmodal .modal-header{width: 40px;
    position: fixed;
    z-index: 1;
    border: 0;
    background: #fff;
    border: 1px solid #ddd;
    margin: 0;
    align-items: center;
    justify-content: center;
    border-radius: 10rem;
    height: 40px;
    padding: 0;
    margin-left: 25px;
    margin-top: 25px;}

.millionmodal .modal-header button.btn-close{    padding: 0;
    margin: 0;}

.milimage{border-bottom:5px solid #4d9ece;}

/* Fullscreen celebration container */
    .celebration {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      pointer-events: none;
      z-index: 1040; /* below modal backdrop */
      overflow: hidden;
    }

    /* Confetti particles */
    .confetti {
      position: absolute;
      width: 10px; height: 10px;
      border-radius: 50%;
      opacity: 0.9;
      animation: confettiFall 3s linear forwards;
    }

    @keyframes confettiFall {
      0% { transform: translateY(0) rotate(0deg); opacity: 1; }
      100% { transform: translateY(100vh) rotate(720deg); opacity: 0; }
    }

    /* Sparkles */
    .sparkle {
      position: absolute;
      width: 6px; height: 6px;
      border-radius: 50%;
      opacity: 0.8;
      animation: sparkleAnim 1s ease-out forwards;
    }

    @keyframes sparkleAnim {
      0% { transform: scale(0); opacity: 1; }
      100% { transform: scale(1.5); opacity: 0; }
    }
    
@media(max-width: 767.98px){
    .millionmodal .modal-header{
        width: 30px;
        height: 30px;
        margin-left: 5px;
    margin-top: 5px;
    }
    .milimage {
    border-bottom: 2px solid #4d9ece;
    }
}