@font-face{
    font-family:"Work Sans";
    src:url("../fonts/webfonts/WorkSans-Bold.eot");
    src:url("../fonts/webfonts/WorkSans-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/WorkSans-Bold.woff2") format("woff2"),url("../fonts/webfonts/WorkSans-Bold.woff") format("woff"),url("../fonts/webfonts/WorkSans-Bold.ttf") format("truetype"),url("../fonts/webfonts/WorkSans-Bold.svg#WorkSans-Bold") format("svg");
    font-weight:bold;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Work Sans";
    src:url("../fonts/webfonts/WorkSans-Regular.eot");
    src:url("../fonts/webfonts/WorkSans-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/WorkSans-Regular.woff2") format("woff2"),url("../fonts/webfonts/WorkSans-Regular.woff") format("woff"),url("../fonts/webfonts/WorkSans-Regular.ttf") format("truetype"),url("../fonts/webfonts/WorkSans-Regular.svg#WorkSans-Regular") format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Work Sans";
    src:url("../fonts/webfonts/WorkSans-SemiBold.eot");
    src:url("../fonts/webfonts/WorkSans-SemiBold.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/WorkSans-SemiBold.woff2") format("woff2"),url("../fonts/webfonts/WorkSans-SemiBold.woff") format("woff"),url("../fonts/webfonts/WorkSans-SemiBold.ttf") format("truetype"),url("../fonts/webfonts/WorkSans-SemiBold.svg#WorkSans-SemiBold") format("svg");
    font-weight:600;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Work Sans";
    src:url("../fonts/webfonts/WorkSans-Thin.eot");
    src:url("../fonts/webfonts/WorkSans-Thin.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/WorkSans-Thin.woff2") format("woff2"),url("../fonts/webfonts/WorkSans-Thin.woff") format("woff"),url("../fonts/webfonts/WorkSans-Thin.ttf") format("truetype"),url("../fonts/webfonts/WorkSans-Thin.svg#WorkSans-Thin") format("svg");
    font-weight:100;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Work Sans";
    src:url("../fonts/webfonts/WorkSans-Medium.eot");
    src:url("../fonts/webfonts/WorkSans-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/WorkSans-Medium.woff2") format("woff2"),url("../fonts/webfonts/WorkSans-Medium.woff") format("woff"),url("../fonts/webfonts/WorkSans-Medium.ttf") format("truetype"),url("../fonts/webfonts/WorkSans-Medium.svg#WorkSans-Medium") format("svg");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Work Sans";
    src:url("../fonts/webfonts/WorkSans-Light.eot");
    src:url("../fonts/webfonts/WorkSans-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/WorkSans-Light.woff2") format("woff2"),url("../fonts/webfonts/WorkSans-Light.woff") format("woff"),url("../fonts/webfonts/WorkSans-Light.ttf") format("truetype"),url("../fonts/webfonts/WorkSans-Light.svg#WorkSans-Light") format("svg");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Playfair";
    src:url("../fonts/webfonts/Playfair9pt-Bold.eot");
    src:url("../fonts/webfonts/Playfair9pt-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/Playfair9pt-Bold.woff2") format("woff2"),url("../fonts/webfonts/Playfair9pt-Bold.woff") format("woff"),url("../fonts/webfonts/Playfair9pt-Bold.ttf") format("truetype"),url("../fonts/webfonts/Playfair9pt-Bold.svg#Playfair9pt-Bold") format("svg");
    font-weight:bold;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Playfair";
    src:url("../fonts/webfonts/Playfair9pt-Regular.eot");
    src:url("../fonts/webfonts/Playfair9pt-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/webfonts/Playfair9pt-Regular.woff2") format("woff2"),url("../fonts/webfonts/Playfair9pt-Regular.woff") format("woff"),url("../fonts/webfonts/Playfair9pt-Regular.ttf") format("truetype"),url("../fonts/webfonts/Playfair9pt-Regular.svg#Playfair9pt-Regular") format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap
}
:root{
    --section-gap1: 100px;
    --section-gap2: 80px
}
@media(max-width: 1199.98px){
    :root{
        --base-font-size: 16px
    }
}
@media(max-width: 1199.98px){
    :root{
        --section-gap1: 80px;
        --section-gap2: 60px
    }
}
@media(max-width: 991.98px){
    :root{
        --section-gap1: 60px;
        --section-gap2: 40px
    }
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box
}
html,body{
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased
}
body{
    font-family:"Work Sans",sans-serif;
    font-size:18px;
    color:#fff;
    position:relative;
    overflow-x:hidden;
    outline:none;
    background-color:#000;
    background-size:100%;
    background-position:top center
}
@media(max-width: 767.98px){
    body{
        background-size:200%
    }
}
ul{
    padding:0;
    margin:0
}
ul li{
    padding:0;
    margin:0;
    list-style:none
}
a{
    text-decoration:none;
    font-size:18px;
    color:#796dfa
}
a:hover{
    transition:all .3s ease-in-out;
    color:#fff
}
@media(max-width: 1199.98px){
    a{
        font-size:16px
    }
}
label{
    font-weight:normal
}
p{
    font-size:18px;
    font-weight:400;
    line-height:150%;
    color:#fff;
    margin:0;
    padding:0
}
@media(max-width: 1399.98px){
    p{
        font-size:16px
    }
}
a,input[type=submit]{
    transition:all ease-out .2s;
    -webkit-transition:all ease-out .2s;
    -moz-transition:all ease-out .2s;
    -ms-transition:all ease-out .2s;
    -o-transition:all ease-out .2s
}
figure{
    margin:0
}
h1,h2,h3,h4,h5,h6{
    font-family:"Work Sans",sans-serif;
    font-weight:500;
    font-style:normal;
    line-height:110%;
    margin:0;
    padding:0
}
h2{
    font-size:44px;
    font-weight:400;
    line-height:110%;
    letter-spacing:-1.76px;
    text-transform:capitalize
}
h3{
    font-size:40px
}
h4{
    font-size:37px
}
h5{
    font-size:32px
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
input[type=number]{
    -moz-appearance:textfield
}
@media(max-width: 1599.98px){
    h2{
        font-size:clamp(32px,3vw,44px)
    }
}
@media(min-width: 1600px){
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
        max-width:1480px !important
    }
}
@keyframes slide-down{
    0%{
        opacity:0;
        transform:translateY(-100%)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes moveBackground{
    0%{
        transform:translateX(0)
    }
    100%{
        transform:translateX(-100%)
    }
}
textarea{
    font-family:"Work Sans",sans-serif;
    resize:none
}
textarea::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:rgba(0,0,0,.1)
}
textarea::-webkit-scrollbar{
    width:4px;
    background-color:hsla(0,0%,100%,.1)
}
textarea::-webkit-scrollbar-thumb{
    background-color:rgba(73,84,245,.631372549)
}
.container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl{
    width:100%;
    padding-right:var(--bs-gutter-x, 1.25rem);
    padding-left:var(--bs-gutter-x, 1.25rem);
    margin-right:auto;
    margin-left:auto
}
.container-fluid{
    max-width:100%
}
@media(min-width: 576px){
    .container-sm{
        max-width:540px
    }
}
@media(min-width: 768px){
    .container-md{
        max-width:720px
    }
}
@media(min-width: 992px){
    .container-lg{
        max-width:960px
    }
}
@media(min-width: 1200px){
    .container-xl{
        max-width:1140px
    }
}
@media(min-width: 1400px){
    .container-xxl{
        max-width:1320px
    }
}
@media(min-width: 576px){
    .container{
        max-width:540px
    }
}
@media(min-width: 768px){
    .container{
        max-width:720px
    }
}
@media(min-width: 992px){
    .container{
        max-width:960px
    }
}
@media(min-width: 1200px){
    .container{
        max-width:1140px
    }
}
@media(min-width: 1400px){
    .container{
        max-width:1320px
    }
}
.nice-select{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    background-color:#fff;
    border-radius:5px;
    border-radius:10px;
    border:1px solid rgba(41,177,230,.19);
    background:hsla(0,0%,100%,.1);
    box-shadow:0px 14px 64px 0px rgba(0,0,0,.02);
    box-sizing:border-box;
    clear:both;
    cursor:pointer;
    display:block;
    font-family:inherit;
    font-size:14px;
    font-weight:normal;
    height:42px;
    line-height:40px;
    outline:none;
    padding-left:18px;
    padding-right:30px;
    position:relative;
    text-align:left !important;
    transition:all .2s ease-in-out;
    user-select:none;
    white-space:nowrap;
    width:100%;
    height:59px;
    line-height:59px
}
.nice-select:hover{
    border-color:hsl(0,0%,85.9803921569%)
}
.nice-select:active,.nice-select.open,.nice-select:focus{
    border-color:#999
}
.nice-select:after{
    border-bottom:2px solid #999;
    border-right:2px solid #999;
    content:"";
    display:block;
    height:5px;
    margin-top:-4px;
    pointer-events:none;
    position:absolute;
    right:12px;
    top:50%;
    transform-origin:66% 66%;
    transform:rotate(45deg);
    transition:all .15s ease-in-out;
    width:5px
}
.nice-select.open:after{
    transform:rotate(-135deg)
}
.nice-select.open .list{
    width:100%;
    opacity:1;
    pointer-events:auto;
    transform:scale(1) translateY(0)
}
.nice-select.disabled{
    border-color:rgb(237.1,237.1,237.1);
    color:#999;
    pointer-events:none
}
.nice-select.disabled:after{
    border-color:#ccc
}
.nice-select.wide{
    width:100%
}
.nice-select.wide .list{
    left:0 !important;
    right:0 !important
}
.nice-select.right{
    float:right
}
.nice-select.right .list{
    left:auto;
    right:0
}
.nice-select.small{
    font-size:12px;
    height:36px;
    line-height:34px
}
.nice-select.small:after{
    height:4px;
    width:4px
}
.nice-select.small .option{
    line-height:34px;
    min-height:34px
}
.nice-select .list{
    background-color:#fff;
    border-radius:5px;
    box-shadow:0 0 0 1px rgba(68,68,68,.11);
    box-sizing:border-box;
    margin-top:4px;
    opacity:0;
    overflow:hidden;
    padding:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:0;
    transform-origin:50% 0;
    transform:scale(0.75) translateY(-21px);
    transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;
    z-index:9
}
.nice-select .list:hover .option:not(:hover){
    background-color:rgba(0,0,0,0) !important
}
.nice-select .option{
    cursor:pointer;
    font-weight:400;
    line-height:40px;
    list-style:none;
    min-height:40px;
    outline:none;
    padding-left:18px;
    padding-right:29px;
    text-align:left;
    transition:all .2s
}
.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{
    background-color:#f6f6f6
}
.nice-select .option.selected{
    font-weight:bold
}
.nice-select .option.disabled{
    background-color:rgba(0,0,0,0);
    color:#999;
    cursor:default
}
.no-csspointerevents .nice-select .list{
    display:none
}
.no-csspointerevents .nice-select.open .list{
    display:block
}
.blog-list-main{
    padding:var(--section-gap1) 0;
    background:url(../images/maincontent-bg-sigle.svg) repeat-y;
    background-size:cover
}
.blog-two-col{
    display:grid;
    grid-template-columns:auto 384px;
    gap:40px
}
@media(max-width: 1599.98px){
    .blog-two-col{
        grid-template-columns:auto 344px;
        gap:30px
    }
}
@media(max-width: 1199.98px){
    .blog-two-col{
        grid-template-columns:repeat(1, 1fr)
    }
}
.blog-cards{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:40px
}
@media(max-width: 1599.98px){
    .blog-cards{
        gap:20px
    }
}
@media(max-width: 767.98px){
    .blog-cards{
        grid-template-columns:repeat(1, 1fr)
    }
}
.blog-cards a:hover h2{
    color:#4954f5
}
.blog-cards .blog_thumb_img{
    width:100%;
    max-width:488px;
    margin:0 0 20px 0;
    border-radius:20px
}
.blog-cards h2{
    color:#fff;
    font-size:28px;
    font-weight:500;
    line-height:130%;
    letter-spacing:-1.12px;
    margin:0 0 12px 0;
    transition:.3s ease-in-out
}
.blog-cards p{
    color:hsla(0,0%,100%,.7)
}
.blog-cards .card-details{
    margin-top:20px;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:center;
    gap:12px 24px
}
.blog-cards .card-details .postedby{
    display:flex;
    align-items:center;
    gap:10px;
    color:#fff;
    font-size:20px;
    font-style:normal;
    font-weight:600;
    line-height:150%;
    letter-spacing:-0.2px
}
.blog-cards .card-details .postedby .postby-img{
    width:30px;
    height:30px;
    border-radius:50%
}
.blog-cards .card-details .postdate{
    color:hsla(0,0%,100%,.7);
    letter-spacing:-0.18px
}
@media(max-width: 1399.98px){
    .blog-cards h2{
        font-size:24px
    }
}
@media(max-width: 575.98px){
    .blog-cards .blog_thumb_img{
        border-radius:10px
    }
}
.list-categories h3{
    font-size:28px;
    padding:0 0 20px 0;
    border-bottom:1px solid hsla(0,0%,100%,.2)
}
.list-categories a{
    display:block;
    padding:20px 0;
    border-bottom:1px solid hsla(0,0%,100%,.2);
    color:hsla(0,0%,100%,.6)
}
.list-categories a:hover{
    color:#796dfa
}
.list-recentblogs{
    margin:60px 0 0 0
}
.list-recentblogs .list-recentblog{
    display:block;
    padding:20px 0;
    border-bottom:1px solid hsla(0,0%,100%,.2)
}
.list-recentblogs .list-recentblog:hover h4{
    color:#796dfa
}
.list-recentblogs h3{
    font-size:28px;
    padding:0 0 20px 0;
    border-bottom:1px solid hsla(0,0%,100%,.2)
}
.list-recentblogs h4{
    font-size:22px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    color:#fff;
    font-size:22px;
    font-style:normal;
    font-weight:500;
    line-height:130%;
    letter-spacing:-0.88px;
    transition:.3s color ease-in-out
}
.list-recentblogs .card-details{
    margin-top:16px;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:center;
    gap:12px 24px
}
.list-recentblogs .card-details .postedby{
    display:flex;
    align-items:center;
    gap:10px;
    color:#fff;
    font-size:18px;
    font-style:normal;
    font-weight:400;
    line-height:150%;
    letter-spacing:-0.2px
}
.list-recentblogs .card-details .postedby .postby-img{
    width:30px;
    height:30px;
    border-radius:50%
}
.list-recentblogs .card-details .postdate{
    font-size:16px;
    color:hsla(0,0%,100%,.7);
    letter-spacing:-0.18px
}
.pagination{
    display:block;
    margin-top:40px;
    text-align:center;
    grid-column:span 2
}
@media(max-width: 767.98px){
    .pagination{
        grid-column:unset
    }
}
.pagination ul{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin:0;
    padding:0
}
.pagination ul a{
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff
}
.pagination ul a.active{
    color:#796dfa
}
.pagination ul a:hover{
    color:#796dfa
}
.pagination ul li{
    list-style:none
}
.pagination ul .list-nav{
    padding:17px
}
.pagination ul .prev,.pagination ul .next{
    width:40px;
    height:40px;
    border-radius:8px;
    border:1px solid #4954f5;
    color:#4954f5;
    font-size:12px
}
.pagination ul .prev:hover,.pagination ul .next:hover{
    background:#796dfa;
    color:#fff
}
.pre-header{
    padding:8px 0;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.pre-header .phone-no{
    display:flex;
    align-items:center;
    gap:5px;
    color:hsla(0,0%,100%,.7);
    font-size:16px;
    font-weight:500;
    line-height:150%;
    letter-spacing:-0.16px
}
.pre-header .phone-no i{
    font-size:18px
}
.pre-header .phone-no:hover{
    color:#796dfa
}
.pre-header p{
    font-size:16px;
    color:hsla(0,0%,100%,.7)
}
.pre-header p a{
    color:#fff;
    text-decoration:underline;
    font-weight:500;
    line-height:150%;
    letter-spacing:-0.16px;
    margin-left:5px
}
.pre-header p a:hover{
    color:#796dfa
}
@media(max-width: 1199.98px){
    .pre-header{
        flex-wrap:wrap;
        justify-content:center;
        gap:12px
    }
    .pre-header p{
        display:none
    }
}
.social-links{
    display:flex;
    flex-wrap:wrap;
    gap:20px
}
.social-links a{
    font-size:16px;
    color:hsla(0,0%,100%,.6);
    text-decoration:underline
}
.social-links a:hover{
    color:#796dfa
}
.header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:auto;
    padding:0;
    z-index:10;
    background:rgba(0,0,0,.3);
    backdrop-filter:blur(12px);
    transition:.3s ease-in-out
}
@media(min-width: 1600px){
    .header .container{
        max-width:1800px !important
    }
}
.header .navbar{
    display:flex;
    padding:20px 0;
    align-items:center;
    justify-content:space-between;
    position:relative
}
.header .navbar::before,.header .navbar::after{
    content:"";
    height:1px;
    width:100vw;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    border-bottom:solid 1px hsla(0,0%,100%,.1)
}
.header .navbar::before{
    top:0
}
.header .navbar::after{
    bottom:0
}
.header .logo img{
    transition:.3s ease-in-out;
    height:50px
}
@media(max-width: 767.98px){
    .header .logo img{
        height:45px
    }
}
.header .navbar-left{
    display:flex;
    align-items:center;
    gap:40px 120px
}
.header .action-right{
    position:relative;
    display:flex;
    align-items:center;
    gap:20px
}
.header .action-right .ms-btn{
    border-radius:50px
}
@media(max-width: 1199.98px){
    .header .action-right .ms-btn{
        display:none
    }
}
.header .pre-header{
    transition:.3s ease-in-out
}
.header.sticky{
    background:#000;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    transform:translateY(0);
    transition:all .3s ease-in-out;
    padding:0;
    animation:slide-down 1s
}
.header.sticky .pre-header{
    opacity:0;
    padding:0;
    height:0
}
.header.sticky .navbar{
    padding:8px
}
.header.sticky.show{
    transform:translateY(-150px)
}
.header.sticky .mobile-menu{
    position:absolute;
    top:52px;
    left:0;
    right:0
}
.header.sticky .mobile-menu a.menu-toggle{
    top:-45px
}
.header.sticky .logo{
    display:block
}
.header.sticky .logo img{
    height:45px
}
@media(max-width: 991.98px){
    .header.sticky .logo img{
        height:40x
    }
}
.main-menu ul.menu-list{
    display:flex;
    align-items:center;
    justify-content:right;
    margin:0;
    padding:0;
    position:unset
}
.main-menu ul.menu-list>li{
    display:inline-flex;
    height:47px;
    align-items:center;
    position:relative
}
.main-menu ul.menu-list>li>a{
    color:#999;
    display:block;
    letter-spacing:.35px;
    text-align:center;
    padding:0 26px;
    border-radius:0;
    position:relative;
    height:100%;
    text-decoration:none;
    font-size:18px;
    font-style:normal;
    font-weight:500;
    line-height:47px;
    cursor:pointer
}
.main-menu ul.menu-list>li>a:hover{
    color:#fff
}
@media(max-width: 1399.98px){
    .main-menu ul.menu-list>li>a{
        padding:0 15px;
        font-size:16px
    }
}
.main-menu .nav-dropdown .menu-nav{
    position:relative
}
.main-menu .nav-dropdown .menu-nav::before{
    content:"";
    width:55px;
    height:11px;
    background:url(../images/megamenu_arrow.svg) no-repeat;
    background-position:center;
    position:absolute;
    top:37px;
    left:50%;
    transform:translate(-50%);
    z-index:11;
    opacity:0;
    visibility:hidden;
    transition:.3s bottom ease-in,.8s opacity ease-in
}
.main-menu .nav-dropdown .menu-nav::after{
    content:"";
    width:12px;
    height:12px;
    font-family:"icomoon";
    position:absolute;
    z-index:1;
    font-size:12px;
    line-height:normal;
    top:calc(50% + 3px);
    transform:translateY(-50%);
    right:8px;
    transition:.3s ease-in
}
.main-menu .nav-dropdown:hover .menu-nav::before{
    bottom:0;
    opacity:1;
    visibility:visible
}
.main-menu .nav-dropdown:hover .menu-nav::after{
    transform:translateY(-50%) rotate(180deg)
}
.main-menu .nav-dropdown:hover .mega-menu{
    opacity:1;
    visibility:visible;
    transition:.8s ease;
    pointer-events:auto
}
.main-menu .nav-dropdown:hover .content-left .service-img{
    margin:32px 0 0 0
}
@media(max-width: 1199.98px){
    .main-menu{
        display:none
    }
}
.menu-list>a{
    display:inline-flex;
    gap:5px;
    align-items:center
}
.menu-list>a::after{
    content:"";
    font-family:"icomoon";
    font-size:10px
}
.menu-list .nav-dropdown:hover .mega-menu{
    visibility:visible;
    opacity:1
}
.mega-menu{
    position:absolute;
    padding:0;
    width:886px;
    left:0;
    top:100%;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transition:opacity .5s ease,visibility .5s ease;
    border-radius:20px;
    box-shadow:140px 0 140px 0 #000;
    background:url(../images/bg-megamenu.svg);
    background-size:cover;
    z-index:999;
    display:grid;
    grid-template-columns:47% 53%
}
@media(max-width: 1399.98px){
    .mega-menu{
        width:720px;
        grid-template-columns:50% 50%
    }
}
.menulist-col-1{
    border-right:solid 1px hsla(0,0%,100%,.2)
}
.menulist-col-1,.menulist-col-2{
    padding:50px
}
@media(max-width: 1399.98px){
    .menulist-col-1,.menulist-col-2{
        padding:40px
    }
}
.menulist-col-1 .menu_icon,.menulist-col-2 .menu_icon{
    width:60px;
    height:60px;
    border-radius:16px;
    background:rgba(121,109,250,.3);
    display:flex;
    justify-content:center;
    align-items:center
}
.menulist-col-1 .menu_icon img,.menulist-col-2 .menu_icon img{
    height:28px
}
.menulist-col-1 li,.menulist-col-2 li{
    margin:0 0 30px 0
}
.menulist-col-1 li:last-child,.menulist-col-2 li:last-child{
    margin:0
}
.menulist-col-1 .menu_icon,.menulist-col-2 .menu_icon{
    width:60px;
    height:60px;
    border-radius:16px;
    background:rgba(121,109,250,.1);
    display:flex;
    justify-content:center;
    align-items:center
}
.menulist-col-1 .menu_icon img,.menulist-col-2 .menu_icon img{
    height:28px
}
.menulist-col-1 .subNav,.menulist-col-2 .subNav{
    display:flex;
    align-items:center;
    gap:20px
}
.menulist-col-1 .subNav .menu_text,.menulist-col-2 .subNav .menu_text{
    display:block;
    color:hsla(0,0%,100%,.6);
    font-weight:400;
    transition:.3s opacity
}
.menulist-col-1 .subNav .menu_text strong,.menulist-col-2 .subNav .menu_text strong{
    display:block;
    font-weight:500;
    color:#fff;
    line-height:150%;
    letter-spacing:-0.22px
}
.menulist-col-1 .subNav:hover .menu_text,.menulist-col-2 .subNav:hover .menu_text{
    opacity:.7
}
.menulist-col-1 .menu-heading-label,.menulist-col-2 .menu-heading-label{
    display:inline-block;
    border-radius:28px;
    background:#796dfa;
    line-height:32px;
    border-radius:20px;
    padding:0 16px;
    margin:0 0 40px 0;
    color:#fff;
    font-size:16px;
    font-weight:400
}
.ms-menu{
    position:relative;
    right:0;
    width:1.6rem;
    height:1.15rem;
    border:none;
    outline:none;
    cursor:pointer;
    z-index:1;
    display:none
}
@media(max-width: 1199.98px){
    .ms-menu{
        display:block
    }
}
.ms-menu-line{
    position:absolute;
    display:block;
    right:0;
    width:100%;
    height:.15rem;
    opacity:1;
    rotate:0deg;
    border:none;
    outline:none;
    border-radius:1rem;
    background-color:#fff
}
.ms-menu-line:nth-child(1){
    top:0px
}
.ms-menu-line:nth-child(2){
    top:.5rem;
    width:70%
}
.ms-menu-line:nth-child(3){
    top:1rem
}
.mob-menu-container{
    position:fixed;
    top:0;
    left:-300px;
    width:300px;
    height:100%;
    padding:50px 20px;
    background-color:#071206;
    overflow-y:auto;
    transition:left .3s;
    z-index:9998
}
.mob-menu-container.open{
    left:0
}
.mob-menu-container .close-menu{
    font-size:18px;
    background:none;
    color:#fff;
    padding:0;
    position:absolute;
    top:20px;
    right:20px;
    border:none;
    outline:none
}
.mob-menu-container .additional-btn{
    margin-top:25px
}
.mob-menu-container .additional-btn .ms-btn{
    width:100%
}
.mob-menu{
    margin:0;
    padding:0
}
.mob-menu li{
    list-style:none;
    padding:13px 0;
    border-top:solid 1px hsla(0,0%,100%,.1)
}
.mob-menu li a{
    font-size:16px;
    font-weight:500;
    color:#fff;
    text-decoration:none;
    line-height:150%;
    display:block
}
.mob-menu li:first-child{
    border-top:none
}
.mob-menu .submenu{
    padding:0 15px;
    margin-top:10px;
    border-radius:15px
}
.mob-menu .submenu li{
    border-top:solid 1px rgba(152,152,152,.2);
    padding-top:15px;
    padding-bottom:15px
}
.mob-menu .submenu li a{
    font-size:16px;
    color:#fff
}
.mob-menu .submenu li:first-child{
    border-top:0
}
.mob-menu .submenu ul ul{
    display:none
}
.mob-menu .has-submenu{
    position:relative
}
.mob-menu .has-submenu::after{
    content:"";
    font-family:"icomoon";
    font-size:10px;
    position:absolute;
    right:0;
    top:19px
}
.mob-menu .has-submenu>ul{
    display:none;
    margin:0 0 0 15px;
    padding:0
}
.mob-menu .has-submenu>ul li a{
    display:flex;
    align-items:center;
    gap:10px
}
.mob-menu .has-submenu>ul li a img{
    width:20px;
    height:20px;
    object-fit:contain;
    object-position:center
}
.menu-overlay{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.8);
    z-index:9997
}
.sticky-header{
    z-index:9999
}

