:not(i) {
    margin: 0;
    padding: 0;
    font-family: Ubuntu !important;
}
 h2 {
     display: inline;
 }

 .megamenu-icon {
     color: #f1c40f !important;
     font-size: 1.4rem;
     margin-right: 7px;
 }

 .megamenu-title {
     display: flex;
     align-items: center;
 }

 .purple {
     color: #8e44ad !important;
 }

 .yellow {
     color: #f1c40f !important;
 }

 .blue {
     color: #3498db !important;
 }

 .green {
     color: #2ecc71 !important;
 }

 .pink {
     color: #e84393 !important;
 }
button, input, optgroup, select, textarea {
    line-height: normal!important;
}
li a{
    text-decoration: none!important;
}
 .user-panel {
     display: flex;
     align-items: center;
 }

 .login-prompt .btn-login,
 .login-prompt .btn-register {
     margin-left: 10px;
     padding: 6px 14px;
     border-radius: 6px;
     text-decoration: none;
     font-size: 14px;
     transition: background 0.3s ease;
 }

 .btn-login {
     border: 1px solid #3498db;
     color: #3498db;
     background: #fff;
 }

     .btn-login:hover {
         background: #3498db;
         color: #fff;
     }

 .btn-register {
     background: #3498db;
     color: #fff;
     border: 1px solid #3498db;
 }

     .btn-register:hover {
         background: #2980b9;
     }

 .user-info {
     display: flex;
     align-items: center;
 }

     .user-info .user-avatar {
         width: 32px;
         height: 32px;
         border-radius: 50%;
         margin-right: 8px;
     }

     .user-info .username {
         margin-right: 12px;
         font-weight: 500;
         color: #ddd;
     }

     .user-info .btn-logout {
         border: none;
         background: #e74c3c;
         color: #fff;
         padding: 6px 12px;
         border-radius: 6px;
         cursor: pointer;
         font-size: 14px;
     }

         .user-info .btn-logout:hover {
             background: #c0392b;
         }

 .hidden {
     display: none !important;
 }

 .google-btn {
     width: 65%!important;
     align-items: center;
     justify-content: center;
     gap: 10px;
     background-color: #fff!important;
     color: #444!important;
     border: 1px solid #aaa;
     border-radius: 4px;
     font-weight: 700;
     padding: 10px 16px!important;
     cursor: pointer;
     transition: all 0.2s ease-in-out;
     box-shadow: 0 2px 4px rgba(0,0,0,0.1);
 }

     .google-btn img {
         width: 20px;
         height: 20px;
     }

     .google-btn:hover {
         background-color: #f7f7f7;
         box-shadow: 0 3px 6px rgba(0,0,0,0.15);
     }

     .google-btn:active {
         background-color: #eee;
     }
.box {
    flex: 1;
    padding: 20px;
    width:95%;
}
p {
    font-family: Ubuntu !important;
}
button a{
    text-decoration: none;
}
/***************************************************** SignUp ******************************************/
.form-group {
    text-align: center;
    position: relative;
    max-height: 80px;
    min-height: 80px;
}
.invalid-feedback{
    margin-top: -40px!important;
    margin-bottom: 0;
}
.form-input {
    width: 80%;
    padding: 20px  15px 5px 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    font-size: 14px;
    background: #fff;
    line-height: normal!important;
    
}

.form-label {
    position: absolute;
    left: 13%;
    top: -8px;
    color: #888;
    font-size: 16px;
    pointer-events: none;
    transition: 0.2s ease all;
    /* removed background so it's transparent */
}
.form-input:focus{
    border: 1px solid #9233d6;
}
/* float the label on focus or when input has value */
.form-input:focus + .form-label,
.form-input:not(:placeholder-shown) + .form-label {
    top: -18px;
    left:11%;
    font-size: 12px;
    color: #0078d7;
}
/********************************************************************/
h1, h2, h3, h4, h5, h6, strong {
    font-family: Titillium Web !important;
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, strong {
        font-family: Titillium Web !important;
    }

button, header {
    font-family: Titillium Web !important;
}

.vegaNavArrowColor {
    color: #5c5555 !important;
}

h4 {
    font-size: medium;
}

.subscribe {
    width: 100%;
    outline: 0;
    border-radius: 8px;
    margin: 3px 0;
    display: flex;
    justify-content: center
}

.sub-footer-input form input {
    width: 80%;
    height: 35px;
    box-sizing: border-box;
    border: none;
    outline: 0;
    border-radius: 8px;
    padding: 0 15px;
    margin: 3px 0;
}

    .sub-footer-input form input[type=submit] {
        width: 35%;
        background-color: #d40569;
        color: #fff;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center
    }

.subcsribe-main-box {
    text-align: center;
    overflow: hidden
}

body {
    overflow-x: hidden
}

::-webkit-scrollbar {
    width: 10px;
}
.partnerLogosContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25%;
    padding: 15px 0px;
}
.partnerLogosContainer>a>img{
    width:277px;
}
    .partnerLogosContainer > a:hover {
        cursor: pointer;
    }
.partnerLogosOuterContainer{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    
}
.partner {
    font-size: 1.4rem;
    line-height: 3rem;
}
::-webkit-scrollbar-thumb {
    background: #8f8f8f
}

::-webkit-scrollbar-track {
    background: rgba(78,78,78,0);
}

a {
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
}

.goTop {
    position: fixed;
    bottom: 100%;
    right: 25px;
    width: 45px;
    height: 45px;
    background-color: #d40569;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s linear;
    z-index: 2000
}

    .goTop.active {
        bottom: 90px
    }

    .goTop a {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 1.3rem;
        transform: rotateZ(-45deg)
    }

.login-main-box {
    width: 100px;
    height: 100px;
    background: #d40569;
}

.mobile-nav {
    position: fixed;
    width: 50%;
    height: 100%;
    top: 0;
    left: -95%;
    background-color: #fafaff;
    box-shadow: 2px 0 15px #626262;
    z-index: 5000;
    display: flex;
    flex-direction: column;
    transition: all .3s ease-in-out;
    overflow-y: scroll;
}

