:root{
    --heading-color:#0352a1;
    --heading-bg:#0352a1;
    --body-color:#A3BDFF;
    --white-color:#ffffff;
    --white-bg:#ffffff;
    --light-color:#F6F4EF;
    --light-color2:#A3BDFF;
    --light-color3:#b2b7c7;
    --light-color4:#C9CCD5
}
@media (min-width:1400px){
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
        max-width:1326px
    }
}
:root{
    --fs-xl-20:20px;
    --fs-xl-lineheight:32px;
    --fs-lg-18:18px;
    --fs-lg-lineheight:28px;
    --fs-md-16:16px;
    --fs-md-lineheight:24px;
    --fs-xs-14:14px;
    --fs-xs-lineheight:22px;
    --fs-xss-12:12px;
    --fs-xss-lineheight:20px
}
*,::after,::before{
    box-sizing:inherit;
    margin:0;
    padding:0
}
html{
    box-sizing:border-box;
    height:100%
}
body{
    color:var(--heading-color);
    font-family:"DM Sans",sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    vertical-align:baseline;
    text-rendering:optimizeLegibility;
    font-weight:400;
    overflow-x:clip;
    background-color:var(--white-bg);
    counter-reset:my-sec-counter;
    font-size:20px;
    line-height:1.3em
}
hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #e5e7e8;
    padding:0;
    margin:0
}
audio,canvas,iframe,img,svg,video{
    vertical-align:middle
}
fieldset{
    border:0;
    margin:0;
    padding:0
}
textarea{
    resize:vertical
}
.browserupgrade{
    margin:.2em 0;
    background:#ccc;
    color:#000;
    padding:.2em 0
}
.hidden{
    display:none!important
}
.visuallyhidden{
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
    white-space:nowrap
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto;
    white-space:inherit
}
.invisible{
    visibility:hidden
}
.clearfix:after,.clearfix:before{
    content:" ";
    display:table
}
.clearfix:after{
    clear:both
}
::-moz-selection{
    background-color:#989ffd;
    color:#fff
}
::selection{
    background-color:#989ffd;
    color:#fff
}
[type=button]:active,[type=button]:focus,[type=button]:hover,[type=color]:active,[type=color]:focus,[type=color]:hover,[type=color]:invalid,[type=date]:active,[type=date]:focus,[type=date]:hover,[type=date]:invalid,[type=datetime-local]:active,[type=datetime-local]:focus,[type=datetime-local]:hover,[type=datetime-local]:invalid,[type=datetime]:active,[type=datetime]:focus,[type=datetime]:hover,[type=datetime]:invalid,[type=email]:active,[type=email]:focus,[type=email]:hover,[type=email]:invalid,[type=month]:active,[type=month]:focus,[type=month]:hover,[type=month]:invalid,[type=number]:active,[type=number]:focus,[type=number]:hover,[type=number]:invalid,[type=password]:active,[type=password]:focus,[type=password]:hover,[type=password]:invalid,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=search]:active,[type=search]:focus,[type=search]:hover,[type=search]:invalid,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,[type=tel]:active,[type=tel]:focus,[type=tel]:hover,[type=tel]:invalid,[type=text]:active,[type=text]:focus,[type=text]:hover,[type=text]:invalid,[type=time]:active,[type=time]:focus,[type=time]:hover,[type=time]:invalid,[type=url]:active,[type=url]:focus,[type=url]:hover,[type=url]:invalid,[type=week]:active,[type=week]:focus,[type=week]:hover,[type=week]:invalid,button:active,button:focus,button:hover,input:not([type]):active,input:not([type]):focus,input:not([type]):hover,input:not([type]):invalid,textarea:active,textarea:focus,textarea:hover,textarea:invalid{
    outline:0;
    box-shadow:none
}
[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,button:active,button:focus,button:hover{
    cursor:pointer
}
@media print{
    *,:after,:before{
        background:0 0!important;
        color:#000!important;
        -webkit-box-shadow:none!important;
        box-shadow:none!important;
        text-shadow:none!important
    }
    a,a:visited{
        text-decoration:underline
    }
    a[href]:after{
        content:" (" attr(href) ")"
    }
    abbr[title]:after{
        content:" (" attr(title) ")"
    }
    a[href^="#"]:after,a[href^="javascript:"]:after{
        content:""
    }
    pre{
        white-space:pre-wrap!important
    }
    pre,thead{
        display:table-header-group
    }
    img,tr{
        page-break-inside:avoid
    }
    h2,h3,p{
        orphans:3;
        widows:3
    }
    h2,h3{
        page-break-after:avoid
    }
}
li,ol,ul{
    margin:0;
    padding:0;
    list-style:none
}
button{
    padding:0;
    outline:0;
    border:none;
    display:inline-block;
    background-color:transparent
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    font-family:"Plus Jakarta Sans",sans-serif;
    color:var(--heading-color);
    font-weight:700;
    margin:0
}
.h1,h1{
    font-size:100px;
    line-height:1.05em;
    letter-spacing:-2px
}
@media (max-width:1399px){
    .h1,h1{
        font-size:80px
    }
}
@media (max-width:1199px){
    .h1,h1{
        font-size:75px
    }
}
@media (max-width:767px){
    .h1,h1{
        font-size:48px
    }
}
.h2,h2{
    font-size:65px;
    line-height:1.07em;
    letter-spacing:-.1px
}
@media (max-width:1199px){
    .h2,h2{
        font-size:48px
    }
}
@media (max-width:767px){
    .h2,h2{
        font-size:36px
    }
}
.h4,h4{
    font-size:28px;
    letter-spacing:-.5px
}
@media (max-width:767px){
    .h4,h4{
        font-size:24px
    }
}
.h6,h6{
    font-size:20px;
    line-height:1.3em
}
p:last-child{
    margin-bottom:0
}
.f-size-10{
    font-size:10px!important
}
.f-size-11{
    font-size:11px!important
}
.f-size-12{
    font-size:12px!important
}
.f-size-13{
    font-size:13px!important
}
.f-size-14{
    font-size:14px!important
}
.f-size-15{
    font-size:15px!important
}
.f-size-16{
    font-size:16px!important
}
.f-size-17{
    font-size:17px!important
}
.f-size-18{
    font-size:18px!important
}
.f-size-19{
    font-size:19px!important
}
.f-size-20{
    font-size:20px!important
}
.f-size-21{
    font-size:21px!important
}
.f-size-22{
    font-size:22px!important
}
.f-size-23{
    font-size:23px!important
}
.f-size-24{
    font-size:24px!important
}
.f-size-25{
    font-size:25px!important
}
.f-size-26{
    font-size:26px!important
}
.f-size-27{
    font-size:27px!important
}
.f-size-28{
    font-size:28px!important
}
.f-size-29{
    font-size:29px!important
}
.f-size-30{
    font-size:30px!important
}
.f-size-31{
    font-size:31px!important
}
.f-size-32{
    font-size:32px!important
}
.f-size-33{
    font-size:33px!important
}
.f-size-34{
    font-size:34px!important
}
.f-size-35{
    font-size:35px!important
}
.f-size-36{
    font-size:36px!important
}
.f-size-37{
    font-size:37px!important
}
.f-size-38{
    font-size:38px!important
}
.f-size-39{
    font-size:39px!important
}
.f-size-40{
    font-size:40px!important
}
.line-height-10{
    line-height:10px!important
}
.line-height-11{
    line-height:11px!important
}
.line-height-12{
    line-height:12px!important
}
.line-height-13{
    line-height:13px!important
}
.line-height-14{
    line-height:14px!important
}
.line-height-15{
    line-height:15px!important
}
.line-height-16{
    line-height:16px!important
}
.line-height-17{
    line-height:17px!important
}
.line-height-18{
    line-height:18px!important
}
.line-height-19{
    line-height:19px!important
}
.line-height-20{
    line-height:20px!important
}
.line-height-21{
    line-height:21px!important
}
.line-height-22{
    line-height:22px!important
}
.line-height-23{
    line-height:23px!important
}
.line-height-24{
    line-height:24px!important
}
.line-height-25{
    line-height:25px!important
}
.line-height-26{
    line-height:26px!important
}
.line-height-27{
    line-height:27px!important
}
.line-height-28{
    line-height:28px!important
}
.line-height-29{
    line-height:29px!important
}
.line-height-30{
    line-height:30px!important
}
.line-height-31{
    line-height:31px!important
}
.line-height-32{
    line-height:32px!important
}
.line-height-33{
    line-height:33px!important
}
.line-height-34{
    line-height:34px!important
}
.line-height-35{
    line-height:35px!important
}
.line-height-36{
    line-height:36px!important
}
.line-height-37{
    line-height:37px!important
}
.line-height-38{
    line-height:38px!important
}
.line-height-39{
    line-height:39px!important
}
.line-height-40{
    line-height:40px!important
}
.font-bold{
    font-weight:700
}
.font-black{
    font-weight:800
}
.font-medium{
    font-weight:500
}
.font-normal{
    font-weight:400
}
.font-semibold{
    font-weight:600
}
a{
    text-decoration:none;
    transition:all .24s ease-in-out
}
img{
    max-width:100%
}
.rt-list{
    margin:0;
    padding:0;
    list-style:none
}
.mouse-cursor,.pointer{
    cursor:pointer
}
.border-transparent{
    border-color:transparent!important
}
.bg-transsparent{
    background-color:transparent!important
}
.hover\:bg-transsparenthover{
    background-color:transparent!important
}
.hover-shadow\:none{
    box-shadow:none!important
}
.bgprefix-cover{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center
}
.bgprefix-contain{
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center
}
.bgprefix-full{
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-position:center center
}
.position-parent{
    position:relative;
    z-index:1
}
.body-no-scrolling{
    overflow:hidden
}
.img-fit{
    display:block;
    object-fit:cover;
    transform:translate(-50%,-50%);
    left:50%;
    bottom:0;
    right:0;
    top:50%;
    position:absolute;
    height:100%;
    width:100%
}
.rt-mb-15{
    margin-bottom:15px
}
.rt-mb-8{
    margin-bottom:8px
}
.rt-mb-2{
    margin-bottom:2px
}
.rt-mb-4{
    margin-bottom:4px
}
.rt-pt-15{
    padding-top:15px
}
.rt-mb-12{
    margin-bottom:12px
}
.rt-spacer-15{
    height:15px
}
.rt-mb-16{
    margin-bottom:16px
}
.rt-mb-25{
    margin-bottom:25px
}
.rt-mb-24{
    margin-bottom:24px
}
.rt-mb-28{
    margin-bottom:28px
}
.rt-mb-48{
    margin-bottom:48px
}
.rt-mt-40{
    margin-top:40px
}
.rt-mb-32{
    margin-bottom:32px
}
.rt-mb-35{
    margin-bottom:35px!important
}
.hr-0{
    margin:0;
    padding:0
}
.text-gray{
    color:#7b878c
}
.hover\:border-transparent{
    border-color:transparent!important
}
.rt-mr-0{
    margin-right:0!important
}
.rt-ml-0{
    margin-left:0!important
}
.rt-rounded-0{
    border-radius:0!important
}
.rt-mr-1{
    margin-right:1px!important
}
.rt-ml-1{
    margin-left:1px!important
}
.rt-rounded-1{
    border-radius:1px!important
}
.rt-mr-2{
    margin-right:2px!important
}
.rt-ml-2{
    margin-left:2px!important
}
.rt-rounded-2{
    border-radius:2px!important
}
.rt-mr-3{
    margin-right:3px!important
}
.rt-ml-3{
    margin-left:3px!important
}
.rt-rounded-3{
    border-radius:3px!important
}
.rt-mr-4{
    margin-right:4px!important
}
.rt-ml-4{
    margin-left:4px!important
}
.rt-rounded-4{
    border-radius:4px!important
}
.rt-mr-5{
    margin-right:5px!important
}
.rt-ml-5{
    margin-left:5px!important
}
.rt-rounded-5{
    border-radius:5px!important
}
.rt-mr-6{
    margin-right:6px!important
}
.rt-ml-6{
    margin-left:6px!important
}
.rt-rounded-6{
    border-radius:6px!important
}
.rt-mr-7{
    margin-right:7px!important
}
.rt-ml-7{
    margin-left:7px!important
}
.rt-rounded-7{
    border-radius:7px!important
}
.rt-mr-8{
    margin-right:8px!important
}
.rt-ml-8{
    margin-left:8px!important
}
.rt-rounded-8{
    border-radius:8px!important
}
.rt-mr-9{
    margin-right:9px!important
}
.rt-ml-9{
    margin-left:9px!important
}
.rt-rounded-9{
    border-radius:9px!important
}
.rt-mr-10{
    margin-right:10px!important
}
.rt-ml-10{
    margin-left:10px!important
}
.rt-rounded-10{
    border-radius:10px!important
}
.rt-mr-11{
    margin-right:11px!important
}
.rt-ml-11{
    margin-left:11px!important
}
.rt-rounded-11{
    border-radius:11px!important
}
.rt-mr-12{
    margin-right:12px!important
}
.rt-ml-12{
    margin-left:12px!important
}
.rt-rounded-12{
    border-radius:12px!important
}
.rt-mr-13{
    margin-right:13px!important
}
.rt-ml-13{
    margin-left:13px!important
}
.rt-rounded-13{
    border-radius:13px!important
}
.rt-mr-14{
    margin-right:14px!important
}
.rt-ml-14{
    margin-left:14px!important
}
.rt-rounded-14{
    border-radius:14px!important
}
.rt-mr-15{
    margin-right:15px!important
}
.rt-ml-15{
    margin-left:15px!important
}
.rt-rounded-15{
    border-radius:15px!important
}
.rt-mr-16{
    margin-right:16px!important
}
.rt-ml-16{
    margin-left:16px!important
}
.rt-rounded-16{
    border-radius:16px!important
}
.rt-mr-17{
    margin-right:17px!important
}
.rt-ml-17{
    margin-left:17px!important
}
.rt-rounded-17{
    border-radius:17px!important
}
.rt-mr-18{
    margin-right:18px!important
}
.rt-ml-18{
    margin-left:18px!important
}
.rt-rounded-18{
    border-radius:18px!important
}
.rt-mr-19{
    margin-right:19px!important
}
.rt-ml-19{
    margin-left:19px!important
}
.rt-rounded-19{
    border-radius:19px!important
}
.rt-mr-20{
    margin-right:20px!important
}
.rt-ml-20{
    margin-left:20px!important
}
.rt-rounded-20{
    border-radius:20px!important
}
.rt-mr-21{
    margin-right:21px!important
}
.rt-ml-21{
    margin-left:21px!important
}
.rt-rounded-21{
    border-radius:21px!important
}
.rt-mr-22{
    margin-right:22px!important
}
.rt-ml-22{
    margin-left:22px!important
}
.rt-rounded-22{
    border-radius:22px!important
}
.rt-mr-23{
    margin-right:23px!important
}
.rt-ml-23{
    margin-left:23px!important
}
.rt-rounded-23{
    border-radius:23px!important
}
.rt-mr-24{
    margin-right:24px!important
}
.rt-ml-24{
    margin-left:24px!important
}
.rt-rounded-24{
    border-radius:24px!important
}
.rt-mr-25{
    margin-right:25px!important
}
.rt-ml-25{
    margin-left:25px!important
}
.rt-rounded-25{
    border-radius:25px!important
}
.rt-mr-26{
    margin-right:26px!important
}
.rt-ml-26{
    margin-left:26px!important
}
.rt-rounded-26{
    border-radius:26px!important
}
.rt-mr-27{
    margin-right:27px!important
}
.rt-ml-27{
    margin-left:27px!important
}
.rt-rounded-27{
    border-radius:27px!important
}
.rt-mr-28{
    margin-right:28px!important
}
.rt-ml-28{
    margin-left:28px!important
}
.rt-rounded-28{
    border-radius:28px!important
}
.rt-mr-29{
    margin-right:29px!important
}
.rt-ml-29{
    margin-left:29px!important
}
.rt-rounded-29{
    border-radius:29px!important
}
.rt-mr-30{
    margin-right:30px!important
}
.rt-ml-30{
    margin-left:30px!important
}
.rt-rounded-30{
    border-radius:30px!important
}
.rt-mb-0{
    margin-bottom:0
}
.rt-pt-0{
    padding-top:0
}
.rt-spacer-0{
    height:0
}
.rt-mb-10{
    margin-bottom:10px
}
.rt-pt-10{
    padding-top:10px
}
.rt-spacer-10{
    height:10px
}
.rt-mb-20{
    margin-bottom:20px
}
.rt-pt-20{
    padding-top:20px
}
.rt-spacer-20{
    height:20px
}
.rt-mb-30{
    margin-bottom:30px
}
.rt-pt-30{
    padding-top:30px
}
.rt-spacer-30{
    height:30px
}
.rt-mb-40{
    margin-bottom:40px
}
.rt-pt-40{
    padding-top:40px
}
.rt-spacer-40{
    height:40px
}
.rt-mb-50{
    margin-bottom:50px
}
.rt-pt-50{
    padding-top:50px
}
.rt-spacer-50{
    height:50px
}
.rt-mb-60{
    margin-bottom:60px
}
.rt-pt-60{
    padding-top:60px
}
.rt-spacer-60{
    height:60px
}
.rt-mb-70{
    margin-bottom:70px
}
.rt-pt-70{
    padding-top:70px
}
.rt-spacer-70{
    height:70px
}
.rt-mb-80{
    margin-bottom:80px
}
.rt-pt-80{
    padding-top:80px
}
.rt-spacer-80{
    height:80px
}
.rt-mb-90{
    margin-bottom:90px
}
.rt-pt-90{
    padding-top:90px
}
.rt-spacer-90{
    height:90px
}
.rt-mb-100{
    margin-bottom:100px
}
.rt-pt-100{
    padding-top:100px
}
.rt-spacer-100{
    height:100px
}
@media (max-width:1199.98px){
    .rt-mb-lg-0{
        margin-bottom:0
    }
    .rt-pt-lg-0{
        padding-top:0
    }
    .rt-spacer-lg-0{
        height:0
    }
    .rt-mb-lg-10{
        margin-bottom:10px
    }
    .rt-pt-lg-10{
        padding-top:10px
    }
    .rt-spacer-lg-10{
        height:10px
    }
    .rt-mb-lg-20{
        margin-bottom:20px
    }
    .rt-pt-lg-20{
        padding-top:20px
    }
    .rt-spacer-lg-20{
        height:20px
    }
    .rt-mb-lg-30{
        margin-bottom:30px
    }
    .rt-pt-lg-30{
        padding-top:30px
    }
    .rt-spacer-lg-30{
        height:30px
    }
    .rt-mb-lg-40{
        margin-bottom:40px
    }
    .rt-pt-lg-40{
        padding-top:40px
    }
    .rt-spacer-lg-40{
        height:40px
    }
    .rt-mb-lg-50{
        margin-bottom:50px
    }
    .rt-pt-lg-50{
        padding-top:50px
    }
    .rt-spacer-lg-50{
        height:50px
    }
    .rt-mb-lg-60{
        margin-bottom:60px
    }
    .rt-pt-lg-60{
        padding-top:60px
    }
    .rt-spacer-lg-60{
        height:60px
    }
    .rt-mb-lg-70{
        margin-bottom:70px
    }
    .rt-pt-lg-70{
        padding-top:70px
    }
    .rt-spacer-lg-70{
        height:70px
    }
    .rt-mb-lg-80{
        margin-bottom:80px
    }
    .rt-pt-lg-80{
        padding-top:80px
    }
    .rt-spacer-lg-80{
        height:80px
    }
    .rt-mb-lg-90{
        margin-bottom:90px
    }
    .rt-pt-lg-90{
        padding-top:90px
    }
    .rt-spacer-lg-90{
        height:90px
    }
    .rt-mb-lg-100{
        margin-bottom:100px
    }
    .rt-pt-lg-100{
        padding-top:100px
    }
    .rt-spacer-lg-100{
        height:100px
    }
}
@media (max-width:991.98px){
    .rt-mb-md-0{
        margin-bottom:0
    }
    .rt-pt-md-0{
        padding-top:0
    }
    .rt-spacer-md-0{
        height:0
    }
    .rt-mb-md-10{
        margin-bottom:10px
    }
    .rt-pt-md-10{
        padding-top:10px
    }
    .rt-spacer-md-10{
        height:10px
    }
    .rt-mb-md-20{
        margin-bottom:20px
    }
    .rt-pt-md-20{
        padding-top:20px
    }
    .rt-spacer-md-20{
        height:20px
    }
    .rt-mb-md-30{
        margin-bottom:30px
    }
    .rt-pt-md-30{
        padding-top:30px
    }
    .rt-spacer-md-30{
        height:30px
    }
    .rt-mb-md-40{
        margin-bottom:40px
    }
    .rt-pt-md-40{
        padding-top:40px
    }
    .rt-spacer-md-40{
        height:40px
    }
    .rt-mb-md-50{
        margin-bottom:50px
    }
    .rt-pt-md-50{
        padding-top:50px
    }
    .rt-spacer-md-50{
        height:50px
    }
    .rt-mb-md-60{
        margin-bottom:60px
    }
    .rt-pt-md-60{
        padding-top:60px
    }
    .rt-spacer-md-60{
        height:60px
    }
    .rt-mb-md-70{
        margin-bottom:70px
    }
    .rt-pt-md-70{
        padding-top:70px
    }
    .rt-spacer-md-70{
        height:70px
    }
    .rt-mb-md-80{
        margin-bottom:80px
    }
    .rt-pt-md-80{
        padding-top:80px
    }
    .rt-spacer-md-80{
        height:80px
    }
    .rt-mb-md-90{
        margin-bottom:90px
    }
    .rt-pt-md-90{
        padding-top:90px
    }
    .rt-spacer-md-90{
        height:90px
    }
    .rt-mb-md-100{
        margin-bottom:100px
    }
    .rt-pt-md-100{
        padding-top:100px
    }
    .rt-spacer-md-100{
        height:100px
    }
}
@media (max-width:767.98px){
    .rt-mb-xs-0{
        margin-bottom:0
    }
    .rt-pt-xs-0{
        padding-top:0
    }
    .rt-spacer-xs-0{
        height:0
    }
    .rt-mb-xs-10{
        margin-bottom:10px
    }
    .rt-pt-xs-10{
        padding-top:10px
    }
    .rt-spacer-xs-10{
        height:10px
    }
    .rt-mb-xs-20{
        margin-bottom:20px
    }
    .rt-pt-xs-20{
        padding-top:20px
    }
    .rt-spacer-xs-20{
        height:20px
    }
    .rt-mb-xs-30{
        margin-bottom:30px
    }
    .rt-pt-xs-30{
        padding-top:30px
    }
    .rt-spacer-xs-30{
        height:30px
    }
    .rt-mb-xs-40{
        margin-bottom:40px
    }
    .rt-pt-xs-40{
        padding-top:40px
    }
    .rt-spacer-xs-40{
        height:40px
    }
    .rt-mb-xs-50{
        margin-bottom:50px
    }
    .rt-pt-xs-50{
        padding-top:50px
    }
    .rt-spacer-xs-50{
        height:50px
    }
    .rt-mb-xs-60{
        margin-bottom:60px
    }
    .rt-pt-xs-60{
        padding-top:60px
    }
    .rt-spacer-xs-60{
        height:60px
    }
    .rt-mb-xs-70{
        margin-bottom:70px
    }
    .rt-pt-xs-70{
        padding-top:70px
    }
    .rt-spacer-xs-70{
        height:70px
    }
    .rt-mb-xs-80{
        margin-bottom:80px
    }
    .rt-pt-xs-80{
        padding-top:80px
    }
    .rt-spacer-xs-80{
        height:80px
    }
    .rt-mb-xs-90{
        margin-bottom:90px
    }
    .rt-pt-xs-90{
        padding-top:90px
    }
    .rt-spacer-xs-90{
        height:90px
    }
    .rt-mb-xs-100{
        margin-bottom:100px
    }
    .rt-pt-xs-100{
        padding-top:100px
    }
    .rt-spacer-xs-100{
        height:100px
    }
}
.pointer{
    cursor:pointer
}
.text-hide{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.slick-bullet .slick-dots li button:before{
    display:none!important
}
.slick-bullet .slick-dots{
    margin:0;
    padding:0;
    list-style:none
}
.slick-bullet .slick-dots li{
    position:relative;
    z-index:1;
    width:10px;
    display:inline-block;
    height:10px
}
.slick-bullet .slick-dots li button{
    border-radius:50%;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.slick-bullet.deafult_style_dot .slick-dots li button{
    overflow:hidden;
    transition:background .3s ease
}
.slick-bullet.deafult_style_dot .slick-dots li.slick-active{
    width:24px
}
.slick-bullet.deafult_style_dot .slick-dots li.slick-active button{
    border-radius:32px
}
.slick-bullet.dotstyle-fillup .slick-dots li button{
    overflow:hidden;
    background-color:transparent;
    box-shadow:inset 0 0 0 2px #fff;
    transition:background .3s ease
}
.slick-bullet.dotstyle-fillup .slick-dots li button:after{
    content:"";
    position:absolute;
    bottom:0;
    height:0;
    left:0;
    width:100%;
    background-color:#fff;
    box-shadow:0 0 1px #fff;
    -webkit-transition:height .3s ease;
    transition:height .3s ease;
    border-radius:50%
}
.slick-bullet.dotstyle-fillup .slick-dots li.slick-active button::after{
    height:100%
}
.slick-bullet.dotstyle-scaleup .slick-dots li button{
    overflow:hidden;
    background-color:rgba(255,255,255,.3);
    transition:all .3s ease
}
.slick-bullet.dotstyle-scaleup .slick-dots li.slick-active button{
    transform:scale(1.2);
    background-color:#fff
}
.slick-bullet.dotstyle-stroke .slick-dots li button{
    transition:box-shadow .3s ease,background-color .3s ease;
    box-shadow:0 0 0 2px rgba(255,255,255,0)
}
.slick-bullet.dotstyle-stroke .slick-dots li.slick-active button{
    background-color:transparent;
    box-shadow:0 0 0 2px #fff
}
.slick-bullet.dotstyle-fillin .slick-dots li button{
    background-color:transparent;
    box-shadow:inset 0 0 0 2px #fff;
    transition:box-shadow .3s ease
}
.slick-bullet.dotstyle-fillin .slick-dots li.slick-active button{
    box-shadow:inset 0 0 0 8px #fff
}
.slick-bullet.dotstyle-dotstroke .slick-dots li{
    box-shadow:0 0 0 2px #fff;
    border-radius:50%;
    transition:all .3s ease
}
.slick-bullet.dotstyle-dotstroke .slick-dots li button{
    transform:scale(.4);
    background-color:#fff;
    transition:all .3s ease
}
.slick-bullet.dotstyle-dotstroke .slick-dots li.slick-active button{
    transform:scale(1)
}
.slick-bullet.dotstyle-dotstroke2 .slick-dots li{
    box-shadow:0 0 0 2px rgba(255,255,255,0);
    border-radius:50%;
    transition:all .3s ease
}
.slick-bullet.dotstyle-dotstroke2 .slick-dots li button{
    background-color:#fff;
    transition:all .3s ease
}
.slick-bullet.dotstyle-dotstroke2 .slick-dots li.slick-active{
    box-shadow:0 0 0 2px #fff
}
.slick-bullet.dotstyle-dotstroke2 .slick-dots li.slick-active button{
    transform:scale(.4)
}
#scrollUp{
    right:30px;
    bottom:30px;
    height:45px;
    width:45px;
    border-radius:50%;
    color:#fff;
    align-items:center;
    justify-content:center;
    font-size:26px;
    line-height:55px;
    text-align:center
}
.modal-header{
    padding:20px 24px 20px 24px
}
.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5,.modal-header h6{
    margin-bottom:0
}
.dark-bg{
    background-color:var(--dark-bg)
}
.dark-bg3{
    background-color:var(--dark-bg3)
}
.light-bg{
    background-color: var(--light-color) !important;;
}
.bg-heading{
    background-color:var(--heading-color)!important
}
.white-bg1{
    background-color:var(--white-bg)!important
}
.z-index{
    z-index:1;
    position:relative
}
.bg-light2{
    background:linear-gradient(180deg,#01011d -20%,rgba(15,15,16,.65) 1076%)
}
.bg-light3{
    background-color:var(--light-color2)
}
.bg-dark1{
    background:var(--dark-color2)!important
}
.position-r{
    position:relative!important
}
.lonyo-header-section{
    position:fixed;
    z-index:999;
    width:100%;
    top:0;
    transition:all .4s;
    background:var(--white-color)
}
@media (max-width:991px){
    .lonyo-header-section{
        padding:20px 0
    }
}
.lonyo-header-section3{
    position:fixed;
    z-index:999;
    width:100%;
    top:0;
    transition:all .4s
}
@media (max-width:991px){
    .lonyo-header-section3{
        padding:20px 0
    }
}
header.lonyo-header-section.sticky-menu{
    box-shadow:0 4px 80px 0 rgba(0,0,0,.0784313725)
}
header.lonyo-header-section3.sticky-menu{
    background-color:var(--white-bg);
    box-shadow:0 4px 80px 0 rgba(0,0,0,.0784313725)
}
header.lonyo-header-three.sticky-menu{
    background-color:var(--heading-color)!important
}
header.lonyo-header-section.lonyo-header-two.sticky-menu{
    padding:0;
    box-shadow:none!important;
    background-color:var(--heading-color)!important;
    margin-top:-53px
}
@media (max-width:1199px){
    header.lonyo-header-section.lonyo-header-two.sticky-menu{
        margin-top:0;
        padding:20px 0
    }
}
.sticky-menu .lonyo-header-top{
    margin-top:-60px;
    transition:all .4s;
    opacity:0
}
.lonyo-header-info-data ul li{
    display:inline-block;
    margin-right:20px;
    font-size:16px;
    line-height:24px;
    font-weight:600;
    color:var(--white-color);
    position:relative;
    padding-left:30px
}
.lonyo-header-info-data ul li:last-child{
    margin-right:0
}
.lonyo-header-info-data ul li img{
    position:absolute;
    top:2px;
    left:0
}
.lonyo-header-info-data ul li a{
    color:var(--white-color)
}
.lonyo-header-info-data ul li a img{
    position:absolute;
    top:5px;
    left:0
}
.lonyo-header-info-wraper{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.lonyo-header-info-and-social{
    display:flex;
    gap:24px;
    align-items:center
}
.lonyo-header-info-wraper2{
    display:flex;
    gap:24px;
    align-items:center
}
.lonyo-header-info-wrap2{
    display:flex;
    align-items:center;
    gap:10px
}
@media (max-width:767px){
    .lonyo-header-info-wrap2{
        display:none
    }
}
.lonyo-header-info-content ul li a{
    font-size:20px;
    line-height:26px;
    font-weight:500;
    color:var(--heading-color);
    padding:10px 24px;
    border-radius:3px;
    width:fit-content;
    position:relative;
    z-index:0;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:inline-flex;
    text-align:center;
    -o-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    overflow:hidden;
    transform-style:preserve-3d;
    border:1px solid var(--heading-color)
}
@media (max-width:767px){
    .lonyo-header-info-content ul li a{
        display:none
    }
}
.lonyo-header-info-content ul li a::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transition:opacity .5s,border .5s
}
.lonyo-header-info-content ul li a::after{
    content:"";
    position:absolute;
    top:1%;
    left:0;
    width:125px;
    height:230px;
    background-color:var(--heading-bg);
    border-color:transparent;
    border-radius:50%;
    transform:translate(-10px,-70px) scale(.1);
    opacity:0;
    z-index:-1;
    transition:transform .5s,opacity .5s,background-color .5s
}
.lonyo-header-info-content ul li a:hover{
    color:var(--light-color)
}
.lonyo-header-info-content ul li a:hover::after{
    opacity:1;
    transform:scaleX(1.5) scaleY(1.5)
}
.lonyo-header-info-content.content2 ul li a{
    color:var(--light-color)
}
.lonyo-header-info-content.content3 ul li a{
    border:none
}
.header-logo1 a{
    padding:30px 0
}
.lonyo-header-main-menu{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-radius:20px;
    padding-left:40px;
    padding-right:20px
}
@media (max-width:1350px){
    .lonyo-header-main-menu{
        padding-left:24px
    }
}
@media (max-width:1199px){
    .lonyo-header-main-menu{
        justify-content:end;
        background:0 0;
        padding-right:0
    }
}
.lonyo-header-main-menu.menu2{
    transition:all .4s;
    padding:0
}
.dark-color.site-menu-main .nav-link-item{
    color:var(--white-color)
}
.site-header .lonyo-menu-toggle.dark-color span{
    background-color:var(--heading-color)
}
.site-header .lonyo-menu-toggle.dark-color span::after,.site-header .lonyo-menu-toggle.dark-color span::before{
    background-color:var(--heading-color)
}
.site-header .lonyo-menu-toggle.white-color span{
    background-color:var(--white-color)
}
.site-header .lonyo-menu-toggle.white-color span::after,.site-header .lonyo-menu-toggle.white-color span::before{
    background-color:var(--white-color)
}
.header-bottom-border{
    border-bottom:1px solid #272f5d
}
.header-bottom-border.border-color-light{
    border-bottom:1px solid rgba(255,255,255,.12)
}
@media (max-width:991px){
    .header-bottom-border{
        padding:20px 0
    }
}
.lonyo-header-triger{
    width:60px;
    height:60px;
    display:flex;
    cursor:pointer;
    justify-content:center;
    align-items:center;
    background:var(--accent-bg);
    border-radius:100px;
    margin-left:20px
}
.lonyo-header-triger.triger2{
    margin-left:0;
    background:var(--white-bg)
}
.lonyo-header-icon{
    display:flex;
    align-items:center;
    gap:20px;
    position:relative;
    margin:0 30px
}
@media (max-width:991px){
    .lonyo-header-icon{
        display:none
    }
}
a.lonyo-header-info{
    font-size:20px;
    font-weight:700;
    line-height:26px;
    color:var(--dark-bg);
    padding:12px 0
}
a.lonyo-header-info img{
    padding-right:10px
}
.lonyo-contact-info{
    margin-bottom:30px
}
.lonyo-contact-info i{
    display:block;
    font-size:24px;
    margin-bottom:15px;
    line-height:24px
}
.lonyo-contact-info h5{
    margin-bottom:5px
}
.lonyo-contact-info img{
    width:5%;
    margin-bottom:15px
}
.lonyo-contact-info a p{
    color:var(--body-color)
}
.lonyo-sidemenu-wraper{
    position:relative
}
.lonyo-sidemenu-column{
    width:400px;
    display:block;
    height:100%;
    position:fixed;
    z-index:111;
    padding:30px;
    margin-right:-440px;
    transition:.5s;
    right:0;
    top:0;
    padding-top:70px;
    overflow-y:scroll;
    background-color:var(--white-bg)
}
.lonyo-sidemenu-thumb{
    margin:30px 0
}
.lonyo-sidemenu-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:5px
}
.lonyo-sidemenu-column.active{
    margin-right:0;
    z-index:9999
}
.lonyo-sidemenu-close{
    position:absolute;
    left:0;
    top:0;
    cursor:pointer;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:var(--accent-bg)
}
.lonyo-sidemenu-close i{
    font-size:30px;
    color:var(--white-color);
    transition:all .4s
}
.active .lonyo-sidemenu-close{
    opacity:1;
    visibility:visible
}
.offcanvas-overlay{
    top:0;
    width:100%;
    height:100%;
    background:#000;
    position:fixed;
    z-index:0;
    visibility:hidden;
    opacity:0;
    transition:.5s
}
.offcanvas-overlay.active{
    opacity:.7;
    z-index:111;
    visibility:visible
}
.lonyo-sidemenu-logo{
    margin-bottom:30px
}
.lonyo-sidemenu-logo img{
    width:70%
}
.lonyo-sidemenu-column::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#f5f5f5
}
.lonyo-sidemenu-column::-webkit-scrollbar{
    width:5px;
    background-color:#f5f5f5
}
.lonyo-sidemenu-column::-webkit-scrollbar-thumb{
    background-color:#000;
    border:2px solid #555
}
@media (max-width:767px){
    .lonyo-sidemenu-wraper{
        display:none
    }
}
.main-menu a{
    color:var(--heading-color);
    font-weight:400;
    position:relative;
    display:block;
    transition:all .4s;
    text-transform:capitalize;
    font-size:20px;
    line-height:1.3em
}
.main-menu.dark-color a{
    color:var(--heading-color)
}
.main-menu>ul>li{
    margin:0 14px
}
@media (max-width:1199px){
    .main-menu>ul>li{
        margin:0 3px
    }
}
.main-menu ul{
    margin:0;
    padding:0
}
.main-menu ul li{
    list-style-type:none;
    display:inline-block;
    position:relative
}
.main-menu ul li.menu-item-has-children>a:after{
    content:"\ea4d";
    position:relative;
    margin-left:2px;
    top:2px;
    font-size:20px;
    display:inline-block;
    font-family:remixicon;
    transition:all .4s ease-in-out
}
.main-menu ul li.menu-item-has-children.children2 a::after{
    position:fixed
}
.main-menu ul li:hover.menu-item-has-children>a:after{
    transform:rotate(-180deg)
}
.main-menu ul li:last-child{
    margin-right:0
}
.main-menu ul li:first-child{
    margin-left:0
}
.main-menu ul li:hover>ul.sub-menu{
    visibility:visible;
    opacity:1;
    z-index:99;
    pointer-events:visible;
    transform:translateY(0)
}
.main-menu ul.sub-menu{
    z-index:500;
    background-color:#fff;
    box-shadow:-2px 2px 70px -25px rgba(0,0,0,.3);
    position:absolute;
    left:0;
    top:90px;
    margin:0;
    padding:12px 0;
    transition:.4s;
    z-index:4;
    transform:translatey(20px);
    opacity:0;
    text-align:left;
    visibility:hidden;
    min-width:220px;
    border-radius:6px
}
.main-menu ul.sub-menu li{
    padding:5px 10px 5px 20px
}
.main-menu ul.sub-menu li a{
    font-size:18px;
    line-height:30px;
    display:inline-block;
    position:relative;
    font-weight:400;
    text-transform:capitalize
}
.main-menu ul.sub-menu li.menu-item-has-children a.no-border{
    display:block
}
.main-menu ul.sub-menu li.menu-item-has-children a.no-border::before{
    content:none
}
.main-menu ul.sub-menu li.menu-item-has-children a.no-border:after{
    position:absolute;
    right:0;
    content:"\ea6d"
}
.main-menu ul.sub-menu li.menu-item-has-children:hover a::after{
    transform:rotate(-90deg)!important
}
.main-menu ul.sub-menu li ul.sub-menu{
    transition:all .4s;
    margin-left:0!important;
    transform:translateY(30px)
}
.main-menu ul.sub-menu li:hover ul.sub-menu{
    transform:translateY(0)
}
.main-menu ul.sub-menu{
    padding:12px 0;
    left:-27px;
    top:86px
}
.main-menu ul.sub-menu li{
    display:block;
    margin:0 0;
    transition:all .4s
}
.main-menu ul.sub-menu li ul.sub-menu{
    left:100%;
    right:auto;
    top:0;
    margin:0 0;
    margin-left:20px;
    border-radius:6px
}
.main-menu ul.sub-menu li ul.sub-menu li ul{
    left:100%;
    right:auto
}
ul.sub-menu li a{
    color:var(--heading-color)!important
}
ul.sub-menu li a::before{
    content:"";
    position:absolute;
    bottom:-3px;
    left:auto;
    right:0;
    height:2px;
    width:0;
    background-color:var(--heading-color)!important;
    transition:all .3s ease
}
@media (max-width:767px){
    ul.sub-menu li a::before{
        height:0
    }
}
ul.sub-menu li a:hover::before{
    left:0;
    right:auto;
    width:100%
}
@media (max-width:991px){
    ul.sub-menu li a:hover::before{
        display:none
    }
}
a.light-color{
    color:var(--light-color)
}
.menu-style1>ul>li>a{
    padding:30px 0
}
.menu-left{
    margin-left:35px
}
@media (max-width:1199px){
    .menu-left{
        margin-left:0
    }
}
.menu-right{
    margin-right:80px
}
@media (min-width:992px){
    .w_100{
        width:100%
    }
}
.main-menu ul li.menu-item-has-children>a:after{
    right:0
}
.site-header .lonyo-menu-toggle{
    display:flex;
    height:30px;
    width:30px;
    margin-left:40px;
    cursor:pointer;
    align-items:center;
    justify-content:center
}
.site-header .lonyo-menu-toggle span{
    display:block;
    height:3px;
    background-color:var(--heading-color);
    width:30px;
    position:relative
}
.toggle2 span{
    background-color:var(--light-color)
}
.reveal-header .lonyo-menu-toggle span{
    background-color:var(--heading-color)!important
}
.site-header .lonyo-menu-toggle span:after,.site-header .lonyo-menu-toggle span:before{
    content:"";
    position:absolute;
    left:0;
    width:100%;
    height:100%;
    background-color:var(--heading-color)
}
.reveal-header .lonyo-menu-toggle span:after,.reveal-header .lonyo-menu-toggle span:before{
    background-color:var(--heading-color)!important
}
.dark-mode-texts .lonyo-menu-toggle span{
    background-color:var(--heading-color)
}
.dark-mode-texts .lonyo-menu-toggle span:after,.dark-mode-texts .lonyo-menu-toggle span:before{
    background-color:var(--heading-color)
}
.site-header .lonyo-menu-toggle span:before{
    top:-10px
}
.site-header .lonyo-menu-toggle span:after{
    top:9px
}
.site-header .mobile-menu-trigger.dark-color span{
    background-color:var(--heading-color)
}
.site-header .mobile-menu-trigger.dark-color span::after,.site-header .mobile-menu-trigger.dark-color span::before{
    background-color:var(--heading-color)
}
.site-header .mobile-menu-trigger.dark-color span::after,.site-header .mobile-menu-trigger.dark-color span::before{
    background-color:var(--heading-color)
}
.progress-wrap{
    position:fixed;
    right:30px;
    bottom:30px;
    height:50px;
    width:50px;
    cursor:pointer;
    display:block;
    border-radius:50px;
    box-shadow:inset 0 0 0 2px rgba(0,0,0,.04);
    z-index:10000;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    -webkit-transition:all .2s linear;
    transition:all .2s linear
}
.progress-wrap.active-progress{
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
.progress-wrap svg path{
    fill:none
}
.progress-wrap svg.progress-circle path{
    stroke:var(--heading-color);
    stroke-width:4;
    box-sizing:border-box;
    -webkit-transition:all .2s linear;
    transition:all .2s linear
}
.top-arrow{
    top:47%;
    left:50%;
    position:absolute;
    transform:translate(-50%,-50%)
}
.top-arrow svg{
    transform:rotate(-90deg)
}
.lonyo-footer-section{
    padding:20px 0 0;
    position:relative;
    overflow:hidden
}
@media (max-width:991px){
    .lonyo-footer-section{
        padding:80px 0 0
    }
}
@media (max-width:767px){
    .lonyo-footer-section{
        padding:60px 0 0
    }
}
@media (max-width:767px){
    .lonyo-footer-section.section2{
        margin-top:-3px
    }
}
.lonyo-footer-menu h4{
    margin-bottom:24px
}
.lonyo-footer-menu ul li{
    margin-bottom:12px
}
.lonyo-footer-menu ul li:last-child{
    margin-bottom:0
}
.lonyo-footer-menu ul li a{
    position:relative;
    transition:all .4s;
    color:var(--heading-color)
}
.lonyo-footer-menu ul li a::before{
    content:" ";
    left:0;
    bottom:-3px;
    width:0;
    height:1px;
    position:absolute;
    transition:all .4s;
    background:var(--heading-color)
}
.lonyo-footer-menu ul li a:hover::before{
    width:100%
}
.lonyo-footer-menu.menu2 h4{
    color:var(--light-color)
}
.lonyo-footer-menu.menu2 ul li a{
    color:var(--light-color)
}
.lonyo-footer-menu.menu2 ul li a::before{
    content:" ";
    left:0;
    bottom:-3px;
    width:0;
    height:1px;
    position:absolute;
    transition:all .4s;
    background:var(--light-color)
}
.lonyo-footer-menu.menu2 ul li a:hover::before{
    width:100%
}
.lonyo-footer-textarea{
    padding-right:30px
}
@media (max-width:1399px){
    .lonyo-footer-textarea{
        margin-bottom:30px;
        max-width:500px
    }
}
.lonyo-footer-textarea img{
    padding-bottom:24px
}
.lonyo-footer-textarea p{
    margin-bottom:24px
}
.lonyo-footer-textarea.textarea2 p{
    color:var(--light-color)
}
.lonyo-footer-menu-wrap{
    display:flex;
    align-items:center;
    gap:30px
}
.lonyo-footer-bottom-text{
    margin-top:20px;
    border-top:1px solid rgba(20,45,111,.1019607843);
    padding:30px 0;
    text-align:center
}
@media (max-width:767px){
    .lonyo-footer-bottom-text{
        margin-top:40px
    }
}
.lonyo-footer-bottom-text p{
    font-size:18px;
    line-height:25px
}
.lonyo-footer-bottom-text.text2 p{
    color:var(--light-color)
}
.lonyo-footer-shape{
    position:absolute;
    width:90px;
    height:90px;
    border-radius:100px;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%);
    right:100px;
    top:45%;
    overflow:hidden;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite
}
@media (max-width:1800px){
    .lonyo-footer-shape{
        display:none
    }
}
.lonyo-footer-shape2{
    position:absolute;
    width:90px;
    height:90px;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#0352a1 78.6%);
    border-radius:100px;
    right:100px;
    top:45%;
    overflow:hidden;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite
}
@media (max-width:1800px){
    .lonyo-footer-shape2{
        display:none
    }
}
.pl-30{
    padding-left:30px
}
@media (max-width:1399px){
    .pl-30{
        padding-left:50px
    }
}
@media (max-width:1199px){
    .pl-30{
        padding-left:0;
        padding-top:40px
    }
}
.pl-31{
    padding-left:30px
}
@media (max-width:1399px){
    .pl-31{
        padding-left:0
    }
}
@media (max-width:1199px){
    .pl-31{
        padding-top:40px
    }
}
.lonyo-hero-shape{
    position:absolute;
    top:80px;
    left:20px;
    z-index:-1;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    transform:translate(-50px,-50px)
}
@media (max-width:991px){
    .lonyo-hero-shape{
        left:100px
    }
}
@media (max-width:767px){
    .lonyo-hero-shape{
        display:none
    }
}
.lonyo-hero-shape2 img{
    position:absolute;
    top:0;
    left:0
}
.lonyo-hero-shape2::before{
    position:absolute;
    content:"";
    top:40%;
    right:100px;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    width:150px;
    height:150px;
    border-radius:100px;
    background:linear-gradient(48.01deg,#a3bdff -82.43%,#0352a1 89.75%)
}
@media (max-width:1800px){
    .lonyo-hero-shape2::before{
        display:none
    }
}
@media (max-width:991px){
    .lonyo-hero-shape2{
        left:100px
    }
}
@media (max-width:767px){
    .lonyo-hero-shape2{
        display:none
    }
}
.lonyo-hero-shape3{
    position:absolute;
    top:0;
    left:0;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite
}
.lonyo-hero-shape4{
    position:absolute;
    top:250px;
    left:110px;
    width:180px;
    height:180px;
    border-radius:100px;
    background:linear-gradient(48.01deg,#a3bdff -82.43%,#0352a1 89.75%);
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    transform:translate(-50px,-50px)
}
@media (max-width:1500px){
    .lonyo-hero-shape4{
        display:none
    }
}
.lonyo-hero-shape5{
    position:absolute;
    top:30%;
    right:100px;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    width:80px;
    height:80px;
    border-radius:100px;
    background:linear-gradient(48.01deg,#a3bdff -82.43%,#0352a1 89.75%)
}
@media (max-width:1500px){
    .lonyo-hero-shape5{
        display:none
    }
}
.lonyo-hero-shape6{
    position:absolute;
    bottom:30%;
    right:100px;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    width:130px;
    height:130px;
    border-radius:100px;
    background:linear-gradient(48.01deg,#a3bdff -82.43%,#0352a1 89.75%)
}
@media (max-width:1500px){
    .lonyo-hero-shape6{
        display:none
    }
}
@media (max-width:767px){
    .lonyo-content-shape1{
        margin-top:-6px
    }
}
.lonyo-content-shape2{
    width:120px;
    height:120px;
    bottom:170px;
    right:60px;
    position:absolute;
    border-radius:100px;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
@media (max-width:1800px){
    .lonyo-content-shape2{
        display:none
    }
}
.lonyo-content-shape3{
    z-index:0;
    position:relative
}
.lonyo-content-card1{
    position:absolute;
    top:50px;
    left:30px
}
@media (max-width:991px){
    .lonyo-content-card1{
        left:150px
    }
}
@media (max-width:767px){
    .lonyo-content-card1{
        top:80px;
        left:50px
    }
}
@media (max-width:575px){
    .lonyo-content-card1{
        top:50px;
        left:20px
    }
    .lonyo-content-card1 img{
        width:90%
    }
}
.lonyo-content-card2{
    position:absolute;
    bottom:190px;
    right:30px;
    transform:translatey(0);
    -webkit-animation:updown 2s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite
}
@media (max-width:991px){
    .lonyo-content-card2{
        right:85px
    }
}
@media (max-width:767px){
    .lonyo-content-card2{
        display:none
    }
}
.lonyo-content-bg{
    position:absolute;
    bottom:40px;
    left:0;
    transform:translatey(0);
    -webkit-animation:updown 4s ease-in-out infinite;
    animation:updown 4s ease-in-out infinite
}
@media (max-width:991px){
    .lonyo-content-bg{
        right:85px
    }
}
@media (max-width:767px){
    .lonyo-content-bg{
        display:none
    }
}
.lonyo-content-card3{
    position:absolute;
    top:60px;
    left:0
}
@media (max-width:1399px){
    .lonyo-content-card3{
        left:-20px
    }
    .lonyo-content-card3 img{
        width:80%
    }
}
@media (max-width:1199px){
    .lonyo-content-card3{
        left:-60px
    }
    .lonyo-content-card3 img{
        width:70%
    }
}
@media (max-width:991px){
    .lonyo-content-card3{
        left:70px
    }
    .lonyo-content-card3 img{
        width:100%
    }
}
@media (max-width:767px){
    .lonyo-content-card3{
        display:none
    }
}
.lonyo-content-card4{
    position:absolute;
    top:40px;
    right:0
}
.lonyo-content-card5{
    position:absolute;
    top:180px;
    right:0
}
.lonyo-tab-shape{
    position:absolute;
    top:0;
    right:0
}
@media (max-width:1800px){
    .lonyo-tab-shape{
        display:none
    }
}
.lonyo-cta-shape1{
    position:absolute;
    top:0;
    left:0
}
@media (max-width:1800px){
    .lonyo-cta-shape1{
        display:none
    }
}
.lonyo-cta-shape2{
    position:absolute;
    top:200px;
    left:130px;
    width:100px;
    height:100px;
    transform:rotate(80deg);
    border-radius:100px;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#0352a1 78.6%)
}
@media (max-width:1600px){
    .lonyo-cta-shape2{
        display:none
    }
}
.lonyo-cta-shape3{
    position:absolute;
    top:80px;
    right:130px;
    width:80px;
    height:80px;
    transform:rotate(80deg);
    border-radius:100px;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#0352a1 78.6%)
}
@media (max-width:1600px){
    .lonyo-cta-shape3{
        display:none
    }
}
.pricing-shape{
    width:150px;
    height:150px;
    bottom:24%;
    left:50px;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    transform:rotate(180deg);
    position:absolute;
    border-radius:100px;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
@media (max-width:1800px){
    .pricing-shape{
        display:none
    }
}
.team-section{
    position:relative;
    background-color:var(--heading-bg)
}
.team-section h2{
    color:var(--white-color)
}
.team-section .shape{
    position:absolute;
    top:0;
    right:0
}
@media (max-width:1899px){
    .team-section .shape{
        display:none
    }
}
.lonyo-feature-shape{
    width:130px;
    height:130px;
    bottom:45px;
    left:6%;
    position:absolute;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    border-radius:100px;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
@media (max-width:1800px){
    .lonyo-feature-shape{
        display:none
    }
}
.lonyo-feature-shape.shape2{
    width:150px;
    height:150px;
    bottom:40%;
    left:4%;
    position:absolute;
    border-radius:100px;
    transform:rotate(145deg);
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
@media (max-width:1800px){
    .lonyo-feature-shape.shape2{
        display:none
    }
}
.lonyo-feature-shape.shape3{
    width:150px;
    height:150px;
    top:15%;
    left:4%;
    position:absolute;
    border-radius:100px;
    transform:rotate(145deg);
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
@media (max-width:1800px){
    .lonyo-feature-shape.shape3{
        display:none
    }
}
.lonyo-feature-shape4{
    width:130px;
    height:130px;
    top:200px;
    left:6%;
    position:absolute;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    border-radius:100px;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
@media (max-width:1800px){
    .lonyo-feature-shape4{
        display:none
    }
}
@media (max-width:767px){
    .lonyo-cta-shape2,.lonyo-dasyboard-shape{
        margin-top:-6px
    }
}
.lonyo-brand-shape{
    position:relative;
    margin-top:-40px;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite
}
@media (max-width:1699px){
    .lonyo-brand-shape{
        display:none
    }
}
.lonyo-service-shape4{
    width:60px;
    height:60px;
    bottom:45px;
    right:6%;
    position:absolute;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    border-radius:100px;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
.lonyo-countdown-section{
    padding:230px 0 130px
}
.lonyo-countdown-wrap{
    display:flex;
    gap:70px;
    justify-content:center;
    flex-wrap:wrap;
    padding-bottom:60px
}
@media (max-width:991px){
    .lonyo-countdown-wrap{
        padding-bottom:40px
    }
}
.lonyo-countdown-item{
    font-size:65px;
    font-weight:700;
    line-height:70px;
    letter-spacing:-1px;
    position:relative;
    text-align:center
}
.lonyo-countdown-item p{
    font-size:20px;
    font-weight:500;
    line-height:26px;
    text-align:center
}
.lonyo-countdown-dot{
    margin-top:24px
}
@media (max-width:767px){
    .lonyo-countdown-dot{
        display:none
    }
}
.lonyo-countdown-content{
    max-width:1080px;
    margin:0 auto;
    text-align:center
}
.lonyo-countdown-content h1{
    padding-bottom:20px
}
.lonyo-countdown-content p{
    max-width:850px;
    text-align:center;
    margin:0 auto
}
.lonyo-coomig-soon-content{
    max-width:870px;
    text-align:center;
    margin:0 auto
}
.lonyo-coomig-soon-content .text{
    max-width:600px;
    text-align:center;
    margin:0 auto
}
.lonyo-logo{
    text-align:center;
    padding-bottom:80px
}
@media (max-width:767px){
    .lonyo-logo{
        padding-bottom:60px
    }
}
@media (max-width:575px){
    .lonyo-logo{
        padding-bottom:30px
    }
}
.lonyo-term-condition-content{
    padding-bottom:30px;
    padding-left:50px
}
@media (max-width:1199px){
    .lonyo-term-condition-content{
        padding-left:30px
    }
}
@media (max-width:991px){
    .lonyo-term-condition-content{
        padding-left:0
    }
}
.lonyo-term-condition-content:last-child{
    padding-bottom:0
}
.lonyo-term-condition-content .title-text{
    color:var(--dark-color2);
    margin-bottom:30px
}
@media (max-width:991px){
    .lonyo-term-condition-content .title-text{
        padding-top:40px
    }
}
@media (max-width:767px){
    .lonyo-term-condition-content .title-text{
        padding-top:30px
    }
}
.lonyo-term-condition-content h3{
    padding-bottom:20px
}
.lonyo-term-condition-content p{
    color:var(--dark-color2);
    margin:0
}
.lonyo-contact-us-info-item{
    display:flex;
    gap:24px;
    padding-bottom:40px
}
.lonyo-contact-us-icon{
    width:60px;
    height:60px;
    display:flex;
    align-items:center;
    border-radius:5px;
    justify-content:center;
    background-color:var(--body-color)
}
.lonyo-contact-us-content a{
    color:var(--heading-color)
}
.lonyo-contact-box h4{
    padding-bottom:24px
}
@media (max-width:991px){
    .lonyo-contact-box.box2{
        margin-top:40px
    }
}
@media (max-width:767px){
    .lonyo-contact-box.box2{
        margin-top:30px
    }
}
.lonyo-contact-us-map{
    width:100%;
    height:750px
}
@media (max-width:991px){
    .lonyo-contact-us-map{
        height:400px
    }
}
.lonyo-career-d-thumb{
    padding-bottom:60px
}
@media (max-width:767px){
    .lonyo-career-d-thumb{
        padding-bottom:40px
    }
}
.lonyo-career-d-sidebar{
    position:sticky;
    top:110px;
    padding:40px;
    border-radius:20px;
    margin-left:80px;
    transition:all .4s;
    background-color:var(--heading-bg)
}
@media (max-width:1199px){
    .lonyo-career-d-sidebar{
        margin-left:0;
        margin-top:40px
    }
}
.lonyo-career-d-sidebar ul li{
    position:relative;
    padding-left:20px;
    margin-bottom:15px
}
.lonyo-career-d-sidebar ul li:last-child{
    margin-bottom:0
}
.lonyo-career-d-sidebar ul li::before{
    width:12px;
    height:12px;
    top:10px;
    left:0;
    content:"";
    position:absolute;
    border-radius:100px;
    background-color:var(--body-color)
}
.lonyo-career-d-sidebar ul li h4{
    color:var(--light-color);
    padding-bottom:5px
}
.lonyo-career-d-sidebar ul li p{
    color:var(--light-color)
}
.lonyo-listicon-wrap ul li{
    margin-bottom:15px;
    position:relative;
    padding-left:35px;
    display:inline-block
}
.lonyo-listicon-wrap ul li:last-child{
    margin-bottom:0
}
.lonyo-listicon-wrap ul li img{
    position:absolute;
    top:4px;
    left:0
}
.lonyo-error-section{
    padding:250px 0 130px
}
@media (max-width:991px){
    .lonyo-error-section{
        padding:180px 0 100px
    }
}
@media (max-width:767px){
    .lonyo-error-section{
        padding:150px 0 80px
    }
}
.lonyo-error-thumb{
    padding-bottom:24px
}
.lonyo-error-content{
    max-width:700px;
    text-align:center;
    margin:0 auto
}
.lonyo-error-content h1{
    padding-bottom:20px
}
.lonyo-skill-item{
    margin-bottom:20px
}
.lonyo-skill-title h6{
    font-weight:500;
    margin-bottom:10px
}
.lonyo-skill-line{
    position:relative;
    border:7px solid rgba(20,45,111,.1019607843);
    transform:scaleX(0);
    transform-origin:left;
    border-radius:30px;
    animation:animate 1s cubic-bezier(1,0,.5,1) forwards;
    margin-bottom:20px
}
.lonyo-skill-line:last-child{
    margin-bottom:0!important
}
.lonyo-skill-bar{
    margin:-7px 0 0 -10px;
    position:absolute;
    border-radius:10px;
    transform-origin:left;
    background:var(--body-color);
    animation:animate 1s 1s cubic-bezier(1,0,.5,1) forwards;
    border:7px solid var(--body-color)
}
.lonyo-skill-bar::before{
    position:absolute;
    content:"";
    height:0;
    right:0;
    top:-14px;
    width:0;
    border:7px solid transparent;
    border-bottom-width:0;
    border-right-width:0;
    border-top-style:#f0f0f0
}
.lonyo-skill-bar::after{
    position:absolute;
    right:0;
    top:-50px;
    color:var(--heading-color);
    font-weight:500;
    padding:1px 8px;
    border-radius:3px
}
.lonyo-skill-line2{
    position:relative;
    border:7px solid rgba(20,45,111,.1019607843);
    transform:scaleX(0);
    transform-origin:left;
    border-radius:30px;
    animation:animate 1s cubic-bezier(1,0,.5,1) forwards;
    margin-bottom:20px
}
.lonyo-skill-line2:last-child{
    margin-bottom:0!important
}
.lonyo-skill-bar2{
    margin:-7px 0 0 -10px;
    position:absolute;
    border-radius:10px;
    transform-origin:left;
    background:var(--body-color);
    animation:animate 1s 1s cubic-bezier(1,0,.5,1) forwards;
    border:7px solid var(--body-color)
}
.lonyo-skill-bar2::before{
    position:absolute;
    content:"";
    height:0;
    right:0;
    top:-14px;
    width:0;
    border:7px solid transparent;
    border-bottom-width:0;
    border-right-width:0;
    border-top-style:#f0f0f0
}
.lonyo-skill-bar2::after{
    position:absolute;
    right:0;
    top:-50px;
    color:var(--heading-color);
    font-weight:500;
    padding:1px 8px;
    border-radius:3px
}
.bar-one{
    width:85%
}
.bar-one::after{
    content:"85%"
}
.bar-two{
    width:99%
}
.bar-two::after{
    content:"99%"
}
.bar-three{
    width:92%
}
.bar-three::after{
    content:"92%"
}
.bar-four{
    width:86%
}
.bar-four::after{
    content:"86%"
}
.bar-five{
    width:70%
}
.bar-five::after{
    content:"70%"
}
.bar-six{
    width:85%
}
.bar-six::after{
    content:"85%"
}
@keyframes animate{
    100%{
        transform:scaleX(1)
    }
}
.lonyo-video-section h2{
    color:var(--light-color);
    padding-bottom:20px
}
.lonyo-video-section p{
    color:var(--light-color);
    margin:0
}
.lonyo-video-thumb{
    position:relative
}
@media (max-width:991px){
    .lonyo-video-thumb{
        text-align:center;
        padding-bottom:40px
    }
}
.lonyo-video-thumb .play-btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.lonyo-video-process-wrap{
    margin-top:100px
}
@media (max-width:991px){
    .lonyo-video-process-wrap{
        margin-top:80px
    }
}
@media (max-width:767px){
    .lonyo-video-process-wrap{
        margin-top:60px
    }
}
.lonyo-video-process-number h2{
    color:var(--light-color)
}
.lonyo-video-section2{
    position:relative;
    margin-top:-376px
}
@media (max-width:1399px){
    .lonyo-video-section2{
        margin-top:-276px
    }
}
@media (max-width:991px){
    .lonyo-video-section2{
        margin-top:-276px
    }
}
@media (max-width:767px){
    .lonyo-video-section2{
        margin-top:50px
    }
}
.lonyo-video-thumb2{
    position:relative
}
.lonyo-video-thumb2 img{
    height:542px;
    border-radius:10px
}
@media (max-width:1399px){
    .lonyo-video-thumb2 img{
        height:460px
    }
}
@media (max-width:1399px){
    .lonyo-video-thumb2 img{
        height:390px
    }
}
@media (max-width:1399px){
    .lonyo-video-thumb2 img{
        height:100%
    }
}
.lonyo-video-thumb2 .play-btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.lonyo-video-thumb2 .play-btn img{
    height:100%
}
@media (max-width:991px){
    .lonyo-video-thumb2 .play-btn img{
        padding-left:10px;
        padding-top:10px
    }
}
.waves{
    position:absolute;
    width:210px;
    height:210px;
    background-color:var(--heading-bg);
    opacity:0;
    border-radius:100%;
    left:-65px;
    top:-65px;
    z-index:0;
    transform:translate(-50px,-50px);
    -webkit-animation:waves 3s ease-in-out infinite;
    animation:waves 3s ease-in-out infinite;
    z-index:-1
}
@media (max-width:991px){
    .waves{
        width:160px;
        height:160px;
        left:-40px;
        top:-40px
    }
}
.waves.wave-1{
    -webkit-animation-delay:0s;
    animation-delay:0s
}
.waves.wave-2{
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.waves.wave-3{
    -webkit-animation-delay:2s;
    animation-delay:2s
}
@media (max-width:767px){
    .waves.waves2{
        left:-30px;
        top:-30px
    }
}
@keyframes waves{
    0%{
        -webkit-transform:scale(.2,.2);
        transform:scale(.2,.2);
        opacity:0
    }
    50%{
        opacity:.9
    }
    100%{
        -webkit-transform:scale(.9,.9);
        transform:scale(.9,.9);
        opacity:0
    }
}
.lonyo-t-wraper{
    position:relative
}
.lonyo-t-wraper::before{
    content:"";
    position:absolute;
    top:-100px;
    left:-220px;
    width:150px;
    height:150px;
    border-radius:100px;
    transform:rotate(180deg);
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
@media (max-width:1800px){
    .lonyo-t-wraper::before{
        display:none
    }
}
.lonyo-t-wrapper2{
    width:100%;
    height:700px;
    overflow:hidden;
    position:relative;
    box-sizing:border-box
}
@media (max-width:991px){
    .lonyo-t-wrapper2{
        margin-bottom:24px;
        height:auto
    }
}
.lonyo-t-wrapper3{
    width:100%;
    height:700px;
    overflow:hidden;
    position:relative;
    box-sizing:border-box
}
.lonyo-t-wrap{
    padding:30px;
    border-radius:10px;
    margin-bottom:24px;
    animation:marquee 15s linear infinite
}
.lonyo-t-wrap.wrap2{
    white-space:wrap
}
.lonyo-t-ratting{
    padding-bottom:24px
}
.lonyo-t-text h4{
    padding-bottom:24px
}
.lonyo-t-text p{
    margin-bottom:24px
}

.lonyo-t-overlay{
    position:absolute;
    top:160px;
    left:0;
    z-index:1;
     display: none;
}
@media (max-width:1800px){
    .lonyo-t-overlay{
        display:none
    }
}
.lonyo-t-overlay2{
    position:absolute;
    bottom:0;
    left:0
}
@media (max-width:1800px){
    .lonyo-t-overlay2{
        display:none
    }
}
.lonyo-t-author{
    display:flex;
    align-items:center;
    gap:15px
}
.lonyo-t-author-data p{
    font-weight:500;
    margin-bottom:5px
}
.lonyo-t-author-data span{
    font-size:18px;
    line-height:25px
}
.lonyo-t-slider-icon{
    white-space:nowrap;
    margin:0 10px
}
.lonyo-testimonial-slider-init .slick-slide{
    margin:0 10px
}
.lonyo-slider-icon-data2.slick-initialized.slick-slider{
    direction:rtl
}
@keyframes marqueetop{
    100%{
        top:0
    }
    0%{
        top:-700px
    }
}
@keyframes marqueebottom{
    0%{
        top:0
    }
    100%{
        top:-700px
    }
}
.marqueeBottom{
    position:relative;
    animation:marqueebottom 10s linear infinite;
    overflow:hidden
}
@media (max-width:991px){
    .marqueeBottom{
        animation:inherit!important
    }
}
.marquree-top{
    position:relative;
    animation:marqueetop 10s linear infinite
}
@media (max-width:991px){
    .marquree-top{
        animation:inherit!important
    }
}
.lonyo-counter-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    border-radius:10px;
    padding:30px;
    background-color:var(--body-color)
}
@media (max-width:767px){
    .lonyo-counter-wrap{
        gap:15px;
        justify-content:center
    }
}
.lonyo-counter-item{
    position:relative
}
.lonyo-counter-item::before{
    content:"";
    position:absolute;
    top:20px;
    right:-100px;
    width:1px;
    height:50px;
    background-color:var(--light-color)
}
.lonyo-counter-item::before:last-child{
    width:0
}
@media (max-width:1199px){
    .lonyo-counter-item::before{
        right:-50px
    }
}
@media (max-width:991px){
    .lonyo-counter-item::before{
        display:none
    }
}
@media (max-width:767px){
    .lonyo-counter-item:last-child{
        padding-top:24px
    }
}
@media (max-width:465px){
    .lonyo-counter-item:nth-child(3){
        padding-top:24px
    }
}
.lonyo-counter-item p{
    font-size:18px;
    line-height:25px
}
.lonyo-counter-data{
    position:relative;
    display:flex;
    overflow:hidden;
    align-items:center;
    height:65px
}
@media (max-width:1199px){
    .lonyo-counter-data{
        height:50px
    }
}
@media (max-width:767px){
    .lonyo-counter-data{
        justify-content:center
    }
}
.lonyo-counter-data>span{
    z-index:1;
    display:flex;
    flex-direction:column;
    height:100%;
    transition:transform 2s ease;
    transform:translateY(0);
    line-height:1
}
.data2>span{
    width:15%
}
@media (max-width:1199px){
    .data2>span{
        width:10%
    }
}
.lonyo-counter-data>span span{
    flex:0 0 100%;
    height:100%
}
.lonyo-counter-data:nth-child(1)>span{
    transition-delay:0s
}
.lonyo-counter-data:nth-child(2)>span{
    transition-delay:375ms
}
.lonyo-counter-data:nth-child(3)>span{
    transition-delay:.75s
}
.lonyo-counter-data:nth-child(4)>span{
    transition-delay:1.125s
}
.lonyo-counter-data:nth-child(5)>span{
    transition-delay:1.5s
}
.lonyo-counter-data:nth-child(6)>span{
    transition-delay:1.875s
}
.lonyo-counter-data:nth-child(7)>span{
    transition-delay:2.25s
}
.lonyo-counter-data:nth-child(8)>span{
    transition-delay:2.625s
}
.lonyo-counter-data:nth-child(9)>span{
    transition-delay:3s
}
.lonyo-counter-data:nth-child(10)>span{
    transition-delay:3.375s
}
.lonyo-counter-data:nth-child(11)>span{
    transition-delay:3.75s
}
.lonyo-counter-data:nth-child(12)>span{
    transition-delay:4.125s
}
.lonyo-counter-data:nth-child(13)>span{
    transition-delay:4.5s
}
.lonyo-counter-data:nth-child(14)>span{
    transition-delay:4.875s
}
.lonyo-counter-data:nth-child(15)>span{
    transition-delay:5.25s
}
.lonyo-counter-data:nth-child(16)>span{
    transition-delay:5.625s
}
.lonyo-counter-data:nth-child(17)>span{
    transition-delay:6s
}
.lonyo-counter-data:nth-child(18)>span{
    transition-delay:6.375s
}
.lonyo-counter-data:nth-child(19)>span{
    transition-delay:6.75s
}
.lonyo-counter-data:nth-child(20)>span{
    transition-delay:7.125s
}
.counter-card h2{
    color:var(--white-color);
    font-size:40px;
    line-height:48px;
    height:40px
}
.counter-card span.text{
    font-size:14px;
    line-height:20px;
    font-weight:600;
    padding-right:12px;
    color:var(--white-color)
}
.lonyo-p-wrap:hover .lonyo-p-thumb img{
    scale:1.1
}
.lonyo-p-thumb{
    position:relative;
    overflow:hidden;
    border-radius:10px;
    margin:24px
}
.lonyo-p-thumb.thumb2{
    padding:0
}
@media (max-width:991px){
    .lonyo-p-thumb{
        margin-bottom:24px
    }
}
.lonyo-p-thumb img{
    border-radius:10px;
    transition:all .4s;
    object-fit:cover
}
.lonyo-p-thumb img:hover{
    transform:scale(1.1)
}
.lonyo-p-data-wrap{
    display:flex;
    align-items:center;
    position:absolute;
    flex-wrap:wrap;
    padding:20px;
    background-color:var(--white-color);
    bottom:50px;
    left:30px;
    width:90%;
    border-radius:10px;
    justify-content:space-between
}
@media (max-width:1399px){
    .lonyo-p-data-wrap{
        left:20px
    }
}
@media (max-width:991px){
    .lonyo-p-data-wrap{
        bottom:20px;
        left:15px
    }
}
@media (max-width:767px){
    .lonyo-p-data-wrap{
        bottom:30px
    }
}
.lonyo-p-data-wrap.wrap2{
    padding:15px
}
@media (max-width:1399px){
    .lonyo-p-data-wrap.wrap2{
        gap:0;
        left:15px
    }
}
@media (max-width:575px){
    .lonyo-p-data-wrap.wrap2{
        display:block;
        bottom:30px
    }
}
.lonyo-p-content h4{
    padding-bottom:12px
}
.lonyo-p-content ul li{
    position:relative;
    display:inline-block;
    padding-left:20px;
    margin-right:30px;
    margin-bottom:5px
}
@media (max-width:767px){
    .lonyo-p-content ul li{
        margin-right:10px
    }
}
.lonyo-p-content ul li:last-child{
    margin-bottom:0
}
.lonyo-p-content ul li::before{
    position:absolute;
    content:"";
    width:10px;
    height:10px;
    border-radius:100px;
    background-color:var(--heading-bg);
    top:8px;
    left:0
}
.lonyo-p-content ul li a{
    color:var(--heading-color)
}
@media (max-width:919px){
    .lonyo-p-title-btn{
        padding-top:10px
    }
}
.lonyo-p-title-btn a{
    font-weight:500;
    color:var(--accent-color)
}
.lonyo-p-title-btn a img{
    padding-left:5px
}
.lonyo-p-d-data-wrap{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:24px;
    justify-content:space-between
}
@media (max-width:767px){
    .lonyo-p-d-data-wrap{
        display:block
    }
}
.lonyo-p-d-thumb{
    margin-bottom:24px;
    border-radius:10px
}
.lonyo-p-d-data-text{
    text-align:left
}
.lonyo-portfolio-menu ul{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;
    flex-wrap:wrap
}
.lonyo-portfolio-menu ul li{
    border:1px solid var(--heading-color);
    color:var(--heading-color);
    border-radius:3px;
    padding:16px 26px;
    cursor:pointer;
    font-weight:500
}
@media (max-width:767px){
    .lonyo-portfolio-menu ul li{
        margin-bottom:24px
    }
}
.lonyo-portfolio-menu ul li:last-child{
    margin-bottom:0;
    margin-right:0
}
.lonyo-portfolio-menu ul li.active{
    background:var(--body-color);
    color:var(--heading-color);
    border:1px solid var(--body-color)
}
.w100{
    width:100%!important
}
.lonyo-faq-title{
    padding-bottom:60px
}
@media (max-width:991px){
    .lonyo-faq-title{
        padding-bottom:40px
    }
}
@media (max-width:767px){
    .lonyo-faq-title{
        padding-bottom:30px
    }
}
.lonyo-faq-item{
    padding-bottom:24px
}
.lonyo-faq-item.item2{
    padding-bottom:24px;
    border-bottom:1px solid rgba(20,45,111,.1019607843);
    margin-bottom:24px
}
.lonyo-faq-item.item2:last-child{
    padding-bottom:0;
    border-bottom:none;
    margin-bottom:60px
}
@media (max-width:991px){
    .lonyo-faq-item.item2:last-child{
        margin-bottom:30px
    }
}
.lonyo-faq-item:last-child{
    padding-bottom:0
}
.lonyo-faq-item.open .lonyo-faq-body{
    display:block
}
.lonyo-faq-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:15px;
    cursor:pointer;
    gap:15px
}
.lonyo-faq-body{
    display:none
}
.lonyo-faq-body p{
    font-size:18px;
    line-height:1.39em;
    max-width:600px
}
.lonyo-faq-body.body2 p{
    font-size:20px;
    line-height:1.3em;
    max-width:900px
}
@media (max-width:991px){
    .lonyo-faq-thumb{
        text-align:center;
        padding-bottom:40px
    }
}
@media (max-width:767px){
    .lonyo-faq-thumb{
        text-align:center;
        padding-bottom:30px
    }
}
.lonyo-faq-shape{
    position:relative
}
.lonyo-faq-shape::before{
    content:"";
    position:absolute;
    bottom:60px;
    right:-18%;
    width:130px;
    height:130px;
    border-radius:100px;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
@media (max-width:1800px){
    .lonyo-faq-shape::before{
        display:none
    }
}
.lonyo-faq-item.open img.plasicon{
    opacity:1!important
}
.lonyo-faq-item.open img.mynusicon{
    opacity:0;
    display:block
}
img.mynusicon{
    opacity:1;
    position:relative
}
img.plasicon{
    opacity:0;
    position:absolute
}
.lonyo-active-icon{
    flex-shrink:0
}
.faq-btn{
    text-align:center
}
.pr-100{
    padding-right:100px
}
@media (max-width:1199px){
    .pr-100{
        padding-right:50px
    }
}
@media (max-width:991px){
    .pr-100{
        padding-right:0
    }
}
.lonyo-pricing-wrap{
    padding:30px;
    border-radius:10px;
    transition:all .4s!important;
    margin-bottom:24px;
    background-color:var(--white-bg);
    border:1px solid rgba(20,45,111,.1019607843)
}
.lonyo-pricing-wrap.active{
    border:1px solid var(--white-bg);
    box-shadow:-4px 10px 20px 0 rgba(20,45,111,.1019607843)
}
.lonyo-pricing-wrap:hover{
    box-shadow:-4px 10px 20px 0 rgba(20,45,111,.1019607843);
    border:1px solid var(--white-bg)
}
.lonyo-pricing-header{
    padding-bottom:24px
}
.lonyo-pricing-header.header2{
    font-size:28px;
    font-weight:700;
    line-height:36px;
    letter-spacing:-.5px;
    text-align:left
}
.lonyo-pricing-price{
    gap:5px;
    display:flex;
    align-items:flex-end;
    padding-bottom:40px;
    border-bottom:2px solid rgba(20,45,111,.1019607843);
    margin-bottom:40px
}
@media (max-width:767px){
    .lonyo-pricing-price{
        padding-bottom:30px;
        margin-bottom:30px
    }
}
.lonyo-pricing-price p{
    font-weight:500
}
.lonyo-pricing-price .lonyo-price-value{
    font-weight:700;
    color:var(--heading-color);
    font-size:70px;
    line-height:80px
}
.lonyo-pricing-price.price2{
    padding-bottom:0;
    border-bottom:none;
    margin-bottom:0
}
.lonyo-pricing-price.price2 span{
    font-weight:500
}
.lonyo-pricing-price.price2 .pricing-title{
    font-size:65px;
    font-weight:700;
    line-height:70px;
    letter-spacing:-2px;
    text-align:left
}
.lonyo-pricing-body p{
    font-weight:500
}
.lonyo-pricing-body ul li{
    position:relative;
    font-size:18px;
    line-height:25px;
    padding-bottom:15px;
    padding-left:30px
}
.lonyo-pricing-body ul li:last-child{
    padding-bottom:0
}
.lonyo-pricing-body ul li img{
    position:absolute;
    left:0;
    top:3px
}
.lonyo-pricing-text{
    padding:30px 0;
    border-bottom:1px solid rgba(0,26,61,.1019607843);
    margin-bottom:30px
}
.lonyo-pricing-footer.extra-mt{
    margin-top:130px
}
@media (max-width:991px){
    .lonyo-pricing-footer.extra-mt{
        margin-top:50px
    }
}
@media (max-width:767px){
    .lonyo-pricing-footer.extra-mt{
        margin-top:30px
    }
}
.toggle-switch{
    cursor:pointer;
    width:260px;
    display:flex;
    align-items:center;
    border:1px solid var(--heading-color);
    border-radius:3px;
    margin:0 auto;
    justify-content:center
}
.toggle-switch input{
    display:none
}
.toggle-switch,.toggle-switch span{
    font-weight:500
}
.toggle-switch input+span,.toggle-switch input:checked+span+span{
    padding:13px 30px;
    background-color:var(--body-color)
}
.toggle-switch input+span+span,.toggle-switch input:checked+span{
    background-color:transparent;
    border-color:transparent;
    padding:16px 28px;
    color:var(--heading-color)
}
table{
    width:100%;
    border:1px solid rgba(20,45,111,.1019607843);
    border-radius:10px!important
}
td,th{
    text-align:center;
    padding:20px 25px;
    border-right:1px solid rgba(20,45,111,.1019607843)
}
@media (max-width:1280px){
    td,th{
        padding:20px
    }
}
td span,th span{
    font-size:18px;
    line-height:26px
}
.pricing-author{
    text-align:left
}
@media (max-width:1349px){
    .lonyo-pricing-table{
        overflow-x:auto
    }
}
.table-sub-title{
    background-color:var(--light-color)
}
.table-sub-title th{
    border-right:1px solid var(--light-color);
    padding:30px;
    text-align:left
}
@media (max-width:1260px){
    .table-sub-title th{
        padding:20px
    }
}
.table-sub-title th span{
    font-size:28px;
    font-weight:700;
    line-height:36px;
    letter-spacing:-.5px
}
.mt-40{
    margin-top:40px
}
.lonyo-team-wrap{
    border-radius:10px;
    transition:all .4s;
    margin-bottom:24px
}
.lonyo-team-wrap:hover .lonyo-team-thumb img{
    transform:scale(1.1)
}
.lonyo-team-wrap:hover .lonyo-team-content a h6::before{
    width:40%
}
.lonyo-team-wrap:hover .lonyo-team-content2 a h6::before{
    width:40%
}
.lonyo-team-thumb{
    position:relative;
    overflow:hidden;
    border-radius:10px
}
.lonyo-team-thumb img{
    width:100%;
    height:100%;
    transition:all .4s;
    object-fit:cover;
    border-radius:10px
}
.lonyo-team-content{
    padding-top:24px;
    text-align:center
}
.lonyo-team-content h6{
    font-weight:500;
    color:var(--light-color);
    position:relative
}
.lonyo-team-content h6::before{
    content:" ";
    left:90px;
    bottom:-3px;
    width:0;
    height:1px;
    position:absolute;
    transition:all .4s;
    background:var(--white-color)
}
@media (max-width:767px){
    .lonyo-team-content h6::before{
        display:none
    }
}
.lonyo-team-content p{
    margin-bottom:0;
    margin-top:10px;
    font-size:18px;
    line-height:25px;
    color:var(--light-color)
}
.lonyo-team-content2{
    padding-top:24px;
    text-align:center
}
.lonyo-team-content2 h6{
    font-weight:500;
    position:relative
}
.lonyo-team-content2 h6::before{
    content:" ";
    left:90px;
    bottom:-3px;
    width:0;
    height:1px;
    position:absolute;
    transition:all .4s;
    background:var(--heading-color)
}
@media (max-width:767px){
    .lonyo-team-content2 h6::before{
        display:none
    }
}
.lonyo-team-content2 p{
    margin-bottom:0;
    margin-top:5px;
    font-size:18px;
    line-height:25px
}
@media (max-width:991px){
    .lonyo-team-d-thumb{
        text-align:center;
        padding-bottom:40px
    }
}
.lonyo-team-d-content-wrap{
    display:flex;
    align-items:center;
    gap:24px
}
.lonyo-team-d-content{
    padding-top:100px
}
@media (max-width:991px){
    .lonyo-team-d-content{
        padding-top:60px
    }
}
@media (max-width:767px){
    .lonyo-team-d-content{
        padding-top:40px
    }
}
.lonyo-team-d-content h4{
    padding-bottom:24px
}
.lonyo-team-d-content ul li{
    font-weight:400;
    padding-bottom:15px;
    padding-left:20px;
    position:relative
}
.lonyo-team-d-content ul li:last-child{
    padding-bottom:0
}
.lonyo-team-d-content ul li span{
    font-weight:500
}
.lonyo-team-d-content ul li::before{
    width:8px;
    height:8px;
    top:8px;
    left:0;
    content:"";
    position:absolute;
    border-radius:100px;
    background-color:var(--heading-bg)
}
.team-btn{
    text-align:center
}
@media (max-width:767px){
    .team-btn{
        margin-top:0!important
    }
}
.tag-share-social{
    display:flex;
    gap:24px;
    align-items:center
}
@media (max-width:767px){
    .tag-share-social{
        padding-top:24px
    }
}
.tag-share-social ul{
    display:flex;
    gap:24px;
    flex-wrap:wrap
}
.tag-share-social ul li{
    display:inline-block
}
.tag-share-social ul li a{
    width:35px;
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:100px;
    transition:all .4s;
    border:1px solid var(--heading-color)
}
.tag-share-social ul li a:hover{
    background-color:var(--heading-bg)
}
.tag-share-social ul li a:hover path{
    fill:var(--white-bg)
}
.tag-share-social.social2 ul li a{
    width:45px;
    height:45px
}
.lonyo-social-wrap ul li{
    display:inline-block;
    margin-right:15px;
    transition:all .4s
}
.lonyo-social-wrap ul li:last-child{
    margin-right:0
}
.lonyo-social-wrap ul li a{
    width:35px;
    height:35px;
    display:flex;
    align-items:center;
    border-radius:100px;
    justify-content:center;
    transition:all .4s;
    border:1px solid var(--heading-color)
}
.lonyo-social-wrap ul li a:hover{
    border:1px solid transparent;
    background-color:var(--heading-bg)
}
.lonyo-social-wrap ul li a:hover path{
    fill:var(--white-bg)
}
.lonyo-social-wrap2 ul li{
    display:inline-block;
    margin-right:15px;
    transition:all .4s
}
.lonyo-social-wrap2 ul li:last-child{
    margin-right:0
}
.lonyo-social-wrap2 ul li a{
    width:35px;
    height:35px;
    display:flex;
    align-items:center;
    border-radius:100px;
    justify-content:center;
    transition:all .4s;
    border:1px solid var(--white-color)
}
.lonyo-social-wrap2 ul li a:hover{
    border:1px solid transparent;
    background-color:var(--white-bg)
}
.lonyo-social-wrap2 ul li a:hover path{
    fill:var(--heading-bg)
}
.lonyo-blog-wrap{
    padding:30px;
    border-radius:10px;
    margin-bottom:24px;
    transition:all .4s!important;
    border:1px solid rgba(20,45,111,.1019607843)
}
.lonyo-blog-wrap:hover{
    border:1px solid var(--white-bg);
    box-shadow:-4px 10px 20px 0 rgba(20,45,111,.1019607843)
}
.lonyo-blog-wrap:hover .lonyo-blog-thumb img{
    transform:scale(1.1)
}
.lonyo-blog-wrap:hover .lonyo-blog-content h2{
    background-size:100% 1px
}
.lonyo-blog-thumb{
    border-radius:15px;
    margin-bottom:24px;
    position:relative;
    overflow:hidden
}
.lonyo-blog-thumb img{
    width:100%;
    height:200%;
    object-fit:cover;
    transition:all .4s!important
}
.lonyo-blog-meta{
    padding-bottom:24px
}
.lonyo-blog-meta ul li{
    display:inline-block;
    margin-right:24px;
    position:relative;
    padding-left:30px
}
.lonyo-blog-meta ul li:last-child{
    margin-right:0
}
@media (max-width:394px){
    .lonyo-blog-meta ul li:last-child{
        margin-top:10px
    }
}
.lonyo-blog-meta ul li a{
    font-size:18px;
    line-height:25px;
    color:var(--heading-color)
}
.lonyo-blog-meta ul li a img{
    position:absolute;
    top:4px;
    left:0
}
.lonyo-blog-content{
    padding-bottom:24px
}
.lonyo-blog-content a{
    color:var(--heading-color)
}
.lonyo-blog-content h2{
    padding-top:0;
    background-image:linear-gradient(currentColor,currentColor);
    background-position:0 100%;
    background-repeat:no-repeat;
    background-size:0 1px;
    transition:background-size .3s ease-in-out;
    display:inline;
    font-size:48px;
    line-height:60px;
    letter-spacing:-.5px
}
@media (max-width:1199px){
    .lonyo-blog-content h2{
        font-size:36px;
        line-height:42px
    }
}
@media (max-width:767px){
    .lonyo-blog-content h2{
        font-size:28px;
        line-height:36px
    }
}
.lonyo-blog-content p{
    margin-top:15px
}
.lonyo-blog-sidebar{
    padding-left:30px
}
@media (max-width:991px){
    .lonyo-blog-sidebar{
        margin-top:40px;
        padding-left:0
    }
}
.lonyo-blog-widgets{
    margin-bottom:60px
}
.lonyo-blog-widgets:last-child{
    margin-bottom:0
}
.lonyo-blog-widgets h4{
    padding-bottom:24px
}
@media (max-width:991px){
    .lonyo-blog-widgets{
        margin-bottom:40px
    }
}
.lonyo-blog-widgets.widgets2{
    display:flex;
    align-items:center;
    gap:24px;
    margin-bottom:0
}
.lonyo-blog-widgets.widgets2 h4{
    padding-bottom:0
}
.lonyo-blog-categorie ul li{
    margin-bottom:15px
}
.lonyo-blog-categorie ul li:last-child{
    margin-bottom:0
}
.lonyo-blog-categorie ul li a{
    color:var(--heading-color);
    display:flex;
    align-items:center;
    justify-content:space-between
}
.lonyo-blog-recent-post-item{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:24px
}
@media (max-width:1199px){
    .lonyo-blog-recent-post-item{
        gap:24px
    }
}
.lonyo-blog-recent-post-item:last-child{
    margin-bottom:0
}
.lonyo-blog-recent-post-item:hover .lonyo-blog-recent-post-thumb img{
    transform:scale(1.1)
}
.lonyo-blog-recent-post-item:hover .lonyo-blog-recent-post-data h4{
    background-size:100% 1px
}
.lonyo-blog-recent-post-thumb{
    border-radius:10px;
    overflow:hidden;
    flex-shrink:0;
    transition:all .4s!important
}
.lonyo-blog-recent-post-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:all .4s!important
}
.lonyo-blog-recent-post-data ul li{
    font-size:18px;
    line-height:25px;
    color:var(--heading-color);
    margin-bottom:10px;
    position:relative;
    padding-left:30px
}
.lonyo-blog-recent-post-data ul li img{
    position:absolute;
    top:0;
    left:0
}
.lonyo-blog-recent-post-data h4{
    margin-top:5px;
    background-image:linear-gradient(currentColor,currentColor);
    background-position:0 100%;
    background-repeat:no-repeat;
    background-size:0 1px;
    transition:background-size .3s ease-in-out;
    display:inline;
    padding-bottom:0;
    font-size:22px
}
.lonyo-blog-tags ul{
    display:flex;
    gap:10px;
    flex-wrap:wrap
}
.lonyo-blog-tags ul li{
    display:inline-block
}
.lonyo-blog-tags ul li a{
    font-size:18px;
    line-height:25px;
    padding:8px 16px;
    display:block;
    border-radius:3px;
    transition:all .4s;
    color:var(--heading-color);
    background-color:rgba(20,45,111,.0509803922)
}
.lonyo-blog-tags ul li a:hover{
    color:var(--light-color);
    background-color:var(--heading-bg)
}
.lonyo-blog-d-thumb{
    padding-bottom:24px
}
.lonyo-blog-d-content{
    padding-top:40px
}
.lonyo-blog-d-content h2{
    padding-bottom:20px
}
.lonyo-blog-d-content a{
    color:var(--heading-color)
}
.lonyo-blog-d-content ul li{
    font-weight:500;
    position:relative;
    margin-bottom:15px;
    padding-left:30px
}
.lonyo-blog-d-content ul li::before{
    content:"";
    position:absolute;
    top:10px;
    left:0;
    width:10px;
    height:10px;
    border-radius:100px;
    background-color:var(--heading-color)
}
.lonyo-blog-d-content ul li:last-child{
    margin-bottom:0
}
.lonyo-blog-d-content-wrap{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:30px 0;
    border-top:1px solid rgba(20,45,111,.1019607843);
    border-bottom:1px solid rgba(20,45,111,.1019607843);
    margin:40px 0
}
@media (max-width:767px){
    .lonyo-blog-d-content-wrap{
        margin:30px 0;
        display:block
    }
}
.lonyo-blog-d-comment-box h4{
    padding-bottom:30px
}
.lonyo-blog-d-comment-wrap1{
    display:flex
}
.lonyo-blog-d-comment-wrap1 .reply-btn a{
    font-weight:500;
    padding-top:10px;
    color:var(--heading-color)
}
.lonyo-blog-d-comment-wrap1.wrap2{
    padding-bottom:24px;
    border-bottom:1px solid rgba(20,45,111,.1019607843);
    margin-bottom:24px
}
.lonyo-blog-d-comment-wrap{
    display:flex;
    padding-bottom:24px;
    border-bottom:1px solid rgba(20,45,111,.1019607843);
    margin-bottom:30px;
    padding-top:24px;
    border-top:1px solid rgba(20,45,111,.1019607843);
    margin-top:30px
}
.lonyo-blog-d-comment-wrap .reply-btn a{
    font-weight:500;
    padding-top:10px;
    color:var(--heading-color)
}
.lonyo-blog-d-comment-thumb{
    margin-right:20px;
    flex-shrink:0
}
.lonyo-blog-d-comment-thumb img{
    border-radius:100px
}
.lonyo-blog-d-comment-data1 h5{
    font-size:20px;
    line-height:30px;
    font-weight:500;
    margin-bottom:5px
}
.lonyo-blog-d-comment-data1 span{
    font-size:16px;
    line-height:22px
}
.lonyo-blog-d-comment-data1 p{
    margin-top:15px
}
.lonyo-blog-d-comment-data span{
    font-size:16px;
    line-height:22px
}
.lonyo-blog-d-comment-data p{
    color:var(--dark-color1);
    padding-top:10px
}
.lonyo-blog-d-comment-box2 h4{
    padding-bottom:30px
}
.lonyo-blog-d-content-comment-box h4{
    margin-bottom:30px
}
.mt-10{
    margin-top:10px
}
.lonyo-recent-post-item:hover .lonyo-recent-post-data h6{
    background-size:100% 1px
}
.lonyo-search-box{
    position:relative;
    border-radius:3px;
    padding:0 45px 0 18px;
    border:1px solid rgba(20,45,111,.1490196078)
}
.lonyo-search-box input{
    font-size:18px;
    line-height:25px
}
button#lonyo-search-btn{
    position:absolute;
    right:20px;
    top:20px
}
blockquote{
    margin-top:40px;
    position:relative;
    border-radius:10px;
    padding:30px;
    background-color:var(--light-color)
}
blockquote::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:6px;
    height:100%;
    border-radius:10px 0 0 10px;
    background-color:var(--heading-bg)
}
.pl-101{
    margin-left:101px
}
@media (max-width:767px){
    .pl-101{
        margin-left:0
    }
}
.deivdead-line{
    padding-top:100px;
    border-bottom:1px solid rgba(20,45,111,.1019607843);
    margin-bottom:100px
}
@media (max-width:991px){
    .deivdead-line{
        padding-top:80px;
        margin-bottom:80px
    }
}
@media (max-width:767px){
    .deivdead-line{
        padding-top:60px;
        margin-bottom:60px
    }
}
.lonyo-blog-d-thumb img{
    width:100%
}
.lonyo-brand-section{
    padding:100px 0
}
@media (max-width:991px){
    .lonyo-brand-section{
        padding:80px 0
    }
}
@media (max-width:767px){
    .lonyo-brand-section{
        padding:60px 0
    }
}
.lonyo-brand-section .title{
    text-align:center;
    padding-bottom:60px;
    margin:0
}
@media (max-width:991px){
    .lonyo-brand-section .title{
        padding-bottom:30px
    }
}
@media (max-width:991px){
    .lonyo-brand-section{
        padding-top:60px
    }
}
@media (max-width:767px){
    .lonyo-brand-section{
        padding-top:60px
    }
}
.lonyo-brand-section.section2{
    padding:0 0 130px
}
@media (max-width:991px){
    .lonyo-brand-section.section2{
        padding:0 0 80px
    }
}
@media (max-width:767px){
    .lonyo-brand-section.section2{
        padding:0 0 60px
    }
}
.lonyo-brand-section.section3{
    padding:30px 0 130px
}
@media (max-width:991px){
    .lonyo-brand-section.section3{
        padding:30px 0 80px
    }
}
@media (max-width:767px){
    .lonyo-brand-section.section3{
        padding:30px 0 60px
    }
}
.lonyo-brand-slider-item{
    padding:0 20px
}
.lonyo-brand-slider-item.ml-10 img{
    margin-left:30px
}
.lonyo-service-wrap{
    border-radius:10px;
    padding:30px;
    margin-bottom:24px;
    transition:all .4s!important
}
@media (max-width:767px){
    .lonyo-service-wrap{
        padding:30px 20px
    }
}
.lonyo-service-wrap:hover{
    box-shadow:-4px 10px 20px 0 rgba(20,45,111,.1019607843)
}
.lonyo-service-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:24px;
    gap:15px
}
.lonyo-service-data p{
    font-size:18px;
    line-height:1.39em
}
.lonyo-service-wrap2{
    padding:30px 30px 200px 30px;
    border-radius:10px;
    position:relative;
    overflow:hidden;
    margin-bottom:24px
}
@media (max-width:1399px){
    .lonyo-service-wrap2{
        padding:30px 40px 218px 30px;
        margin-bottom:40px
    }
}
@media (max-width:767px){
    .lonyo-service-wrap2{
        padding:30px
    }
}
.lonyo-service-icon{
    padding-bottom:24px
}
.lonyo-service-content h4{
    padding-bottom:15px
}
.lonyo-service-content p{
    font-size:18px;
    line-height:25px;
    max-width:345px
}
.lonyo-service-wrap3{
    padding:30px 40px 0 30px;
    border-radius:10px;
    margin-bottom:24px
}
.lonyo-service-thumb3.thumb4{
    margin-bottom:24px
}
@media (max-width:1199px){
    .lonyo-service-thumb3{
        text-align:center
    }
}
.lonyo-service-icon{
    padding-bottom:24px
}
.lonyo-service-content2 h4{
    padding-bottom:15px
}
.lonyo-service-content2 p{
    font-size:18px;
    line-height:25px
}
.lonyo-service-vertical-slider{
    position:absolute;
    top:0;
    left:63%
}
@media (max-width:1399px){
    .lonyo-service-vertical-slider{
        left:59%
    }
}
@media (max-width:767px){
    .lonyo-service-vertical-slider{
        display:none
    }
}
.lonyo-service-vertical-slider.slider3{
    top:50px
}
.lonyo-service-vertical-item{
    padding:10px 0
}
.lonyo-service-wrap4{
    padding:30px 30px 0 30px;
    border-radius:10px;
    margin-bottom:24px
}
@media (max-width:1399px){
    .lonyo-service-wrap4{
        padding:30px 40px 0 30px;
        margin-bottom:40px
    }
}
.lonyo-service-icon{
    padding-bottom:24px
}
.lonyo-service-content h4{
    padding-bottom:15px
}
.lonyo-service-content p{
    font-size:18px;
    line-height:25px;
    max-width:345px
}
.lonyo-service-thumb{
    padding-top:24px;
    position:relative;
    z-index:0
}
@media (max-width:991px){
    .lonyo-service-thumb{
        text-align:center
    }
}
.lonyo-service-thumb::before{
    position:absolute;
    content:"";
    bottom:0;
    left:20px;
    z-index:-1;
    width:350px;
    height:170px;
    border-radius:10px 10px 0 0;
    background-color:var(--light-color3)
}
@media (max-width:1199px){
    .lonyo-service-thumb::before{
        width:300px;
        height:135px
    }
}
@media (max-width:991px){
    .lonyo-service-thumb::before{
        left:150px;
        height:170px;
        width:355px
    }
}
@media (max-width:767px){
    .lonyo-service-thumb::before{
        display:none
    }
}
.lonyo-service-thumb::after{
    position:absolute;
    content:"";
    bottom:0;
    left:40px;
    z-index:-2;
    width:350px;
    height:150px;
    border-radius:10px 10px 0 0;
    background-color:var(--light-color4)
}
@media (max-width:1199px){
    .lonyo-service-thumb::after{
        width:290px;
        height:112px
    }
}
@media (max-width:991px){
    .lonyo-service-thumb::after{
        left:230px;
        height:150px
    }
}
@media (max-width:767px){
    .lonyo-service-thumb::after{
        display:none
    }
}
.lonyo-service-thumb2{
    position:absolute;
    top:80px;
    right:30px
}
@media (max-width:1399px){
    .lonyo-service-thumb2{
        top:250px;
        left:25%;
        transform:translate(-50%,-50%)
    }
}
@media (max-width:767px){
    .lonyo-service-thumb2{
        left:21%
    }
}
.lonyo-service-wrap5{
    padding:30px 30px 230px 30px;
    border-radius:10px;
    position:relative;
    overflow:hidden;
    margin-bottom:24px
}
@media (max-width:1399px){
    .lonyo-service-wrap5{
        padding:30px 40px 230px 30px
    }
}
@media (max-width:1199px){
    .lonyo-service-wrap5{
        padding:30px 40px 208px 30px
    }
}
@media (max-width:991px){
    .lonyo-service-wrap5{
        padding:30px 40px 300px 30px
    }
}
@media (max-width:767px){
    .lonyo-service-wrap5{
        padding:30px 40px 170px 30px
    }
}
.lonyo-service-icon{
    padding-bottom:24px
}
.lonyo-service-content h4{
    padding-bottom:15px
}
.lonyo-service-content p{
    font-size:18px;
    line-height:25px;
    max-width:345px
}
.lonyo-content-thumb{
    text-align:center;
    position:relative
}
@media (max-width:991px){
    .lonyo-content-thumb{
        padding-bottom:40px
    }
}
.lonyo-content-thumb::before{
    position:absolute;
    content:"";
    top:50%;
    left:50%;
    z-index:-1;
    width:550px;
    height:550px;
    border-radius:100%;
    transform:translate(-50%,-50%);
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#fff 78.6%)
}
@media (max-width:1800px){
    .lonyo-content-thumb::before{
        display:none
    }
}
@media (max-width:991px){
    .lonyo-content-thumb2{
        padding-bottom:40px
    }
}
@media (max-width:767px){
    .lonyo-content-thumb2{
        padding-bottom:30px
    }
}
.lonyo-content-thumb3{
    text-align:center
}
@media (max-width:991px){
    .lonyo-content-thumb3{
        padding-bottom:40px
    }
}
@media (max-width:767px){
    .lonyo-content-thumb3{
        padding-bottom:30px
    }
}
.lonyo-content-thumb4{
    text-align:center;
    position:relative
}
@media (max-width:991px){
    .lonyo-content-thumb4{
        padding-bottom:40px
    }
}
@media (max-width:767px){
    .lonyo-content-thumb4{
        padding-bottom:30px
    }
}
.tabs{
    display:flex;
    align-items:center;
    gap:50px;
    transition:all .4s!important;
    flex-wrap:wrap
}
@media (max-width:991px){
    .tabs{
        gap:30px
    }
}
.tabs .active-tab::before{
    content:"";
    bottom:0;
    width:100%;
    height:3px;
    position:absolute;
    border-radius:3px;
    transition:all .4s!important;
    margin-bottom:-10px;
    border-bottom:3px solid var(--light-color2)
}
.tabs li{
    display:inline-flex;
    gap:10px;
    align-items:center;
    position:relative;
    cursor:pointer
}
.tabs li::before{
    content:"";
    bottom:0;
    border-radius:3px;
    width:100%;
    height:3px;
    position:absolute;
    margin-bottom:-10px;
    border-bottom:3px solid var(--light-color)
}
.tabss{
    display:flex;
    align-items:center;
    gap:50px;
    transition:all .4s!important;
    flex-wrap:wrap
}
@media (max-width:991px){
    .tabss{
        gap:30px
    }
}
.tabss .active-tabb::before{
    content:"";
    bottom:0;
    width:100%;
    height:3px;
    position:absolute;
    border-radius:3px;
    transition:all .4s!important;
    margin-bottom:-10px;
    border-bottom:3px solid var(--light-color2)
}
.tabss li{
    display:inline-flex;
    gap:10px;
    align-items:center;
    position:relative;
    cursor:pointer
}
.tabss li::before{
    content:"";
    bottom:0;
    border-radius:3px;
    width:100%;
    height:3px;
    position:absolute;
    margin-bottom:-10px;
    border-bottom:3px solid var(--light-color)
}
.border-bottom{
    position:absolute;
    bottom:224px;
    max-width:1180px;
    left:16%;
    border-bottom:3px solid rgba(246,244,239,.1019607843)!important
}
@media (max-width:1800px){
    .border-bottom{
        display:none
    }
}
.tabs-content{
    margin-top:30px;
    transition:all .4s!important
}
.tabs-content li{
    display:none
}
.tabs-content.content2{
    margin-top:70px
}
@media (max-width:767px){
    .tabs-content.content2{
        margin-top:50px
    }
}
.tabs-content.content2 li img{
    width:100%;
    height:100%;
    object-fit:cover
}
.tabs-contentt{
    margin-top:30px;
    transition:all .4s!important
}
.tabs-contentt li{
    display:none
}
.lonyo-process-wrap{
    transition:all .4s!important;
    margin-top:100px;
    padding-right:43px
}
@media (max-width:1199px){
    .lonyo-process-wrap:last-child{
        margin-top:50px
    }
}
@media (max-width:991px){
    .lonyo-process-wrap{
        margin-top:80px
    }
    .lonyo-process-wrap:last-child{
        margin-top:30px
    }
}
@media (max-width:767px){
    .lonyo-process-wrap{
        margin-top:60px
    }
}
.lonyo-process-wrap:hover .lonyo-process-title::before{
    display:block
}
.lonyo-process-number{
    padding-bottom:24px
}
.lonyo-process-title{
    padding-bottom:30px;
    position:relative
}
.lonyo-process-title::before{
    content:"";
    width:310px;
    height:3px;
    transition:all .4s!important;
    bottom:19px;
    left:0;
    position:absolute;
    display:none;
    background-color:var(--light-color2)
}
.lonyo-process-title h4{
    color:var(--light-color)
}
.lonyo-process-data p{
    margin:0;
    font-size:18px;
    font-weight:400;
    line-height:25px;
    color:var(--light-color)
}
.lonyo-tab-section{
    position:relative;
    background-color:var(--heading-color)
}
.lonyo-tab-section::before{
    top:50%;
    left:40px;
    width:150px;
    height:150px;
    content:"";
    position:absolute;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    border-radius:100px;
    background:linear-gradient(48.01deg,#a3bdff -82.43%,#0352a1 89.75%)
}
@media (max-width:1800px){
    .lonyo-tab-section::before{
        display:none
    }
}
.lonyo-tab-section h2{
    color:var(--light-color)
}
.lonyo-tab-wrap{
    text-align:center
}
.lonyo-tab-wrap ul li{
    color:var(--light-color)
}
.lonyo-tab-wrap ul li h4{
    color:var(--light-color)
}
.lonyo-rating-section{
    padding-top:100px
}
@media (max-width:991px){
    .lonyo-rating-section{
        padding-top:80px
    }
}
@media (max-width:767px){
    .lonyo-rating-section{
        padding-top:60px
    }
}
.lonyo-rating-section.section2{
    padding:106px 0 130px
}
@media (max-width:991px){
    .lonyo-rating-section.section2{
        padding:76px 0 80px
    }
}
@media (max-width:767px){
    .lonyo-rating-section.section2{
        padding:32px 0 60px
    }
}
.lonyo-rating-wrap{
    text-align:center
}
@media (max-width:1199px){
    .lonyo-rating-wrap{
        padding:20px
    }
}
@media (max-width:1199px){
    .lonyo-rating-wrap .pt-0{
        padding-top:0
    }
}
@media (max-width:1199px){
    .lonyo-rating-wrap .pt-24{
        padding-top:24px
    }
}
.lonyo-rating-icon{
    padding-bottom:24px
}
.lonyo-rating-content span{
    font-weight:500
}
.lonyo-service-vertical-slider2{
    position:absolute;
    top:0;
    left:18px
}
@media (max-width:1399px){
    .lonyo-service-vertical-slider2{
        left:-1px
    }
}
@media (max-width:1199px){
    .lonyo-service-vertical-slider2{
        left:18px
    }
}
@media (max-width:767px){
    .lonyo-service-vertical-slider2{
        left:122px
    }
}
@media (max-width:525px){
    .lonyo-service-vertical-slider2{
        left:100px
    }
}
@media (max-width:450px){
    .lonyo-service-vertical-slider2{
        left:80px
    }
}
@media (max-width:400px){
    .lonyo-service-vertical-slider2{
        left:40px
    }
}
.max-w1000{
    max-width:1000px
}
.lonyo-integration-wrap{
    display:flex;
    gap:24px;
    padding:30px 20px;
    margin-bottom:24px;
    border-radius:10px;
    transition:all .4s!important;
    border:1px solid rgba(20,45,111,.1019607843)
}
.lonyo-integration-wrap:hover{
    box-shadow:-4px 10px 20px 0 rgba(20,45,111,.1019607843);
    border:1px solid var(--white-color)
}
.lonyo-integration-icon{
    flex-shrink:0
}
.lonyo-integration-content h4{
    padding-bottom:12px
}
.lonyo-integration-content p{
    font-size:18px;
    line-height:25px
}
.lonyo-integration-content a{
    font-weight:500;
    color:var(--heading-color)
}
.lonyo-integration-content a svg{
    margin-top:5px
}
.lonyo-integration-d-wrap{
    max-width:1050px;
    margin:0 auto
}
.lonyo-integration-d-title{
    padding-bottom:80px
}
@media (max-width:991px){
    .lonyo-integration-d-title{
        padding-bottom:40px
    }
}
@media (max-width:767px){
    .lonyo-integration-d-title{
        padding-bottom:30px
    }
}
.lonyo-integration-d-title ul{
    display:flex;
    align-items:center;
    gap:30px;
    justify-content:center
}
.dividead{
    border-top:1px solid rgba(20,45,111,.1019607843)
}
.lonyo-service-table-item{
    display:flex;
    padding:30px;
    border-radius:10px;
    margin-bottom:24px;
    align-items:center;
    background-color:var(--light-color)
}
@media (max-width:991px){
    .lonyo-service-table-item{
        display:block
    }
}
.lonyo-service-table-title{
    flex:0 0 30%
}
.lonyo-service-table-title h4{
    padding-bottom:12px
}
.lonyo-service-table-body{
    flex:0 0 50%;
    padding:0 0 0 40px
}
@media (max-width:991px){
    .lonyo-service-table-body{
        padding:15px 0
    }
}
.lonyo-service-table-body ul li{
    display:inline-block;
    margin-right:10px;
    font-size:18px;
    line-height:25px
}
.lonyo-service-table-body ul li:last-child{
    margin-right:0
}
.lonyo-service-table-body ul li img{
    padding-right:5px
}
@media (max-width:767px){
    .lonyo-service-table-body ul li{
        display:block;
        margin-bottom:10px
    }
    .lonyo-service-table-body ul li:last-child{
        margin-bottom:0
    }
}
.lonyo-service-table-btn{
    flex:0 0 20%;
    text-align:right
}
@media (max-width:991px){
    .lonyo-service-table-btn{
        text-align:left
    }
}
.lonyo-content-data ul{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px
}
.lonyo-content-data ul li{
    display:inline-block;
    border-radius:3px;
    padding:18px 20px;
    background-color:rgba(163,189,255,.2);
    font-family:"DM Sans",sans-serif;
    font-weight:500;
    font-size:20px;
    line-height:26px
}
.lonyo-content-data ul li img{
    margin-right:7px
}
@media (max-width:767px){
    .lonyo-content-data ul li{
        padding:14px 17px
    }
}
.lonyo-hero-section{
    padding:170px 0 180px;
    position:relative;
    z-index:0
}
@media (max-width:991px){
    .lonyo-hero-section{
        padding:190px 0 150px
    }
}
@media (max-width:767px){
    .lonyo-hero-section{
        padding:130px 0 100px
    }
}
.lonyo-hero-content{
    position:relative;
    max-width:880px
}
@media (max-width:1199px){
    .lonyo-hero-content{
        max-width:750px
    }
}
@media (max-width:991px){
    .lonyo-hero-content{
        max-width:550px
    }
}
@media (max-width:767px){
    .lonyo-hero-content{
        max-width:430px
    }
}
.lonyo-hero-content .hero-title{
    padding-bottom:20px
}
.lonyo-hero-content .text{
    max-width:600px
}
.lonyo-hero-thumb{
    text-align:center;
    position:relative
}
@media (max-width:991px){
    .lonyo-hero-thumb{
        padding-top:40px
    }
}
.lonyo-hero-thumb::before{
    content:"";
    position:absolute;
    top:73px;
    right:-130px;
    width:150px;
    height:150px;
    overflow:hidden;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    border-radius:100px;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
@media (max-width:1560px){
    .lonyo-hero-thumb::before{
        display:none
    }
}
.lonyo-hero-thumb::after{
    content:"";
    position:absolute;
    bottom:73px;
    left:-100px;
    width:90px;
    height:90px;
    border-radius:100px;
    overflow:hidden;
    transform:translatey(0);
    -webkit-animation:updown 4s ease-in-out infinite;
    animation:updown 4s ease-in-out infinite;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
@media (max-width:1560px){
    .lonyo-hero-thumb::after{
        display:none
    }
}
.lonyo-hero-section2{
    padding:230px 0 400px;
    position:relative;
    z-index:0
}
@media (max-width:1399px){
    .lonyo-hero-section2{
        padding:190px 0 330px
    }
}
@media (max-width:991px){
    .lonyo-hero-section2{
        padding:190px 0 300px
    }
}
@media (max-width:767px){
    .lonyo-hero-section2{
        padding:130px 0 100px
    }
}
.lonyo-hero-rating{
    padding-bottom:15px
}
.lonyo-hero-rating ul li{
    color:var(--light-color);
    display:inline-block;
    margin-right:5px
}
.lonyo-hero-rating ul li:last-child{
    margin-right:0
}
.lonyo-hero-rating ul li img{
    margin-top:-6px
}
.lonyo-hero-content2 .hero-title{
    color:var(--light-color)
}
.lonyo-hero-text2{
    padding-left:60px;
    padding-top:40px
}
@media (max-width:1399px){
    .lonyo-hero-text2{
        padding-left:30px
    }
}
@media (max-width:991px){
    .lonyo-hero-text2{
        padding-left:0
    }
}
@media (max-width:767px){
    .lonyo-hero-text2{
        padding-top:30px
    }
}
.lonyo-hero-text2 .text{
    color:var(--light-color);
    margin:0
}
.lonyo-hero-text2 ul{
    display:flex;
    gap:20px;
    align-items:center
}
@media (max-width:767px){
    .lonyo-hero-text2 ul{
        flex-wrap:wrap
    }
}
.lonyo-hero-section3{
    padding:230px 0 680px;
    position:relative;
    z-index:0;
    background:linear-gradient(180deg,rgba(163,189,255,0) 0,#a3bdff 100%)
}
@media (max-width:1399px){
    .lonyo-hero-section3{
        padding:230px 0 600px
    }
}
@media (max-width:1199px){
    .lonyo-hero-section3{
        padding:230px 0 480px
    }
}
@media (max-width:991px){
    .lonyo-hero-section3{
        padding:190px 0 380px
    }
}
@media (max-width:767px){
    .lonyo-hero-section3{
        padding:130px 0 170px
    }
}
.lonyo-hero-content3{
    max-width:1050px;
    text-align:center;
    margin:0 auto;
    position:relative
}
.lonyo-hero-content3::before{
    bottom:-100px;
    left:-30%;
    width:130px;
    height:130px;
    content:"";
    border-radius:100px;
    position:absolute;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%);
    transform:rotate(130deg);
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite
}
@media (max-width:1800px){
    .lonyo-hero-content3::before{
        display:none
    }
}
.lonyo-hero-content3::after{
    bottom:-70%;
    right:-24%;
    width:300px;
    height:300px;
    content:"";
    border-radius:180px;
    position:absolute;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%);
    transform:rotate(130deg);
    transform:translatey(0);
    -webkit-animation:updown 2s ease-in-out infinite;
    animation:updown 2s ease-in-out infinite
}
@media (max-width:1800px){
    .lonyo-hero-content3::after{
        display:none
    }
}
@media (max-width:1199px){
    .lonyo-hero-content3 .hero-title{
        font-size:70px
    }
}
@media (max-width:767px){
    .lonyo-hero-content3 .hero-title{
        font-size:48px
    }
}
@media (max-width:575px){
    .lonyo-hero-content3 .hero-title{
        font-size:35px
    }
}
.lonyo-hero-content3 .text{
    max-width:1000px;
    text-align:center;
    margin:0 auto;
    padding-top:20px
}
@media (max-width:1399px){
    .lonyo-hero-content3 .text{
        max-width:800px
    }
}
.lonyo-hero-dashboard3{
    margin-top:-690px;
    position:relative
}
@media (max-width:1399px){
    .lonyo-hero-dashboard3{
        margin-top:-600px
    }
}
@media (max-width:1199px){
    .lonyo-hero-dashboard3{
        margin-top:-460px
    }
}
@media (max-width:991px){
    .lonyo-hero-dashboard3{
        margin-top:-360px
    }
}
@media (max-width:767px){
    .lonyo-hero-dashboard3{
        margin-top:-140px
    }
}
.lonyo-hero-thumb4{
    text-align:center
}
@media (max-width:991px){
    .lonyo-hero-thumb4{
        padding-top:40px
    }
}
.lonyo-hero-btnn{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px
}
.lonyo-hero-section5{
    padding:230px 0 0;
    position:relative;
    z-index:0
}
@media (max-width:1399px){
    .lonyo-hero-section5{
        padding:190px 0 0
    }
}
@media (max-width:991px){
    .lonyo-hero-section5{
        padding:190px 0 0
    }
}
@media (max-width:767px){
    .lonyo-hero-section5{
        padding:130px 0 0
    }
}
.lonyo-hero-wrap{
    max-width:1070px;
    margin:0 auto;
    text-align:center
}
.lonyo-hero-rating{
    padding-bottom:15px
}
.lonyo-hero-rating ul li{
    display:inline-block;
    font-size:18px;
    line-height:26px;
    font-weight:500
}
.lonyo-hero-rating ul li img{
    margin-right:10px
}
.lonyo-hero-title h1{
    color:var(--light-color);
    padding-bottom:20px
}
.lonyo-hero-title p{
    margin:0 auto;
    color:var(--light-color);
    max-width:900px
}
.lonyo-hero-thumb5{
    display:flex;
    align-items:flex-end;
    gap:24px;
    margin-top:80px
}
@media (max-width:1199px){
    .lonyo-hero-thumb5{
        display:block;
        text-align:center
    }
}
@media (max-width:991px){
    .lonyo-hero-thumb5{
        margin-top:60px
    }
}
@media (max-width:767px){
    .lonyo-hero-thumb5{
        margin-top:40px
    }
}
.lonyo-hero-overlay{
    position:absolute;
    bottom:0
}
.play-btn2{
    display:flex;
    align-items:center;
    gap:10px;
    border-radius:3px;
    color:var(--body-color);
    border:2px solid var(--body-color);
    padding:16px 26px;
    font-weight:500;
    transition:all .4s;
    z-index:1
}
.play-btn2:hover{
    color:var(--body-color)
}
@media (max-width:1199px){
    .img0{
        display:none
    }
}
.lonyo-iconbox-wrap{
    padding:20px;
    border-radius:10px;
    transition:all .4s;
    position:relative;
    display:block;
    overflow:hidden;
    z-index:0;
    background-color:var(--light-color);
    margin-bottom:24px;
    background-size:cover;
    background-position:center
}
.lonyo-iconbox-wrap::before{
    content:"";
    left:0;
    top:0;
    z-index:-1;
    width:100%;
    height:100%;
    transition:all .4s;
    position:absolute;
    background:var(--light-color)
}
.lonyo-iconbox-wrap:hover::before{
    opacity:0
}
.lonyo-iconbox-wrap:hover .lonyo-iconbox-icon path{
    fill:var(--white-color)
}
.lonyo-iconbox-wrap:hover .lonyo-iconbox-content h5,.lonyo-iconbox-wrap:hover .lonyo-iconbox-content p{
    color:var(--white-color)
}
.lonyo-iconbox-wrap:hover .lonyo-iconbox-btn a{
    color:var(--white-color)
}
.lonyo-iconbox-wrap:hover .lonyo-iconbox-btn a path{
    stroke:var(--white-color)
}
.lonyo-iconbox-icon{
    padding-bottom:20px
}
.lonyo-iconbox-icon path{
    transition:all .4s
}
.lonyo-iconbox-content{
    padding-bottom:24px;
    transition:all .4s
}
.lonyo-iconbox-content h5{
    transition:all .4s;
    margin-bottom:15px
}
.lonyo-iconbox-content p{
    transition:all .4
}
.lonyo-iconbox-btn a{
    font-weight:700;
    font-size:16px;
    line-height:24px;
    transition:all .4s;
    color:var(--heading-color)
}
.lonyo-iconbox-btn a svg{
    margin-left:5px
}
.lonyo-about-us-wrap{
    display:flex;
    gap:24px;
    align-items:center
}
@media (max-width:1199px){
    .lonyo-about-us-wrap{
        justify-content:center
    }
}
@media (max-width:767px){
    .lonyo-about-us-wrap{
        display:block
    }
}
.lonyo-about-us-thumb{
    position:relative;
    overflow:hidden;
    transition:all .4s;
    margin-bottom:24px;
    border-radius:10px
}
@media (max-width:1199px){
    .lonyo-about-us-thumb{
        display:flex;
        justify-content:center
    }
}
.lonyo-about-us-card{
    position:absolute;
    bottom:0;
    left:0;
    transition:all .4s
}
@media (max-width:767px){
    .lonyo-about-us-card{
        bottom:-100px;
        left:50%;
        transform:translate(-50%,-50%)
    }
}
@media (max-width:490px){
    .lonyo-about-us-card{
        bottom:-50px
    }
}
.lonyo-about-us-card2{
    position:absolute;
    bottom:20px;
    left:20px;
    transition:all .4s
}
@media (max-width:1399px){
    .lonyo-about-us-card2{
        left:50%;
        bottom:-60px;
        transform:translate(-50%,-50%)
    }
}
@media (max-width:991px){
    .lonyo-about-us-thumb2{
        text-align:center;
        padding-bottom:40px
    }
}
.lonyo-about-us-feature-wrap{
    display:flex;
    gap:24px;
    padding:30px;
    border-radius:10px;
    margin-left:30px;
    background-color:var(--light-color);
    margin-bottom:24px;
    position:sticky!important
}
@media (max-width:991px){
    .lonyo-about-us-feature-wrap{
        margin-left:0
    }
    .lonyo-about-us-feature-wrap:first-child{
        margin-top:40px
    }
}
.lonyo-about-us-feature-icon{
    flex-shrink:0
}
.lonyo-about-us-feature-content h4{
    padding-bottom:15px
}
.lonyo-about-us-feature-content p{
    font-size:18px;
    line-height:25px
}
.max-w616{
    max-width:616px
}
@keyframes updown{
    0%{
        transform:translatey(0)
    }
    50%{
        transform:translatey(-30px)
    }
    100%{
        transform:translatey(0)
    }
}
.one{
    top:130px
}
.two{
    top:80px
}
.three{
    top:110px
}
.four{
    top:140px
}
input,input[type=date],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],textarea{
    margin:0;
    width:100%;
    height:60px;
    font-weight:400;
    color:var(--heading-color);
    border-radius:0;
    background-color:transparent;
    padding:15px 0;
    border:none;
    transition:all .4s
}
textarea{
    height:145px;
    resize:none
}
@media (max-width:767px){
    textarea{
        height:100px
    }
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:var(--heading-color);
    opacity:1
}
input:-moz-placeholder,textarea:-moz-placeholder{
    color:var(--heading-color);
    opacity:1
}
input::-moz-placeholder,textarea::-moz-placeholder{
    color:var(--heading-color);
    opacity:1
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:var(--heading-color);
    opacity:1
}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{
    color:var(--heading-color);
    opacity:1
}
input::placeholder,textarea::placeholder{
    color:var(--heading-color);
    opacity:1
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none;
    appearance:none
}
.lonyo-subscription-field{
    text-align:center;
    position:relative;
    max-width:600px;
    margin:0 auto
}
.lonyo-subscription-field .sub-btn{
    position:absolute;
    top:4px;
    right:5px;
    padding:18px 28px;
    color:var(--light-color);
    font-weight:500;
    transition:all .4s
}
.lonyo-subscription-field .sub-btn:hover{
    color:var(--heading-color)
}
@media (max-width:767px){
    .lonyo-subscription-field .sub-btn{
        position:relative;
        width:100%;
        margin-top:24px
    }
}
@media (max-width:767px) and (max-width:767px){
    .lonyo-subscription-field .sub-btn{
        margin-top:15px;
        justify-content:center
    }
}
.lonyo-subscription-field input{
    padding:14px 41% 14px 20px;
    border-radius:3px;
    height:72px;
    transition:all .4s;
    border:1px solid var(--heading-color)
}
@media (max-width:767px){
    .lonyo-subscription-field input{
        padding:18px
    }
}
.lonyo-subscription-field2{
    max-width:600px;
    text-align:center;
    margin:0 auto;
    position:relative
}
.lonyo-subscription-field2 input{
    transition:all .4s;
    border:1px solid var(--heading-color);
    border-radius:3px;
    padding:14px 20px;
    margin-bottom:24px
}
@media (max-width:767px){
    .lonyo-subscription-field2 input{
        padding:18px
    }
}
.lonyo-subscription-field2 .text{
    margin-top:15px;
    text-align:left;
    font-size:18px;
    line-height:25px
}
.lonyo-subscription-field3 input{
    padding:14px 20px 14px 20px;
    border-radius:3px;
    transition:all .4s;
    border:1px solid var(--white-color);
    margin-bottom:24px;
    color:var(--light-color)
}
@media (max-width:767px){
    .lonyo-subscription-field3 input{
        padding:18px
    }
}
.lonyo-subscription-field3 input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:var(--white-color);
    opacity:1
}
.lonyo-subscription-field3 input:-moz-placeholder,textarea:-moz-placeholder{
    color:var(--white-color);
    opacity:1
}
.lonyo-subscription-field3 input::-moz-placeholder,textarea::-moz-placeholder{
    color:var(--white-color);
    opacity:1
}
.lonyo-subscription-field3 input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:var(--white-color);
    opacity:1
}
.lonyo-subscription-field3 input::-ms-input-placeholder,textarea::-ms-input-placeholder{
    color:var(--white-color);
    opacity:1
}
.lonyo-main-feild input::placeholder,textarea::placeholder{
    color:var(--white-color);
    opacity:1
}
.lonyo-main-feild input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:var(--white-color);
    opacity:1
}
.lonyo-main-feild input:-moz-placeholder,textarea:-moz-placeholder{
    color:var(--white-color);
    opacity:1
}
.lonyo-main-feild input::-moz-placeholder,textarea::-moz-placeholder{
    color:var(--white-color);
    opacity:1
}
.lonyo-main-feild input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:var(--white-color);
    opacity:1
}
.lonyo-main-feild input::-ms-input-placeholder,textarea::-ms-input-placeholder{
    color:var(--white-color);
    opacity:1
}
.lonyo-main-feild input::placeholder,textarea::placeholder{
    color:var(--white-color);
    opacity:1
}
.lonyo-contact-box{
    background:var(--light-color);
    border-radius:10px;
    padding:30px
}
.lonyo-contact-box p{
    font-weight:500
}
.lonyo-main-field input{
    background-color:var(--white-bg);
    padding:20px 60px 20px 30px;
    margin-bottom:24px;
    font-size:18px;
    font-weight:400;
    line-height:25px;
    border-radius:3px
}
.lonyo-main-field-textarea{
    background-color:var(--white-bg);
    padding:18px 20px 20px 30px;
    border-radius:3px;
    margin-bottom:24px;
    height:180px
}
.lonyo-main-field-textarea textarea{
    padding:0
}
.lonyo-main-field-textarea p{
    font-weight:500
}
.lonyo-main-field.field2 input{
    border:none
}
.lonyo-main-field.field2 input::placeholder{
    color:var(--heading-color)
}
.lonyo-main-field svg{
    margin-left:10px;
    margin-top:0!important
}
.lonyo-main-field input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:rgba(0,26,61,.5019607843);
    opacity:1
}
.lonyo-main-field input:-moz-placeholder,textarea:-moz-placeholder{
    color:rgba(0,26,61,.5019607843);
    opacity:1
}
.lonyo-main-field input::-moz-placeholder,textarea::-moz-placeholder{
    color:rgba(0,26,61,.5019607843);
    opacity:1
}
.lonyo-main-field input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:rgba(0,26,61,.5019607843);
    opacity:1
}
.lonyo-main-field input::-ms-input-placeholder,textarea::-ms-input-placeholder{
    color:rgba(0,26,61,.5019607843);
    opacity:1
}
.lonyo-main-field input::placeholder,textarea::placeholder{
    color:rgba(0,26,61,.5019607843);
    opacity:1
}
.lonyo-account-section{
    padding:230px 0 150px;
    position:relative
}
@media (max-width:991px){
    .lonyo-account-section{
        padding:190px 0 150px
    }
}
@media (max-width:767px){
    .lonyo-account-section{
        padding:150px 0 100px
    }
}
.lonyo-account-section::before{
    top:90px;
    left:80px;
    width:90px;
    height:90px;
    content:"";
    position:absolute;
    border-radius:100px;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
@media (max-width:1800px){
    .lonyo-account-section::before{
        display:none
    }
}
.lonyo-account-section::after{
    top:220px;
    right:80px;
    width:200px;
    height:200px;
    content:"";
    position:absolute;
    border-radius:100px;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
@media (max-width:1800px){
    .lonyo-account-section::after{
        display:none
    }
}
.lonyo-account-section .center{
    max-width:760px
}
.lonyo-account-title{
    max-width:400px;
    margin:0 auto;
    text-align:center;
    padding-bottom:60px
}
.lonyo-account-title h1{
    padding-bottom:20px
}
.lonyo-account-box{
    padding:40px;
    border-radius:10px;
    border:1px solid rgba(20,45,111,.1019607843);
    background-color:var(--white-bg);
    max-width:600px;
    text-align:center;
    margin:0 auto
}
@media (max-width:450px){
    .lonyo-account-box{
        max-width:350px
    }
}
.login-with-google{
    background-color:var(--light-color);
    padding:15px 0;
    border-radius:3px;
    margin-bottom:30px
}
.login-with-google a{
    display:flex;
    align-items:center;
    gap:10px;
    justify-content:center
}
.or{
    position:relative;
    z-index:0;
    padding-bottom:30px
}
.or p{
    font-weight:500
}
.or::before{
    position:absolute;
    content:"";
    top:15px;
    left:0;
    height:1px;
    width:100%;
    z-index:-1;
    border-bottom:2px dashed var(--light-color)
}
.lonyo-contact-box2{
    text-align:left
}
.field-icon{
    float:right;
    margin-right:30px;
    margin-top:-63px;
    position:relative;
    z-index:2;
    cursor:pointer
}
.field-icon2{
    float:right;
    margin-right:30px;
    margin-top:-63px;
    position:relative;
    z-index:2;
    cursor:pointer
}
.login{
    display:flex;
    align-items:center;
    gap:10px;
    padding-top:24px;
    justify-content:center
}
@media (max-width:450px){
    .login{
        text-align:center;
        display:block
    }
}
.login span{
    font-size:18px;
    line-height:25px
}
.login p{
    color:var(--heading-color);
    font-size:18px;
    line-height:25px;
    text-decoration-line:underline
}
@media (max-width:450px){
    .login p{
        padding-top:5px
    }
}
.lonyo-cta-section{
    padding:120px 0 0;
    position:relative
}
@media (max-width:991px){
    .lonyo-cta-section{
        padding:80px 0 0
    }
}
@media (max-width:767px){
    .lonyo-cta-section{
        padding:60px 0 0;
        margin-top:-2px
    }
}
@media (max-width:991px){
    .lonyo-cta-wrap{
        padding-bottom:80px
    }
}
@media (max-width:767px){
    .lonyo-cta-wrap{
        padding-bottom:60px
    }
}
.lonyo-cta-wrap h2,.lonyo-cta-wrap p{
    color:var(--light-color)
}
.lonyo-cta-thumb{
    text-align:center;
    position:relative;
    z-index:0
}
.lonyo-cta-thumb img{
    position:relative;
    z-index:1;
    border-radius:53px 53px 0 0
}
@media (max-width:991px){
    .lonyo-cta-thumb{
        padding-bottom:40px
    }
}
.lonyo-cta-info ul{
    display:flex;
    gap:20px;
    align-items:center
}
@media (max-width:767px){
    .lonyo-cta-info ul{
        flex-wrap:wrap
    }
}
.lonyo-cta-info.info2 ul{
    justify-content:center
}
.lonyo-cta-section2{
    padding:50px 0 130px 0;
    position:relative;
    background:linear-gradient(180deg,rgba(163,189,255,0) 0,#a3bdff 100%)
}
@media (max-width:991px){
    .lonyo-cta-section2{
        padding:50px 0 80px
    }
}
@media (max-width:767px){
    .lonyo-cta-section2{
        padding:50px 0 60px
    }
}
.lonyo-cta-section2::before{
    content:"";
    position:absolute;
    top:110px;
    left:10%;
    width:200px;
    height:200px;
    border-radius:100px;
    transform:rotate(180deg);
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
@media (max-width:1800px){
    .lonyo-cta-section2::before{
        display:none
    }
}
.lonyo-cta-btn-wrap{
    display:flex;
    align-items:center;
    gap:24px;
    flex-wrap:wrap;
    justify-content:center
}
.lonyo-cta-bottom-text{
    margin-top:24px
}
.lonyo-cta-bottom-text ul{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:center;
    gap:24px
}
.lonyo-cta-bottom-text ul li{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:center;
    gap:12px;
    font-size:18px;
    line-height:26px;
    color:var(--light-color)
}
.lonyo-cta-section5{
    position:relative;
    padding-top:130px
}
@media (max-width:991px){
    .lonyo-cta-section5{
        padding-top:80px
    }
}
@media (max-width:767px){
    .lonyo-cta-section5{
        padding-top:60px
    }
}
.lonyo-cta-thumb5{
    position:relative
}
@media (max-width:991px){
    .lonyo-cta-thumb5{
        padding-bottom:40px
    }
}
@media (max-width:767px){
    .lonyo-cta-thumb5{
        padding-bottom:30px
    }
}
.lonyo-cta-thumb6{
    position:absolute;
    bottom:0;
    right:0
}
@media (max-width:991px){
    .lonyo-cta-thumb6{
        padding-bottom:40px
    }
}
@media (max-width:767px){
    .lonyo-cta-thumb6{
        padding-bottom:30px
    }
}
.lonyo-cta-content5{
    position:relative;
    z-index:1
}
.lonyo-cta-content5 h2{
    padding-bottom:20px;
    color:var(--light-color)
}
.lonyo-cta-content5 p{
    color:var(--light-color)
}
.lonyo-section-padding{
    padding:20px 0;
    overflow:hidden
}
@media (max-width:991px){
    .lonyo-section-padding{
        padding:80px 0
    }
}
@media (max-width:767px){
    .lonyo-section-padding{
        padding:60px 0
    }
}
@media (max-width:767px){
    .lonyo-section-padding.sectionn{
        margin-top:-2px;
        z-index:1
    }
}
.lonyo-section-padding2{
    padding:34px 0 106px;
    overflow:hidden
}
@media (max-width:991px){
    .lonyo-section-padding2{
        padding:34px 0 76px
    }
}
@media (max-width:767px){
    .lonyo-section-padding2{
        padding:14px 0 32px
    }
}
.lonyo-section-padding3{
    padding:0 0 130px;
    overflow:hidden
}
@media (max-width:991px){
    .lonyo-section-padding3{
        padding:0 0 80px
    }
}
@media (max-width:767px){
    .lonyo-section-padding3{
        padding:0 0 60px
    }
}
.lonyo-section-padding4{
    padding:0 0 35px;
    overflow:hidden
}
@media (max-width:991px){
    .lonyo-section-padding4{
        padding:0 0 20px
    }
}
.lonyo-section-padding4.section{
    padding-top:130px;
    position:relative
}
@media (max-width:991px){
    .lonyo-section-padding4.section{
        padding-top:80px
    }
}
@media (max-width:767px){
    .lonyo-section-padding4.section{
        padding-top:60px
    }
}
.lonyo-section-padding4.section::before{
    width:150px;
    height:150px;
    top:24%;
    left:80px;
    content:"";
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    position:absolute;
    border-radius:100px;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
@media (max-width:1800px){
    .lonyo-section-padding4.section::before{
        display:none
    }
}
.lonyo-section-padding5{
    overflow:hidden;
    padding:35px 0 130px
}
@media (max-width:991px){
    .lonyo-section-padding5{
        padding:0 0 80px
    }
}
@media (max-width:767px){
    .lonyo-section-padding5{
        padding:0 0 60px
    }
}
.lonyo-section-padding6{
    overflow:hidden;
    padding:0 0 106px
}
@media (max-width:991px){
    .lonyo-section-padding6{
        padding:0 0 76px
    }
}
@media (max-width:767px){
    .lonyo-section-padding6{
        padding:0 0 36px
    }
}
.lonyo-section-padding7{
    overflow:hidden;
    padding:130px 0 0
}
@media (max-width:991px){
    .lonyo-section-padding7{
        padding:80px 0 0
    }
}
@media (max-width:767px){
    .lonyo-section-padding7{
        padding:60px 0 0
    }
}
.lonyo-section-padding7.section{
    position:relative
}
.lonyo-section-padding7.section::before{
    width:150px;
    height:150px;
    top:24%;
    left:80px;
    content:"";
    position:absolute;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    border-radius:100px;
    transform:rotate(145deg);
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
@media (max-width:1800px){
    .lonyo-section-padding7.section::before{
        display:none
    }
}
.lonyo-section-padding7.section2{
    overflow:hidden;
    position:relative
}
.lonyo-section-padding7.section2::before{
    width:130px;
    height:130px;
    top:50%;
    right:80px;
    content:"";
    position:absolute;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    border-radius:100px;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
@media (max-width:1800px){
    .lonyo-section-padding7.section2::before{
        display:none
    }
}
.lonyo-section-padding9{
    padding:130px 0 35px;
    overflow:hidden
}
@media (max-width:991px){
    .lonyo-section-padding9{
        padding:80px 0 35px
    }
}
@media (max-width:767px){
    .lonyo-section-padding9{
        padding:60px 0 35px
    }
}
.lonyo-section-padding10{
    overflow:hidden;
    padding:130px 0 106px
}
@media (max-width:991px){
    .lonyo-section-padding10{
        padding:80px 0 56px
    }
}
@media (max-width:767px){
    .lonyo-section-padding10{
        padding:60px 0 36px
    }
}
.lonyo-section-title{
    padding-bottom:60px
}
@media (max-width:991px){
    .lonyo-section-title{
        padding-bottom:40px;
        text-align:center
    }
}
@media (max-width:767px){
    .lonyo-section-title{
        padding-bottom:30px
    }
}
.lonyo-section-title.pb-40{
    padding-bottom:40px
}
@media (max-width:767px){
    .lonyo-section-title.pb-40{
        padding-bottom:30px
    }
}
.lonyo-section-title .title{
    padding-bottom:20px
}
.lonyo-section-title.center{
    max-width:650px;
    margin:0 auto;
    text-align:center
}
.lonyo-section-title.center.max-width-700{
    max-width:700px
}
.lonyo-section-title.center.max-width-750{
    max-width:750px
}
.lonyo-section-title.center.max-width-760{
    max-width:760px
}
.lonyo-section-title .text2{
    color:var(--light-color2)
}
.lonyo-section-title.max600{
    max-width:600px
}
.lonyo-section-title .max-w700{
    max-width:700px
}
.lonyo-default-content h2{
    padding-bottom:20px
}
.lonyo-default-content.pb-35{
    padding-bottom:35px
}
@media (max-width:767px){
    .lonyo-default-content.pb-35{
        padding-bottom:30px
    }
}
.lonyo-default-content.pb-35 p{
    margin-bottom:30px
}
.lonyo-default-content.pb-35 p:last-child{
    margin-bottom:0
}
.lonyo-default-content.pb-35 ul li{
    position:relative;
    padding-left:20px;
    margin-bottom:15px
}
.lonyo-default-content.pb-35 ul li span{
    font-weight:500
}
.lonyo-default-content.pb-35 ul li:last-child{
    margin-bottom:0
}
.lonyo-default-content.pb-35 ul li::before{
    width:8px;
    height:8px;
    top:8px;
    left:0;
    content:"";
    position:absolute;
    border-radius:100px;
    background-color:var(--heading-bg)
}
.lonyo-default-content.pb-35 .text p span{
    font-size:28px;
    font-weight:700;
    line-height:36px;
    letter-spacing:-.5px
}
.lonyo-default-content.pb-35 .text.text2 p{
    margin-bottom:24px
}
.lonyo-default-content.pb-35 .text.text2 p:last-child{
    margin-bottom:0
}
.lonyo-default-content.max-1100{
    max-width:1070px
}
.lonyo-default-content.max-1100 ul li{
    font-size:20px;
    line-height:26px;
    margin-bottom:15px;
    padding-left:20px;
    position:relative
}
.lonyo-default-content.max-1100 ul li::before{
    width:8px;
    height:8px;
    top:8px;
    left:0;
    content:"";
    position:absolute;
    border-radius:100px;
    background-color:var(--heading-bg)
}
.lonyo-default-content.max-1100 ul li:last-child{
    margin-bottom:0
}
.lonyo-default-content.max-1100 ul li span{
    font-weight:500
}
.lonyo-default-content.max-1100 .text3{
    margin-top:24px;
    max-width:810px
}
.lonyo-default-content.border-b{
    padding-bottom:100px;
    border-bottom:1px solid rgba(20,45,111,.1019607843);
    margin-bottom:100px
}
@media (max-width:991px){
    .lonyo-default-content.border-b{
        padding-bottom:60px;
        border-bottom:1px solid rgba(20,45,111,.1019607843);
        margin-bottom:60px
    }
}
@media (max-width:767px){
    .lonyo-default-content.border-b{
        padding-bottom:40px;
        border-bottom:1px solid rgba(20,45,111,.1019607843);
        margin-bottom:40px
    }
}
.lonyo-default-content .text4 p{
    margin:0;
    padding-top:24px
}
.lonyo-default-content .text4 ul li{
    font-weight:500
}
.lonyo-default-content.feature-wrap{
    position:sticky;
    top:110px
}
@media (max-width:991px){
    .lonyo-default-content.faq-content{
        padding-bottom:40px
    }
}
@media (max-width:767px){
    .lonyo-default-content.faq-content{
        padding-bottom:30px
    }
}
.pb-60{
    padding-bottom:60px!important
}
@media (max-width:991px){
    .pb-60{
        padding-bottom:40px!important
    }
}
.mt-50{
    margin-top:50px
}
@media (max-width:991px){
    .mt-50{
        margin-top:40px
    }
}
@media (max-width:767px){
    .mt-50{
        margin-top:30px
    }
}
.section{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.pl-50{
    padding-left:68px
}
@media (max-width:991px){
    .pl-50{
        padding-left:0
    }
}
.pr-50{
    padding-right:50px
}
@media (max-width:991px){
    .pr-50{
        padding-right:0
    }
}
.data{
    max-width:636px
}
.pl-32{
    padding-left:30px
}
@media (max-width:991px){
    .pl-32{
        padding-left:0
    }
}
.pr-51{
    padding-right:50px
}
@media (max-width:1199px){
    .pr-51{
        padding-right:30px
    }
}
@media (max-width:991px){
    .pr-51{
        padding-right:0
    }
}
#lonyo-submit-btn,.lonyo-default-btn,.lonyo-subcribe-btn{
    font-size:20px;
    line-height:1.3em;
    padding:17px 24px;
    font-weight:500;
    font-family:"DM Sans",sans-serif;
    border-radius:3px;
    width:fit-content;
    position:relative;
    z-index:0;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:inline-flex;
    text-align:center;
    -o-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    overflow:hidden;
    color:var(--light-color);
    background-color:var(--heading-bg);
    overflow:hidden;
    transform-style:preserve-3d;
    border:1px solid var(--heading-color)
}
@media (max-width:767px){
    #lonyo-submit-btn,.lonyo-default-btn,.lonyo-subcribe-btn{
        padding:18px 30px
    }
}
#lonyo-submit-btn::before,.lonyo-default-btn::before,.lonyo-subcribe-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transition:opacity .5s,border .5s
}
#lonyo-submit-btn::after,.lonyo-default-btn::after,.lonyo-subcribe-btn::after{
    content:"";
    position:absolute;
    top:1%;
    left:0;
    width:300px;
    height:300px;
    background-color:#fff;
    border-color:transparent;
    border-radius:50%;
    transform:translate(-10px,-70px) scale(.1);
    opacity:0;
    z-index:-1;
    transition:transform .5s,opacity .5s,background-color .5s
}
#lonyo-submit-btn:hover,.lonyo-default-btn:hover,.lonyo-subcribe-btn:hover{
    color:var(--heading-color)
}
#lonyo-submit-btn:hover::after,.lonyo-default-btn:hover::after,.lonyo-subcribe-btn:hover::after{
    opacity:1;
    transform:scaleX(1.5) scaleY(1.5)
}
#lonyo-submit-btn.lonyo-header-btn,.lonyo-default-btn.lonyo-header-btn,.lonyo-subcribe-btn.lonyo-header-btn{
    padding:12px 24px;
    color:var(--light-color)
}
@media (max-width:767px){
    #lonyo-submit-btn.lonyo-header-btn,.lonyo-default-btn.lonyo-header-btn,.lonyo-subcribe-btn.lonyo-header-btn{
        display:none
    }
}
#lonyo-submit-btn.lonyo-header-btn.btn2,.lonyo-default-btn.lonyo-header-btn.btn2,.lonyo-subcribe-btn.lonyo-header-btn.btn2{
    color:var(--heading-color);
    background-color:var(--light-color2)
}
#lonyo-submit-btn.lonyo-header-btn.btn2::after,.lonyo-default-btn.lonyo-header-btn.btn2::after,.lonyo-subcribe-btn.lonyo-header-btn.btn2::after{
    width:300px
}
#lonyo-submit-btn.lonyo-header-btn:hover,.lonyo-default-btn.lonyo-header-btn:hover,.lonyo-subcribe-btn.lonyo-header-btn:hover{
    color:var(--heading-color)
}
#lonyo-submit-btn.lonyo-header-btn:hover::after,.lonyo-default-btn.lonyo-header-btn:hover::after,.lonyo-subcribe-btn.lonyo-header-btn:hover::after{
    opacity:1;
    transform:scaleX(1.5) scaleY(1.5)
}
#lonyo-submit-btn.lonyo-header-btn::before,.lonyo-default-btn.lonyo-header-btn::before,.lonyo-subcribe-btn.lonyo-header-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transition:opacity .5s,border .5s
}
#lonyo-submit-btn.lonyo-header-btn::after,.lonyo-default-btn.lonyo-header-btn::after,.lonyo-subcribe-btn.lonyo-header-btn::after{
    content:"";
    position:absolute;
    top:1%;
    left:0;
    width:200px;
    height:300px;
    background-color:#fff;
    border-color:transparent;
    border-radius:50%;
    transform:translate(-10px,-70px) scale(.1);
    opacity:0;
    z-index:-1;
    transition:transform .5s,opacity .5s,background-color .5s
}
#lonyo-submit-btn.pricing-btn2,.lonyo-default-btn.pricing-btn2,.lonyo-subcribe-btn.pricing-btn2{
    color:var(--heading-color);
    border:1px solid var(--heading-color);
    background-color:var(--white-color)
}
#lonyo-submit-btn.pricing-btn2:hover,.lonyo-default-btn.pricing-btn2:hover,.lonyo-subcribe-btn.pricing-btn2:hover{
    color:var(--light-color);
    border:1px solid var(--heading-color)
}
#lonyo-submit-btn.pricing-btn2::after,.lonyo-default-btn.pricing-btn2::after,.lonyo-subcribe-btn.pricing-btn2::after{
    width:350px;
    height:350px;
    background-color:var(--heading-bg)
}
@media (max-width:1199px){
    #lonyo-submit-btn.pricing-btn2::after,.lonyo-default-btn.pricing-btn2::after,.lonyo-subcribe-btn.pricing-btn2::after{
        width:400px;
        height:400px
    }
}
@media (max-width:991px){
    #lonyo-submit-btn.pricing-btn2::after,.lonyo-default-btn.pricing-btn2::after,.lonyo-subcribe-btn.pricing-btn2::after{
        width:600px;
        height:600px
    }
}
@media (max-width:767px){
    #lonyo-submit-btn.pricing-btn2::after,.lonyo-default-btn.pricing-btn2::after,.lonyo-subcribe-btn.pricing-btn2::after{
        width:430px;
        height:430px
    }
}
@media (max-width:450px){
    #lonyo-submit-btn.pricing-btn2::after,.lonyo-default-btn.pricing-btn2::after,.lonyo-subcribe-btn.pricing-btn2::after{
        width:330px;
        height:330px
    }
}
#lonyo-submit-btn.pricing-btn,.lonyo-default-btn.pricing-btn,.lonyo-subcribe-btn.pricing-btn{
    color:var(--heading-color);
    border:1px solid var(--body-color);
    background-color:var(--body-color)
}
#lonyo-submit-btn.pricing-btn:hover,.lonyo-default-btn.pricing-btn:hover,.lonyo-subcribe-btn.pricing-btn:hover{
    color:var(--light-color);
    border:1px solid var(--heading-color)
}
#lonyo-submit-btn.pricing-btn::after,.lonyo-default-btn.pricing-btn::after,.lonyo-subcribe-btn.pricing-btn::after{
    width:350px;
    height:350px;
    background-color:var(--heading-bg)
}
@media (max-width:1199px){
    #lonyo-submit-btn.pricing-btn::after,.lonyo-default-btn.pricing-btn::after,.lonyo-subcribe-btn.pricing-btn::after{
        width:400px;
        height:400px
    }
}
@media (max-width:991px){
    #lonyo-submit-btn.pricing-btn::after,.lonyo-default-btn.pricing-btn::after,.lonyo-subcribe-btn.pricing-btn::after{
        width:600px;
        height:600px
    }
}
@media (max-width:767px){
    #lonyo-submit-btn.pricing-btn::after,.lonyo-default-btn.pricing-btn::after,.lonyo-subcribe-btn.pricing-btn::after{
        width:430px;
        height:430px
    }
}
@media (max-width:450px){
    #lonyo-submit-btn.pricing-btn::after,.lonyo-default-btn.pricing-btn::after,.lonyo-subcribe-btn.pricing-btn::after{
        width:330px;
        height:330px
    }
}
#lonyo-submit-btn.t-btn,.lonyo-default-btn.t-btn,.lonyo-subcribe-btn.t-btn{
    color:var(--heading-color);
    border:1xp solid var(--body-color);
    background-color:var(--body-color)
}
#lonyo-submit-btn.t-btn:hover,.lonyo-default-btn.t-btn:hover,.lonyo-subcribe-btn.t-btn:hover{
    color:var(--light-color)
}
#lonyo-submit-btn.t-btn::after,.lonyo-default-btn.t-btn::after,.lonyo-subcribe-btn.t-btn::after{
    width:300px;
    height:300px;
    background-color:var(--heading-bg)
}
#lonyo-submit-btn.hero-btn,.lonyo-default-btn.hero-btn,.lonyo-subcribe-btn.hero-btn{
    padding:18px 25px;
    color:var(--white-color)
}
#lonyo-submit-btn.hero-btn:hover,.lonyo-default-btn.hero-btn:hover,.lonyo-subcribe-btn.hero-btn:hover{
    color:var(--heading-color)
}
#lonyo-submit-btn.hero-btn2,.lonyo-default-btn.hero-btn2,.lonyo-subcribe-btn.hero-btn2{
    padding:18px 25px;
    border:none;
    color:var(--heading-color);
    border-radius:3px;
    background-color:var(--light-color)
}
#lonyo-submit-btn.hero-btn2 svg,.lonyo-default-btn.hero-btn2 svg,.lonyo-subcribe-btn.hero-btn2 svg{
    transition:all .4s;
    margin-left:10px;
    margin-top:5px
}
#lonyo-submit-btn.hero-btn2::after,.lonyo-default-btn.hero-btn2::after,.lonyo-subcribe-btn.hero-btn2::after{
    width:200px;
    background-color:var(--heading-bg)
}
#lonyo-submit-btn.hero-btn2:hover,.lonyo-default-btn.hero-btn2:hover,.lonyo-subcribe-btn.hero-btn2:hover{
    color:var(--light-color)
}
#lonyo-submit-btn.hero-btn2:hover svg path,.lonyo-default-btn.hero-btn2:hover svg path,.lonyo-subcribe-btn.hero-btn2:hover svg path{
    fill:var(--light-color)
}
#lonyo-submit-btn.hero-btn5,.lonyo-default-btn.hero-btn5,.lonyo-subcribe-btn.hero-btn5{
    color:var(--heading-color);
    z-index:1;
    background-color:var(--body-color)
}
#lonyo-submit-btn.hero-btn5:hover,.lonyo-default-btn.hero-btn5:hover,.lonyo-subcribe-btn.hero-btn5:hover{
    color:var(--heading-color)
}
#lonyo-submit-btn.subscrib-btn,.lonyo-default-btn.subscrib-btn,.lonyo-subcribe-btn.subscrib-btn{
    color:var(--light-color)
}
@media (max-width:1399px){
    #lonyo-submit-btn.subscrib-btn::after,.lonyo-default-btn.subscrib-btn::after,.lonyo-subcribe-btn.subscrib-btn::after{
        width:400px;
        height:400px
    }
}
@media (max-width:1199px){
    #lonyo-submit-btn.subscrib-btn::after,.lonyo-default-btn.subscrib-btn::after,.lonyo-subcribe-btn.subscrib-btn::after{
        width:450px;
        height:450px
    }
}
@media (max-width:991px){
    #lonyo-submit-btn.subscrib-btn::after,.lonyo-default-btn.subscrib-btn::after,.lonyo-subcribe-btn.subscrib-btn::after{
        width:350px;
        height:350px
    }
}
@media (max-width:767px){
    #lonyo-submit-btn.subscrib-btn::after,.lonyo-default-btn.subscrib-btn::after,.lonyo-subcribe-btn.subscrib-btn::after{
        width:500px;
        height:500px
    }
}
@media (max-width:450px){
    #lonyo-submit-btn.subscrib-btn::after,.lonyo-default-btn.subscrib-btn::after,.lonyo-subcribe-btn.subscrib-btn::after{
        width:350px;
        height:350px
    }
}
#lonyo-submit-btn.subscrib-btn:hover::after,.lonyo-default-btn.subscrib-btn:hover::after,.lonyo-subcribe-btn.subscrib-btn:hover::after{
    opacity:1;
    transform:scaleX(1.5) scaleY(1.5)
}
#lonyo-submit-btn.subscrib-btn:hover,.lonyo-default-btn.subscrib-btn:hover,.lonyo-subcribe-btn.subscrib-btn:hover{
    color:var(--heading-color)
}
#lonyo-submit-btn.subscrib-btn2,.lonyo-default-btn.subscrib-btn2,.lonyo-subcribe-btn.subscrib-btn2{
    color:var(--heading-color)!important;
    background-color:var(--body-color)!important
}
#lonyo-submit-btn.subscrib-btn2:hover,.lonyo-default-btn.subscrib-btn2:hover,.lonyo-subcribe-btn.subscrib-btn2:hover{
    color:var(--heading-color)!important
}
@media (max-width:1399px){
    #lonyo-submit-btn.subscrib-btn2::after,.lonyo-default-btn.subscrib-btn2::after,.lonyo-subcribe-btn.subscrib-btn2::after{
        width:400px;
        height:400px
    }
}
@media (max-width:1199px){
    #lonyo-submit-btn.subscrib-btn2::after,.lonyo-default-btn.subscrib-btn2::after,.lonyo-subcribe-btn.subscrib-btn2::after{
        width:450px;
        height:450px
    }
}
@media (max-width:991px){
    #lonyo-submit-btn.subscrib-btn2::after,.lonyo-default-btn.subscrib-btn2::after,.lonyo-subcribe-btn.subscrib-btn2::after{
        width:350px;
        height:350px
    }
}
@media (max-width:767px){
    #lonyo-submit-btn.subscrib-btn2::after,.lonyo-default-btn.subscrib-btn2::after,.lonyo-subcribe-btn.subscrib-btn2::after{
        width:500px;
        height:500px
    }
}
@media (max-width:450px){
    #lonyo-submit-btn.subscrib-btn2::after,.lonyo-default-btn.subscrib-btn2::after,.lonyo-subcribe-btn.subscrib-btn2::after{
        width:350px;
        height:350px
    }
}
#lonyo-submit-btn.video-btn,.lonyo-default-btn.video-btn,.lonyo-subcribe-btn.video-btn{
    color:var(--light-color);
    border:2px solid var(--light-color);
    padding:16px 22px
}
#lonyo-submit-btn.video-btn:hover,.lonyo-default-btn.video-btn:hover,.lonyo-subcribe-btn.video-btn:hover{
    color:var(--heading-color)
}
#lonyo-submit-btn.video-btn::after,.lonyo-default-btn.video-btn::after,.lonyo-subcribe-btn.video-btn::after{
    width:230px;
    height:300px
}
#lonyo-submit-btn.faq-btn2,.lonyo-default-btn.faq-btn2,.lonyo-subcribe-btn.faq-btn2{
    text-align:center;
    color:var(--light-color)
}
#lonyo-submit-btn.faq-btn2:hover,.lonyo-default-btn.faq-btn2:hover,.lonyo-subcribe-btn.faq-btn2:hover{
    color:var(--heading-color)
}
#lonyo-submit-btn.faq-btn2::after,.lonyo-default-btn.faq-btn2::after,.lonyo-subcribe-btn.faq-btn2::after{
    width:380px
}
#lonyo-submit-btn.faq-btn3::after,.lonyo-default-btn.faq-btn3::after,.lonyo-subcribe-btn.faq-btn3::after{
    width:380px
}
#lonyo-submit-btn.cta-btn,.lonyo-default-btn.cta-btn,.lonyo-subcribe-btn.cta-btn{
    color:var(--heading-color);
    border:1px solid var(--body-color);
    background-color:var(--body-color)!important
}
#lonyo-submit-btn.cta-btn:hover,.lonyo-default-btn.cta-btn:hover,.lonyo-subcribe-btn.cta-btn:hover{
    border:1px solid var(--heading-color)
}
#lonyo-submit-btn.cta-btn::after,.lonyo-default-btn.cta-btn::after,.lonyo-subcribe-btn.cta-btn::after{
    width:200px
}
#lonyo-submit-btn.cta-btn.outline-btn,.lonyo-default-btn.cta-btn.outline-btn,.lonyo-subcribe-btn.cta-btn.outline-btn{
    color:var(--body-color);
    background-color:var(--heading-bg)!important;
    border:2px solid var(--body-color)
}
#lonyo-submit-btn.cta-btn.outline-btn:hover,.lonyo-default-btn.cta-btn.outline-btn:hover,.lonyo-subcribe-btn.cta-btn.outline-btn:hover{
    color:var(--heading-color)
}
#lonyo-submit-btn.sub-btn::after,.lonyo-default-btn.sub-btn::after,.lonyo-subcribe-btn.sub-btn::after{
    width:250px
}
@media (max-width:767px){
    #lonyo-submit-btn.sub-btn::after,.lonyo-default-btn.sub-btn::after,.lonyo-subcribe-btn.sub-btn::after{
        width:500px;
        height:500px
    }
}
@media (max-width:450px){
    #lonyo-submit-btn.sub-btn::after,.lonyo-default-btn.sub-btn::after,.lonyo-subcribe-btn.sub-btn::after{
        width:400px;
        height:350px
    }
}
#lonyo-submit-btn.blog-title-btn,.lonyo-default-btn.blog-title-btn,.lonyo-subcribe-btn.blog-title-btn{
    color:var(--light-color)
}
#lonyo-submit-btn.blog-title-btn:hover,.lonyo-default-btn.blog-title-btn:hover,.lonyo-subcribe-btn.blog-title-btn:hover{
    color:var(--heading-color)
}
#lonyo-submit-btn.blog-btn,.lonyo-default-btn.blog-btn,.lonyo-subcribe-btn.blog-btn{
    color:var(--heading-color);
    background-color:var(--white-bg);
    border:1px solid var(--heading-color)
}
#lonyo-submit-btn.blog-btn:hover,.lonyo-default-btn.blog-btn:hover,.lonyo-subcribe-btn.blog-btn:hover{
    color:var(--light-color)
}
#lonyo-submit-btn.blog-btn::after,.lonyo-default-btn.blog-btn::after,.lonyo-subcribe-btn.blog-btn::after{
    width:300px;
    height:300px;
    background-color:var(--heading-color)
}
#lonyo-submit-btn.extra-btn,.lonyo-default-btn.extra-btn,.lonyo-subcribe-btn.extra-btn{
    color:var(--light-color)
}
#lonyo-submit-btn.extra-btn:hover,.lonyo-default-btn.extra-btn:hover,.lonyo-subcribe-btn.extra-btn:hover{
    color:var(--heading-color)
}
#lonyo-submit-btn.extra-btn::after,.lonyo-default-btn.extra-btn::after,.lonyo-subcribe-btn.extra-btn::after{
    width:650px;
    height:650px;
    background-color:var(--white-color)
}
@media (max-width:767px){
    #lonyo-submit-btn.extra-btn::after,.lonyo-default-btn.extra-btn::after,.lonyo-subcribe-btn.extra-btn::after{
        width:450px;
        height:450px
    }
}
@media (max-width:450px){
    #lonyo-submit-btn.extra-btn::after,.lonyo-default-btn.extra-btn::after,.lonyo-subcribe-btn.extra-btn::after{
        width:300px;
        height:300px
    }
}
#lonyo-submit-btn.extra-btn.exta-btn2::after,.lonyo-default-btn.extra-btn.exta-btn2::after,.lonyo-subcribe-btn.extra-btn.exta-btn2::after{
    width:760px
}
#lonyo-submit-btn.extra-btn2,.lonyo-default-btn.extra-btn2,.lonyo-subcribe-btn.extra-btn2{
    color:var(--light-color)
}
#lonyo-submit-btn.extra-btn2:hover,.lonyo-default-btn.extra-btn2:hover,.lonyo-subcribe-btn.extra-btn2:hover{
    color:var(--heading-color)
}
#lonyo-submit-btn.extra-btn2::after,.lonyo-default-btn.extra-btn2::after,.lonyo-subcribe-btn.extra-btn2::after{
    width:800px;
    background-color:var(--white-color)
}
@media (max-width:1199px){
    #lonyo-submit-btn.extra-btn2::after,.lonyo-default-btn.extra-btn2::after,.lonyo-subcribe-btn.extra-btn2::after{
        width:600px
    }
}
@media (max-width:767px){
    #lonyo-submit-btn.extra-btn2::after,.lonyo-default-btn.extra-btn2::after,.lonyo-subcribe-btn.extra-btn2::after{
        width:450px
    }
}
@media (max-width:450px){
    #lonyo-submit-btn.extra-btn2::after,.lonyo-default-btn.extra-btn2::after,.lonyo-subcribe-btn.extra-btn2::after{
        width:300px
    }
}
#lonyo-submit-btn.team-btn2,.lonyo-default-btn.team-btn2,.lonyo-subcribe-btn.team-btn2{
    color:var(--light-color)
}
#lonyo-submit-btn.team-btn2:hover,.lonyo-default-btn.team-btn2:hover,.lonyo-subcribe-btn.team-btn2:hover{
    color:var(--heading-color)
}
#lonyo-submit-btn.team-btn2::after,.lonyo-default-btn.team-btn2::after,.lonyo-subcribe-btn.team-btn2::after{
    width:400px;
    height:400px
}
#lonyo-submit-btn.career-btn,.lonyo-default-btn.career-btn,.lonyo-subcribe-btn.career-btn{
    color:var(--light-color)
}
#lonyo-submit-btn.career-btn:hover,.lonyo-default-btn.career-btn:hover,.lonyo-subcribe-btn.career-btn:hover{
    color:var(--heading-color)
}
#lonyo-submit-btn.career-btn::after,.lonyo-default-btn.career-btn::after,.lonyo-subcribe-btn.career-btn::after{
    width:200px
}
#lonyo-submit-btn.d-block,.lonyo-default-btn.d-block,.lonyo-subcribe-btn.d-block{
    width:100%
}
#lonyo-submit-btn.pill,.lonyo-default-btn.pill,.lonyo-subcribe-btn.pill{
    border-radius:50px
}
#lonyo-submit-btn:focus,.lonyo-default-btn:focus,.lonyo-subcribe-btn:focus{
    box-shadow:none
}
@media (max-width:991px){
    .lonyo-title-btn{
        width:100%;
        text-align:center;
        margin-top:30px
    }
}
.pt-40{
    padding-top:40px
}
@media (max-width:767px){
    .pt-40{
        padding-top:30px
    }
}
.hero-btn2 svg{
    transition:all .3s ease-out 0s;
    margin-left:5px
}
.hero-btn2:focus-visible svg path:nth-of-type(1),.hero-btn2:hover svg path:nth-of-type(1){
    transform:translateX(calc(-1 * var(--arrow-hover-move-x)));
    opacity:0;
    transition-delay:0s,0s
}
.hero-btn2 svg path:nth-of-type(1){
    transform:translateX(0);
    opacity:1;
    transition-delay:.15s,.15s
}
.hero-btn2 svg path{
    transition:transform .38s cubic-bezier(.37,.08,.02,.93),opacity .18s ease-out
}
.hero-btn2:focus-visible svg path:nth-of-type(2),.hero-btn2:hover svg path:nth-of-type(2){
    transform:translateX(0);
    opacity:1;
    transition-delay:.15s,.15s
}
.hero-btn2 svg path:nth-of-type(2){
    transform:translateX(calc(1 * var(--arrow-hover-move-x)));
    opacity:.5;
    transition-delay:0s,0s
}
.hero-btn2 svg path:nth-of-type(1){
    transform:translateX(0);
    opacity:1;
    transition-delay:.15s,.15s
}
.hero-btn2 svg path:nth-of-type(2){
    transform:translateX(calc(1 * var(--arrow-hover-move-x)));
    opacity:.5;
    transition-delay:0s,0s
}
.hero-btn2{
    user-select:none;
    -moz-user-select:none;
    background:var(--white-bg) none repeat scroll 0 0;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    text-align:center;
    touch-action:manipulation;
    -webkit-transition:all .3s ease-out 0s;
    -moz-transition:all .3s ease-out 0s;
    -ms-transition:all .3s ease-out 0s;
    -o-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s;
    vertical-align:middle;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0;
    border-radius:0;
    white-space:nowrap;
    overflow:hidden;
    border-radius:50px;
    --arrow-hover-move-x:-110%;
    gap:10px;
    z-index:1;
    position:relative;
    border:none
}
.breadcrumb-wrapper{
    z-index:0;
    text-align:center;
    padding:200px 0 130px;
    position:relative;
    transition:all .4s
}
.breadcrumb-wrapper::before{
    content:"";
    position:absolute;
    width:200px;
    height:200px;
    bottom:200px;
    right:50px;
    transform:translatey(0);
    -webkit-animation:updown 2s ease-in-out infinite;
    animation:updown 2s ease-in-out infinite;
    border-radius:100px;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
@media (max-width:1800px){
    .breadcrumb-wrapper::before{
        display:none
    }
}
.breadcrumb-wrapper::after{
    content:"";
    position:absolute;
    width:90px;
    height:90px;
    top:115px;
    left:50px;
    transform:translatey(0);
    -webkit-animation:updown 3s ease-in-out infinite;
    animation:updown 3s ease-in-out infinite;
    border-radius:100px;
    background:linear-gradient(47.56deg,#a3bdff -40.67%,#f6f4ef 78.6%)
}
@media (max-width:1800px){
    .breadcrumb-wrapper::after{
        display:none
    }
}
@media (max-width:1199px){
    .breadcrumb-wrapper{
        padding:180px 0 100px
    }
}
@media (max-width:767px){
    .breadcrumb-wrapper{
        padding:120px 0 80px
    }
}
.breadcrumb-content{
    position:relative;
    max-width:850px;
    text-align:center;
    margin:0 auto
}
.breadcrumb-content p{
    margin:0
}
.breadcrumb-title{
    padding-bottom:20px
}
.breadcrumb-menu ul li{
    font-weight:500;
    display:inline-block;
    padding:0 10px
}
.breadcrumb-menu ul li a{
    color:var(--heading-color)
}
.breadcrumb-menu-wrap{
    padding-top:50px
}
@media (max-width:1199px){
    .breadcrumb-menu-wrap{
        padding-top:30px
    }
}
.lonyo-errors-section{
    padding:330px 0 130px
}
@media (max-width:991px){
    .lonyo-errors-section{
        padding:250px 0 100px
    }
}
@media (max-width:767px){
    .lonyo-errors-section{
        padding:170px 0 80px
    }
}
.lonyo-errors-content{
    max-width:650px;
    margin:0 auto;
    text-align:center
}
.lonyo-errors-content img{
    margin-bottom:40px
}
.lonyo-errors-content h2{
    margin-bottom:15px
}
.lonyo-pagination{
    margin-top:50px
}
@media (max-width:991px){
    .lonyo-pagination{
        margin-top:30px
    }
}
.lonyo-pagination ul{
    display:flex
}
.lonyo-pagination li{
    display:inline-block;
    margin:0 2px
}
.lonyo-pagination.center ul{
    justify-content:center
}
.lonyo-pagination{
    display:flex
}
.lonyo-pagination.center{
    justify-content:center
}
.lonyo-pagination a,.lonyo-pagination span,.pagi-btn{
    height:50px;
    width:50px;
    font-weight:600;
    display:inline-flex;
    text-align:center;
    align-items:center;
    justify-content:center;
    margin:0 5px;
    color:var(--heading-color);
    background:var(--white-color);
    border-radius:100px;
    transition:all .4s;
    border:1px solid var(--heading-color)
}
.lonyo-pagination a:hover,.lonyo-pagination span:hover,.pagi-btn:hover{
    color:var(--white-color);
    background-color:var(--heading-color);
    border:1px solid var(--heading-color)
}
.lonyo-pagination a:hover path,.lonyo-pagination span:hover path,.pagi-btn:hover path{
    stroke:var(--white-color)
}
.lonyo-pagination a.btn2,.lonyo-pagination span.btn2,.pagi-btn.btn2{
    transform:rotate(180deg)
}
a.current{
    cursor:not-allowed;
    color:var(--white-color);
    background-color:var(--heading-bg);
    border:1px solid var(--heading-bg)
}
.lonyo-menu-wrapper{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    background-color:rgba(0,0,0,.6);
    z-index:999999;
    width:100%;
    height:100%;
    transition:all ease .8s;
    opacity:0;
    visibility:hidden
}
.lonyo-menu-wrapper .mobile-logo{
    display:block;
    text-align:left;
    max-width:120px;
    background-color:var(--white-bg)
}
.lonyo-menu-wrapper .lonyo-menu-toggle{
    width:55px;
    height:55px;
    line-height:55px;
    font-size:18px;
    z-index:1;
    color:#fff;
    display:flex;
    border-radius:0;
    align-items:center;
    justify-content:center;
    background-color:transparent;
    border-left:1px solid rgba(0,0,0,.1)
}
.lonyo-menu-wrapper .lonyo-menu-toggle i{
    color:#000
}
.lonyo-menu-wrapper .lonyo-menu-area{
    width:100%;
    max-width:310px;
    background-color:var(--white-bg);
    height:100%;
    position:relative;
    left:-110%;
    opacity:0;
    visibility:hidden;
    transition:all ease 1s;
    z-index:1
}
.lonyo-menu-wrapper.lonyo-body-visible{
    opacity:1;
    visibility:visible
}
.lonyo-menu-wrapper.lonyo-body-visible .lonyo-menu-area{
    left:0;
    opacity:1;
    visibility:visible
}
.lonyo-mobile-menu{
    overflow-y:scroll;
    max-height:calc(100vh - 200px);
    text-align:left
}
.lonyo-mobile-menu::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 2px rgba(232,6,60,.2);
    background-color:#000
}
.lonyo-mobile-menu::-webkit-scrollbar{
    width:2px;
    background-color:#000
}
.lonyo-mobile-menu::-webkit-scrollbar-thumb{
    background-color:var(--heading-color)
}
.lonyo-mobile-menu ul{
    margin:0;
    padding:0 0
}
.lonyo-mobile-menu ul li{
    border-bottom:1px solid rgba(0,0,0,.1);
    list-style-type:none
}
.lonyo-mobile-menu ul li li:first-child{
    border-top:1px solid rgba(0,0,0,.1)
}
.lonyo-mobile-menu ul li a{
    display:block;
    position:relative;
    padding:15px;
    line-height:1;
    font-size:16px;
    text-transform:capitalize;
    color:#000!important;
    font-weight:500
}
.lonyo-mobile-menu ul li.lonyo-active>a{
    color:var(--accent-color)
}
.lonyo-mobile-menu ul li.lonyo-active>a:before{
    transform:rotate(90deg)
}
.lonyo-mobile-menu ul li ul li{
    padding-left:10px
}
.lonyo-mobile-menu ul .lonyo-item-has-children>a .lonyo-mean-expand{
    position:absolute;
    right:0;
    top:3px;
    font-weight:400;
    font-size:16px;
    width:60%;
    height:40px;
    padding:0 15px;
    line-height:40px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    text-align:center;
    background-color:var(--white-bg);
    color:#000;
    transition:all ease .4s
}
.lonyo-mobile-menu ul .lonyo-item-has-children>a .lonyo-mean-expand:before{
    content:"\ea6d";
    display:inline-block;
    transition:all ease .3s;
    font-family:remixicon!important
}
.lonyo-mobile-menu ul .lonyo-item-has-children.lonyo-active>a .lonyo-mean-expand:before{
    transform:rotate(-90deg)
}
.lonyo-mobile-menu>ul>li:first-child{
    border-top:1px solid rgba(0,0,0,.1)
}
.lonyo-menu-mobile-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-left:15px
}
@media (max-width:400px){
    .lonyo-menu-wrapper .lonyo-menu-area{
        width:100%
    }
}
.lonyo-mobile-menu-btn{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:15px;
    padding:0 15px;
    padding-top:50px
}
a.lonyo-default-btn.sm-size{
    font-size:16px;
    line-height:1;
    padding:17px 15px;
    border-radius:6px;
    font-weight:600;
    font-family:Sora,sans-serif;
    width:fit-content;
    white-space:nowrap;
    text-overflow:ellipsis;
    display:inline-flex;
    align-items:center;
    text-align:center;
    -o-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    color:var(--white-color)!important;
    background-color:var(--heading-bg);
    z-index:0;
    overflow:hidden;
    position:relative;
    letter-spacing:-.01em;
    text-transform:capitalize;
    transform-style:preserve-3d
}
.preloader{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:9999;
    background-color:#0352a1;
    display:flex;
    align-items:center;
    justify-content:center
}
.preloader-inner{
    display:block;
    width:45px;
    height:45px
}
.preloader-inner span{
    box-sizing:border-box;
    display:block;
    position:absolute;
    width:37px;
    height:37px;
    margin:4px;
    border:4px solid transparent;
    border-radius:50%;
    animation:preloader 1s cubic-bezier(.5,0,.5,1) infinite;
    border-color:#e1dccc transparent transparent transparent
}
.preloader-inner span:nth-child(1){
    animation-delay:-.1s
}
.preloader-inner span:nth-child(2){
    animation-delay:-.2s
}
.preloader-inner span:nth-child(3){
    animation-delay:-.3s
}
@-webkit-keyframes preloader{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
@keyframes preloader{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}