.quick-contact {
	background: url(../images/quickcontact-bg.jpg) no-repeat;
	background-position: center;
	background-size: cover;
	padding: 180px 0;
	text-align: center
}

@media(max-width: 1599.98px) {
	.quick-contact {
		padding: var(--section-gap1) 0
	}
}

.quick-contact h2 {
	font-size: clamp(32px, 4vw, 72px);
	margin: 0 0 20px
}

.quick-contact .customer-count {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px
}

.quick-contact .customer-count p {
	font-size: clamp(18px, 3vw, 22px);
	color: hsla(0, 0%, 100%, .7);
	font-weight: 300
}

.quick-contact .actions {
	margin: 40px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px
}

.quick-contact .actions .white-solid:hover {
	background-color: #21202b;
	color: #fff
}

.quick-contact .actions .black-solid:hover {
	color: #21202b;
	background-color: #fff
}
.client_photos{
    display:flex;
    margin:0
}
.client_photos li{
    margin-left:-19px
}
.client_photos li:first-child{
    margin-left:0
}
.client_photos img{
    width:50px;
    height:50px;
    object-fit:cover;
    object-position:center;
    display:flex;
    border:2px solid #fff;
    border-radius:50%
}
footer{
    position:relative;
    overflow:hidden
}
@media(min-width: 1600px){
    footer .container{
        max-width:1800px !important
    }
}
footer .footer-row1{
    display:flex;
    gap:50px 32px;
    justify-content:space-between;
    padding:var(--section-gap1) 0 120px 0
}
@media(max-width: 1199.98px){
    footer .footer-row1{
        flex-direction:column;
        justify-content:center
    }
}
footer .logo img{
    height:70px
}
footer .footer-links{
    max-width:790px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:160px
}
@media(max-width: 1599.98px){
    footer .footer-links{
        gap:clamp(30px,5vw,100px)
    }
}
footer .footer-links .links-heading{
    display:block;
    margin:0 0 40px 0;
    font-size:22px
}
footer .footer-links li{
    margin:0 0 16px 0
}
footer .footer-links li:last-child{
    margin:0
}
footer .footer-links a{
    color:hsla(0,0%,100%,.6);
    line-height:150%
}
footer .footer-links a:hover{
    color:#796dfa
}
footer .marquee{
    position:absolute;
    z-index:-1;
    bottom:-65px;
    left:0;
    width:300%;
    display:flex;
    animation:moveBackground 90s linear infinite
}
footer .marquee img{
    height:425px
}
@media(max-width: 1199.98px){
    footer .marquee{
        bottom:-35px;
        animation:moveBackground 60s linear infinite
    }
    footer .marquee img{
        height:380px
    }
}
.subscribe-newletter{
    max-width:450px
}
.subscribe-newletter p{
    color:hsla(0,0%,100%,.6);
    font-size:18px;
    font-style:normal;
    font-weight:400;
    line-height:150%;
    letter-spacing:-0.22px;
    margin:0 0 40px 0
}
.subscribe-newletter .note-sm{
    margin:20px 0 0 0;
    color:hsla(0,0%,100%,.6)
}
.subscribe-newletter .heading-sm{
    display:block;
    font-size:16px;
    color:hsla(0,0%,100%,.6);
    margin:0 0 8px 0
}
.subscribe-newletter .textfield-holder{
    position:relative
}
.subscribe-newletter .textfield-holder .form-control{
    display:flex;
    padding:0 20px;
    height:60px;
    line-height:150%;
    border-radius:0;
    width:100%;
    background-color:#000;
    border:1px solid hsla(0,0%,100%,.3);
    color:hsla(0,0%,100%,.6);
    font-family:"Work Sans",sans-serif;
    font-size:18px
}
.subscribe-newletter .textfield-holder .form-control:focus{
    border-color:#fff
}
.subscribe-newletter .textfield-holder .arrow-btn{
    padding:20px;
    font-size:16px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0;
    color:hsla(0,0%,100%,.6);
    background:none;
    border:none;
    cursor:pointer
}
.subscribe-newletter .textfield-holder .arrow-btn:hover{
    color:#fff
}
.copyright{
    margin-top:20px;
    padding:20px 0;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    position:relative
}
.copyright p{
    color:hsla(0,0%,100%,.6)
}
.copyright::before{
    content:"";
    height:1px;
    width:100vw;
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
    border-bottom:solid 1px #333
}
.make-bg{
    display:none
}
.ms-btn{
    font-weight:500;
    font-size:16px;
    letter-spacing:.32px;
    text-decoration:none;
    line-height:140%;
    display:inline-block;
    padding:20px 40px;
    border-radius:32px;
    border:none;
    text-align:center;
    position:relative;
    transition:all .3s ease
}
.ms-btn.with-arrow{
    padding:20px 65px 20px 40px
}
.ms-btn.with-arrow::after{
    content:"";
    font-family:"icomoon";
    font-size:16px;
    font-weight:400;
    position:absolute;
    right:40px
}
.ms-btn.btn-md{
    padding:11px 55px 11px 30px
}
.ms-btn.btn-md::after{
    right:30px
}
@media(max-width: 767.98px){
    .ms-btn{
        padding:15px 20px
    }
    .ms-btn.with-arrow{
        padding:15px 20px
    }
    .ms-btn.with-arrow::after{
        display:none
    }
}
.primary-gradient{
    background:linear-gradient(100deg, #8F78FC, #0330EF, #8F78FC);
    background-size:300% 100%;
    color:#fff;
    transition:color .3s ease
}
.primary-gradient:hover{
    animation:gradientMove 2s linear infinite;
    color:#fff
}
@keyframes gradientMove{
    0%{
        background-position:0% 50%
    }
    100%{
        background-position:150% 50%
    }
}
.white-solid{
    background:#fff;
    color:#000
}
.white-solid:hover{
    color:#000
}
.black-solid{
    background:#21202b;
    color:#fff
}
.black-solid:hover{
    color:#fff
}
.white-border{
    box-shadow:inset 0 0 2px #fff;
    background:rgba(33,32,43,.1);
    backdrop-filter:blur(7px);
    color:hsla(0,0%,100%,.6)
}
.white-border:hover{
    color:#fff
}
.primary-link{
    font-size:16px;
    font-weight:600;
    display:inline-block;
    color:#796dfa;
    position:relative;
    text-decoration:underline
}
.primary-link:hover{
    color:#796dfa
}
.feild-holder{
    position:relative;
    margin-top:25px
}
.feild-holder label{
    position:absolute;
    left:0;
    top:10px;
    color:#888;
    font-size:16px;
    pointer-events:none;
    transition:all .3s ease
}
.feild-holder .form-control{
    width:100%;
    height:42px;
    padding:0;
    border:none;
    border-bottom:1px solid rgba(170,213,165,.3);
    background:rgba(0,0,0,0);
    transition:border .2s ease-in;
    box-shadow:none;
    color:#fff;
    font-size:18px
}
.feild-holder .form-control:focus{
    outline:none;
    border-color:#fff
}
.feild-holder .form-control:focus+label,.feild-holder .form-control:not(:placeholder-shown)+label{
    top:-10px;
    font-size:12px
}
.feild-holder textarea.form-control{
    height:auto
}
.textarea-holder{
    padding:0;
    border-radius:0;
    border:none;
    border-bottom:1px solid rgba(170,213,165,.3);
    background:rgba(0,0,0,0);
    transition:border .2s ease-in;
    height:auto
}
.textarea-holder textarea.form-control{
    color:#fff;
    background:rgba(0,0,0,0);
    border:none;
    width:100%;
    height:100%;
    line-height:140%;
    font-size:18px;
    margin-top:10px
}
.textarea-holder textarea.form-control:focus{
    outline:none;
    border:none;
    box-shadow:none;
    background:rgba(0,0,0,0);
    border-radius:0
}
.textarea-holder:focus-within{
    border-color:#fff;
    background:rgba(0,0,0,0);
    outline:0
}
.arrow-list{
    margin:0;
    padding:0
}
.arrow-list li{
    list-style:none;
    position:relative;
    padding:0 0 0 28px;
    line-height:150%;
    margin:0 0 8px 0;
    font-size:18px
}
.arrow-list li:last-child{
    margin:0
}
.arrow-list li::before{
    content:"";
    font-family:"icomoon";
    color:#000;
    position:absolute;
    left:3px;
    top:1px;
    font-size:15px
}
@media(max-width: 1399.98px){
    .arrow-list li{
        font-size:16px
    }
}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{
    -webkit-text-fill-color:#000;
    -webkit-box-shadow:0 0 0px 1000px rgba(0,0,0,0) inset;
    transition:background-color 5000s ease-in-out 0s;
    font-weight:700
}
input:-internal-autofill-selected{
    background:#000
}
.validation-error,.error{
    font-size:13px;
    color:#ff472f
}
input[type=search]{
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    font-family:inherit;
    font-size:100%
}
input::-webkit-search-decoration,input::-webkit-search-cancel-button{
    display:none
}
@media(max-width: 767.98px){
    .container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
        padding-right:20px;
        padding-left:20px
    }
}
.pt-0{
    padding:0
}
.pt-large{
    padding-top:var(--section-gap1)
}
.hero-banner{
    padding:260px 0 100px;
    position:relative;
    overflow:hidden
}
.hero-banner .banner-content{
    max-width:750px;
    position:relative;
    z-index:1
}
.hero-banner .banner-content p{
    max-width:657px;
    color:hsla(0,0%,100%,.6);
    font-size:clamp(18px,3vw,22px);
    font-weight:400;
    line-height:150%;
    letter-spacing:-0.22px
}
.hero-banner .banner-content .actions{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin:40px 0 0 0
}
.hero-banner h1{
    margin:0 0 20px 0;
    color:#fff;
    font-size:clamp(42px,5vw,80px);
    font-style:normal;
    font-weight:400;
    line-height:110%;
    letter-spacing:-3.2px;
    text-transform:capitalize
}
.hero-banner h1 span{
    display:block
}
.hero-banner h1 strong{
    background:linear-gradient(100deg, #8F78FC 30.42%, #0330EF 144.18%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:rgba(0,0,0,0);
    font-style:italic;
    font-weight:500;
    line-height:110%;
    letter-spacing:-3.2px;
    text-transform:capitalize;
    padding-right:16px
}
.hero-banner video{
    position:absolute;
    top:0;
    left:auto;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:left center;
    mix-blend-mode:hard-light
}
.hero-banner .video-overlay{
    position:absolute;
    top:0;
    left:auto;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:left center;
    mix-blend-mode:hard-light
}
.hero-banner .video-overlay img{
    width:100%;
    height:100%
}
@media(max-width: 1399.98px){
    .hero-banner{
        padding:260px 0 80px
    }
}
@media(max-width: 1199.98px){
    .hero-banner .banner-content{
        text-align:center;
        margin:0 auto
    }
    .hero-banner .banner-content .actions{
        justify-content:center
    }
}
.hero-banner.inner-banner{
    padding:260px 0 120px
}
.hero-banner.inner-banner .content-holder{
    display:grid;
    grid-template-columns:auto 657px;
    align-items:center;
    gap:55px;
    position:relative;
    z-index:2
}
.hero-banner.inner-banner .content-holder .text-right p{
    color:hsla(0,0%,100%,.7);
    font-size:22px;
    font-weight:400;
    line-height:150%;
    letter-spacing:-0.22px
}
.hero-banner.inner-banner h1{
    font-size:clamp(32px,5vw,60px)
}
.hero-banner.inner-banner video{
    mix-blend-mode:color-burn
}
.hero-banner.inner-banner .video-overlay{
    opacity:.6
}
@media(max-width: 1399.98px){
    .hero-banner.inner-banner .content-holder{
        grid-template-columns:auto 480px
    }
}
@media(max-width: 1199.98px){
    .hero-banner.inner-banner .content-holder{
        grid-template-columns:repeat(1, 1fr)
    }
    .hero-banner.inner-banner .content-holder .text-right{
        margin:0 auto;
        text-align:center
    }
    .hero-banner.inner-banner .bread_crumbs{
        justify-content:center
    }
}
.bread_crumbs{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 20px 0
}
.bread_crumbs span,.bread_crumbs a{
    font-size:16px;
    line-height:120%;
    padding:4px 16px;
    display:block;
    margin:0;
    border-radius:8px;
    background:rgba(0,0,0,.1);
    backdrop-filter:blur(12px);
    border:1px solid hsla(0,0%,100%,.1)
}
.bread_crumbs a{
    color:hsla(0,0%,100%,.5)
}
.bread_crumbs a:hover{
    background-color:#4954f5;
    border-color:#4954f5;
    color:#fff
}
.bread_crumbs span{
    color:#4954f5;
    border-color:#4954f5
}
.hero-carousel.owl-carousel{
    padding-bottom:100px
}
@media(max-width: 1199.98px){
    .hero-carousel.owl-carousel{
        padding-bottom:100px
    }
}
.hero-carousel.owl-carousel .owl-stage-outer{
    padding-top:50px
}
.hero-carousel.owl-carousel .fadeOut{
    animation-name:fadeOut
}
.hero-carousel.owl-carousel .fadeIn{
    animation-name:fadeIn
}
.hero-carousel.owl-carousel .owl-nav{
    display:flex;
    align-items:center;
    flex-direction:column;
    gap:12px;
    position:absolute;
    right:0;
    bottom:0
}
.hero-carousel.owl-carousel .owl-nav .owl-next,.hero-carousel.owl-carousel .owl-nav .owl-prev{
    height:52px;
    width:52px;
    line-height:52px;
    font-size:14px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    border:1px solid hsla(0,0%,100%,.4);
    background:rgba(33,32,43,.1);
    backdrop-filter:blur(7px);
    transition:.3s ease-in-out
}
.hero-carousel.owl-carousel .owl-nav .owl-next:hover,.hero-carousel.owl-carousel .owl-nav .owl-prev:hover{
    background:#796dfa;
    color:#fff
}
@media(max-width: 1199.98px){
    .hero-carousel.owl-carousel .owl-nav{
        flex-direction:row;
        margin:0 auto;
        width:100%;
        justify-content:center
    }
}
.hero-carousel.owl-carousel .owl-dots{
    display:flex;
    gap:4px 8px;
    margin:0 0;
    position:absolute;
    left:0;
    bottom:0
}
.hero-carousel.owl-carousel .owl-dots .owl-dot{
    width:12px;
    height:4px;
    border-radius:10px;
    opacity:.4;
    background:linear-gradient(270deg, #4854F6 0%, #796DFA 100%);
    transition:.3s all ease-in-out;
    opacity:.4
}
.hero-carousel.owl-carousel .owl-dots .owl-dot.active{
    opacity:1;
    width:32px;
    height:4px
}
@media(max-width: 1199.98px){
    .hero-carousel.owl-carousel .owl-dots{
        display:none
    }
}
@keyframes fadeIn{
    0%{
        opacity:0;
        transform:translateY(-50px)
    }
    100%{
        opacity:1;
        transform:translateY(0px)
    }
}
@keyframes fadeOut{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(-50px)
    }
}
/*# sourceMappingURL=main.css.map */
 .moveto-top {
     display: flex;
     justify-content: center;
     align-items: center;
     position: fixed;
     bottom: 90px;
     right: 50px;
     width: 62px;
     height: 62px;
     border-radius: 50%;
     background: linear-gradient(270deg, #4854F6 0%, #796DFA 100%);
     color: #fff;
     cursor: pointer;
     opacity: 0;
     visibility: hidden;
     transition: all .4s ease;
     z-index: 9999 
}
 .moveto-top.show {
     opacity: 1;
     visibility: visible;
     transform: translateY(0) 
}
 .moveto-top i {
     transform: rotate(90deg) 
}
 @media(max-width: 1199.98px) {
     .moveto-top {
         bottom: 80px;
         width: 52px;
         height: 52px;
         font-size: 164px 
    }
}
 @media(max-width: 767.98px) {
     .moveto-top {
         bottom: 20px;
         right: 20px;
         width: 42px;
         height: 42px;
         font-size: 14px 
    }
}
 .white-solid {
     background: #fff;
     color: #21202b 
}
 .white-solid:hover {
     color: #21202b 
}
 .black-solid {
     background: #21202b;
     color: #fff 
}
 .black-solid:hover {
     color: #fff 
}
 .white-border {
     box-shadow: inset 0 0 2px #fff;
     background: rgba(33, 32, 43, .1);
     backdrop-filter: blur(7px);
     color: hsla(0, 0%, 100%, .7) 
}
 .white-border:hover {
     color: #fff 
}
 .ms-btn {
     font-weight: 500;
     font-size: 16px;
     letter-spacing: .32px;
     text-decoration: none;
     line-height: 140%;
     display: inline-block;
     padding: 20px 40px;
     border-radius: 32px;
     border: none;
     text-align: center;
     position: relative;
     transition: all .3s ease 
}
 .ms-btn.with-arrow {
     padding: 20px 65px 20px 40px 
}
 .ms-btn.with-arrow::after {
     content: "";
     font-family: "icomoon";
     font-size: 14px;
     font-weight: 400;
     position: absolute;
     right: 40px 
}
 .ms-btn.btn-md {
     padding: 11px 55px 11px 30px 
}
 .ms-btn.btn-md::after {
     right: 30px 
}
 @media(max-width: 767.98px) {
     .ms-btn {
         padding: 15px 20px 
    }
     .ms-btn.with-arrow {
         padding: 15px 20px 
    }
     .ms-btn.with-arrow::after {
         display: none 
    }
}
 .hero-banner .banner-content .actions .ms-btn.white-border:hover {
     background-color: #fff;
     color: #000 
}