.vega-navbar-mobile {
    padding: 15px;
    box-sizing: border-box;
    margin-top: 40px;
}

    .vega-navbar-mobile ul {
        list-style: none;
    }

        .vega-navbar-mobile ul li {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .vega-navbar-mobile ul li i {
                color: #4e4e4e;
                font-size: 1.1rem;
                cursor: pointer;
            }

    .vega-navbar-mobile .m-services-sub-menu12 ul > li:hover {
        background-color: #ecf3ff;
        box-sizing: border-box;
        border-radius: 8px;
        color: #4e4e4e;
    }

.mobileMenuList:hover {
    background-color: #ecf3ff;
    box-sizing: border-box;
    border-radius: 8px;
    color: #4e4e4e;
}

.m-aboutUs-sub-menu ul li:hover, .m-product-sub-menu ul li:hover, .m-solution-sub-menu ul li:hover, .mobileMenuList ul li:hover {
    background-color: #ecf3ff;
    box-sizing: border-box;
    border-radius: 8px;
    color: #4e4e4e;
}

.vega-navbar-mobile ul li a {
    color: #4e4e4e;
    display: block;
    width: 100%;
}

.vega-nav-option-mobile {
    width: 100%;
    text-align: center
}

    .vega-nav-option-mobile button {
        padding: 8px 10px;
        border: none;
        outline: 0;
        border-radius: 5px;
        color: #fff;
        background-color: #55c7a6;
        cursor: pointer;
        width: 50%
    }

.topServices-btn .btnInfo {
    color: #d40569 !important
}

.close-menu {
    position: absolute;
    right: 35px;
    top: 10px;
    font-size: 1.5rem;
    cursor: pointer
}

.m-aboutUs-sub-menu, .m-product-sub-menu, .m-services-sub-menu, .m-solution-sub-menu {
    width: 120%;
    box-sizing: border-box;
    overflow: hidden;
    height: 0;
    border-radius: 8px
}

.subscription-modal .subimg {
    width: 100%;
    text-align: center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1016%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/rect%3e%3cuse xlink:href='%23SvgjsSymbol1023' x='0' y='0'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1023' x='720' y='0'%3e%3c/use%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1016'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cpath d='M-1 0 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0z' id='SvgjsPath1017'%3e%3c/path%3e%3cpath d='M-3 0 a3 3 0 1 0 6 0 a3 3 0 1 0 -6 0z' id='SvgjsPath1021'%3e%3c/path%3e%3cpath d='M-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0z' id='SvgjsPath1019'%3e%3c/path%3e%3cpath d='M2 -2 L-2 2z' id='SvgjsPath1020'%3e%3c/path%3e%3cpath d='M6 -6 L-6 6z' id='SvgjsPath1018'%3e%3c/path%3e%3cpath d='M30 -30 L-30 30z' id='SvgjsPath1022'%3e%3c/path%3e%3c/defs%3e%3csymbol id='SvgjsSymbol1023'%3e%3cuse xlink:href='%23SvgjsPath1017' x='30' y='30' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='30' y='90' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='30' y='150' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1017' x='30' y='210' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='30' y='270' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='30' y='330' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='30' y='390' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='30' y='450' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='30' y='510' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='30' y='570' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='90' y='30' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='90' y='90' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1021' x='90' y='150' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='90' y='210' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1017' x='90' y='270' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1021' x='90' y='330' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='90' y='390' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='90' y='450' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='90' y='510' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='90' y='570' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='150' y='30' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='150' y='90' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='150' y='150' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1021' x='150' y='210' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1021' x='150' y='270' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1017' x='150' y='330' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='150' y='390' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='150' y='450' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1017' x='150' y='510' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='150' y='570' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='210' y='30' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='210' y='90' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='210' y='150' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='210' y='210' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1021' x='210' y='270' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1017' x='210' y='330' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='210' y='390' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='210' y='450' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='210' y='510' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='210' y='570' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1021' x='270' y='30' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='270' y='90' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='270' y='150' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='270' y='210' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='270' y='270' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1021' x='270' y='330' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='270' y='390' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='270' y='450' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='270' y='510' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1022' x='270' y='570' stroke='rgba(220%2c 186%2c 24%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='330' y='30' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='330' y='90' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='330' y='150' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1021' x='330' y='210' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1021' x='330' y='270' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='330' y='330' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1021' x='330' y='390' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='330' y='450' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1022' x='330' y='510' stroke='rgba(220%2c 186%2c 24%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='330' y='570' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='390' y='30' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='390' y='90' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='390' y='150' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='390' y='210' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='390' y='270' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='390' y='330' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='390' y='390' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1017' x='390' y='450' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='390' y='510' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='390' y='570' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1017' x='450' y='30' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1021' x='450' y='90' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='450' y='150' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='450' y='210' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='450' y='270' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1017' x='450' y='330' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='450' y='390' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='450' y='450' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1017' x='450' y='510' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='450' y='570' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='510' y='30' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='510' y='90' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1017' x='510' y='150' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='510' y='210' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='510' y='270' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='510' y='330' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='510' y='390' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1022' x='510' y='450' stroke='rgba(220%2c 186%2c 24%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1017' x='510' y='510' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='510' y='570' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='570' y='30' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1021' x='570' y='90' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='570' y='150' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='570' y='210' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1021' x='570' y='270' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='570' y='330' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1022' x='570' y='390' stroke='rgba(220%2c 186%2c 24%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='570' y='450' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='570' y='510' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='570' y='570' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='630' y='30' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='630' y='90' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='630' y='150' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='630' y='210' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='630' y='270' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='630' y='330' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1022' x='630' y='390' stroke='rgba(220%2c 186%2c 24%2c 1)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='630' y='450' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='630' y='510' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1020' x='630' y='570' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='690' y='30' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='690' y='90' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1021' x='690' y='150' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1021' x='690' y='210' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1017' x='690' y='270' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='690' y='330' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1019' x='690' y='390' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1017' x='690' y='450' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1021' x='690' y='510' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1018' x='690' y='570' stroke='rgba(220%2c 186%2c 24%2c 1)'%3e%3c/use%3e%3c/symbol%3e%3c/svg%3e")
}

.subscription-modal .subcontent {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around
}

    .subscription-modal .subcontent img {
        width: 45%;
        margin-left: 10%
    }

.subscription-modal .subtext {
    width: 90%;
    margin-top: 10px
}

.subtn {
    width: fit-content;
    margin-left: 80%
}

.subscription-modal .subbtn {
    background-color: #fff;
    padding: 10px 14px;
    border: 1px solid #aa885a;
    color: #aa885a;
    cursor: pointer;
    margin-top: 20px;
    transition: background-color .3s;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -ms-transition: background-color .3s;
    -o-transition: background-color .3s
}

    .subscription-modal .subbtn:hover {
        background-color: #aa885a;
        color: #fff
    }

.subscription-modal .subdesc {
    color: #585858
}

.m-solution-sub-menu ul li h2 {
    width: 100%
}

.m-aboutUs-sub-menu.active, .m-product-sub-menu.active, .m-services-sub-menu.active, .m-solution-sub-menu.active {
    height: auto
}

.aboutUs, .product, .service, .solution {
    transition: all .2s;
    transform-origin: center
}

    .aboutUs.active, .product.active, .service.active, .solution.active {
        transition: all .2s;
        transform: rotateZ(180deg);
        transform-origin: center
    }

.m-product-sub-menu ul li {
    display: flex;
    justify-content: flex-start;
    padding: 0 10px;
    box-sizing: border-box
}

    .m-product-sub-menu ul li a {
        padding: 0 5px
    }

.m-aboutUs-sub-menu ul li {
    display: flex;
    justify-content: flex-start;
    padding: 0 10px;
    box-sizing: border-box
}

    .m-aboutUs-sub-menu ul li a {
        padding: 0 5px;
        margin-left: 5px
    }

.m-solution-sub-menu ul li {
    padding: 0 10px;
    box-sizing: border-box
}

    .m-solution-sub-menu ul li a {
        font-size: .9rem
    }

.m-services-sub-menu12 h2 {
    font-size: .9rem
}

.m-services-sub-menu12 ul li a {
    font-size: .9rem
}

.slider-main-container {
    width: 100%;
    height: 123vh;
    justify-content: center;
    background: url("/img/Intersection 1.svg") no-repeat top right;
    background-size: 85%
}

header {
    width: 100%;
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4000;
    transition: all .2s
}

    header.active {
        background-color: #fff;
        box-shadow: 0 0 18px rgba(33,46,60,.5);
        padding: 4px 0;
        border-bottom: 1px solid gray;
        transform: scale(1.02)
    }

        header.active .menu-bar i, header.active .vega-nav-option i, header.active .vega-navbar li a {
            color: #000
        }

        header.active .vega-nav-option select {
            background-color: rgba(224,224,224,.38);
            color: #000
        }

nav {
    width: 85%;
    margin: auto;
    height: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    box-sizing: border-box;
    line-height: 70px
}

.vega-brand img {
    margin: 10px;
    width: 70px;
    position: absolute
}

    .vega-brand img:last-child {
        display: none
    }

.vega-navbar li {
    list-style: none;
    margin: 0 13px;
    display: inline-block;
    text-align: center;
    position: relative
}

    .vega-navbar li:hover .product-sub-menu, .vega-navbar li:hover .services-sub-menu, .vega-navbar li:hover .solution-sub-menu {
        display: block
    }

.searchBox {
    width: 80%;
    padding: 2px;
    height: 25px;
    border-radius: 5px;
    background-color: #ecf3ff;
    margin-bottom: 7px;
    border: 1px solid #c3c3c3
}
.SignBox {
    
    text-align: center;
}
.SignBox button{

    width: 60%;
    background-color:#c0392b!important;
    height: 40px;
}
.getStart-container {
    width: 340px;
    max-height: 85vh;
    margin: 10px 0 0 0 !important;
    background-color: #fff;
    position: absolute;
    top: 20px;
    right: -60px;
    border-radius: 8px;
    transition: all 0s;
    visibility: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    z-index: 50000;
    overflow:auto;
}

    .getStart-container.add {
        top: 54px;
        visibility: visible;
        transition: all .1s
    }

    .getStart-container .line {
        width: 90%;
        text-align: center;
        background-color: rgba(0,0,0,.2);
        height: 1px;
        margin: 0 auto 20px auto; 
    }

.getStart-container-create, .getStart-container-login {
    padding: 0 15px;
    text-align: center
}

.getStart-container-create {
    margin-top: -15px
}

.getStart-container-create-btn, .getStart-container-free-btn, .getStart-container-login-btn {
    text-align: center;
    margin-top: -15px
}

.getStart-container-free-btn {
    margin-top: -20px
}

    .getStart-container-create-btn a, .getStart-container-free-btn a, .getStart-container-login-btn a {
        padding: 10px 40px;
        border: 1px solid #3a3ab2;
        color: #3a3ab2;
        border-radius: 5px
    }

.getStart-container-create-btn a {
    background-color: #3a3ab2;
    color: #fff;
    width: 60%;
    font-size: .9rem;
}

.getStart-container-free-btn a {
    background-color: #ff4d00;
    color: #fff;
    border-color: transparent;
    font-size: 80%
}

.vega-navbar li:hover a {
    color: #fff;
    transition: all .2s
}

.vega-navbar li i {
    color: rgba(255,255,255,.7);
    padding: 0 4px;
    vertical-align: 3px
}

.vega-navbar li a {
    color: rgba(255,255,255,.7);
    font-size: .9rem
}

.vega-nav-option button {
    padding: 8px 10px;
    border: none;
    outline: 0;
    border-radius: 5px;
    color: #fff;
    background-color: #55c7a6;
    cursor: pointer
}

.vega-nav-option i {
    color: #fff;
    cursor: pointer;
    font-size: 1.1rem;
    margin: 0 8px
}

.vega-nav-option select {
    padding: 8px 10px;
    border: none;
    outline: 0;
    border-radius: 5px;
    background-color: rgba(255,255,255,.38);
    color: #fff;
    cursor: pointer
}

    .vega-nav-option select option {
        color: #000
    }

.vega-nav-option button:hover {
    background-color: #4ab897
}

.search-box {
    position: fixed;
    width: 100%;
    height: 100%;
    line-height: 50px;
    background-color: rgba(0,0,0,.8);
    z-index: 7000;
    top: -100%;
    left: 0;
    box-sizing: border-box;
    transition: all .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

    .search-box.active {
        top: 0;
        border-radius: 0;
        transition: all .3s
    }

        .search-box.active form {
            transform: translateY(0);
            opacity: 1;
            transition-delay: 0.4s
        }

    .search-box form {
        line-height: 70px;
        width: 100%;
        text-align: center;
        position: relative;
        transform: translateY(-100px);
        opacity: 0;
        transition: all .2s
    }

    .search-box input[type=search] {
        width: 85%;
        padding: 19px 10px;
        border-radius: 8px;
        outline: #3A3AB2;
        border: 1px solid #fff;
        background: 0 0;
        color: #fff;
        font-size: 1.1rem
    }

    .search-box input[type=submit] {
        padding: 19px 0;
        border-radius: 8px;
        border: none;
        cursor: pointer;
        color: #fff;
        background: 0 0;
        position: absolute;
        right: 9%;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.1rem
    }

.main-slider-photo {
    width: 90%;
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box
}

.rocket-img {
    width: 50%;
    text-align: center;
    margin-top: 5rem
}

.slideshow-container-root {
    width: 50%;
    display: flex;
    flex-direction: column;
    height: 30%
}

.slideshowContainer {
    margin: auto;
    width: 100%;
    height: 80pt;
    display: flex;
    align-items: center
}

.slider-text h1 {
    font-size: 3rem
}

.slider-text p {
    padding: 20px 0;
    line-height: 25px
}

.slider-text button {
    border: none;
    padding: 12px 16px;
    outline: 0;
    color: #fff;
    background-color: #ff4d00;
    border-radius: 8px;
    cursor: pointer
}

    .slider-text button:hover {
        background-color: #e24100
    }

.product-sub-menu, .services-sub-menu, .solution-sub-menu {
    position: absolute;
    background-color: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    width: 220px;
    text-align: left;
    padding: 10px 0;
    box-shadow: 0 0 10px #4e4e4e;
    left: -50px;
    top: 58px;
    display: none
}

.services-sub-menu {
    position: fixed;
    width: 87vw;
    left: 7%;
    padding: 15px 10px
}

.solution-sub-menu {
    width: 80vw;
    left: -30vw;
    padding: 15px 10px
}

    .services-sub-menu:after, .solution-sub-menu:after {
        content: '';
        position: absolute;
        width: 0;
        height: 4px;
        background: linear-gradient(90deg,#d40569,#4f057a,#393cb4,#823793);
        bottom: 0;
        left: 0;
        transition: all .3s
    }

    .services-sub-menu:hover:after, .solution-sub-menu:hover:after {
        width: 100%
    }

.services-sub-menu1, .solution-sub-menu1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px 10px;
    box-sizing: border-box
}

.services-sub-menu12 {
    text-align: left !important;
    width: 33%
}

.solution-sub-menu12 {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center
}

.services-sub-menu12 li {
    display: block !important;
    text-align: left;
    height: 50px !important;
    font-size: .8rem;
    width: 100%;
    box-sizing: border-box;
    margin: -8px 4px !important;
    padding: 0 20px !important;
    line-height: 50px;
    border-radius: 8px
}

    .services-sub-menu12 li:hover {
        background-color: azure
    }

    .services-sub-menu12 li a {
        color: #4e4e4e !important
    }

.services-sub-menu12 h2 {
    line-height: 38px;
    font-size: 1rem;
    text-align: center;
    color: #4e4e4e !important
}

.services-sub-menu12 a h2 {
    line-height: 38px;
    font-size: .9rem
}

.solution-sub-menu12 a h2 {
    line-height: 38px;
    font-size: 1rem;
    text-align: center;
    color: #4e4e4e !important
}

.solution-sub-menu12:hover {
    background-color: #ecf3ff
}

.solution-sub-menu12 a img {
    width: 35% !important
}

.product-sub-menu a {
    color: #454545 !important
}

.product-sub-menu li i, .solution-sub-menu li i {
    color: #454545 !important;
    padding: 0 8px;
    font-size: 1.2rem;
    vertical-align: -2px
}

.product-sub-menu li {
    text-align: left;
    margin: 5px 0 !important;
    width: 100%
}

    .product-sub-menu li:hover {
        color: #3a3ab2 !important;
        background-color: #e9e9e9
    }

        .product-sub-menu li:hover a, .product-sub-menu li:hover i {
            color: #3a3ab2 !important
        }

        .product-sub-menu li:hover:before {
            opacity: 1
        }

    .product-sub-menu li:before {
        content: '';
        position: absolute;
        width: 3px;
        height: 100%;
        background: linear-gradient(180deg,#d40569,#4f057a,#393cb4,#823793);
        opacity: 0;
        transition: all .2s
    }

.aboutUs-main-container, .main-service-container, .step-main-container, .vega-services-inner-container, product-details-container {
    width: 85%;
    margin: 40px auto;
    display: flex;
    justify-content: space-between
}

.Services, .topServices {
    
    height: auto;
    box-sizing: border-box;
    padding: 18px;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(130,55,147,.28);
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: all .2s;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important
}

    .topServices:before {
        content: '';
        width: 100%;
        height: 6px;
        border-radius: 15px;
        position: absolute;
        top: 0;
        right: 0;
        background: linear-gradient(45deg,#d40569,#4f057a,#393cb4,#823793);
        transition: all 5s;
        animation: anime1 infinite linear 7s
    }

    .Services div, .topServices div {
        margin: 15px 0
    }

    .topServices .top-icon {
        width: 80px;
        height: 80px;
        overflow: hidden;
        text-align: center;
        margin: auto
    }

        .topServices .top-icon img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

.topServices-paragraph {
    height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

    .Services-paragraph p, .blog-paragraph p, .topServices-paragraph p {
        line-height: 25px;
        font-size: .9rem;
        text-align: justify-all
    }

.topServices .topServices-title {
    margin-top: 20px
}

    .topServices .topServices-title h2 a {
        font-size: 1.1rem !important
    }

.blog-btn a, .topServices-btn button {
    border: none;
    padding: 9px 16px;
    outline: 0;
    color: #fff;
    background-color: #3a3ab2;
    border-radius: 5px;
    cursor: pointer;
    color: #fff
}

.aboutUs-main-container {
    margin-top: 150px !important
}

.aboutUs-photo {
    width: 100%
}

    .aboutUs-photo img {
        width: 90%;
        object-fit: cover
    }

.aboutUs-content {
    width: 100%
}

    .aboutUs-content span {
        padding: 5px 10px;
        border-radius: 4px;
        background-color: #de535f;
        color: #fff
    }

    .aboutUs-content h3 {
        font-size: 2.5rem;
        padding: 13px 0;
        margin-bottom: 18px
    }

    .aboutUs-content p {
        text-align: justify;
        padding-bottom: 12px;
        color: #484848 !important;
        line-height: 25px;
        font-size: 1rem
    }

    .aboutUs-content a {
        color: #d40569;
        transition: all .2s
    }

        .aboutUs-content a:hover {
            margin-left: 10px
        }

.vega-services-main-container {
    width: 100%;
    margin-top: 150px;
    background: url("../img/4853433.jpg") no-repeat center;
    background-size: cover
}

.vega-services-inner-container {
    flex-direction: column;
    margin: 0 auto !important;
    padding: 35px 0
}

.Services, .blog {
    box-shadow: unset;
    transition: all .5s
}

    .Services:hover {
        box-shadow: 0 0 30px rgba(130,55,147,.2);
        background-color: #fff
    }

    .Services a {
        color: #d40569
    }

.vega-services-bRow, .vega-services-tRow {
    display: flex;
    justify-content: space-between
}

.step-sec-title span, .vega-blog-title span, .vega-service-title span {
    padding: 5px 10px;
    border-radius: 4px;
    background-color: #de535f;
    color: #fff
}

.vega-service-title h3 {
    font-size: 1.7rem;
    padding: 13px 0
}

.vega-service-title p {
    padding-bottom: 18px;
    color: #484848 !important;
    line-height: 24px;
    font-size: 1rem;
    width: 60%;
    text-align: center;
    margin: auto
}

.blog-main-container {
    width: 100%;
    background: linear-gradient(90deg,rgba(212,5,105,.91),#823793,#393cb4);
    padding: 35px 0;
    box-sizing: border-box;
    height: 300px
}

.step-sec-title h3, .vega-blog-title h3 {
    font-size: 1.7rem;
    padding: 13px 0;
    color: #fff
}

.vega-blog-title p {
    padding-bottom: 18px;
    color: #fff !important;
    line-height: 24px;
    font-size: 1rem;
    width: 60%;
    text-align: center;
    margin: auto
}

.blog-toggle-box {
    width: 15%;
    height: 40px;
    background: #fff;
    margin: 15px auto;
    border-radius: 20px;
    box-shadow: inset 0 0 7px #373737;
    box-sizing: border-box;
    padding: 5px 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

    .blog-toggle-box p {
        width: 50%;
        text-align: center;
        cursor: pointer;
        z-index: 44
    }

        .blog-toggle-box p a {
            color: #000
        }

    .blog-toggle-box .toggle {
        width: 50%;
        border-radius: 20px;
        background-color: #393cb4;
        position: absolute;
        top: 0;
        left: 0;
        height: 40px;
        transform: scale(.96,.9);
        box-shadow: inset 0 0 5px #0509b0,inset 0 0 8px #0509b0,0 0 5px #a7a7a7
    }

.blog-container {
    width: 85%;
    margin: -90px auto;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.blog {
    width: 32.5%;
    height: auto;
    box-sizing: border-box;
    border-radius: 15px;
    box-shadow: 0 0 15px rgba(130,55,147,.28);
    text-align: left;
    position: relative;
    overflow: hidden;
    transition: all .2s;
    background-color: #fff
}

.top-img {
    width: 100%;
    height: 250px;
    overflow: hidden;
    margin-top: 0
}

    .top-img img {
        width: auto;
        height: 250px;
        object-fit: contain;
        margin: auto;
        display: block
    }

.blog-btn, .blog-detail, .blog-paragraph, .blog-title {
    margin: 4vh 0;
    padding: 0 18px
}

.blog-detail, .blog-paragraph, .blog-title {
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.blog-title {
    font-size: 1.4rem;
    height: 10%
}

.blog-btn {
    text-align: center
}

.blog-detail {
    display: flex;
    justify-content: space-between;
    color: gray;
    font-size: .9rem
}

    .blog-detail .b {
        color: #d40569
    }

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

.blog-container2 {
    margin: 30px auto;
    box-sizing: border-box;
    padding: 9px 30px;
    border: 1px solid #393cb4;
    border-radius: 8px;
    transition: all .2s;
    width: 10%;
    text-align: center
}

.product12 {
    width: 500%
}

.social50 a {
    color: #4e4e4e;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center
}

.blog3 {
    width: 17vw
}

.blog-container a {
    width: fit-content;
    display: block;
    margin: auto
}

.blog-container2:hover {
    background-color: #393cb4;
    color: #fff
}

    .blog-container2:hover a {
        color: #fff
    }

.step-main-container {
    margin-top: 180px !important
}

.step-sec-content, .step-sec-photo {
    width: 100%;
    height: 100%
}

    .step-sec-photo img {
        width: 100%;
        object-fit: cover
    }

.step-sec-title h3 {
    color: #212121 !important;
    font-size: 2.2rem
}

    .step-sec-title h3 strong {
        color: #d40569 !important;
        text-transform: uppercase
    }

.step-sec-title {
    text-align: left !important
}

footer .sub-main-sec {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

    footer .sub-main-sec .sub-footer-input {
        height: 70%
    }

        footer .sub-main-sec .sub-footer-input form {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-around
        }

            footer .sub-main-sec .sub-footer-input form > div {
                display: flex;
                flex-direction: column;
                align-items: center
            }

footer a {
    color: rgba(255,255,255,.5);
    font-size: .8rem;
    font-family: Ubuntu !important
}

footer, footer input {
    font-family: Ubuntu !important
}

    footer input::-webkit-input-placeholder {
        font-family: Ubuntu !important;
        font-size: .8rem !important
    }

    footer input::-moz-placeholder {
        font-family: Ubuntu !important;
        font-size: .8rem !important
    }

    footer input:-ms-input-placeholder {
        font-family: Ubuntu !important;
        font-size: .8rem !important
    }

    footer input:-moz-placeholder {
        font-family: Ubuntu !important;
        font-size: .8rem !important
    }

.footer-aboutUss {
    width: 20%
}

.step-sec-paragraph {
    margin-top: 30px;
    color: #535353;
    line-height: 25px
}

.step-box1, .step-box2 {
    display: flex;
    justify-content: space-between;
    margin-top: 50px
}

    .step-box1 .step, .step-box2 .step {
        width: 100%
    }

.step1 span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #d40569;
    color: #fff;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    margin-right: 7px
}

.step1 {
    display: flex;
    align-items: center;
    font-size: 20px
}

.step2 p {
    font-size: .9rem;
    color: #606060;
    padding: 10px
}

.featured-box h6 {
    margin-top: -45px !important;
    margin-bottom: 25px !important;
    font-size: .9rem !important
}

footer {
    width: 100%;
    padding-top: 55px;
    background: linear-gradient(90deg,rgba(140,2,64,.91),#823793,#393cb4);
    color: #fff
}

    footer a {
        color: rgba(255,255,255,.5)
    }

        footer a:hover {
            color: rgba(255,255,255,.8)
        }

    footer address:hover {
        color: rgba(255,255,255,.8)
    }

.main-footer-container {
    width: 95%;
    margin: auto;
    display: flex;
    justify-content: space-between
}

.footer-aboutUs p {
    font-size: .8rem;
    line-height: 20px;
    color: #000
}

.footer-aboutUs-followUs ul {
    list-style: none;
    display: flex
}

    .footer-aboutUs-followUs ul li:hover {
        background-color: rgb(212 5 105);
        border-radius: 20%;
        margin: 20px 1px
    }

    .footer-aboutUs-followUs ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 45px;
        height: 45px;
        margin: 20px 1px
    }

        .footer-aboutUs-followUs ul li a {
            color: #fff;
            font-size: 1.9rem
        }

.footer-contact-links ul, .footer-product-links ul, .footer-services-links ul, .footer-solution-links ul {
    list-style: none;
    padding: 8px 0
}

    .footer-product-links ul li, .footer-services-links ul li, .footer-solution-links ul li {
        padding: 5px 0
    }

.footer-contact-links strong {
    padding: 0 3px;
    color: #fff
}

.footer-contact-links address {
    font-size: .8rem;
    color: rgba(255,255,255,.5);
    display: inline;
    font-style: unset
}

.footer-contact-links ul li {
    padding: 8px 0
}

.footer-copy-main {
    width: 100%;
    box-sizing: border-box;
    background-color: #fff
}

.footer-aboutUs-content > p > span {
    padding: 0 20px
}

.footer-aboutUs-content {
    margin-top: 3px
}

.footer-copy-main a {
    color: #1b37cd;
    font-weight: 700
}

    .footer-copy-main a:hover {
        color: #1b37cd
    }

.footer-copy-main {
    font-size: 2rem;
    color: gray;
    text-align: center;
    display: flex;
    padding-right: 108px;
    padding-top: 4px;
    justify-content: center
}

.footer-aboutUs-img {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.footer-copy-main h2 {
    font-weight: 400;
    font-size: .9rem;
    margin-left: auto;
    padding-bottom: 4px
}

.footer-aboutUs-img img {
    max-width: 47px
}

.menu-bar {
    display: none
}

@media screen and (min-width:1181px) {
    button, header {
        font-family: Titillium Web !important
    }
}

@media screen and (min-width:1354px) {
    .top-img img {
        width: 100%
    }

    .about-titlebar {
        margin-top: -19px
    }
}

@media screen and (max-width:1172px) {
    header.active .vega-brand img:first-child {
        display: block
    }

    header.active .vega-brand img:last-child {
        display: none
    }
}

@media screen and (max-width:1880px) {
    .service-container-align {
        height: 83vh !important
    }

    .blog-paragraph {
        text-align: left
    }

    .blog-title {
        font-size: 1.1rem !important;
        height: 10% !important
    }

    .blog {
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical !important
    }
}

@media screen and (max-width:1800px) {
    .megamenu-title a {
        line-height: 0
    }
}

@media screen and (min-width:1700px) {
    .slider-main-container {
        background-size: 85%
    }
}

@media screen and (max-width:1366px) {
    .services-sub-menu {
        position: fixed;
        width: 93vw;
        left: 4%;
        padding: 15px 10px;
        line-height: 2.3rem !important
    }

    .footer-aboutUss {
        width: 35% !important
    }

    .top-img img {
        width: 100%
    }

    .footer-aboutUs-content span {
        font-size: .9rem
    }

    .footer-copy-main {
        padding: 10px 10%
    }
      
        .footer-copy-main h2 {
            font-weight: normal;
            font-size: 0.9rem;
            margin-left: auto;
            padding-bottom: 4px;
        }
    .topServices-paragraph {
        height: 150px
    }

    .solution-sub-menu {
        left: -300px
    }

    .services-sub-menu1, .solution-sub-menu1 {
        padding: 0 10px;
        box-sizing: unset
    }

    .slider.active .img2 img {
        bottom: 50px
    }
}

@media screen and (max-width:1585px) {
    .third-services-sub-menu12 {
        width: 20%
    }

    .second-services-sub-menu12 {
        width: 45%
    }

    footer .sub-main-sec .sub-footer-input {
        margin-top: 15px
    }
}

@media screen and (max-width:850px) {
    .partner {
        font-size: 1.1rem;
    }
    
    .footer-aboutUss {
        width: 50% !important;
        align-items: center;
        display: flex;
        flex-direction: column
    }

    .footer-aboutUs-content span {
        font-size: .8rem
    }
}

@media screen and (max-width:1520px) {
    .blog-title {
        font-size: 1rem !important;
        height: 10% !important
    }
}

@media screen and (max-width:1426px) {
    .slider-text {
        width: 80% !important
    }

    .step-sec-title h3 {
        font-size: 180% !important
    }
}

@media screen and (min-width:1210px) {
    .col-lg-12 h2 {
        margin-top: 44px !important;
        margin-bottom: 44px !important
    }

    .feature-box-info {
        margin-left: 75px;
        margin-top: 35px
    }

    .listline-space li p, p {
        font-size: calc(.5em + 1vw / 2) !important;
        line-height: 2.3rem !important
    }
    address {
        font-size: calc(.5em + 1vw / 2) !important;
        line-height: 2.3rem !important
    }
    .listline-space li {
        font-size: calc(.5em + 1vw / 2) !important;
    }

    P.lead {
        font-size: calc(.5em + 1vw / 2) !important;
        line-height: 2.3rem !important
    }
}

@media screen and (max-width:1390px) {
    .services-sub-menu {
        width: 95vw;
        left: 2.5%
    }
}

@media screen and (max-width:1298px) {
    .footer-product {
        margin-left: 20px
    }

    .footer-solution {
        margin-left: 20px
    }

    .footer-services {
        margin-left: 20px
    }
}

@media screen and (max-width:1285px) {
    .main-slider-photo .slider-text {
        width: 400px !important;
        margin-left: 0
    }

        .main-slider-photo .slider-text .box {
            width: 100% !important
        }

    .third-services-sub-menu12 {
        width: 25%
    }

    .second-services-sub-menu12 {
        width: 42%
    }

    .text-container .box .title h1 {
        font-size: 1vw !important
    }

    .text-container .box {
        width: 80% !important
    }

        .text-container .box .title .block {
            background-color: #008ecc54 !important
        }

    .btnInfo-header {
        background-color: #2dcff3 !important
    }
}

@media screen and (max-width:1243px) {
    .vega-nav-option button {
        font-size: 55%
    }

    .about-titlebar img {
        width: 50% !important
    }

    .paginate_button {
        margin: 0 10px !important;
        padding: 3px;
        border: solid #d40569;
        border-radius: 8px
    }
}

@media screen and (max-width:1210px) {
    .topServices-paragraph {
        height: 160px
    }
}

@media screen and (min-width:1180px) {
    .mobileNavOpen {
        left: -80% !important
    }

    .text-container .box .title h1 {
        color: #fff !important
    }
}

@media screen and (max-width:1180px) {

    .partnerLogosContainer {
        width: 33%;
    }
    .partnerLogosContainer >a> img {
        width: 208px;
    }

    .slider-main-container {
        width: 100%;
        justify-content: center;
        background: url('/img/mainsplash.svg') no-repeat center;
        background-size: cover
    }

    .main-slider-photo {
        flex-direction: column-reverse;
        height: 100vh !important;
        justify-content: flex-end;
        text-align: center
    }

    .slider-text h1 {
        font-size: 2.3rem
    }

    .slider-text {
        color: #fff
    }

    .vega-navbar {
        display: none
    }
.vega-navbar ul{
    padding-left: 1px!important;

}
.vega-navbar ul li ul{
     padding-left: 1px!important;

}
    .vega-nav-option {
        position: absolute;
        right: 2rem
    }

        .vega-nav-option .caret {
            display: none
        }

    .search-box input[type=submit] {
        width: 15%;
        padding: 12px 10px;
        border-radius: 8px;
        border: none;
        box-shadow: 0 0 8px rgba(79,5,122,.3);
        cursor: pointer;
        background-color: #3a3ab2;
        color: #fff
    }

    .menu-bar {
        display: block;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.1rem;
        color: #fff
    }

    header.active nav .menu-bar svg {
        fill: black !important
    }

    #getStart {
        display: none
    }

    .vega-brand img:first-child {
        display: none
    }

    .vega-brand img:last-child {
        display: block
    }

    .vega-nav-option .langtitle {
        display: none
    }

    .dd-menu {
        width: 65px !important
    }

    .langoption {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .dd-menu li {
        justify-content: center;
        display: flex;
        flex: 20px
    }
}

@media screen and (max-width:1150px) {
    .rocket-img img {
        margin-bottom: 10%
    }
}

@media screen and (max-width:1116px) {
    .operationimg img {
        width: 60% !important;
        align-content: center
    }
}

@media screen and (max-width:1112px) {
    .titlebar-flex img {
        width: 50%
    }
}

@media screen and (max-width:1106px) {
    .lead {
        font-family: Ubuntu !important
    }

    .col-lg-1 h2, .col-lg-10 h2, .col-lg-12 h2 {
        font-size: 100%
    }

    .about p, .summery-about-content p {
        font-size: 1rem;
        line-height: 25px;
        text-align: justify;
        margin-top: 10px;
        color: #000;
        padding-right: 0 !important;
        padding-left: 10% !important
    }
}

@media screen and (max-width:1045px) {
    .text-wrap {
        padding: 2vw !important
    }
}

@media screen and (max-width:1024px) {
    .feature-box {
        font-size: 1.5rem
    }
}

@media screen and (max-width:960px) {
    .topServices-paragraph {
        height: 220px
    }

    .feature-box {
        font-size: 1rem
    }

    .blog-paragraph {
        height: auto
    }

    .aboutUs-photo img {
        width: 100%
    }

    .aboutUs-photo {
        margin-bottom: 30px
    }

    .aboutUs-main-container {
        flex-direction: column
    }

    .blog-title {
        font-size: 1.2rem
    }

    .step-main-container {
        flex-direction: column-reverse
    }

    .main-footer-container {
        flex-wrap: wrap
    }

    .footer-aboutUs {
        width: 50%
    }

    .footer-contact {
        width: 50%;
        margin: 15px 0
    }

    .footer-product {
        flex-grow: 1;
        width: 50%;
        margin: 15px 0
    }

    .footer-solution {
        flex-grow: 1;
        width: 50%;
        margin: 15px 0
    }

    .footer-services {
        flex-grow: 1;
        width: 50%;
        margin: 15px 0
    }

    .blog-container2 {
        width: 40%
    }

    .icon-featured {
        margin: 0 !important
    }

    .lead {
        font-size: 1rem
    }

    .rocket-img img {
        margin-bottom: 50%
    }
}

@media screen and (max-width:936px) {
    .m-product-sub-menu ul li, .m-solution-sub-menu ul li {
        font-size: 80%
    }

    .m-services-sub-menu1, m-services-sub-menu12 h2 ul li a {
        font-size: 60%
    }
}

@media screen and (max-width:899px) {
    .m-product-sub-menu ul li, .m-solution-sub-menu ul li {
        font-size: 100%
    }

    .listline-space ul li h3 strong {
        font-size: .9rem !important
    }

    .m-services-sub-menu1, .m-services-sub-menu12 h2 .m-services-sub-menu12 ul li {
        font-size: 50%
    }

    .paginate_button {
        margin: 0 10px !important;
        padding: 3px !important;
        border: solid #d40569;
        border-radius: 8px
    }
}

@media screen and (max-width:810px) {
    .main-service-container {
        flex-direction: column
    }

    .topServices {
        width: 100%;
        margin-top: 25px
    }

    .topServices-paragraph {
        height: auto
    }

    .rocket-img img {
        margin-bottom: 0 !important
    }
}

@media screen and (max-width:780px) {
    .blog-container1 {
        justify-content: center;
        flex-direction: column
    }

    .blog-container2 {
        width: 100%
    }

    .blog {
        width: 100%;
        margin-top: 20px
    }

    .mobile-nav {
        width: 80%
    }

    .li-margin li {
        font-size: .8rem !important
    }
}

@media screen and (max-width:730px) {
    .step-sec-title h3 {
        font-size: 1.7rem !important
    }
}

@media screen and (max-width:704px) {
    .m-solution-sub-menu ul li h2 {
        font-size: 100%
    }

    .m-services-sub-menu1, .m-services-sub-menu12 h2 {
        font-size: 80%
    }

    .m-services-sub-menu1, .m-services-sub-menu12 ul li a {
        font-size: 90%
    }
    .partnerLogosContainer {
        width: 50%;
    }
}

@media screen and (max-width:690px) {
    .flex-display {
        flex-direction: column !important
    }

    .main-about-page-container {
        width: 95% !important
    }

    .vega-services-bRow, .vega-services-tRow {
        flex-direction: column
    }

    .Services {
        width: 100%
    }

    .vega-blog-title p {
        width: 88%;
        font-size: .9rem
    }

    .blog-main-container {
        height: 350px
    }

    .vega-service-title p {
        width: 87%
    }

    .footer-aboutUs {
        width: 50%
    }

    .footer-contact {
        width: 50%;
        margin: 15px 0
    }

    .footer-product {
        flex-grow: 1;
        width: 50%;
        margin: 15px 0
    }

    .footer-solution {
        flex-grow: 1;
        width: 50%;
        margin: 15px 0
    }

    .footer-services {
        flex-grow: 1;
        width: 50%;
        margin: 15px 0
    }

    .main-slider-photo .slider-text {
        width: 80% !important;
        margin-left: 0 !important
    }
}

@media screen and (max-width:576px) {
    .main-about-page-container.dis-flex {
        flex-direction: column
    }

    .sub-footer-input form input {
        width: 50%
    }

    .comments_crm {
        width: 90%;
        height: 100% !important;
        padding-bottom: 50px !important;
        margin-left: 0 !important
    }

    .crm-content-container {
        width: 100%
    }

    .titlebar-flex {
        flex-direction: column !important
    }

    .email-about img {
        width: 100% !important
    }

    .img-box img {
        width: 90% !important
    }

    .main-footer-container {
        width: 95%;
        margin: 15px 0;
        text-align: center;
        display: flex;
        justify-content: center
    }

    .footer-aboutUs p {
        width: 100%
    }

    .footer-aboutUs-followUs ul {
        justify-content: center
    }
}

@media screen and (max-width:595px) {
    .secondcontent h1 strong {
        font-size: 1.2rem
    }

    .secondcontent ul li h2 {
        font-size: 1.2rem
    }

    .m-solution-sub-menu ul li h2 a {
        font-size: 80%
    }

    .m-services-sub-menu1, .m-services-sub-menu12 ul li a {
        font-size: 90%
    }
}

@media screen and (max-width:554px) {
    .m-services-sub-menu1, .m-services-sub-menu12 ul li h2 a {
        font-size: 80%
    }
}

@media screen and (max-width:550px) {
    .step-sec-title h3 {
        font-size: 1.5rem !important
    }

    .aboutUs-content h3 {
        font-size: 1.7rem
    }
    .partnerLogosContainer >a> img {
        width: 170px;
    }
}

@media screen and (max-width:550px) {
    .main-slider-photo .slider-text {
        width: 90% !important;
        margin-left: 10px !important;
        height: 100%
    }

    .blog-detail-header, .blog-detail-para {
        text-align: initial !important
    }

        .blog-detail-header h1 {
            font-size: 100% !important
        }

    .footer-aboutUs {
        width: 80%;
        margin: 15px 0
    }

    .footer-contact {
        width: 80%;
        margin: 15px 0
    }

    .footer-product {
        flex-grow: 1;
        width: 80%;
        margin: 15px 0
    }

    .footer-solution {
        flex-grow: 1;
        width: 80%;
        margin: 15px 0
    }

    .footer-services {
        flex-grow: 1;
        width: 80%;
        margin: 15px 0
    }

    .summery-about-content10 {
        font-size: 60% !important
    }
}

@media screen and (max-width:650px) {
    .rocket-img img {
        margin-bottom: 50%;
        width: 130% !important
    }

    .menu-footer-main-box, .subcsribe-main-box {
        width: 95%;
        margin: 15px 0;
        text-align: center
    }

    .subcsribe-main-box {
        width: 100% !important;
        justify-content: center;
        display: flex
    }
}

@media screen and (max-width:490px) {
    .step-sec-title h3 {
        font-size: 1.3rem !important
    }

    .top-img img {
        width: 100%
    }

    .aboutUs-content h3 {
        font-size: 1.5rem
    }

    .mobile-nav {
        width: 90%
    }

    .m-services-sub-menu1, .m-services-sub-menu12 h2 {
        font-size: 100%;
        width: 120%
    }

    .m-services-sub-menu1, .m-services-sub-menu12 ul li a {
        font-size: 90%
    }
}

@media screen and (max-width:480px) {
    .aboutUs-title-header h1 {
        font-size: 1.3rem
    }

    listline-space li {
        margin-left: 7vw
    }
}

@media screen and (max-width:468px) {
    .summery-about-content11 {
        width: 100%;
        font-size: 60% !important
    }

    .text-container .box .title .block {
        width: 40% !important
    }
}

@media screen and (max-width:430px) {
    .aboutUs-content h3 {
        font-size: 1.9rem;
        padding: 13px 0
    }

    .step-box1, .step-box2 {
        flex-direction: column;
        margin: 0
    }

    .step {
        margin: 18px 0
    }

    .steps-box {
        margin-top: 35px
    }

    .footer-aboutUs {
        width: 100%;
        margin: 15px 0
    }

    .footer-contact {
        width: 100%;
        margin: 15px 0
    }

    .footer-product {
        flex-grow: 1;
        width: 100%;
        margin: 15px 0
    }

    .footer-solution {
        flex-grow: 1;
        width: 100%;
        margin: 15px 0
    }

    .footer-services {
        flex-grow: 1;
        width: 100%;
        margin: 15px 0
    }
}

@media screen and (max-width:414px) {
    .m-services-sub-menu1, .m-services-sub-menu12 ul li h2 a {
        font-size: 90%
    }
}

@media screen and (max-width:405px) {
    .partnerLogosContainer {
        width: 100%;
        padding: 22px 0px;
    }
    .step-sec-title h3 {
        font-size: 1.1rem !important
    }

    .aboutUs-content h3 {
        font-size: 1.1rem
    }

    .rocket-img {
        margin-bottom: 10% !important;
        width: 70%
    }

    .text-container .box .title h1 {
        font-size: 10% !important;
        margin-bottom: 300%
    }

    .text-container .box .title .block {
        margin-bottom: 150%;
        width: 150% !important
    }
}

@media screen and (max-width:360px) {
    .lead {
        font-size: 1rem !important
    }

    .listline-space li {
        margin-left: 7vw !important
    }

    .listline-space ul li {
        font-size: small !important
    }

    .aboutUs-title-header h1 {
        font-size: 100%
    }

    .rocket-img {
        margin-bottom: 10% !important;
        width: 70%
    }
}

.lang-bg {
    background-color: transparent;
    transition: background-color .2s;
    color: #000
}

.dropdown {
    display: inline-block;
    position: relative;
    color: #fff
}

.dd-button {
    display: inline-block;
    white-space: nowrap;
    padding: 5px;
    border: none;
    outline: 0;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
    height: 40px;
    line-height: 40px
}

.dd-input {
    display: none
}

.dd-menu {
    position: absolute;
    width: 120px;
    border-radius: 10px !important;
    padding: 5px 3px;
    margin: 2px 0 0 0;
    box-shadow: 0 0 6px rgba(0,0,0,.3);
    background-color: #fff;
    list-style: none;
    overflow: hidden;
    box-sizing: border-box;
    top: 55px
}

.dd-input + .dd-menu {
    display: none
}

.dd-input:checked + .dd-menu {
    display: flex;
    flex-direction: column
}

.dd-menu li {
    padding: 5px 8px;
    cursor: pointer;
    white-space: nowrap
}

    .dd-menu li a {
        color: #000;
        margin: -21px -20px;
        padding: 2px 20px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: .9rem
    }

        .dd-menu li a img {
            margin-right: 4px;
            width: 23px;
            height: 23px
        }

.text-right {
    text-align: right
}

.bg-red {
    background-color: red
}

.crm-content-container {
    width: 100%
}

.dis-flex {
    display: flex
}

.comments_crm {
    width: 100%;
    height: 100% !important;
    padding-bottom: 50px !important;
    margin-left: 0 !important;
    background-color: rgba(244,244,244,.48) !important;
    box-shadow: -1px 2px 1px 0 rgba(94,94,94,.15)
}

.second-content li {
    margin-left: 30px;
    white-space: unset;
    margin-top: 20px;
    margin-bottom: 20px
}

.second-content p {
    display: inline-block;
    white-space-collapsing: discard
}

.listline-space li {
    line-height: unset !important;
    text-indent: 0 !important;
    margin-left: 30px;
    margin-bottom: 20px !important
}

    .listline-space li p {
        margin-top: 14px
    }

.listlinespace li {
    line-height: unset !important;
    text-indent: 0 !important;
    margin-left: 30px;
    margin-bottom: 20px !important
}

    .listlinespace li p {
        margin-top: 14px
    }

.listlinespace {
    margin-left: 100px
}

.listline-margin ul {
    margin: 15px 0
}

.listline-margin p {
    margin-top: 20px
}

.listline-space li p {
    text-indent: -1px !important;
    margin-top: 10px;
    margin-bottom: 10px
}

.text-wrap {
    padding: 60px 7vw;
    box-sizing: border-box
}

.line-height {
    line-height: 34px
}

strong {
    display: inline-block
}

.li-margin li {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.btnInfo-header {
    background-color: #2dcff3;
    padding: 20px;
    border-radius: 5px;
    color: #fff;
    position: absolute;
    bottom: 5px
}
.box a {
    color: #d40569;
    transition: all .2s;
}
.box a:hover {
    margin-left:10px;
}
    .flex-display {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important
}

.pic-inline img {
    display: inline !important
}

.box-frame {
    border-top: 4px solid #08c;
    background-color: #fff;
    border-radius: 9px;
    border-right: 1.8px solid #e3e3e3;
    border-left: 1.8px solid #e3e3e3;
    border-bottom: 1.8px solid #e3e3e3
}

.width100 {
    width: 100% !important;
    margin: auto !important
}

.text-centerr {
    text-align: center;
    color: #08c;
    font-size: 1rem;
    margin-bottom: revert
}

.text-center {
    text-align: center;
    color: #08c;
    font-size: 1.5rem;
    margin-bottom: revert
}

.icon-featured {
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 0;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 40px;
    line-height: 110px;
    background-color: #08c;
    box-sizing: border-box;
    border: 2px solid #fff;
    margin: -20px 0 25px 0
}

    .icon-featured:after {
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        content: '';
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

.all-container {
    width: 80%;
    margin: auto;
    padding: 90px 0
}

.width80 {
    width: 80%
}

.width20 {
    width: 20%;
    text-align: center
}

.text-right {
    text-align: right
}

.img-container {
    border: 1px solid #e3e3e3;
    margin: 10px 0
}

.article-container {
    display: flex !important;
    flex-direction: column !important
}

.article-content-container {
    display: flex;
    flex-direction: row
}

.recent-posts .date .month, article.post .post-date .month {
    background-color: #08c;
    padding: 0 9px;
    box-sizing: border-box;
    font-size: .75rem;
    color: #fff
}

.recent-posts .date .day, article.post .post-date .day {
    color: #08c;
    background: #f4f4f4;
    border-radius: 2px 2px 0 0;
    display: block;
    font-size: 16px;
    font-weight: 500;
    font-weight: 700;
    padding: 8px;
    text-align: center
}

.recent-posts .date .day, article.post .post-date .year {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    color: #575757
}

.recent-posts .date .day, article.post .post-date {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start
}

.post-date {
    margin-right: 15px
}

.post-title {
    color: #0077b3
}

.comment-icons {
    color: #8b8b8b
}

.comment-links {
    color: #0077b3
}

    .comment-links:hover {
        text-decoration: underline !important
    }

.titlebar-flex {
    display: flex
}

.flex-column {
    flex-direction: column !important
}

.img-thumbnail img {
    width: 100% !important
}

.animate10 {
    background-color: #4ddff380 !important;
    width: 386px;
    height: 65px;
    z-index: -400;
    padding: 0 5px;
    box-sizing: border-box;
    margin-bottom: 1rem
}

.mobileNavOpen {
    left: 0
}

body {
    margin: 0
}

.closeMobileNavCss {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 4999;
    background-color: transparent
}

.tawk-min-chat-icon {
    height: 25px !important;
    width: 25px !important
}

#j8phjmrdbnlg1645880367254 {
    height: 45px !important;
    width: 45px !important;
    min-height: 45px !important;
    min-width: 45px !important;
    max-height: 45px !important;
    max-width: 45px !important
}

.tawk-icon-right {
    display: none !important
}

.partnerLogosContainer:hover {
    animation-name: rotatePartners;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

@keyframes rotatePartners {
    0% {
        transform: rotateY(0deg);
    }

    50% {
        transform: rotateY(180deg);
    }

    100% {
        transform: rotateY(0deg);
    }
}

:root {
    --brand: #f59e0b; /* yellow (buttons/accents) */
    --brand-contrast: #111;
    --accent: #16a34a; /* green (accept) */
    --bg: #ffffff;
    --text: #111827;
    --muted: #6b7280;
    --overlay: rgba(0,0,0,.55);
    --radius: 16px;
    --shadow: 0 12px 30px rgba(0,0,0,.14);
    --gap: 12px;
}

/* Utility to match previous JS show/hide behavior */
.hidden {
    display: none !important;
}

/* ===== Modal overlay ===== */
#cookieModal {
    position: fixed;
    inset: 0;
    background: var(--overlay);
    display: none; /* hidden initially via .hidden */
    align-items: center;
    justify-content: center;
    padding: 16px;
    z-index: 9999;
}
    /* We keep .hidden for JS; if it's removed, display:flex will kick in */
    #cookieModal:not(.hidden) {
        display: flex;
    }

    /* Modal card (targets the first inner div from the HTML you pasted) */
    #cookieModal > div {
        background: var(--bg);
        color: var(--text);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        width: 100%;
        max-width: 640px;
        padding: 24px;
        position: relative;
    }

    #cookieModal h2 {
        margin: 0 0 4px 0;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.25;
    }

    #cookieModal p {
        margin: 0 0 16px 0;
        color: var(--muted);
        font-size: 0.95rem;
    }

    /* Options list */
    #cookieModal .space-y-3 > label {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 10px 12px;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        background: #fafafa;
    }

    #cookieModal input[type="checkbox"] {
        width: 18px;
        height: 18px;
        cursor: pointer;
    }

    /* Button row */
    #cookieModal .flex {
        display: flex;
    }

    #cookieModal .justify-end {
        justify-content: flex-end;
    }

    #cookieModal .space-x-3 {
        gap: 12px;
    }

    #cookieModal .mt-6 {
        margin-top: 24px;
    }

    /* Buttons (modal) */
    #cookieModal button {
        appearance: none;
        border: none;
        border-radius: 12px;
        padding: 10px 14px;
        font-weight: 600;
        cursor: pointer;
        transition: transform .06s ease, opacity .2s ease;
    }

        #cookieModal button:active {
            transform: translateY(1px);
        }
        /* Accept All (yellow) */
        #cookieModal button[onclick^="acceptAllCookies"] {
            background: var(--brand);
            color: var(--brand-contrast);
        }

            #cookieModal button[onclick^="acceptAllCookies"]:hover {
                filter: brightness(0.95);
            }
        /* Save Settings (dark) */
        #cookieModal button[onclick^="saveCookieSettings"] {
            background: #111827;
            color: #fff;
        }

            #cookieModal button[onclick^="saveCookieSettings"]:hover {
                opacity: .9;
            }

/* ===== Banner ===== */
#cookieBanner {
    position: fixed;
    bottom: 16px;
    left: 16px;
    background: linear-gradient(90deg,rgba(140,2,64,.91),#823793,#393cb4);
    color: #fff;
    padding: 12px 14px;
    border-radius: 14px;
    box-shadow: var(--shadow);
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 9998;
    max-width: min(560px, 95vw);
    line-height: 1.1;
     box-sizing:inherit;
     opacity: .8;
     max-height:60px ;
}
 *,::after, ::before {
     box-sizing: inherit!important; 
}
    #cookieBanner span {
        font-size: .95rem;
         box-sizing:inherit;
    }

    #cookieBanner button {
        appearance: none;
        border: none;
        border-radius: 10px;
        padding: 8px 12px;
        font-weight: 600;
        cursor: pointer;
        transition: transform .06s ease, opacity .2s ease;
        white-space: nowrap;
    }

        #cookieBanner button:active {
            transform: translateY(1px);
        }

        /* "Manage Settings" (yellow) = first button in banner */
        #cookieBanner button:first-of-type {
            background: rgb(226, 65, 0);
            color: #eee!important;
        }

            #cookieBanner button:first-of-type:hover {
                filter: brightness(0.95);
            }

        /* "Accept" (green) = second button in banner */
        #cookieBanner button:last-of-type {
            background: var(--accent);
            color: #fff;
        }

            #cookieBanner button:last-of-type:hover {
                opacity: .9;
            }


@media (max-width: 540px) {
    #cookieBanner {
        right: 16px;
        left: 16px;
        bottom: 12px;
        flex-wrap: wrap;
        gap: 8px;
    }

        #cookieBanner span {
            flex: 1 1 100%;
        }
}

/* Focus outlines for accessibility */
#cookieModal button:focus,
#cookieBanner button:focus,
#cookieModal input[type="checkbox"]:focus {
    outline: 3px solid rgba(245,158,11,.45); /* brand yellow with alpha */
    outline-offset: 2px;
}

/* ===== Standard Responsive Breakpoints ===== */

/* Extra large desktops (≥1400px) */
@media (max-width: 1400px) {
    .container, .main-content {
        max-width: 1320px;
    }
}

/* Large desktops (≥1200px) */
@media (max-width: 1200px) {
    .container, .main-content {
        max-width: 1140px;
    }
    .vega-navbar {
        font-size: 0.95rem;
    }
}

/* Tablets landscape (≥992px) */
@media (max-width: 992px) {
    .vega-navbar {
        display: none;
    }
    .menu-bar {
        display: flex;
    }
    .footer-aboutUs,
    .footer-contact,
    .footer-services,
    .footer-solution,
    .footer-product {
        width: 50%;
    }
}

/* Tablets portrait (≥768px) */
@media (max-width: 768px) {
    .main-slider-photo {
        flex-direction: column;
        text-align: center;
    }
    .slider-text {
        width: 90% !important;
        margin: 0 auto;
    }
    .topServices-paragraph {
        height: auto;
    }
}

/* Large phones (≥576px) */
@media (max-width: 576px) {
    .footer-aboutUs,
    .footer-contact,
    .footer-services,
    .footer-solution,
    .footer-product {
        width: 100%;
        margin: 10px 0;
    }
    .partnerLogosContainer {
        width: 100%;
    }
}

/* Small phones (<576px) */
@media (max-width: 400px) {
    .slider-text h1 {
        font-size: 1.2rem !important;
    }
    .step-sec-title h3 {
        font-size: 1rem !important;
    }
    .aboutUs-content h3 {
        font-size: 1rem !important;
    }
}/* Two-column layout for About Us sections */
.aboutUs-main-container.two-column {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
}

/* Children take half width */
.aboutUs-main-container.two-column .aboutUs-content,
.aboutUs-main-container.two-column .aboutUs-photo {
    flex: 0 0 48%; /* ~half width with gap */
    box-sizing: border-box;
}

/* Responsive: stack on mobile */
@media (max-width: 768px) {
    .aboutUs-main-container.two-column {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .aboutUs-main-container.two-column .aboutUs-content,
    .aboutUs-main-container.two-column .aboutUs-photo {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .aboutUs-photo img {
        max-width: 100%;
        height: auto;
    }
}