*{-webkit-box-sizing:border-box;box-sizing:border-box}
    html,body{height:100%}
    body{line-height:1.74;font-size:15px;font-style:normal;font-weight:400;visibility:visible;font-family: "Kumbh Sans", sans-serif;color:#000000;position:relative;background-color:#fff}
    body.no-overflow{overflow:hidden}
    iframe{display:block}
    h1,h2,h3,h4,h5,h6{color:#000;font-family: "Kumbh Sans", sans-serif;font-weight:700;margin-top:0;margin-bottom:0;line-height:1.3}
    p{ font-family: "Kumbh Sans", sans-serif;}
    h1{font-size:56px}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    h1{font-size:46px}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    h1{font-size:40px}
    }
    @media only screen and (max-width: 767px) {
    h1{font-size:34px}
    }
    h2{font-size:45px}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    h2{font-size:33px}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    h2{font-size:33px}
    }
    @media only screen and (max-width: 767px) {
    h2{font-size:27px}
    }
    h3{font-size:40px}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    h3{font-size:32px}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    h3{font-size:28px}
    }
    @media only screen and (max-width: 767px) {
    h3{font-size:30px}
    }
    h4{font-size:34px}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    h4{font-size:30px}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    h4{font-size:28px}
    }
    @media only screen and (max-width: 767px) {
    h4{font-size:24px}
    }
    h5{font-size:24px}
    @media only screen and (max-width: 767px) {
    h5{font-size:20px}
    }
    h6{font-size:18px; color:#343434}
    p:last-child{margin-bottom:0}
    a,button{color:inherit;display:inline-block;line-height:inherit;text-decoration:none;cursor:pointer}
    a,img,input{-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    :focus{outline:none!important}
    a:focus{color:inherit;outline:none;text-decoration:none}
    .btn.focus,.btn:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}
    a:hover{text-decoration:none;color:#086AD8}
    button,input[type=submit]{cursor:pointer}
    .text{ font-size: 15px;font-weight: 400;}
    ul{list-style:outside none none;margin:0;padding:0}
    .form-messege.success,.form-messege-2.success{color:green}
    .form-messege.error,.form-messege-2.error{color:red}
    .mark,mark{padding:0;background-color:transparent}
    .font-weight--bold{font-weight:800}
    .font-weight--reguler{font-weight:500}
    .font-weight--normal{font-weight:400}
    .font-weight--light{font-weight:300}
    .text-justify{text-align:justify}
    .text-color-primary{color:#086AD8}
    .text-color-secondary{color:#d2a98e}
    .text-black{color:#333!important}
    .bg-white{background:#fff}
    .bg-black{background:#333}
    .bg-gray{background:#F8F8F8}
    .bg-gray-2{background:#F6FAFE}
    .bg-gray-3{background:#f6f2ed}
    .bg-theme-default{background:#086AD8}
    .theme-bg-secondary{background:#d2a98e}
    .bg-theme-three{background:#002FA6}
    .sub-heading{color:#6d70a6}
    .black-bg{background:#000}
    .border-radus-5{border-radius:5px}
    .text-green{color:#d2a98e}
    .bg-gradient{background:-webkit-linear-gradient(top,#FFF 0,#F5F5F5 100%)}
    select{padding:3px 20px;height:56px;max-width:100%;width:100%;outline:none;border:1px solid #f8f8f8;border-radius:5px;background:#f8f8f8 url(../images/icons/selector-icon.webp) no-repeat center right 20px;background-color:#f8f8f8;-moz-appearance:none;-webkit-appearance:none}
    select:focus{background:#f8f8f8 url(../images/icons/selector-icon.webp) no-repeat center right 20px!important}
    .fixed-bg{background-size:cover;background-repeat:no-repeat;background-attachment:fixed}
    .text-black{color:#333}
    .box-shadow-top{-webkit-box-shadow:0 10px 15px rgba(0,0,0,0.05);box-shadow:0 10px 15px rgba(0,0,0,0.05)}
    .border{border:1px solid #ededed!important}
    .border-top{border-top:1px solid #ededed!important}
    .border-right{border-right:1px solid #ededed!important}
    .border-bottom{border-bottom:1px solid #ededed!important}
    .border-left{border-left:1px solid #ededed!important}
    .border-top-dash{border-top:1px dashed #ddd!important}
    .border-bottom-dash{border-bottom:1px dashed #ddd!important}
    .border-top-thick{border-top:2px solid #ededed!important}
    .border-bottom-thick{border-bottom:2px solid #ededed!important}
    .border-top-drak{border-top:1px solid rgba(255,255,255,0.2)!important}
    .border-bottom-drak{border-bottom:1px solid rgba(255,255,255,0.2)!important}
    .main-title{ font-weight: 700;}
    .section-title mark{color:#38cb89;padding:0;background-color:transparent}
    .section-sub-title{color:#ababab;font-size:14px;letter-spacing:3px;text-transform:uppercase;line-height:1.43;margin-top:-5px}
    .section-under-heading{font-size:18px;font-weight:500;line-height:1.4;color:#333}
    .section-under-heading a{color:#086AD8;border-bottom:1px solid #ccc;position:relative}
    .section-under-heading a::before{content:"";width:0;height:1px;bottom:-1px;position:absolute;left:auto;right:0;z-index:1;-webkit-transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;-o-transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;background:currentColor}
    .section-under-heading a:hover::before{width:100%;left:0;right:auto}
    .img-width{width:100%}
    .title-dec-text{text-align:center;max-width:760px;margin:auto}
    ::-moz-selection{color:#fff;background-color:#086AD8}
    ::selection{color:#fff;background-color:#086AD8}
    .list-item{margin-bottom: 8px;}
    .list-item span{display: block;}
    form input:focus::-webkit-input-placeholder{color:transparent}
    form input:focus::-moz-placeholder{color:transparent}
    form input:focus:-ms-input-placeholder{color:transparent}
    form input::-webkit-input-placeholder,form textarea::-webkit-input-placeholder{-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    form input::-moz-placeholder,form textarea::-moz-placeholder{-moz-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    form input:-ms-input-placeholder,form textarea:-ms-input-placeholder{-ms-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    form input::-ms-input-placeholder,form textarea::-ms-input-placeholder{-ms-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    form input::placeholder,form textarea::placeholder{-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    input[type=text]:focus,input[type=email]:focus,input[type=url]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=range]:focus,input[type=date]:focus,input[type=month]:focus,input[type=week]:focus,input[type=time]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=color]:focus,textarea:focus,select:focus,select:focus,textarea:focus{color:#086AD8;border-color:#086AD8}
    input[type=checkbox]{position:relative;background:0 0;border-width:0;-webkit-box-shadow:none;box-shadow:none;margin:0 10px 0 3px;cursor:pointer}
    .swiper-pagination{position:static;display:block;line-height:1}
    .swiper-pagination--vertical{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:50px;bottom:auto;left:auto}
    .swiper-pagination--vertical .swiper-pagination-bullet{display:block;margin-bottom:10px;line-height:1;margin-right:0}
    .swiper-pagination--vertical .swiper-pagination-bullet:last-child{margin-bottom:0}
    .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border:0;border-radius:0;background:transparent;opacity:1;position:relative;outline:none;margin-right:20px}
    .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0}
    .swiper-pagination .swiper-pagination-bullet:before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:100%;width:8px;height:8px;background:#d8d8d8;z-index:1;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .swiper-pagination .swiper-pagination-bullet:hover:before{width:12px;height:12px;opacity:1;background:#086AD8}
    .swiper-pagination .swiper-pagination-bullet-active:before{width:12px;height:12px;opacity:1;background:#086AD8}
    /* .site-wrapper-reveal{position:relative;z-index:2;background:#fff; height: 100vh;} */
    .swiper-pagination.swiper-pagination-white .swiper-pagination-bullet{margin:8px}
    .swiper-pagination.swiper-pagination-white .swiper-pagination-bullet:hover:before{width:12px;height:12px;opacity:1;background:#fff}
    .swiper-pagination.swiper-pagination-white .swiper-pagination-bullet-active::before{opacity:1;background:#fff;width:16px;height:16px;-webkit-box-shadow:0 0 9px #ededed;box-shadow:0 0 9px #ededed}
    .swiper-pagination.swiper-pagination-black .swiper-pagination-bullet{margin:8px}
    .swiper-pagination.swiper-pagination-black .swiper-pagination-bullet:hover:before{width:12px;height:12px;opacity:1;background:#333}
    .swiper-pagination.swiper-pagination-black .swiper-pagination-bullet-active::before{opacity:1;background:#333;width:16px;height:16px;-webkit-box-shadow:0 0 9px #8b7b7b;box-shadow:0 0 9px #8b7b7b}
    .swiper-nav-button{-webkit-transition:all .3s cubic-bezier(0.645,0.045,0.355,1),visibility .1s linear 2s,opacity .1s linear 2s;-o-transition:all .3s cubic-bezier(0.645,0.045,0.355,1),visibility .1s linear 2s,opacity .1s linear 2s;transition:all .3s cubic-bezier(0.645,0.045,0.355,1),visibility .1s linear 2s,opacity .1s linear 2s;background-image:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;width:48px;height:48px;font-size:24px;color:#6d70a6;border:0;border-radius:50%;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.01);box-shadow:0 0 5px rgba(0,0,0,0.01);opacity:0;visibility:hidden;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);margin:0;top:50%}
    .swiper-nav-button::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:inherit;color:#fff;background:#fff}
    .swiper-nav-button:hover{color:#fff}
    .swiper-nav-button:hover::before{color:#fff;background:#086AD8}
    .swiper-container{-webkit-transition:all .3s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .3s cubic-bezier(0.645,0.045,0.355,1);transition:all .3s cubic-bezier(0.645,0.045,0.355,1)}
    .swiper-container:hover .swiper-nav-button{opacity:1;visibility:visible}
    .swiper-nav-button i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
    .swiper-nav-button i::before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:"Font Awesome 5 Free";font-weight:600;content:"\f104"}
    .swiper-nav-prev i::before{content:"\f104"}
    .swiper-button-next i::before{content:"\f105"}
    .swiper-wrapper{-webkit-transition-timing-function:linear!important;-o-transition-timing-function:linear!important;transition-timing-function:linear!important}
    .single-element-wrap ul li{margin-bottom:15px}
    .single-element-wrap ul li:last-child{margin-bottom:0}
    .breadcrumb-area{background-color:#f6f2ed;background-repeat:no-repeat;background-position:center center;border-bottom-width:0;padding-top:150px;padding-bottom:150px;background-size:cover;z-index:1;position:relative;background-image:url(../images/bg/title-bar-01-bg.webp)}
    .breadcrumb-title{ color: #fff;}
    .background{position:absolute;display:block;top:0;left:0;z-index:0}
    .modern-it-company-hero-text{ position: relative;z-index: 3; }
    .modern-it-company-hero-text h1{font-size:30px;line-height:1.6; color: #ffffff;}
    .modern-it-company-hero-text h1 span{ font-size: 55px;text-shadow:3px 2px 5px rgb(110 128 179 / 68%);margin-top: 15px; display: inline-block;color: #fff;}
    .inner-banner{background-color:#f6f2ed;min-height:400px;display:flex;align-items:center;width:100%;background-position:center center;background-repeat:no-repeat}
    .inner-banner h2{text-align:center;text-transform:uppercase;font-weight:400;font-size:60px;letter-spacing:15px;margin-bottom:0;padding-top:9px}
    .inner-banner.services h2{padding-right:330px}
    @media only screen and (max-width: 767px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (min-width: 992px) and (max-width: 1199px) {
    .breadcrumb-area{padding-top:110px;padding-bottom:110px}
    }
    .breadcrumb-list{margin-top:20px}
    .breadcrumb-list li{display:inline-block;font-size:14px;font-weight:500;letter-spacing:2px;line-height:1.58;text-transform:uppercase}
    .breadcrumb-list li a{position:relative; color: #fff;}
    .breadcrumb-list li a::after{content:"";width:0;height:1px;bottom:0;position:absolute;left:auto;right:0;z-index:-1;-webkit-transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;-o-transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;background:currentColor}
    .breadcrumb-list li a:hover::after{width:100%;left:0;right:auto;z-index:0}
    .breadcrumb-list li.active{color:#fff}
    .page-pagination li{display:inline-block}
    .page-pagination li a{font-weight:500;padding:0 10px;display:block;text-align:center;line-height:41px;min-width:41px;height:41px;text-transform:uppercase;color:#ababab;letter-spacing:2px;border-radius:5px}
    .page-pagination li a.current{background:#f6f5f9;color:#086AD8}
    .page-pagination li a:hover{color:#086AD8}
    .preloader-active{position:fixed;top:0;left:0;overflow:hidden;height:100vh;width:100vw;z-index:99999}
    .preloader-active .preloader-area-wrap{background-color:#fff;position:absolute;left:0;display:block;top:0;height:100%;width:100%;z-index:999999}
    .preloader-active .preloader-area-wrap .spinner div{background-color:#086AD8;border-radius:50%;width:20px;height:20px;margin-right:15px;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}
    .preloader-active .preloader-area-wrap .spinner div.bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}
    .preloader-active .preloader-area-wrap .spinner div.bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}
    @-webkit-keyframes sk-bouncedelay {
    0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}
    40%{-webkit-transform:scale(1);transform:scale(1)}
    }
    @keyframes sk-bouncedelay {
    0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}
    40%{-webkit-transform:scale(1);transform:scale(1)}
    }
    .preloader-area-wrap{display:none}
    .open_tm_preloader{position:fixed;background-color:transparent;z-index:10;height:100%;width:100%;-webkit-transition:.2s all ease;-o-transition:.2s all ease;transition:.2s all ease;-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}
    .open_tm_preloader.loaded{opacity:0;visibility:hidden}
    .open_tm_preloader.loaded:before,.open_tm_preloader.loaded:after{width:0}
    .open_tm_preloader:before,.open_tm_preloader:after{content:"";position:absolute;height:100%;width:50%;background-color:#fff;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
    .open_tm_preloader:before{top:0;left:0}
    .open_tm_preloader:after{bottom:0;right:0}
    .scroll-top{position:fixed;right:30px;bottom:-60px;z-index:999;-webkit-box-shadow:0 30px 50px rgba(0,0,0,0.03);box-shadow:0 30px 50px rgba(0,0,0,0.03);display:block;padding:0;width:45px;height:45px;border-radius:50%;text-align:center;font-size:20px;line-height:60px;cursor:pointer;opacity:0;visibility:hidden;background-color:#086AD8;background-size:200% auto;background-position:left center;color:#fff;-webkit-transition:all .5s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .5s cubic-bezier(0.645,0.045,0.355,1);transition:all .5s cubic-bezier(0.645,0.045,0.355,1);overflow:hidden}
    /* ===== FILTER-BLOCK ====== */
.filter-block h2 { margin-bottom: 40px; padding-left: 15px; }
/* .filter-block .container { position: relative; } */
.filter-block .filter-list {padding: 20px 15px;text-align: center; }
.filter-block .filtr-item {
    padding: 0 10px; width: 33% !important;
}
.filter-block .filter-list li {color: #000;font-size: 16px;margin: 0 10px;font-weight: 600;cursor: pointer;display: inline-block;background: #fff;box-shadow: 0px 5px 30px 0px rgba(148, 146, 245, 0.15);padding:10px 30px; min-width: 90px; letter-spacing: 1px;border-radius: 5px;margin-bottom: 15px;}
.filter-block .filter-list li.active, .filter-block .filter-list li:hover, .ht-tab-menu li a:hover { color: #fff;background-color: #086AD8;background:linear-gradient(106deg, #086AD8 0%, #5e87eb 100%); transition:all ease .3s; }
.filter-block .filter-list li:hover{ transition: all ease .3s; -webkit-transition: all ease .3s; }
.gallery-box .single-box { position: relative; margin-bottom: 30px; box-shadow: 0 0 10px rgb(0 0 0 / 20%); min-height: 300px;border-radius: 2px;padding: 10px;display: flex;
    align-items: center;}
.gallery-box .single-box img { width: 100%; height: 100%; object-fit: cover; -webkit-filter: drop-shadow(5px 5px 5px #5c5858);filter: drop-shadow(5px 5px 5px #5c5858);}
.gallery-box .single-box ul { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); right: 0; margin: 0 auto; width: 100%; text-align: center; left: -200px; opacity: 0; overflow: hidden; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -ms-transition: all 0.9s ease; transition: all 0.9s ease; }
.gallery-box .single-box ul li { display: inline-block; margin: 0 5px; }

.gallery-box{ position: relative;background-color: #f5f5f5; }
.gallery-box:before{ position: absolute; content: "";background-image: url(../images/bg/circuit-bg.jpg); background-size: cover; width: 100%; height: 100%; opacity: 0.07;}
.gallery-box figcaption {position: absolute;bottom:5px;left: 0;right: 0;width:95%;margin:0 auto;background:linear-gradient(106deg, #086AD8 0%, #5e87eb 100%);opacity: 0;z-index: 1;visibility: hidden;
    color: #fff; border-radius: 5px;}
.gallery-box figcaption a{display: block;height: 100%;padding: 15px;text-align:left;}
.gallery-box figcaption a h5{ margin-bottom: 0 !important; font-weight: 500; font-size: 20px;color:#fff;}
.gallery-box figcaption a:hover{color:#fff;}

.gallery-box:hover figcaption{opacity: 1;bottom:10px;transition: all ease .3s;cursor: pointer;visibility: visible;}

.ht-box-icon.preview-style{margin-left:auto;max-width:420px;margin-top:30px;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
.ht-box-icon.preview-style:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.ht-box-icon.preview-style .icon-box-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.ht-box-icon.preview-style .icon-box-wrap .image{position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:0 27px 0 0;width:114px;text-align:center;border-radius:50%}
.footer-preview-content h6{letter-spacing:7px}

.footer-widget .ht-btn{overflow:hidden;}
.footer-widget .ht-btn span {position: absolute;display: block;}
.footer-widget .ht-btn span:nth-child(1) {top: 0;left: -100%;width: 100%;height: 2px;background: linear-gradient(90deg, transparent, #fff);animation: btn-anim1 2s linear infinite;}
@keyframes btn-anim1 {
    0% {
        left: -100%;
    }

    50%, 100% {
        left: 100%;
    }
}
.footer-widget .ht-btn span:nth-child(2) {top: -100%;right: 0;width: 2px;height: 100%;background: linear-gradient(180deg, transparent, #fff);animation: btn-anim2 2s linear infinite;animation-delay: 0.50s;}
@keyframes btn-anim2 {
    0% {
        top: -100%;
    }

    50%, 100% {
        top: 100%;
    }
}

.footer-widget .ht-btn span:nth-child(3) {bottom: 0;right: -100%;width: 100%;height: 2px;background: linear-gradient(270deg, transparent, #fff);animation: btn-anim3 2s linear infinite;animation-delay: 1.0s;}
@keyframes btn-anim3 {
    0% {
        right: -100%;
    }

    50%, 100% {
        right: 100%;
    }
}
.footer-widget .ht-btn span:nth-child(4) {bottom: -100%;left: 0;width: 2px;height: 100%;background: linear-gradient(360deg, transparent, #fff);animation: btn-anim4 2s linear infinite;animation-delay: 1.50s;}
@keyframes btn-anim4 {
    0% {
        bottom: -100%;
    }

    50%, 100% {
        bottom: 100%;
    }
}
.badge-image{position:absolute;top:-5px;right:0;z-index:11}
.modern-it-company-hero{position:relative;background-image:url(../images/bg/home-banner.webp);background-repeat:no-repeat;background-size:cover;background-position:center center; height: 100vh;}
.modern-it-company-hero::before,.breadcrumb-area:before{ background: rgba(0,0,0,0.6); content: ""; position: absolute; width: 100%; height: 100%;z-index: 3;top: 0;}

.breadcrumb_box{ position: relative;z-index: 3;}
.modern-it-company-hero .container, .modern-it-company-hero .container .row{ height: 100%;}
#home{ position: absolute; width: 60%;left: 0;height: 100%;}


    @media only screen and (max-width: 479px) {
    .scroll-top{width:50px;height:50px;line-height:50px;font-size:20px}
    .modern-it-company-hero-text h1 span{ font-size: 40px;}
    }
    .scroll-top.show{visibility:visible;opacity:1;bottom:60px}
    .scroll-top i{position:absolute;top:50%;left:50%;color:#fff;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .scroll-top .arrow-top{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
    .scroll-top .arrow-bottom{-webkit-transform:translate(-50%,80px);-ms-transform:translate(-50%,80px);transform:translate(-50%,80px)}
    .scroll-top:hover{background-position:right center}
    .scroll-top:hover .arrow-top{-webkit-transform:translate(-50%,-80px);-ms-transform:translate(-50%,-80px);transform:translate(-50%,-80px)}
    .scroll-top:hover .arrow-bottom{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
    .separator-wrap{text-align:center;display:inline-block;margin-top:40px}
    .separator-wrap .dot{border-radius:50%;-webkit-box-shadow:0 0 12px #def0ff;box-shadow:0 0 12px #def0ff;background:#000;background-color:#086AD8;-webkit-animation:separator-bounce 1.4s ease-in-out 0 infinite both;animation:separator-bounce 1.4s ease-in-out 0 infinite both;width:14px;height:14px}
    .separator-wrap .dot.second-circle{margin-top:18px;-webkit-animation-delay:-.16s;animation-delay:-.16s}
    .separator-wrap .dot.third-circle{margin-top:14px;-webkit-animation-delay:-.32s;animation-delay:-.32s}
    @-webkit-keyframes separator-bounce {
    0%,80%,100%{-webkit-transform:scale(0.5);transform:scale(0.5)}
    40%{-webkit-transform:scale(1);transform:scale(1)}
    }
    @keyframes separator-bounce {
    0%,80%,100%{-webkit-transform:scale(0.5);transform:scale(0.5)}
    40%{-webkit-transform:scale(1);transform:scale(1)}
    }
    #googleMap-1,#googleMap-2,#googleMap-3{height:400px}
    .section-space--ptb_220{padding-top:220px;padding-bottom:220px}
    .section-space--pt_150{padding-top:150px}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-space--pt_150{padding-top:100px}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pt_150{padding-top:80px}    
    }
    @media only screen and (max-width: 767px) {
    .section-space--pt_150{padding-top:60px}    
    .modern-it-company-hero{height: 100%;}
    }
    .section-space--ptb_120{padding-top:120px;padding-bottom:120px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--ptb_120{padding-top:80px;padding-bottom:80px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--ptb_120{padding-top:60px;padding-bottom:60px}
    .gallery-box figcaption{ opacity:1;visibility:visible;}
    }
    .section-space--pt_120{padding-top:120px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pt_120{padding-top:80px}
    .modern-it-company-hero-text h1 span{font-size: 40px;}
    }
    @media only screen and (max-width: 767px) {
    .section-space--pt_120{padding-top:60px}
    .header-right-box .mailUs{text-align:right;padding-top:10px}
    .header-right-box .mailUs a{position:unset}
    .header-right-box .mailUs a:before{font-size:28px;right:55px;top:23px;position:unset}
    .header-right-box .mailUs a span,.header-right-box .mailUs a{font-size:0}
    }
    .section-space--pb_120{padding-bottom:120px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pb_120{padding-bottom:80px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--pb_120{padding-bottom:60px}
    .modern-it-company-hero-text h1 span{font-size: 40px;}
    }
    .section-space--ptb_100{padding-top:100px;padding-bottom:100px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--ptb_100{padding-top:80px;padding-bottom:80px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--ptb_100{padding-top:60px;padding-bottom:60px}
    }
    .section-space--pt_100{padding-top:100px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pt_100{padding-top:80px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--pt_100{padding-top:60px}
    }
    .section-space--pb_100{padding-bottom:100px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pb_100{padding-bottom:80px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--pb_100{padding-bottom:60px}
    }
    .section-space--ptb_90{padding-top:90px;padding-bottom:90px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--ptb_90{padding-top:60px;padding-bottom:60px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--ptb_90{padding-top:40px;padding-bottom:40px}
    }
    .section-space--pt_90{padding-top:90px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pt_90{padding-top:60px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--pt_90{padding-top:40px}
    }
    .section-space--pb_90{padding-bottom:90px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pb_90{padding-bottom:60px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--pb_90{padding-bottom:40px}
    }
    .section-space--ptb_80{padding-top:80px;padding-bottom:80px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--ptb_80{padding-top:60px;padding-bottom:60px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--ptb_80{padding-top:40px;padding-bottom:40px}
    }
    .section-space--pt_80{padding-top:80px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pt_80{padding-top:60px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--pt_80{padding-top:40px}
    }
    .section-space--pb_80{padding-bottom:90px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pb_80{padding-bottom:60px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--pb_80{padding-bottom:40px}
    }
    .section-space--ptb_70{padding-top:70px;padding-bottom:70px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--ptb_70{padding-top:40px;padding-bottom:40px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--ptb_70{padding-top:30px;padding-bottom:30px}
    }
    .section-space--pt_70{padding-top:70px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pt_70{padding-top:40px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--pt_70{padding-top:30px}
    }
    .section-space--pb_70{padding-bottom:70px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pb_70{padding-bottom:40px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--pb_70{padding-bottom:30px}
    }
    .section-space--ptb_60{padding-top:60px;padding-bottom:60px}
    .section-space--ptb_50{padding-top:50px;padding-bottom:50px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--ptb_60{padding-top:60px;padding-bottom:60px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--ptb_60{padding-top:40px;padding-bottom:40px}
    }
    .section-space--pt_60{padding-top:60px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pt_60{padding-top:60px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--pt_60{padding-top:40px}
    }
    .section-space--pb_60{padding-bottom:60px}
    .section-space--pb_50{padding-bottom:50px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pb_60{padding-bottom:60px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--pb_60{padding-bottom:60px}
    }
    .section-space--pt_40{padding-top:40px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pt_40{padding-top:30px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--pt_40{padding-top:30px}
    }
    .section-space--pb_40{padding-bottom:40px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--pb_40{padding-bottom:30px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--pb_40{padding-bottom:30px}
    }
    .section-space--ptb_30{padding-top:30px;padding-bottom:30px}
    .section-space--pt_30{padding-top:30px}
    .section-space--pb_30{padding-bottom:30px}
    .section-space--mt_15{margin-top:15px}
    .section-space--mt_20{margin-top:20px}
    .section-space--mt_30{margin-top:30px}
    .section-space--mt_40{margin-top:40px}
    .section-space--mt_50{margin-top:50px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mt_50{margin-top:40px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--mt_50{margin-top:30px}
    }
    .section-space--mt_60{margin-top:60px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mt_60{margin-top:50px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--mt_60{margin-top:30px}
    }
    .section-space--mt_70{margin-top:70px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mt_70{margin-top:50px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--mt_70{margin-top:30px}
    }
    .section-space--mt_80{margin-top:80px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mt_80{margin-top:50px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--mt_80{margin-top:30px}
    }
    .section-space--mt_100{margin-top:100px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mt_100{margin-top:80px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--mt_100{margin-top:60px}
    }
    .section-space--mt_120{margin-top:120px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mt_120{margin-top:80px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--mt_120{margin-top:60px}
    }
    .section-space--mb_15{margin-bottom:15px}
    .section-space--mb_20{margin-bottom:20px}
    .section-space--mb_30{margin-bottom:30px}
    .section-space--mb_40{margin-bottom:40px}
    @media only screen and (max-width: 767px) {
    .section-space--mb_40{margin-bottom:30px}
    }
    .section-space--mb_50{margin-bottom:50px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mb_50{margin-bottom:40px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--mb_50{margin-bottom:30px}
    }
    .section-space--mb_60{margin-bottom:60px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mb_60{margin-bottom:50px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--mb_60{margin-bottom:30px}
    }
    .section-space--mb_100{margin-bottom:100px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mb_100{margin-bottom:80px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--mb_100{margin-bottom:60px}
    }
    .section-space--mb_120{margin-bottom:120px}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-space--mb_120{margin-bottom:80px}
    }
    @media only screen and (max-width: 767px) {
    .section-space--mb_120{margin-bottom:60px}
    }
    .mb-10{margin-bottom:10px}
    .mb-15{margin-bottom:15px}
    .mb-20{margin-bottom:20px}
    .mb-25{margin-bottom:25px}
    .mb-30{margin-bottom:30px}
    .mb-40{margin-bottom:40px}
    .mt-10{margin-top:10px}
    .mt-15{margin-top:15px}
    .mt-20{margin-top:20px}
    .mt-25{margin-top:25px}
    .mt-30{margin-top:30px}
    .mt-40{margin-top:40px}
    @media only screen and (max-width: 767px) {
    .small-mt__0{margin-top:0}
    .small-mt__10{margin-top:10px}
    .small-mt__20{margin-top:20px}
    .small-mt__30{margin-top:30px}
    .small-mt__40{margin-top:40px}
    .small-mt__50{margin-top:50px}
    .small-mt__60{margin-top:60px}
    .small-mb__30{margin-bottom:30px}
    .small-mb__40{margin-bottom:40px}
    .small-mb__50{margin-bottom:50px}
    .small-mb__60{margin-bottom:60px}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .tablet-mt__0{margin-top:0}
    .tablet-mt__30{margin-top:30px}
    .tablet-mt__40{margin-top:40px}
    .tablet-mt__50{margin-top:50px}
    .tablet-mt__60{margin-top:60px}
    .tablet-mb__30{margin-bottom:30px}
    .tablet-mb__40{margin-bottom:40px}
    .tablet-mb__50{margin-bottom:50px}
    .tablet-mb__60{margin-bottom:60px}
    }
    @-webkit-keyframes moveVertical {
    to{opacity:1;-webkit-transform:translateY(0)}
    }
    @keyframes moveVertical {
    to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
    }
    @-webkit-keyframes moveHorizontal {
    to{-webkit-transform:translateX(0);opacity:1}
    }
    @keyframes moveHorizontal {
    to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
    }
    .move-up{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}
    .move-up.animate{-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-webkit-animation:moveVertical .65s ease forwards;animation:moveVertical .65s ease forwards}
    .move-up-x{-webkit-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px)}
    .move-up-x.animate{-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px);-webkit-animation:moveHorizontal .65s ease forwards;animation:moveHorizontal .65s ease forwards}
    @-webkit-keyframes headerSlideDown {
    0%{margin-top:-100px}
    to{margin-top:0}
    }
    @keyframes headerSlideDown {
    0%{margin-top:-100px}
    to{margin-top:0}
    }
    @-webkit-keyframes hide-animation {
    0%{-webkit-transform:translateY(0);opacity:1}
    to{-webkit-transform:translateY(60px);opacity:0}
    }
    @keyframes hide-animation {
    0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
    to{-webkit-transform:translateY(60px);transform:translateY(60px);opacity:0}
    }
    @-webkit-keyframes show-animation {
    0%{-webkit-transform:translateY(60px);opacity:0}
    to{-webkit-transform:translateY(0);opacity:1}
    }
    @keyframes show-animation {
    0%{-webkit-transform:translateY(60px);transform:translateY(60px);opacity:0}
    to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
    }
    @-webkit-keyframes slide-out-to-right {
    0%{-webkit-transform:translateX(0);opacity:1}
    to{-webkit-transform:translateX(40px);opacity:0}
    }
    @keyframes slide-out-to-right {
    0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
    to{-webkit-transform:translateX(60px);transform:translateX(60px);opacity:0}
    }
    @-webkit-keyframes slide-in-to-left {
    0%{-webkit-transform:translateX(60px);opacity:0}
    to{-webkit-transform:translateX(0);opacity:1}
    }
    @keyframes slide-in-to-left {
    0%{-webkit-transform:translateX(40px);transform:translateX(40px);opacity:0}
    to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
    }
    .brook-transition{-webkit-transition:all .3s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .3s cubic-bezier(0.645,0.045,0.355,1);transition:all .3s cubic-bezier(0.645,0.045,0.355,1)}
    .bk-hover a{position:relative;overflow:hidden;z-index:1;display:inline-block;color:#999}
    .bk-hover a::after{content:"";width:0;height:1px;bottom:0;position:absolute;left:auto;right:0;z-index:-1;-webkit-transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;-o-transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;background:currentColor}
    .bk-hover a:hover::after{width:100%;left:0;right:auto}
    @-webkit-keyframes separator-bounce {
    0%,80%,to{-webkit-transform:scale(0.5);transform:scale(0.5)}
    40%{-webkit-transform:scale(1);transform:scale(1)}
    }
    @keyframes separator-bounce {
    0%,80%,to{-webkit-transform:scale(0.5);transform:scale(0.5)}
    40%{-webkit-transform:scale(1);transform:scale(1)}
    }
    @media (min-width: 1600px) {
    .container-fluid--cp-150{padding:0 150px!important}
    }
    @media (min-width: 1600px) and (max-width: 1664px) {
    .container-fluid--cp-150{padding:0 110px!important}
    }
    @media (min-width: 1200px) {
    .container-fluid--cp-150{padding:0 50px}
    }
    @media (min-width: 1700px) {
    .container-fluid--cp-140{padding:0 140px!important}
    }
    @media (min-width: 1700px) and (max-width: 1663px) {
    .container-fluid--cp-140{padding:0 100px!important}
    }
    @media (min-width: 1600px) and (max-width: 1664px) {
    .container-fluid--cp-140{padding:0 30px!important}
    }
    @media (min-width: 1200px) {
    .container-fluid--cp-140{padding:0 30px}
    }
    @media (min-width: 1600px) {
    .container-fluid--cp-120{padding:0 120px!important}
    }
    @media (min-width: 1600px) and (max-width: 1664px) {
    .container-fluid--cp-120{padding:0 110px!important}
    }
    @media (min-width: 1200px) {
    .container-fluid--cp-120{padding:0 50px}
    }
    @media (min-width: 1600px) {
    .container-fluid--cp-80{padding:0 80px!important}
    }
    @media (min-width: 1600px) and (max-width: 1664px) {
    .container-fluid--cp-80{padding:0 30px!important}
    }
    @media (min-width: 1200px) {
    .container-fluid--cp-80{padding:0 30px}
    }
    .container-fluid--cp-60{padding:0 60px}
    @media only screen and (max-width: 767px) {
    .container-fluid--cp-60{padding:0 15px}
    }
    .container-fluid--cp-30{padding:0 30px}
    @media only screen and (max-width: 767px) {
    .container-fluid--cp-30{padding:0 15px}
    }
    @media (min-width: 1200px) {
    .page-content-double-sidebar .container{max-width:1600px}
    }
    @media (max-width: 1919px) {
    .container-fluid--cp-60{padding:0 30px}
    .container-fluid--cp-80{padding:0 40px}
    }
    @media only screen and (max-width: 1919px) and (max-width: 767px) {
    .container-fluid--cp-80{padding:0 30px}
    }
    @media only screen and (max-width: 1919px) and (max-width: 575px) {
    .container-fluid--cp-80{padding:0 15px}
    }
    @media (min-width: 1200px) {
    .container{max-width:1200px}
    }
    .container_fl{padding-left:15px;padding-right:15px}
    .col-06__left{width:600px;max-width:100%;float:right}
    @media only screen and (min-width: 768px) and (max-width: 991px),only screen and (max-width: 767px) {
    .col-06__left{float:none;margin-left:auto;margin-right:auto;margin-bottom:40px}
    }
    .col-06__right{width:600px;max-width:100%;float:left}
    @media only screen and (min-width: 768px) and (max-width: 991px),only screen and (max-width: 767px) {
    .col-06__right{float:none;margin-left:auto;margin-right:auto}
    }
    .banner-image__content{width:570px;max-width:100%}
    .row--35{margin-left:-35px;margin-right:-35px}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--35{margin-left:-15px;margin-right:-15px}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--35{margin-left:-15px;margin-right:-15px}
    }
    @media only screen and (max-width: 767px) {
    .row--35{margin-left:-15px!important;margin-right:-15px!important}
    }
    .row--35 > [class*=col],.row--35 > [class*=col-]{padding-left:35px;padding-right:35px}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--35 > [class*=col],.row--35 > [class*=col-]{padding-left:15px;padding-right:15px}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--35 > [class*=col],.row--35 > [class*=col-]{padding-left:15px!important;padding-right:15px!important}
    }
    @media only screen and (max-width: 767px) {
    .row--35 > [class*=col],.row--35 > [class*=col-]{padding-left:15px!important;padding-right:15px!important}
    }
    .row--30{margin-left:-30px;margin-right:-30px}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--30{margin-left:-15px;margin-right:-15px}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--30{margin-left:-15px;margin-right:-15px}
    }
    @media only screen and (max-width: 767px) {
    .row--30{margin-left:-15px!important;margin-right:-15px!important}
    }
    .row--30 > [class*=col],.row--30 > [class*=col-]{padding-left:30px;padding-right:30px}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--30 > [class*=col],.row--30 > [class*=col-]{padding-left:15px;padding-right:15px}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--30 > [class*=col],.row--30 > [class*=col-]{padding-left:15px!important;padding-right:15px!important}
    }
    @media only screen and (max-width: 767px) {
    .row--30 > [class*=col],.row--30 > [class*=col-]{padding-left:15px!important;padding-right:15px!important}
    }
    .row--10{margin-left:-10px;margin-right:-10px}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--10{margin-left:-10px;margin-right:-10px}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--10{margin-left:-10px;margin-right:-10px}
    }
    @media only screen and (max-width: 767px) {
    .row--10{margin-left:-10px!important;margin-right:-10px!important}
    }
    .row--10 > [class*=col],.row--10 > [class*=col-]{padding-left:10px;padding-right:10px}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--10 > [class*=col],.row--10 > [class*=col-]{padding-left:10px;padding-right:10px}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--10 > [class*=col],.row--10 > [class*=col-]{padding-left:10px!important;padding-right:10px!important}
    }
    @media only screen and (max-width: 767px) {
    .row--10 > [class*=col],.row--10 > [class*=col-]{padding-left:10px!important;padding-right:10px!important}
    }

    .navigation-menu > ul > li > a{transition: none;}
    .header-area{position:relative;z-index:4}
    .header-area .is-sticky{position:fixed;top:0;left:0;width:100%;-webkit-animation:.95s ease-in-out 0 normal none 1 running fadeInDown;animation:.95s ease-in-out 0 normal none 1 running fadeInDown;z-index:4;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-webkit-box-shadow:0 8px 20px 0 rgba(0,0,0,0.1);box-shadow:0 8px 20px 0 rgba(0,0,0,0.1);background-color:#fff}
    .header-area .is-sticky .navigation-menu--text_white > ul > li > a{color:#444}
    .header-area .is-sticky .navigation-menu--text_white > ul > li > a > span:after{background-color:#444}
    .header-area .is-sticky .navigation-menu--text_white > ul > li.active > a{color:#000}
    .header-area .is-sticky .navigation-menu--text_white > ul > li:hover > a:after,.header-area .is-sticky .navigation-menu--text_white > ul > li.active > a:after{color:#000}
    .header-area .is-sticky .navigation-menu--text_white > ul > li:hover > a > span,.header-area .is-sticky .navigation-menu--text_white > ul > li.active > a > span{color:#000}
    .header-area .is-sticky .header-search-form .search-form-top .style-02{background-color:transparent;border-left:1px solid #ddd;border-right:1px solid #ddd}
    .header-area .is-sticky .header-search-form .search-form-top.style-03{background-color:transparent;border-left:1px solid #ddd;border-right:1px solid #ddd}
    .header-area .is-sticky .header-search-form .search-form-top.style-03 input::-webkit-input-placeholder,.header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::-webkit-input-placeholder{color:#333}
    .header-area .is-sticky .header-search-form .search-form-top.style-03 input::-moz-placeholder,.header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::-moz-placeholder{color:#333}
    .header-area .is-sticky .header-search-form .search-form-top.style-03 input:-ms-input-placeholder,.header-area .is-sticky .header-search-form .search-form-top.style-03 textarea:-ms-input-placeholder{color:#333}
    .header-area .is-sticky .header-search-form .search-form-top.style-03 input::-ms-input-placeholder,.header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::-ms-input-placeholder{color:#333}
    .header-area .is-sticky .header-search-form .search-form-top.style-03 input::placeholder,.header-area .is-sticky .header-search-form .search-form-top.style-03 textarea::placeholder{color:#333}
    .header-area .is-sticky .header-search-form .search-form-top .search-field{color:#000}
    .header-area .is-sticky .header-search-form .search-form-top .search-submit{color:#333}
    .header-area .is-sticky .header__logo .dark-logo{display:inherit}
    .header-area .is-sticky .header__logo .light-logo{display:none}
    .header-area .is-sticky .menu-style-four .navigation-menu > ul > li > a{color:#333}
    .header-area .is-sticky .menu-style-four .navigation-menu > ul > li:hover > a:after,.header-area .is-sticky .menu-style-four .navigation-menu > ul > li.active > a:after{color:#333}
    .header-area .is-sticky .menu-style-four .navigation-menu > ul > li:hover > a > span,.header-area .is-sticky .menu-style-four .navigation-menu > ul > li.active > a > span{color:#333}
    .header-area .is-sticky .menu-style-four .navigation-menu > ul > li:hover > a:before,.header-area .is-sticky .menu-style-four .navigation-menu > ul > li.active > a:before{width:100%;left:0}
    .header-area .is-sticky .header-search-form-two.white-icon a{color:#333}
    @media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (max-width: 767px) {
    .header-area.is-sticky.only-mobile-sticky{position:fixed;top:0;left:0;width:100%;-webkit-animation:.95s ease-in-out 0 normal none 1 running fadeInDown;animation:.95s ease-in-out 0 normal none 1 running fadeInDown;z-index:999;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-webkit-box-shadow:0 8px 20px 0 rgba(0,0,0,0.1);box-shadow:0 8px 20px 0 rgba(0,0,0,0.1);background-color:#fff}
    .header-area.is-sticky.only-mobile-sticky .header-bottom-wrap.is-sticky{display:none!important}
    }
    .header-area--absolute{position:absolute;top:0;left:0;width:100%;z-index:5}
    @media only screen and (min-width: 768px) and (max-width: 991px),only screen and (max-width: 767px) {
    .header-area--absolute{position:static}
    }
    .header-area--absolute__inner{position:absolute;top:0;left:0;width:100%;z-index:5}
    .header-area--default{border-color:#E4E8F6;-webkit-box-shadow:0 10px 15px rgba(0,0,0,0.05);box-shadow:0 10px 15px rgba(0,0,0,0.05); width: 100%; position: absolute;}
    .header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
    .header__logo{-webkit-flex-basis:20%;-ms-flex-preferred-size:20%;flex-basis:20%;padding:14px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
    .header__logo.top-logo{padding:25px 0}


    .header-sticky.is-sticky .header__logo .logo_sticky{display: block;}
    .header-sticky.is-sticky .header__logo .logo, .header-sticky .header__logo .logo_sticky{display: none;}


    @media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
    .header__logo{-webkit-flex-basis:20%;-ms-flex-preferred-size:20%;flex-basis:20%}
    }
    @media only screen and (max-width: 767px) {
    .header__logo{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%}
    .header__logo.top-logo{padding:15px 0}
    }
    .header__logo > a img{width:200px}
    .header__logo > a.logo_sticky img{width:180px}
    .header__logo .dark-logo{display:none}
    .header__logo .light-logo{display:inherit}
    @media only screen and (min-width: 768px) and (max-width: 991px),only screen and (max-width: 767px) {
    .header__logo .dark-logo{display:inherit}
    .header__logo .light-logo{display:none}
    }
    .header.default-menu-style .header__logo{-webkit-flex-basis:23.5%;-ms-flex-preferred-size:23.5%;flex-basis:23.5%;padding:14px 0}
    @media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
    .header.default-menu-style .header__logo{-webkit-flex-basis:40%;-ms-flex-preferred-size:40%;flex-basis:40%;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
    }
    @media only screen and (max-width: 767px) {
    .header.default-menu-style .header__logo{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}
    }
    .header.default-menu-style .header-midle-box{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%}
    .header.default-menu-style .header-right-box{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header.default-menu-style .header-right-box{-webkit-flex-basis:60%;-ms-flex-preferred-size:60%;flex-basis:60%}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header.default-menu-style .header-right-box{-webkit-flex-basis:60%;-ms-flex-preferred-size:60%;flex-basis:60%}
    }
    @media only screen and (max-width: 767px) {
    .header.default-menu-style .header-right-box{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%}
    }
    .header.default-menu-style .header-right-box .header-right-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
    @media only screen and (max-width: 767px) {
    .header.default-menu-style .header-right-box .header-right-inner{margin:auto}
    }
    .header-right{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
    .header-right-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 -12px;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0 12px}
    @media only screen and (max-width: 767px) {
    .header-right-inner{position:absolute;top:100%;left:0;right:0;margin:auto;width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:20px;-webkit-box-shadow:0 15px 40px rgba(0,0,0,0.09);box-shadow:0 15px 40px rgba(0,0,0,0.09);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);background-color:#fff;visibility:hidden;opacity:0;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
    }
    @media only screen and (max-width: 767px) {
    .header-right-inner.active{visibility:visible;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);z-index:999}
    }
    @media only screen and (max-width: 767px) {
    .header-right-box .header-right-inner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
    }
    @media only screen and (max-width: 575px) {
    .header-right-box .header-right-inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
    }
    .header-top-info-slider-werap{overflow:hidden;max-width:770px;width:100%}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-top-info-slider-werap{max-width:540px}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-top-info-slider-werap{max-width:280px}
    }
    @media only screen and (max-width: 767px) {
    .header-top-info-slider-werap{max-width:100%}
    }
    .header-top-info-slider-werap{padding:0 12px}
    @media only screen and (max-width: 767px) {
    .header-top-info-slider-werap{padding:0}
    }
    .header-top-info-inner .info-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;border-left:1px solid #ddd;padding-left:19px}
    .header-top-info-inner .info-item .info-icon{width:41px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-size:30px;line-height:1;color:#d2a98e}
    .header-top-info-inner .info-item .info-content{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
    .header-top-info-inner .info-item .info-content .info-title{font-size:14px;font-weight:700;line-height:1.18;margin-bottom:6px}
    .header-top-info-inner .info-item .info-content .info-sub-title{font-size:14px}
    @media only screen and (max-width: 767px) {
    .header-top-info-inner .info-item{padding-left:0;margin-top:20px}
    }
    .header-top-info-inner.default-color .info-item .info-icon{color:#086AD8}
    .top-info-slider__container{cursor:w-resize}
    .top-info-slider__container .swiper-slide-active .info-item{border-left:none}
    .swiper-slide img{width: 85%;object-fit: contain;}
    .header-social-networks.style-icons a{display:inline-block;padding:0 10px;font-size:18px;margin-top:10px}
    .header-bottom-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
    .header-bottom-left-wrap{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
    .top-bar-left{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
    .top-bar-left .top-bar-text{font-size:14px;line-height:1.78}
    .top-bar-left .top-bar-text .font-medium{font-weight:500}
    .top-bar-center .top-bar-text a{margin:0 5px}
    .header-top-bar-info{padding:13px 10px}
    .top-bar-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:auto}
    .top-bar-wrap .top-bar-right .top-bar-info .info-item{display:inline-block;margin-left:15px;font-size:14px}
    .top-bar-wrap .top-bar-right .top-bar-info .info-item:first-child{margin-left:0}
    .top-bar-wrap .top-bar-right .top-bar-info .info-item .info-icon{margin-right:5px;font-size:14px}
    .top-message{padding:10px 0;font-size:14px;line-height:1.78}
    .top-message a{color:#002FA6;font-weight:500}
    .top-message a:hover{color:#d2a98e}
    .navigation-menu > ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
    .navigation-menu > ul > li{margin:0 18px}
    .header-sticky.is-sticky .navigation-menu > ul > li.active a{color:#000000}
    @media only screen and (min-width: 1500px) and (max-width: 1599px) {
    .navigation-menu > ul > li{margin:0 20px}
    }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .navigation-menu > ul > li{margin:0 12px}
    }

    .navigation-menu > ul > li > a{display:block;color:#fff;padding:21px 2px;position:relative;font-size:16px;font-weight:600;line-height:1.18;-webkit-transition:all 0 ease-in-out;-o-transition:all 0 ease-in-out;transition:all 0 ease-in-out}
    .navigation-menu > ul > li > a:before{content:"";width:0;height:3px;bottom:0;position:absolute;left:0;background-color:#fff;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
    .header-sticky.is-sticky .navigation-menu > ul > li > a:before{background-color:#086AD8;height:4px;}

    .navigation-menu > ul > li > a span{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
    .navigation-menu > ul > li.has-children > a{position:relative}
    .navigation-menu > ul > li.has-children > a:after{position:static;margin-left:5px;font-family:"Font Awesome 5 Free";content:"\f107";font-weight:600;font-size:14px;vertical-align:middle;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
    .navigation-menu > ul > li.has-children--multilevel-submenu{position:relative}
    .navigation-menu > ul > li.has-children:hover .megamenu{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);visibility:visible;opacity:1}
    .navigation-menu > ul > li.has-children:hover .megamenu--home-variation__item{visibility:visible;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    .navigation-menu > ul > li.has-children:hover > .submenu{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);visibility:visible;opacity:1}
    .navigation-menu > ul > li:hover > a:after,.navigation-menu > ul > li.active > a:after{color:#ffffff;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
    .navigation-menu > ul > li:hover > a span,.navigation-menu > ul > li.active > a span{color:#086AD8;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
    .navigation-menu > ul > li:hover > a:before,.navigation-menu > ul > li.active > a:before{width:100%;left:0}
    .navigation-menu > ul > li.active > a:before{transition:none;}
    .navigation-menu.primary--menu > ul > li > a{padding:31px 2px}
    .navigation-menu--text_white > ul > li > a{color:rgba(255,255,255,0.7)}
    .navigation-menu--text_white > ul > li > a:before{background-color:#fff}
    .navigation-menu--text_white > ul > li.active > a{color:#fff}
    .navigation-menu--text_white > ul > li:hover > a:after,.navigation-menu--text_white > ul > li.active > a:after{color:#fff}
    .navigation-menu--text_white > ul > li:hover > a > span,.navigation-menu--text_white > ul > li.active > a > span{color:#fff}
    .header-sticky.is-sticky .navigation-menu > ul > li:hover > a:after{color:#242424;}
    .header-bottom-left-wrap .navigation-menu > ul > li:first-child{margin:0 24px 0 0}
    .submenu{position:absolute;top:102%;left:0;-webkit-box-shadow:2px 2px 29px rgba(0,0,0,0.05);box-shadow:2px 2px 29px rgba(0,0,0,0.05);border-bottom:3px solid #086AD8;background-color:#fff;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;visibility:hidden;opacity:0;min-width:275px;padding:0 0 10px 0;z-index:9; border-radius:3px;}
    .submenu > li{position:relative}
    .submenu > li > a{display:block;padding:5px 30px;color:#000000;-webkit-transition:0;-o-transition:0;transition:0; border-bottom:1px solid #f0f2ff;}
    .submenu > li:last-child a{ border-bottom:0;}
    .submenu > li > a > span{position:relative}
    .submenu > li > a > span:after{content:"";width:0;height:1px;bottom:0;position:absolute;left:auto;right:0;z-index:-1;background-color:#086AD8;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
    .submenu > li > a:hover{color:#086AD8}
    .submenu > li > a:hover > span:after{width:100%;left:0;right:auto}
    .submenu > li:hover > .submenu{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);visibility:visible;opacity:1;z-index:9}
    .submenu > li.active > a{color:#086AD8}
    .submenu > li.has-children > a{position:relative;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .submenu > li.has-children > a:after{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-family:"Font Awesome 5 Free";font-weight:600;content:"\f105";font-size:14px;vertical-align:middle;color:#ababab}
    .submenu > li.has-children > a:hover:after{color:#086AD8}
    .submenu > li.has-children.active > a{color:#086AD8}
    .submenu .submenu{top:0;left:100%;right:auto}
    .submenu .submenu.left{right:100%;left:auto}
    .submenu .submenu .submenu{top:0;left:100%;right:auto}
    .submenu .submenu .submenu.left{right:100%;left:auto}
    .submenu .submenu .submenu .submenu{top:0;left:100%;right:auto}
    .submenu .submenu .submenu .submenu.left{right:100%;left:auto}
    .submenu .submenu .submenu .submenu .submenu{top:0;left:100%;right:auto}
    .submenu .submenu .submenu .submenu .submenu.left{right:100%;left:auto}
    .menu-style-three .navigation-menu > ul > li,.menu-style-four .navigation-menu > ul > li{padding-left:24px;padding-right:24px;margin:0}
    @media only screen and (min-width: 1500px) and (max-width: 1599px) {
    .menu-style-three .navigation-menu > ul > li,.menu-style-four .navigation-menu > ul > li{padding-left:22px;padding-right:22px}
    }
    .menu-style-three .navigation-menu > ul > li:hover > a:before,.menu-style-three .navigation-menu > ul > li.active > a:before,.menu-style-four .navigation-menu > ul > li:hover > a:before,.menu-style-four .navigation-menu > ul > li.active > a:before{width:0;left:0}
    .menu-style-three .submenu.left,.menu-style-four .submenu.left{left:-100px}
    .menu-style-three .submenu.left .submenu.left,.menu-style-four .submenu.left .submenu.left{right:100%;left:auto}
    .menu-style-four .navigation-menu > ul > li > a{color:#fff}
    .menu-style-four .navigation-menu > ul > li > a:before{content:"";width:0;height:3px;bottom:0;position:absolute;left:0;background-color:#d2a98e;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .menu-style-four .navigation-menu > ul > li:hover > a:after,.menu-style-four .navigation-menu > ul > li.active > a:after{color:#fff}
    .menu-style-four .navigation-menu > ul > li:hover > a > span,.menu-style-four .navigation-menu > ul > li.active > a > span{color:#fff}
    .menu-style-four .navigation-menu > ul > li:hover > a:before,.menu-style-four .navigation-menu > ul > li.active > a:before{width:100%;left:0}
    .megamenu{position:absolute;top:100%;left:0;-webkit-box-shadow:0 2px 29px rgba(0,0,0,0.05);box-shadow:0 2px 29px rgba(0,0,0,0.05);border-bottom:3px solid #086AD8;background-color:#fff;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;visibility:hidden;opacity:0;z-index:9}
    .megamenu--mega{min-width:980px;width:100%;padding:35px 20px 30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .megamenu--mega{padding-left:50px;padding-right:50px}
    }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .megamenu--mega{min-width:700px}
    }
    .megamenu--mega > li{-webkit-flex-basis:22%;-ms-flex-preferred-size:22%;flex-basis:22%;padding-left:15px;padding-right:15px}
    .megamenu--mega > li .page-list-title{font-size:14px;margin-bottom:20px;color:#333;}
    .megamenu--mega > li > ul > li > a{padding:10px 0;color:#ababab;line-height:1.2;-webkit-transition:.1s;-o-transition:.1s;transition:.1s}
    .megamenu--mega > li > ul > li > a:hover{color:#086AD8}
    .megamenu--mega > li > ul > li > a:hover span:after{width:100%;left:0;right:auto}
    .megamenu--mega > li > ul > li > a > span{position:relative}
    .megamenu--mega > li > ul > li > a > span:after{content:"";width:0;height:1px;bottom:0;position:absolute;left:auto;right:0;z-index:-1;background-color:#086AD8;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
    .megamenu--mega > li > ul > li.active > a{color:#086AD8}
    .container-fluid .megamenu--mega{padding:35px 220px 30px}
    .navigation-menu li .page-list-title{background: linear-gradient(106deg, #086AD8 0%, #5e87eb 100%);color: #fff !important;padding: 5px 10px;color:#fff;font-weight: 600;font-size: 16px;margin: 5px 6px 0 6px;border-radius: 4px;}
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .container-fluid .megamenu--mega{padding-left:50px;padding-right:50px}
    }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .container-fluid .megamenu--mega{padding-left:50px;padding-right:50px}
    }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .container-fluid .megamenu--mega{min-width:700px}
    }
    .mobile-navigation-icon{width:24px;height:25px;position:relative;cursor:pointer;display:inline-block;margin-left:30px}
    .mobile-navigation-icon:hover i{background-color:#086AD8}
    .mobile-navigation-icon:hover i:before{width:80%;background-color:#086AD8}
    .mobile-navigation-icon:hover i:after{background-color:#086AD8;width:60%}
    .mobile-navigation-icon i{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:2px;background-color:#fff;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .mobile-navigation-icon i:before{position:absolute;bottom:8px;left:0;width:100%;height:2px;background-color:#fff;content:"";-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .mobile-navigation-icon i:after{position:absolute;bottom:-8px;left:0;width:100%;height:2px;background-color:#fff;content:"";-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}

    .header-sticky.is-sticky .mobile-navigation-icon i, 
    .header-sticky.is-sticky .mobile-navigation-icon i:before,
    .header-sticky.is-sticky .mobile-navigation-icon i:after{background-color:#000}

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mobile-navigation-icon.white-md-icon i{background-color:#fff}
    .mobile-navigation-icon.white-md-icon i:before{background-color:#fff}
    .mobile-navigation-icon.white-md-icon i:after{background-color:#fff}
    .mobile-navigation-icon.white-md-icon:hover i{background-color:#086AD8}
    .mobile-navigation-icon.white-md-icon:hover i:before{width:80%;background-color:#086AD8}
    .mobile-navigation-icon.white-md-icon:hover i:after{background-color:#086AD8;width:60%}
    }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .is-sticky .white-md-icon i{background-color:#333}
    .is-sticky .white-md-icon i:before{background-color:#333}
    .is-sticky .white-md-icon i:after{background-color:#333}
    }
    .page-open-off-sidebar:hover i{width:100%}
    .page-open-off-sidebar:hover i:before{width:100%}
    .page-open-off-sidebar:hover i:after{width:100%}
    .page-open-off-sidebar i{width:100%;background-color:#333}
    .page-open-off-sidebar i:before{width:70%;background-color:#333}
    .page-open-off-sidebar i:after{width:70%;background-color:#333}
    .hidden-icons-menu{margin-left:15px}
    .hidden-icons-menu a{color:#6D70A6;font-size:20px}
    .hidden-icons-menu a:hover{color:#086AD8}
    .mobile-menu-overlay,.page-oppen-off-sidebar{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#333;overflow:auto;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1);z-index:9999;background:rgba(0,0,0,0.7);cursor:url(../images/icons/light-close.webp) 16 16,pointer;visibility:hidden;opacity:0}
    .mobile-menu-overlay__inner,.page-oppen-off-sidebar__inner{-webkit-transform:translateX(120%);-ms-transform:translateX(120%);transform:translateX(120%);width:300px;height:100%;float:right;cursor:default;background:#086AD8;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1);overflow-y:auto}


/*================================ 
    - Mobile Menu Overlay Css
==================================*/
.mobile-menu-overlay, .page-oppen-off-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #333333;
  overflow: auto;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
  cursor: url(../images/icons/light-close.webp) 16 16, pointer;
  visibility: hidden;
  opacity: 0;
}
.mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner {
  -webkit-transform: translateX(120%);
      -ms-transform: translateX(120%);
          transform: translateX(120%);
  width: 350px;
  height: 100%;
  float: right;
  cursor: default;
  background: #086AD8;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  overflow-y: auto;
}
@media only screen and (max-width: 479px) {
  .mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner {
    width: 300px;
  }
}
.mobile-menu-overlay.active, .page-oppen-off-sidebar.active {
  visibility: visible;
  opacity: 1;
}
.mobile-menu-overlay.active .mobile-menu-overlay__inner, .page-oppen-off-sidebar.active .mobile-menu-overlay__inner {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}
.mobile-menu-overlay__header, .page-oppen-off-sidebar__header {
  background-color: #ffffff;
  padding: 15px 0;
}
.mobile-menu-overlay__header .mobile-navigation-close-icon, .page-oppen-off-sidebar__header .mobile-navigation-close-icon {
  position: relative;
  cursor: pointer;
  height: 40px;
  width: 40px;
  line-height: 40px;
  display: inline-block;
}
.mobile-menu-overlay__header .mobile-navigation-close-icon:before, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:before {
  position: absolute;
  top: 23px;
  left: 8px;
  content: "";
  width: 24px;
  height: 3px;
  background: #333333;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-menu-overlay__header .mobile-navigation-close-icon:after, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:after {
  position: absolute;
  top: 23px;
  left: 8px;
  content: "";
  width: 24px;
  height: 3px;
  background: #333333;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-menu-overlay__header .mobile-navigation-close-icon:hover, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover {
  color: #086AD8;
}
.mobile-menu-overlay__header .mobile-navigation-close-icon:hover:before, .mobile-menu-overlay__header .mobile-navigation-close-icon:hover:after, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:before, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:after {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.mobile-menu-overlay__body, .page-oppen-off-sidebar__body {
  padding: 20px 40px 100px;
}
.mobile-menu-overlay__body .offcanvas-navigation, .page-oppen-off-sidebar__body .offcanvas-navigation {
  /* onepage style */
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a {
  display: block;
  color: #ffffff;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li > a:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a:hover {
  color: #ffffff;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li:last-child, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li:last-child {
  border-bottom: 0;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children {
  position: relative;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children.active .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children.active .menu-expand:before {
  content: "\f106";
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand {
  position: absolute;
  right: 0;
  top: 12px;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand:hover {
  background: rgba(255, 255, 255, 0.2);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand:before {
  content: "\f107";
  font-size: 18px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu {
  padding: 12px 0 14px 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li a {
  display: block;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 500;
  line-height: 1.5;
  padding: 10px 0;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li a:hover {
  color: #ffffff;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li:last-child, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li:last-child {
  border-bottom: 0;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children {
  position: relative;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children.active .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children.active .menu-expand:before {
  content: "\f106";
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand {
  position: absolute;
  right: 0;
  top: 6px;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:hover, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:hover {
  background: rgba(255, 255, 255, 0.2);
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:before {
  content: "\f107";
  font-size: 16px;
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children {
  position: relative;
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before {
  content: "\f106";
}
.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before {
  content: "\f107";
  font-size: 16px;
  font-family: "Font Awesome 5 Free";
  font-weight: 500;
}
.mobile-menu-overlay__body .offcanvas-navigation--onepage > ul > li.active > a, .page-oppen-off-sidebar__body .offcanvas-navigation--onepage > ul > li.active > a {
  font-weight: 700;
}





    
    @media only screen and (max-width: 479px) {
    .mobile-menu-overlay__inner,.page-oppen-off-sidebar__inner{width:300px}
    }
    .mobile-menu-overlay.active,.page-oppen-off-sidebar.active{visibility:visible;opacity:1}
    .mobile-menu-overlay.active .mobile-menu-overlay__inner,.page-oppen-off-sidebar.active .mobile-menu-overlay__inner{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}
    .mobile-menu-overlay__header,.page-oppen-off-sidebar__header{background-color:#fff;padding:15px 0}
    .mobile-menu-overlay__header .mobile-navigation-close-icon,.page-oppen-off-sidebar__header .mobile-navigation-close-icon{position:relative;cursor:pointer;height:40px;width:40px;line-height:40px;display:inline-block}
    .mobile-menu-overlay__header .mobile-navigation-close-icon:before,.page-oppen-off-sidebar__header .mobile-navigation-close-icon:before{position:absolute;top:23px;left:8px;content:"";width:24px;height:3px;background:#333;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .mobile-menu-overlay__header .mobile-navigation-close-icon:after,.page-oppen-off-sidebar__header .mobile-navigation-close-icon:after{position:absolute;top:23px;left:8px;content:"";width:24px;height:3px;background:#333;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .mobile-menu-overlay__header .mobile-navigation-close-icon:hover,.page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover{color:#086AD8}
    .mobile-menu-overlay__header .mobile-navigation-close-icon:hover:before,.mobile-menu-overlay__header .mobile-navigation-close-icon:hover:after,.page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:before,.page-oppen-off-sidebar__header .mobile-navigation-close-icon:hover:after{-webkit-transform:none;-ms-transform:none;transform:none}
    .mobile-menu-overlay__body,.page-oppen-off-sidebar__body{padding:20px 40px 100px}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li{border-bottom:1px solid rgba(255,255,255,0.15)}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li > a,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a{display:block;color:#fff;padding-top:18px;padding-bottom:18px;font-size:16px;font-weight:500;line-height:1.5;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li > a:hover,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li > a:hover{color:#fff}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li:last-child,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li:last-child{border-bottom:0}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children{position:relative}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children.active .menu-expand:before,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children.active .menu-expand:before{content:"\f106"}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand{position:absolute;right:0;top:17px;width:24px;height:24px;background:rgba(255,255,255,0.1);color:#fff;text-align:center;line-height:24px;cursor:pointer;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand:hover,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand:hover{background:rgba(255,255,255,0.2)}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .menu-expand:before,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .menu-expand:before{content:"\f107";font-size:14px;font-family:"Font Awesome 5 Free";font-weight:600}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu{padding:12px 0 14px 10px;border-top:1px solid rgba(255,255,255,0.15)}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li{border-bottom:1px solid rgba(255,255,255,0.15)}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li a{display:block;font-size:15px;color:rgba(255,255,255,0.7);font-weight:500;line-height:1.5;padding:10px 0}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li a:hover,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li a:hover{color:#fff}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li:last-child,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li:last-child{border-bottom:0}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children{position:relative}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children.active .menu-expand:before,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children.active .menu-expand:before{content:"\f106"}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand{position:absolute;right:0;top:6px;width:24px;height:24px;background:rgba(255,255,255,0.1);color:#fff;text-align:center;line-height:24px;cursor:pointer;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:hover,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:hover{background:rgba(255,255,255,0.2)}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:before,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu li.has-children .menu-expand:before{content:"\f107";font-size:14px;font-family:"Font Awesome 5 Free";font-weight:500}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children{position:relative}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children.active .menu-expand:before{content:"\f106"}
    .mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before,.page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu .sub-menu li.has-children .menu-expand:before{content:"\f107";font-size:16px;font-family:"Font Awesome 5 Free";font-weight:500}
    .mobile-menu-overlay__body .offcanvas-navigation--onepage > ul > li.active > a,.page-oppen-off-sidebar__body .offcanvas-navigation--onepage > ul > li.active > a{font-weight:700}
    .header__navigation.preview-menu{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
    .header__navigation.preview-menu .navigation-menu-right{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
    .preview-header-inner{padding:20px 0}
    @media only screen and (min-width: 768px) and (max-width: 991px),only screen and (max-width: 767px) {
    .preview-header-inner{padding:0}
    }
    .preview-header-inner.is-sticky{padding:0}
    .preview-header-inner.is-sticky .header__navigation.preview-menu ul > li > a{color:#333}
    .preview-header-inner.is-sticky .header__actions--preview .ht-btn{background:transparent;border:1px solid #086AD8;color:#086AD8;line-height:42px;height:43px}
    .preview-header-inner .header__actions--preview .ht-btn{background:#086AD8;border:1px solid #086AD8;color:#fff;}
    .preview-header-inner .header__actions--preview .ht-btn:hover{background:#fff;color:#086AD8}
    .reveal-footer{position:fixed;bottom:0;left:0;width:100%;z-index:1}
    .footer-area-wrapper{background-image:url(../images/bg/home-banner.webp);background-size:cover;background-repeat:no-repeat;position: relative;background-attachment: fixed;
        background-position: top center;}
    .footer-area-wrapper .footer-area{ position: relative;}
    .footer-area-wrapper:before{position: absolute;width: 100%;height: 100%;content: ""; background: rgba(0,0,0,0.7);}
    @media only screen and (min-width: 768px) and (max-width: 991px),only screen and (max-width: 767px) {
    .reveal-footer{position:static}
    }
    .footer-widget-wrapper{margin-bottom:-35px}
    .footer-widget{margin-bottom:30px}
    .footer-widget__title{margin-top:-3px;color:#ffffff}
    .footer-widget-wrapper p{ color: #fff;}

    .footer-copyright-area .footer-widget__list li:first-child {margin-left: 0;}
    .footer-copyright-area .footer-widget__list li{ display: inline-block;margin-left: 10px; position: relative;margin-right: 10px; }
    .footer-copyright-area .footer-widget__list li:before{content: '';position: absolute;top: 5px;right: -13px;width: 1px;height: 14px;background-color: #ffffff;}
    .footer-copyright-area .footer-widget__list li:last-child{margin-right:0}
    .footer-copyright-area .footer-widget__list li:last-child:before{content: none;}


    .footer-widget__list li i{color:#086AD8}
    .footer-widget__list li{margin-bottom:10px; }
    /* .footer-widget__list.icons li{padding-left: 15px; position: relative;}    
    .footer-widget__list.icons li:before{content: "\f105"; font-family: FontAwesome; position: absolute; left: 0;top:1px; font-size: 15px;color: #fff;} */
    .footer-widget__list li:last-child{margin-bottom:0}
    .footer-widget__list li .image_btn{border-radius:5px;-webkit-box-shadow:0 0 20px rgba(51,51,51,0.1);box-shadow:0 0 20px rgba(51,51,51,0.1);overflow:hidden}
    .footer-widget__list li,.footer-widget__list li a{color:#fff;}
    .footer-widget__list li a span{display:inline-block;position:relative;top:-1px;margin-right:3px}
    .newsletter-form input{height: 50px;}
    .social-group__list .ht-social-networks.tilte-style .link-text{color:#CCC}
    .social-group__list .ht-social-networks.tilte-style .link-text::before{background:rgba(255,255,255,0.2)}
    .social-group__list .ht-social-networks.tilte-style .link-text:hover{color:#fff}
    .social-group__list .ht-social-networks.tilte-style .social-link::before{color:#ccc}
    .footer-copyright-area{ position: relative;}
    .copyright-text{display:inline-block; color: #fff;}
    @media only screen and (max-width: 767px) {
    .copyright-text{margin-bottom:15px;}
    }
    .bg-mediumslateblue{background-color:#412977}
    ul.footer-widget__horizontal-list{margin-bottom:20px}
    ul.footer-widget__horizontal-list li{display:inline-block;margin:10px;color:#fff}
    .ht-social-white.ht-social-networks .item{color:#fff}
    .page-sidebar-right{padding-left:30px}
    @media only screen and (min-width: 1200px) and (max-width: 1499px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (max-width: 767px) {
    .page-sidebar-right{padding-left:0}
    }
    .page-sidebar-left{padding-right:30px}
    @media only screen and (min-width: 1200px) and (max-width: 1499px),only screen and (min-width: 768px) and (max-width: 991px),only screen and (max-width: 767px) {
    .page-sidebar-left{padding-right:0}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px),only screen and (max-width: 767px) {
    .page-sidebar-right,.page-sidebar-left{margin-top:60px}
    }
    .sidebar-widget + .sidebar-widget{margin-top:40px}
    .sidebar-widget-title{margin-bottom:20px;font-weight:500}
    
    .widget-search{position:relative}
    .widget-search input{width:100%;outline:none;border:1px solid #eee;border-radius:5px;padding:3px 20px;padding-right:20px;height:56px;color:#ababab;border-color:#f8f8f8;background-color:#f8f8f8;font-size:15px;font-weight:400;letter-spacing:0;padding-right:72px}
    .widget-search .search-submit{position:absolute;top:0;right:0;padding:0;border:0;border-radius:0 5px 5px 0;width:56px;height:56px;line-height:56px;text-align:center;background:none;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;-ms-transform:none;transform:none}
    .widget-search .search-submit:hover{color:#fff;background:#086AD8}
    .widget-blog-recent-post ul li:first-child a{margin-top:-16px}
    .widget-blog-recent-post ul li a{position:relative;font-size:18px;font-weight:600;padding:16px 0 16px 30px}
    .widget-blog-recent-post ul li a::before,.widget-blog-recent-post ul li a::after{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:"Font Awesome 5 Free";font-weight:600;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .widget-blog-recent-post ul li a::after,.widget-blog-recent-post ul li a::before{content:"\f30b";position:absolute;top:22px;left:0}
    .widget-blog-recent-post ul li a::before{opacity:0;visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
    .widget-blog-recent-post ul li a:hover::before{opacity:1;visibility:visible;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    .widget-blog-recent-post ul li a:hover::after{opacity:0;visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
    .widget-tag .ht-btn{color:#ababab;background:#f5f5f5;margin-right:10px;font-weight:500;margin-bottom:10px}
    .widget-tag .ht-btn:hover{color:#fff;background:#086AD8}
    .widget-product-item{overflow:hidden;margin-bottom:20px}
    .widget-product-item .thumbnail{max-width:150px;float:left;margin-right:20px;margin-left:0;width:80px}
    .widget-product-item .info .product-title{font-weight:400;font-size:16px}
    .widget-product-item .info .star-rating a{display:inline-block;color:#ffb805;line-height:1;font-size:14px;margin:0}
    .widget-product-item .info .price-box{margin-top:5px}
    .widget-product-item .info .price-box .old-price{font-size:.88em;font-weight:400;color:#b6b7d2;text-decoration:line-through}
    .widget-product-item .info .price-box .new-price{font-size:14px;font-weight:500;color:#6d70a6}
    .ht-btn{font-size:15px;font-weight:500;border-style:solid;border-radius:5px;border-color:transparent;padding:0 36px;text-align:center;color:#fff;background:#086AD8;border-width:1px;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}



    
    .ht-btn.ht-btn-xs{height:40px;line-height:40px;font-size:13px;padding:0 20px}
    .ht-btn.ht-btn-sm{padding:0 15px;height:40px;line-height:37px;min-width:120px;background:linear-gradient(106deg, #086AD8 0%, #5e87eb 100%)}
    .ht-btn.ht-btn-md{font-size:15px;font-weight:500;letter-spacing:0;line-height:54px;height:54px}
    .ht-btn.ht-btn-lg{padding:0 40px;height:64px;line-height:64px;font-size:16px}
    .ht-btn.ht-btn-custom{min-width:280px}
    .ht-btn.ht-btn-full{width:auto;display:block}
    .ht-btn--outline{border-width:1px;line-height:54px;background:transparent;border-color:#086AD8;color:#086AD8}
    .ht-btn--outline:hover,.ht-btn--outline:focus,.ht-btn--outline:active{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);border-color:transparent;background:#086AD8;color:#fff}
    .ht-btn--solid{border-width:1px;line-height:54px;background:transparent;border-color:#ddd;color:#086AD8}
    .ht-btn--solid:hover,.ht-btn--solid:focus,.ht-btn--solid:active{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);border-color:transparent;background:#086AD8;color:#fff}
    .ht-btn--circle{border-radius:30px}
    .ht-btn--no-round{border-radius:0}
    .ht-btn.ht-btn-default{padding:0 30px;height:48px;line-height:48px;font-size:14px;width:180px}
    .ht-btn .btn-icon{display:inline-block;vertical-align:middle;line-height:0;font-size:20px;margin-left:10px}
    .ht-btn.borderW{background:transparent; border: 2px solid #fff;}
    .ht-btn.borderW:hover{background-color: #fff; color: #242424;}
    
    .btn{font-size:15px;font-weight:500;border-style:solid;border-radius:5px;border-color:transparent;border:1px solid transparent;padding:0 36px;text-align:center;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;height:54px;line-height:54px;letter-spacing:0;color:#fff;background:#086AD8;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}
    .btn:hover,.btn:active,.btn:focus{font-weight:500;color:#fff;background:#086AD8;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}
    .btn--secondary{background-image:none;background-color:#d2a98e}
    .btn--secondary:hover{background-image:none;background:#d2a98e}
    .btn--black{background-image:none;background-color:#000}
    .btn--black:hover{background-image:none;background:#000}
    .btn--white{background-image:none;background-color:#fff;color:#000;-webkit-box-shadow:0 0 30px 5px rgba(0,0,0,0.07);box-shadow:0 0 30px 5px rgba(0,0,0,0.07)}
    .btn--white:hover,.btn--white:focus{background-image:none;background:#fff;color:#000}
    .btn--gradient{background-image:none;background:-webkit-linear-gradient(300deg,#FF3F85 0,#FAA720 100%)!important;background:-o-linear-gradient(300deg,#FF3F85 0,#FAA720 100%)!important;background:linear-gradient(150deg,#FF3F85 0,#FAA720 100%)!important}
    .btn--gradient:hover{background-image:none;background:-webkit-linear-gradient(300deg,#FF3F85 0,#FAA720 100%);background:-o-linear-gradient(300deg,#FF3F85 0,#FAA720 100%);background:linear-gradient(150deg,#FF3F85 0,#FAA720 100%)}
    .btn--link{color:#086AD8}
    .btn--link:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
    .btn.ht-btn-default{padding:0 30px;height:48px;line-height:48px;font-size:14px;width:180px}
    .hover-style-link{position:relative}
    .hover-style-link:after{-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1);content:"";position:absolute;bottom:0;right:0;width:0;height:1px;background-color:#5d83ea}
    .hover-style-link:hover{color:#5d83ea}
    .hover-style-link:hover:after{left:0;width:100%;right:auto}
    .hover-style-link--secondary{color:#d2a98e}
    .hover-style-link--secondary:after{background-color:#d2a98e}
    .hover-style-link--secondary:hover{color:#d2a98e}
    .hover-style-link--white{color:#fff}
    .hover-style-link--white:after{background-color:#fff}
    .hover-style-link--white:hover{color:#fff}
    .hover-style-link--sub-color{color:#6d70a6}
    .hover-style-link--sub-color:after{background-color:#6d70a6}
    .hover-style-link--sub-color:hover{color:#6d70a6}
    .hover-style-default{position:relative}
    .hover-style-default:after{-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1);content:"";position:absolute;bottom:0;right:0;width:0;height:1px;background-color:#086AD8}
    .hover-style-default:hover{color:#086AD8}
    .hover-style-default:hover:after{left:0;width:100%;right:auto}
    .image-btn{border:0;-webkit-box-shadow:none;box-shadow:none;background:none;border-radius:5px;overflow:hidden}
    .video-play i{color:#d2a98e}
    .video-play span{font-weight:500;letter-spacing:3px;margin-left:10px}
    .button-wrapper > a{border:none}
    .ht-btn:hover,.ht-btn:active,.ht-btn:focus{color:#fff;background-image:#086AD8;-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}
    .ht-btn:disabled, .ht-btn.disabled{background:#c7c7c7;pointer-events:none}
    @media only screen and (max-width: 479px) {
        .button-wrapper > a{margin-bottom:15px}    
        .button-wrapper > a:last-child{margin-bottom:0}    
        h3{font-size:24px}
        .filter-block .filter-list li{ min-width: 100%; margin-left: 0;}
        .nav.ht-tab-menu{ display: block;}
        .modern-it-company-hero-text h1 span{ font-size: 30px;}        
    }
    .btn-text{color:#086AD8}
    .btn-text:hover{color:#d2a98e}
    .time_circles{position:relative;width:100%;height:100%}
    .time_circles > div{position:absolute;text-align:center;top:0!important;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}
    .time_circles .textDiv_Days,.textDiv_Hours,.textDiv_Minutes,.textDiv_Seconds{color:#222;font-size:30px!important}
    @media only screen and (max-width: 575px) {
    .time_circles .textDiv_Days,.textDiv_Hours,.textDiv_Minutes,.textDiv_Seconds{font-size:15px!important}
    }
    @media only screen and (max-width: 767px) {
    .time_circles .textDiv_Days,.textDiv_Hours,.textDiv_Minutes,.textDiv_Seconds{font-size:20px!important}
    }
    .time_circles > div > h4{margin:0;padding:0;text-align:center;text-transform:capitalize;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:0;font-size:13px!important;color:#6d70a6}
    @media only screen and (max-width: 575px) {
    .time_circles > div > h4{font-size:11px!important}
    }
    .modern-number-01 h2{position:relative;font-size:14px;line-height:2em;letter-spacing:2px;color:#000000;text-transform:uppercase;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:end;align-items:center}
    .modern-number-01 span.mark-text{font-size:140px;line-height:.8;font-weight:900;margin:0 5px -5px -5px;color:#3962d4}
    @media only screen and (max-width: 767px) {
    .modern-number-01 span.mark-text{font-size:110px}
    }
    .modern-number-01 h3{margin-top:25px;font-size:38px}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .modern-number-01 h3{font-size:30px}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .modern-number-01 h3{font-size:28px}
    }
    @media only screen and (max-width: 767px) {
    .modern-number-01 h3{font-size:24px}
    }
    .cybersecurity-about-text .text{margin-bottom:20px}
    .managed-it-fun-fact-wrapper .fun-fact-grid-4 .grid-item{padding-top:30px;padding-bottom:30px;position:relative}
    .managed-it-fun-fact-wrapper .fun-fact-grid-4 .grid-item::after{display:none}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .managed-it-fun-fact-wrapper .fun-fact-grid-4 .grid-item::after{display:inherit}
    }
    @media only screen and (max-width: 767px) {
    .managed-it-fun-fact-wrapper .fun-fact-grid-4 .grid-item::after{display:inherit}
    }
    .ht-box-icon.style-01 .icon-box-wrap{padding:36px 10px 26px;border-radius:5px;background:#fff;border:2px solid #eee;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1);text-align:center;margin-top:30px}
    .ht-box-icon.style-01 .icon-box-wrap .icon{height:65px;text-align:center;width:65px;margin:auto;margin-bottom:29px;color:#086AD8}
    .ht-box-icon.style-01 .icon-box-wrap .icon svg > *,.ht-box-icon.style-01 .icon-box-wrap .icon svg path{stroke:#086AD8}
    .ht-box-icon.style-01 .icon-box-wrap .content{text-align:center}
    .ht-box-icon.style-01 .icon-box-wrap .content .heading{font-weight:500;line-height:1.25;margin-bottom:12px}
    .ht-box-icon.style-01 .icon-box-wrap .content .service_text{color:#696969}
    .ht-box-icon.style-01:hover .icon-box-wrap{border-color:#fff;-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);background:#fff;-webkit-box-shadow:0 0 40px rgba(51,51,51,0.1);box-shadow:0 0 40px rgba(51,51,51,0.1)}
    .ht-box-icon.style-01 .feature-btn a{color:#086AD8;margin-top:20px}
    .ht-box-icon.style-01 .feature-btn a:hover{color:#d2a98e}
    .ht-box-icon.style-02 .icon-box-wrap{position:relative;padding:30px 15px;border-radius:5px;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1);text-align:center; box-shadow: 0px 2px 25px 0px rgb(110, 110, 110, 0.12); margin-bottom: 30px;min-height:351px}
    .ht-box-icon.style-02 .icon-box-wrap:before, .ht-box-icon.style-03 .icon-box-wrap:before{content: "";position: absolute;z-index: -1;bottom: 0;left: 0;right: 0;width: 70%;height: 3px;margin: 0 auto;border-radius: 5px;background-color: #5e87eb;background-image: linear-gradient(-135deg, #086AD8 0%, #5e87eb 100%);
-webkit-transition: all ease 0.5s;transition: all ease 0.5s;    }
.ht-box-icon.style-02 .icon-box-wrap:hover{-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.ht-box-icon.style-02 .icon-box-wrap:hover:before, .ht-box-icon.style-03 .icon-box-wrap:hover:before{width: 100%;height: 100%;}
    .ht-box-icon.style-02 .icon-box-wrap .icon{width: 85px;height: 85px;padding: 17px 17px;display: flex;align-items: center;justify-content: center;margin: auto;margin-bottom: 25px;border-radius: 50%;background: linear-gradient(90deg, rgb(215, 215, 215, 0.03) 0%, rgb(215, 215, 215, 0.2) 100%);
-webkit-transition: 0.5s;transition: 0.5s;}
    
    .ht-box-icon.style-02 .icon-box-wrap .icon .svg-icon{width:65px;height:65px}
    .ht-box-icon.style-02 .icon-box-wrap .icon svg *{stroke:currentColor}
    .ht-box-icon.style-02 .icon-box-wrap .content{text-align:center}
    .ht-box-icon.style-02 .icon-box-wrap:hover .content, .ht-box-icon.style-02 .icon-box-wrap:hover .content .heading{color:#fff;}
    .ht-box-icon.style-02 .icon-box-wrap:hover .icon, .ht-box-icon.style-03 .icon-box-wrap:hover .content-header .icon{ background: #ffffff;}
    .ht-box-icon.style-02 .icon-box-wrap .content .heading{font-weight:600;line-height:1.25;margin-bottom:12px}
    .ht-box-icon.style-02 .icon-box-wrap .content .service_text{color:#696969}
    .ht-box-icon.style-02:hover .icon-box-wrap{border-color:#fff;-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);background:#fff;-webkit-box-shadow:0 0 40px rgba(51,51,51,0.1);box-shadow:0 0 40px rgba(51,51,51,0.1)}
    .ht-box-icon.style-02 .feature-btn a{color:#086AD8;margin-top:20px}
    .ht-box-icon.style-02 .feature-btn a:hover{color:#d2a98e}
    
    .ht-box-icon.style-03 .icon-box-wrap{position:relative;box-shadow:0px 2px 25px 0px rgb(110, 110, 110, 0.12);padding:30px;margin-bottom:30px;border-radius:5px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out; text-align: center;min-height:295px;}    
    .ht-box-icon.style-03 .icon-box-wrap:hover, .ht-box-icon.style-03 .icon-box-wrap:hover .heading{color:#fff}
    .ht-box-icon.style-03 .icon-box-wrap .content-header .icon{width: 85px;height: 85px;padding: 17px 17px;display: flex;align-items: center;justify-content: center;margin: auto;
margin-bottom: 25px;border-radius: 50%;background: linear-gradient(90deg, rgb(215, 215, 215, 0.03) 0%, rgb(215, 215, 215, 0.2) 100%);}
    .ht-box-icon.style-03 .icon-box-wrap .content-header .heading{margin-bottom:10px; font-weight: 600;}
    .ht-box-icon.style-03 .icon-box-wrap .content .service_text{color:#696969}
    .ht-box-icon.style-03:hover .icon-box-wrap{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);background:#fff;-webkit-box-shadow:0 0 40px rgba(51,51,51,0.1);box-shadow:0 0 40px rgba(51,51,51,0.1)}
    @media only screen and (max-width: 575px) {
    .ht-box-icon.style-03 .icon-box-wrap{padding:20px 30px}
    .ht-box-icon.style-03 .icon-box-wrap .image{height:100px;width:100px;line-height:100px}
    }

    .header-sticky.is-sticky .navigation-menu > ul > li > a{ color: #000; }
    .ht-box-icon.style-04 .icon-box-wrap{padding:19px 24px 30px;border-radius:5px;background:#edf2fe;position:relative;z-index:1;height:100%;min-height:225px;}
    .ht-box-icon.style-04 .icon-box-wrap .icon{position:absolute;top:30px;right:30px;font-size:48px;margin:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;line-height:1;color:#eddcd1;z-index:-1}
    .ht-box-icon.style-04 .icon-box-wrap .content .sub-heading{margin-bottom:5px}
    .ht-box-icon.style-04 .icon-box-wrap .content .heading{font-weight:600;margin-bottom:10px}
    .ht-box-icon.style-04 .icon-box-wrap.color-one{background-color:#faf6f3;}
    .ht-box-icon.style-04 .icon-box-wrap.color-one .icon{color:#eddcd1}
    .ht-box-icon.style-04 .icon-box-wrap.color-one .content .sub-heading{color:#d2a98e}
    .ht-box-icon.style-04 .icon-box-wrap.color-two{background-color:#edf2fe}
    .ht-box-icon.style-04 .icon-box-wrap.color-two .icon{color:#b9cefd}
    .ht-box-icon.style-04 .icon-box-wrap.color-two .content .sub-heading{color:#4e84fa}
    .ht-box-icon.style-04 .icon-box-wrap.color-three{background-color:#f0f5f4}
    .ht-box-icon.style-04 .icon-box-wrap.color-three .icon{color:#c7dbd7}
    .ht-box-icon.style-04 .icon-box-wrap.color-three .content .sub-heading{color:#72a499}
    .ht-box-icon.style-04 .icon-box-wrap.color-four{background-color:#fff5f6}
    .ht-box-icon.style-04 .icon-box-wrap.color-four .icon{color:#f5b4bd}
    .ht-box-icon.style-04 .icon-box-wrap.color-four .content .sub-heading{color:#e7445b}
    .ht-box-icon.style-04 .icon-box-wrap.color-five{background-color:#fcf7ee}
    .ht-box-icon.style-04 .icon-box-wrap.color-five .icon{color:#f5e1be}
    .ht-box-icon.style-04 .icon-box-wrap.color-five .content .sub-heading{color:#e5b35d}
     
    
    .services > div{padding-left:30px;}
    .side-wrap{position: sticky;top: 95px;padding: 20px 45px;background-color: #efefef;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .side-wrap li a{display:block; margin-bottom: 15px; padding: 7px 10px; background-color: #086AD8;background:linear-gradient(106deg, #086AD8 0%, #5e87eb 100%);border-radius: 5px; color: #fff;box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);user-select: none;}
    .side-wrap li:last-child a{ margin-bottom: 0;}    
    .side-wrap li.active a {background: #ffffff;color: #000;pointer-events: none;box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px inset;}

    .widget-title{position: relative;font-size: 22px;padding-bottom: 10px;margin-bottom: 30px;text-transform: capitalize;border-bottom: 1px solid #ffffff;}
    .widget-title:before{content: '';position: absolute;bottom: -1px;left: 0;width: 50px;height: 1px;background-color: #086AD8;}

    .color-one{background-color:#faf6f3}
    .color-one .icon{color:#eddcd1}
    .color-one .content .sub-heading{color:#d2a98e}
    .color-two{background-color:#edf2fe}
    .color-two .icon{color:#b9cefd}
    .color-two .content .sub-heading{color:#4e84fa}
    .color-three{background-color:#f0f5f4}
    .color-three .icon{color:#c7dbd7}
    .color-three .content .sub-heading{color:#72a499}
    .color-four{background-color:#fff5f6}
    .color-four .icon{color:#f5b4bd}
    .color-four .content .sub-heading{color:#e7445b}
    .color-five{background-color:#fcf7ee}
    .color-five .icon{color:#f5e1be}
    .color-five .content .sub-heading{color:#e5b35d}
    .feature-list-button-box .ht-btn{margin:10px}
    .ht-box-images.style-01 .image-box-wrap{-webkit-box-shadow:0 18px 40px rgba(51,51,51,0.1);box-shadow:0 18px 40px rgba(51,51,51,0.1);background:#fff;border-radius:5px;padding:50px 30px 63px;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1);text-align:center;margin-top:60px}
    .ht-box-images.style-01 .image-box-wrap .box-image{text-align:center;margin-bottom:41px;color:#086AD8}
    .ht-box-images.style-01 .image-box-wrap .content{text-align:center}
    .ht-box-images.style-01 .image-box-wrap .content .heading{font-weight:500;line-height:1.25;margin-bottom:12px}
    .ht-box-images.style-01 .image-box-wrap .content .service_text{color:#696969}
    .ht-box-images.style-01:hover .icon-box-wrap{border-color:#fff;-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);background:#fff;-webkit-box-shadow:0 0 40px rgba(51,51,51,0.1);box-shadow:0 0 40px rgba(51,51,51,0.1)}
    .ht-box-images.style-01 .circle-arrow{position:absolute;left:50%;bottom:0;-webkit-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);transform:translate(-50%,50%);height:56px;width:56px}
    .ht-box-images.style-01 .circle-arrow .middle-dot{pointer-events:none;content:"";position:absolute;top:-12px;left:-12px;width:80px;height:80px;border-radius:50%;border:2px solid #086ad8;opacity:0;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
    .ht-box-images.style-01 .circle-arrow a{position:absolute;top:0;left:0;width:56px;height:56px;line-height:56px;text-align:center;border-radius:50%;font-size:20px;color:#fff;background:#d2a98e}
    .ht-box-images.style-01:hover .circle-arrow a{background:#086AD8}
    .ht-box-images.style-01:hover .circle-arrow .middle-dot{-webkit-animation:boxImageAnimationSignal cubic-bezier(0,0.55,0.55,1) 2s;animation:boxImageAnimationSignal cubic-bezier(0,0.55,0.55,1) 2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;animation-fill-mode:none;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
    .ht-box-images.style-02{display:block}
    .ht-box-images.style-02 .image-box-wrap{-webkit-box-shadow:0 0 40px 5px rgba(51,51,51,0.1);box-shadow:0 0 40px 5px rgba(51,51,51,0.1);background:#fff;border-radius:5px;padding:30px 38px;min-height:150px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
    .ht-box-images.style-02 .image-box-wrap .box-image{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-right:30px}
    .ht-box-images.style-02 .image-box-wrap .content .heading{font-weight:500;line-height:1.67;margin-bottom:0}
    .ht-box-images.style-02 .image-box-wrap .content .text{color:#696969}
    .ht-box-images.style-02:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
    .ht-box-images.style-03{-webkit-box-shadow:0 0 41px rgba(0,0,0,0.03);box-shadow:0 0 41px rgba(0,0,0,0.03);background:#fff;padding:40px 30px 65px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%}
    .ht-box-images.style-03 .image-box-wrap{max-width:340px;margin:0 auto}
    .ht-box-images.style-03 .image-box-wrap .box-image{margin-bottom:36px;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .ht-box-images.style-03 .image-box-wrap .content .heading{font-weight:500;line-height:1.67;margin-bottom:0}
    .ht-box-images.style-03 .image-box-wrap .content .text{color:#696969}
    .ht-box-images.style-03:hover .box-image{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
    .ht-box-images.style-03:hover .content .heading{color:#002FA6}
    .ht-box-images.style-04{-webkit-box-shadow:0 0 30px rgba(51,51,51,0.05);box-shadow:0 0 30px rgba(51,51,51,0.05);background:#fff;padding:25px 30px 34px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .ht-box-images.style-04 .image-box-wrap .box-image{margin-bottom:9px}
    .ht-box-images.style-04 .image-box-wrap .content .heading{font-weight:500;line-height:1.67;margin-bottom:0}
    .ht-box-images.style-04 .image-box-wrap .content .text{color:#696969}
    .ht-box-images.style-04:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
    .ht-box-images.style-05{-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .ht-box-images.style-05 .image-box-wrap{-webkit-box-shadow:0 18px 40px rgba(51,51,51,0.1);box-shadow:0 18px 40px rgba(51,51,51,0.1);background:#fff;border-radius:5px;padding:50px 30px 63px;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1);margin-top:50px}
    .ht-box-images.style-05 .image-box-wrap .box-image{position:relative;margin-bottom:41px;height:100px}
    .ht-box-images.style-05 .image-box-wrap .box-image .hover-images{position:absolute;top:0;left:0;opacity:0;visibility:hidden}
    .ht-box-images.style-05 .image-box-wrap .content .heading{font-weight:500;line-height:1.25;margin-bottom:12px}
    .ht-box-images.style-05 .image-box-wrap .content .service_text{color:#696969}
    .ht-box-images.style-05 .image-box-wrap .content .box-images-arrow{display:inline-block;margin-top:27px;font-size:14px;font-weight:500}
    .ht-box-images.style-05 .image-box-wrap .content .box-images-arrow a{color:#086AD8}
    .ht-box-images.style-05:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
    .ht-box-images.style-05:hover .image-box-wrap{background:#002FA6}
    .ht-box-images.style-05:hover .box-image .default-image{opacity:0;visibility:hidden}
    .ht-box-images.style-05:hover .box-image .hover-images{opacity:1;visibility:visible}
    .ht-box-images.style-05:hover .content .heading{color:#fff}
    .ht-box-images.style-05:hover .content .text{color:#fff}
    .ht-box-images.style-05:hover .content .box-images-arrow a{color:#d2a98e}
    .ht-box-images.style-06{-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .ht-box-images.style-06 .image-box-wrap{-webkit-box-shadow:0 0 40px 5px rgba(51,51,51,0.1);box-shadow:0 0 40px 5px rgba(51,51,51,0.1);background:#fff;border-radius:5px;padding:78px 30px 60px;overflow:hidden;position:relative;min-height: 360px;}
    .ht-box-images.style-06 .image-box-wrap .box-image{transition:all ease .5s;}
    .ht-box-images.style-06 .image-box-wrap:hover .box-image{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);transition:all ease .5s;}
    .ht-box-images.style-06 .image-box-wrap .box-image{position:relative;width:90px;height:90px;border-radius:50%;margin:0 auto 2px;text-align:center}
    .ht-box-images.style-06 .image-box-wrap .box-image img{width:60px}
    .ht-box-images.style-06 .image-box-wrap .box-image::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:-webkit-linear-gradient(290deg,#fbf7f4 0%,#fefdfd 100%);background-image:-o-linear-gradient(290deg,#fbf7f4 0%,#fefdfd 100%);background-image:linear-gradient (160deg,#fbf7f4 0%,#fefdfd 100%);border-radius:50%;-webkit-transform:translateY(-26px);-ms-transform:translateY(-26px);transform:translateY(-26px)}
    .ht-box-images.style-06 .image-box-wrap .box-image .default-image{position:relative;z-index:2}
    .ht-box-images.style-06 .image-box-wrap .content{text-align:center}
    .ht-box-images.style-06 .image-box-wrap .content .heading{font-weight:600;line-height:1.25;margin-bottom:12px}
    .ht-box-images.style-06 .image-box-wrap .content .service_text{color:#696969}
    .ht-box-images.style-06 .image-box-wrap .content .box-images-arrow{position:absolute;bottom:0;left:0;right:0;z-index:1;height:5px;line-height:55px;text-align:center;font-size:14px;font-weight:500;color:#086AD8}
    .ht-box-images.style-06 .image-box-wrap .content .box-images-arrow::before{background-color:#086AD8;content:"";position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1);z-index:-1}
    .ht-box-images.style-06:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
    .ht-box-images.style-06:hover .content .box-images-arrow{color:#fff}
    .ht-box-images.style-06:hover .content .box-images-arrow::before{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    .ht-box-images.style-07{-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .ht-box-images.style-07 .image-box-wrap{padding:30px 35px 31px;border-radius:4px;margin-top:10px}
    .ht-box-images.style-07 .image-box-wrap .box-image{text-align:center;margin-bottom:24px}
    .ht-box-images.style-07 .image-box-wrap .content{text-align:center}
    .ht-box-images.style-07 .image-box-wrap .content .heading{font-weight:500;line-height:1.25;margin-bottom:12px}
    .ht-box-images.style-07 .image-box-wrap .content .text{color:#696969}
    .ht-box-images.style-07:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);background:#fff;-webkit-box-shadow:0 18px 40px rgba(51,51,51,0.1);box-shadow:0 18px 40px rgba(51,51,51,0.1)}
    .ht-box-images.style-08{-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .ht-box-images.style-08 .image-box-wrap{height:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:50px}
    .ht-box-images.style-08 .image-box-wrap .box-image{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-right:24px}
    .ht-box-images.style-08 .image-box-wrap .content{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
    .ht-box-images.style-08 .image-box-wrap .content .heading{font-weight:500;line-height:1.25;margin-bottom:12px}
    .ht-box-images.style-08 .image-box-wrap .content .text{color:#696969}
    @media only screen and (max-width: 575px) {
    .ht-box-images.style-08 .image-box-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
    .ht-box-images.style-08 .image-box-wrap .content{margin-top:20px}
    }
    .ht-box-images.style-08:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
    .ht-box-images.style-09 .image-box-wrap{border-radius:5px;text-align:center;transition:transform .3s cubic-bezier(0.645,0.045,0.355,1),box-shadow .3s cubic-bezier(0.645,0.045,0.355,1),-webkit-transform .3s cubic-bezier(0.645,0.045,0.355,1);padding:30px 35px 31px;border-radius:5px}
    .ht-box-images.style-09 .image-box-wrap .box-image{text-align:center;margin-bottom:41px;color:#086AD8}
    .ht-box-images.style-09 .image-box-wrap .content{text-align:center}
    .ht-box-images.style-09 .image-box-wrap .content .heading{font-weight:600;line-height:1.25;margin-bottom:12px}
    .ht-box-images.style-09 .image-box-wrap .content .more-arrow-link{margin-top:15px}
    .ht-box-images.style-09 .image-box-wrap .content .more-arrow-link a{font-weight:500;color:#086AD8;opacity:0;visibility:hidden}
    .ht-box-images.style-09 .image-box-wrap:hover .more-arrow-link a{opacity:1;visibility:visible}
    .ht-box-images.style-10{-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%}
    .ht-box-images.style-10 .image-box-wrap{-webkit-box-shadow:0 18px 40px rgba(51,51,51,0.1);box-shadow:0 18px 40px rgba(51,51,51,0.1);background:#fff;border-radius:5px;padding:50px 30px 63px;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1);margin-top:30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%}
    .ht-box-images.style-10 .image-box-wrap .box-image{position:relative;margin-bottom:41px;height:100px}
    .ht-box-images.style-10 .image-box-wrap .box-image .hover-images{position:absolute;top:0;left:0;opacity:0;visibility:hidden}
    .ht-box-images.style-10 .image-box-wrap .content .heading{font-weight:500;line-height:1.25;margin-bottom:12px}
    .ht-box-images.style-10 .image-box-wrap .content .service_text{color:#696969}
    .ht-box-images.style-10 .image-box-wrap .content .box-images-arrow{display:inline-block;margin-top:27px;font-size:14px;font-weight:500}
    .ht-box-images.style-10 .image-box-wrap .content .box-images-arrow a{color:#086AD8}
    .ht-box-images.style-10:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
    .image-l-r-box{padding-left:15px;padding-right:15px;width:100%}
    .image-box-boder-box{position:relative}
    .image-box-boder-box::before{position:absolute;content:"";left:0;top:0;bottom:0;width:1px;background-image:-webkit-linear-gradient(top,#ccc 58.33333%,rgba(0,0,0,0) 0%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(58.33333%,#ccc),color-stop(0%,rgba(0,0,0,0)));background-image:-o-linear-gradient(top,#ccc 58.33333%,rgba(0,0,0,0) 0%);background-image:linear-gradient(to bottom,#ccc 58.33333%,rgba(0,0,0,0) 0%);background-position:left top;background-size:100% 8px;background-repeat:repeat-y;z-index:1}
    .image-box-boder-box::after{position:absolute;content:"";right:0;left:0;bottom:-1px;height:1px;background-image:-webkit-linear-gradient(left,#ccc 58.33333%,rgba(0,0,0,0) 0%);background-image:-webkit-gradient(linear,left top,right top,color-stop(58.33333%,#ccc),color-stop(0%,rgba(0,0,0,0)));background-image:-o-linear-gradient(left,#ccc 58.33333%,rgba(0,0,0,0) 0%);background-image:linear-gradient(to right,#ccc 58.33333%,rgba(0,0,0,0) 0%);background-position:left bottom;background-size:8px 100%;background-repeat:repeat-x}
    .image-box-boder-box .image-box-boder{padding:0;position:relative;transition:transform .3s cubic-bezier(0.645,0.045,0.355,1),box-shadow .3s cubic-bezier(0.645,0.045,0.355,1),-webkit-transform .3s cubic-bezier(0.645,0.045,0.355,1)}
    .image-box-boder-box .image-box-boder::before{position:absolute;content:"";right:0;top:0;bottom:0;width:1px;background-image:-webkit-linear-gradient(top,#ccc 58.33333%,rgba(0,0,0,0) 0%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(58.33333%,#ccc),color-stop(0%,rgba(0,0,0,0)));background-image:-o-linear-gradient(top,#ccc 58.33333%,rgba(0,0,0,0) 0%);background-image:linear-gradient(to bottom,#ccc 58.33333%,rgba(0,0,0,0) 0%);background-position:left top;background-size:100% 8px;background-repeat:repeat-y}
    .image-box-boder-box .image-box-boder::after{position:absolute;content:"";right:0;left:0;top:0;height:1px;background-image:-webkit-linear-gradient(left,#ccc 58.33333%,rgba(0,0,0,0) 0%);background-image:-webkit-gradient(linear,left top,right top,color-stop(58.33333%,#ccc),color-stop(0%,rgba(0,0,0,0)));background-image:-o-linear-gradient(left,#ccc 58.33333%,rgba(0,0,0,0) 0%);background-image:linear-gradient(to right,#ccc 58.33333%,rgba(0,0,0,0) 0%);background-position:left bottom;background-size:8px 100%;background-repeat:repeat-x}
    .image-box-boder-box .image-box-boder:hover .style-09{background:#fff;border-radius:3px;-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);z-index:3;-webkit-box-shadow:0 18px 40px rgba(51,51,51,0.1);box-shadow:0 18px 40px rgba(51,51,51,0.1);z-index:9;position:relative;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
    @-webkit-keyframes boxImageAnimationSignal {
    0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
    1%{opacity:.14}
    20%{opacity:.3}
    40%{opacity:.4}
    60%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
    }
    @keyframes boxImageAnimationSignal {
    0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
    1%{opacity:.14}
    20%{opacity:.3}
    40%{opacity:.4}
    60%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
    }
    .ht-large-box-images.style-03{display:block}
    .ht-large-box-images.style-03 .large-image-box{background:#fff;border-radius:5px;overflow:hidden;box-shadow:rgba(99,99,99,0.2) 0 2px 8px 0;position:relative;height:100%}
    .ht-large-box-images.style-03 .content{padding:32px 20px;padding-bottom:88px;text-align:center}
    .ht-large-box-images.style-03 .content .heading{font-weight:600;line-height:1.25;margin-bottom:12px}
    .ht-large-box-images.style-03 .content .text{color:#000; font-weight: 500;}
    .ht-large-box-images.style-03 .content .box-images-arrow{position:absolute;bottom:0;left:0;right:0;z-index:1;height:56px;line-height:55px;text-align:center;font-size:14px;font-weight:500;border-top:1px solid #eee;color:#086AD8}
    .ht-large-box-images.style-03 .content .box-images-arrow::before{background-color:#086AD8;content:"";position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1);z-index:-1}
    .ht-large-box-images.style-03:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
    .ht-large-box-images.style-03:hover .content .heading{color:#086AD8}
    .ht-large-box-images.style-03:hover .content .box-images-arrow{color:#fff}
    .ht-large-box-images.style-03:hover .content .box-images-arrow::before{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    .ht-large-box-images.style-04{display:block}
    .ht-large-box-images.style-04 .large-image-box{position:relative;margin-bottom:30px}
    .ht-large-box-images.style-04 .box-image{-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .ht-large-box-images.style-04 .content{padding:32px 35px;padding-bottom:88px;text-align:center}
    .ht-large-box-images.style-04 .content .heading{font-weight:500;line-height:1.25;margin-bottom:12px}
    .ht-large-box-images.style-04 .content .text{color:#696969}
    .ht-large-box-images.style-04 .content .box-images-arrow{margin-top:20px;color:#086AD8}
    .ht-large-box-images.style-04:hover .box-image{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
    .brand-logo-slider__container{padding:0 18px;box-sizing:border-box}
    .brand-logo-slider__container .swiper-button-prev{left:8px}
    .projects-slider__three{padding:0 47px}
    .products-slider{padding:0 4%;}
    .technologies-slider__container{max-width: 1140px;}
    .projects-slider__three .swiper-button-prev{left:8px}
    .projects-slider__three .swiper-button-next{right:3px;left:auto}
    .brand-logo-slider__one .brand-logo{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;text-align:center;position:relative}
    .brand-logo-slider__one .brand-logo__image{-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
    /* .brand-logo-slider__one .brand-logo__image img{ width: 175px; height:175px;} */
    .brand-logo-slider__one .brand-logo__image-hover{visibility:hidden;opacity:0;-webkit-transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);transform:scale(0.8,0.8);-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;position:absolute;top:0;left:0;width:100%}
    .brand-logo-slider__one .brand-logo:hover .brand-logo__image{visibility:hidden;opacity:0;-webkit-transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);transform:scale(0.8,0.8)}
    .brand-logo-slider__one .brand-logo:hover .brand-logo__image-hover{opacity:1;visibility:visible;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}
    .brand-logo-slider__two .brand-logo-two{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;text-align:center;position:relative}
    .brand-logo-slider__two .brand-logo-two__image{-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
    .brand-logo-slider__two .brand-logo-two__image-hover{visibility:hidden;opacity:0;-webkit-transform:translate(-50%,20px);-ms-transform:translate(-50%,20px);transform:translate(-50%,20px);-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;position:absolute;top:0;left:50%;width:100%}
    .brand-logo-slider__two .brand-logo-two:hover .brand-logo-two__image{visibility:hidden;opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
    .brand-logo-slider__two .brand-logo-two:hover .brand-logo-two__image-hover{visibility:visible;opacity:1;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
    .brand-logo-slider__two .brand-logo-two--slider{margin-bottom:0}
    .brand-logo-slider__three .brand-logo{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;text-align:center;position:relative}
    .brand-logo-slider__three .brand-logo__image{opacity:.4;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
    .brand-logo-slider__three .brand-logo:hover .brand-logo__image{opacity:1}
    .brand-logo-slider__three .brand-logo--slider{margin-bottom:0}
    .brand-logo-slider__four .brand-logo{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;text-align:center;position:relative}
    .brand-logo-slider__four .brand-logo__image{opacity:1;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
    .brand-logo-slider__four .brand-logo:hover .brand-logo__image{opacity:.4}
    .brand-logo-slider__four .brand-logo--slider{margin-bottom:0}
    .brand-logo-slider-area .section-title .heading-text{max-width:700px;width:100%;font-weight:500;margin:auto}
    .brand-logo--wrap{ max-width: 190px; background: #fff; padding: 5px 10px; margin: 0 auto;}
    .client_logo_wrap{background: #fff; padding: 5px;min-width: 161px;}
    .brand-logo--wrap img{ width: 100%;}
    .separator-list .list-item{position:relative;margin-bottom:6px;padding-bottom:6px}
    .separator-list .list-item::before{position:absolute;bottom:0;left:0;content:"";height:1px;width:100%;background:#eee}
    .separator-list .list-item:last-child{margin-bottom:0;padding-bottom:0}
    .separator-list .list-item:last-child::before{display:none}
    .separator-list .list-item a{line-height:16px}
    .check-list .list-item{position:relative;padding-left:20px;margin-bottom:10px}
    .check-list .list-item::before{color:#086AD8;content:"\f00c";position:absolute;top:7px;left:2px;display:block;font-size:13px;line-height:1;font-family:"FontAwesome";font-weight:900}
    .check-list .list-item:last-child{margin-bottom:0;padding-bottom:0}
    .check-list .list-item a{line-height:16px}
    .check-list.check-list-color-two .list-item::before{color:#d2a98e}
    .circle-list .list-item{position:relative;padding-left:14px;margin-bottom:12px;}
    .circle-list .list-item::before{content:"";position:absolute;top:9px;left:0;display:block;width:8px;height:8px;border-radius:50%;background:#000}
    .circle-list .list-item:last-child{margin-bottom:0;padding-bottom:0}
    .circle-list .list-item a{line-height:16px}
    .circle-list-lev2{padding-left:28px;margin-bottom:12px;}    
    .circle-list-lev2 .list-item:before{content:"";position:absolute;top:9px;left:0;display:block;width:8px;height:8px;border-radius:50%;border: 1px solid #000;background-color:transparent;}
    .circle-list.reset .list-item::before{content: none;}
    .circle-list.reset strong{margin-bottom: 5px; display: inline-block;}

    .star-list{ list-style-type: none;padding-left: 30px;}   
    .star-list li{padding-left: 20px;padding-bottom: 10px;margin-bottom: 0;position: relative;} 
    .star-list li:before{content: "\f005";font-family: FontAwesome;font-size: 11px;top: 4px;position: absolute;left: 2px;color: #363636;}
    ol{min-width:45px;margin:0;padding-left:30px}
    .circle-progress-wrapper{position:relative}
    @-webkit-keyframes jump {
    0%{-webkit-transform:translateY(-10px) scale(0.9,0.9);transform:translateY(-10px) scale(0.9,0.9)}
    100%{-webkit-transform:translateY(10px) scale(1,1);transform:translateY(10px) scale(1,1)}
    }
    @keyframes jump {
    0%{-webkit-transform:translateY(-10px) scale(0.9,0.9);transform:translateY(-10px) scale(0.9,0.9)}
    100%{-webkit-transform:translateY(10px) scale(1,1);transform:translateY(10px) scale(1,1)}
    }
    .ht-social-networks .item{display:inline-block; margin-right: 5px;}
    .ht-social-networks .item .social-link{display:block}

    
    .ht-social-networks.large-icon .social-link{font-size:20px; color: #fff;width: 45px;height: 45px;line-height: 45px;border-radius: 30px;text-align: center;border: 1px solid rgb(255, 255, 255, 0.25);}
    .ht-social-networks.large-icon .social-link:hover{background-color: #fff; color: #086AD8;}
    .ht-social-networks.extra-large-icon .social-link{padding:5px 15px;font-size:30px}
    .ht-social-networks.flat-round .item,.ht-social-networks.solid-rounded-icon .item{margin:8px}
    .ht-social-networks.flat-round .social-link,.ht-social-networks.solid-rounded-icon .social-link{font-size:18px;display:block;text-align:center;height:48px;width:48px;line-height:40px;background:#ededed;color:#696969;border-radius:50%;position:relative}
    .ht-social-networks.flat-round .social-link:hover,.ht-social-networks.solid-rounded-icon .social-link:hover{color:#fff;background:#086AD8}
    .ht-social-networks.solid-rounded-icon .social-link{background:transparent;border:1px solid #e0e0e0}
    .ht-social-networks.solid-rounded-icon .social-link:hover{border:1px solid #086AD8;color:#fff}
    .ht-social-networks.solid-rounded-icon.social-white .social-link{color:#fff}
    .ht-social-networks.solid-rounded-icon.social-white .social-link:hover{border:1px solid #fff;color:#086AD8;background:#fff}
    .ht-social-networks.icon-tilte .link-icon{font-size:16px;min-width:16px;margin-right:10px}
    .ht-social-networks.tilte-style .social-link{position:relative}
    .ht-social-networks.tilte-style .social-link::before{content:"-";position:absolute;top:50%;left:-5px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#333}
    .ht-social-networks.tilte-style .social-link:hover .link-text::after{background-color:#d2a98e;width:100%;left:0}
    .ht-social-networks.tilte-style .item:first-child .social-link::before{display:none}
    .ht-social-networks.tilte-style .link-text{font-size:14px;text-transform:uppercase;letter-spacing:1px;font-weight:500;color:#333;position:relative;padding:5px 0;z-index:1}
    .ht-social-networks.tilte-style .link-text::before{content:"";height:2px;bottom:0;position:absolute;left:0;right:0;z-index:-2;background:rgba(0,0,0,0.2)}
    .ht-social-networks.tilte-style .link-text::after{content:"";height:2px;width:0;bottom:0;position:absolute;left:auto;right:0;z-index:-1;-webkit-transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;-o-transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0}
    .ht-social-networks.white-tilte-social .social-link::before{color:rgba(255,255,255,0.7)}
    .ht-social-networks.white-tilte-social .social-link:hover .link-text::after{background-color:#fff}
    .ht-social-networks.white-tilte-social .link-text{color:#fff}
    .ht-social-networks.white-tilte-social .link-text::before{background:rgba(255,255,255,0.7)}
    .ht-tab-menu{margin:0 -10px}
    .ht-tab-menu li{margin:0 10px}
    .ht-tab-menu li a{font-size:16px;margin-bottom:15px;font-weight:600;line-height:1.3;letter-spacing:1px;box-shadow:0px 5px 30px 0px rgba(148, 146, 245, 0.15); background:#fff;color:#343434;padding:12px 10px 12px;min-width:160px;border-radius:5px!important; transition: all ease .3s;}
    .ht-tab-menu li a.active{color:#fff;background-color:#086AD8;background:linear-gradient(106deg, #086AD8 0%, #5e87eb 100%)}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    /*.ht-tab-menu li a{padding:21px 10px 19px}*/
    .ht-tab-menu li a{margin-bottom:15px;}
    }
    @media only screen and (max-width: 767px),only screen and (min-width: 768px) and (max-width: 991px) {
        .ht-tab-menu li a{padding:12px 13px;min-width:150px;margin-bottom:10px}
        .ht-box-images.style-06 .image-box-wrap{margin-top: 30px;}
    }
    .ht-tab-menu_two li{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0}
    [class*=hint--]{position:relative;display:inline-block}
    [class*=hint--]:before,[class*=hint--]:after{position:absolute;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}
    [class*=hint--]:hover:before,[class*=hint--]:hover:after{visibility:visible;opacity:1;-webkit-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms}
    [class*=hint--]:before{content:"";position:absolute;background:transparent;border:7px solid transparent;z-index:1000001}
    [class*=hint--]:after{background:#086AD8;color:#fff;padding:8px 10px;font-size:14px;line-height:14px;white-space:nowrap;border-radius:5px;-webkit-box-shadow:4px 4px 8px rgba(0,0,0,0.3);box-shadow:4px 4px 8px rgba(0,0,0,0.3)}
    [class*=hint--][aria-label]:after{content:attr(aria-label)}
    [class*=hint--][data-hint]:after{content:attr(data-hint)}
    [aria-label=""]:before,[aria-label=""]:after,[data-hint=""]:before,[data-hint=""]:after{display:none!important}
    .hint--top-left:before{border-top-color:#086AD8}
    .hint--top-right:before{border-top-color:#086AD8}
    .hint--top:before{border-top-color:#086AD8}
    .hint--bottom-left:before{border-bottom-color:#086AD8}
    .hint--bottom-right:before{border-bottom-color:#086AD8}
    .hint--bottom:before{border-bottom-color:#086AD8}
    .hint--left:before{border-left-color:#086AD8}
    .hint--right:before{border-right-color:#086AD8}
    .hint--white:after{background:#fff;color:#333;padding:8px 10px;font-size:14px;line-height:14px;white-space:nowrap;border-radius:5px}
    .hint--white:before{border-top-color:#fff}
    .hint--black:after{background:#000;color:#fff;padding:8px 10px;font-size:14px;line-height:14px;white-space:nowrap;border-radius:5px}
    .hint--black:before{border-top-color:#000}
    .hint--black.hint--bottom::before{border-bottom-color:#000}
    .hint--black.hint--top-left::before{border-top-color:#000}
    .hint--black.hint--bottom-left::before{border-bottom-color:#000}
    .hint--black.hint--top::before{border-top-color:#000}
    .hint--black.hint--left::before{border-left-color:#000}
    .hint--black:before{border-top-color:transparent}
    .hint--theme-two:after{background:#d2a98e;color:#fff;padding:8px 10px;font-size:14px;line-height:14px;white-space:nowrap;border-radius:5px}
    .hint--theme-two:before{border-top-color:#d2a98e}
    .hint--theme-two.hint--bottom::before{border-bottom-color:#d2a98e}
    .hint--theme-two.hint--top-left::before{border-top-color:#d2a98e}
    .hint--theme-two.hint--top::before{border-top-color:#d2a98e}
    .hint--theme-two.hint--left::before{border-left-color:#d2a98e}
    .hint--theme-two:before{border-top-color:transparent}
    .hint--top:before{margin-bottom:-13px}
    .hint--top:before,.hint--top:after{bottom:100%;left:50%}
    .hint--top:before{left:calc(50% - 14px)}
    .hint--top:after{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
    .hint--top:hover:before{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px)}
    .hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-ms-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}
    .hint--bottom:before{margin-top:-13px}
    .hint--bottom:before,.hint--bottom:after{top:100%;left:50%}
    .hint--bottom:before{left:calc(50% - 7px)}
    .hint--bottom:after{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
    .hint--bottom:hover:before{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px)}
    .hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-ms-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}
    .hint--right:before{margin-left:-13px;margin-bottom:-7px}
    .hint--right:after{margin-bottom:-15px}
    .hint--right:before,.hint--right:after{left:100%;bottom:50%}
    .hint--right:hover:before{-webkit-transform:translateX(8px);-ms-transform:translateX(8px);transform:translateX(8px)}
    .hint--right:hover:after{-webkit-transform:translateX(8px);-ms-transform:translateX(8px);transform:translateX(8px)}
    .hint--left:before{margin-right:-13px;margin-bottom:-7px}
    .hint--left:after{margin-bottom:-15px}
    .hint--left:before,.hint--left:after{right:100%;bottom:50%}
    .hint--left:hover:before{-webkit-transform:translateX(-8px);-ms-transform:translateX(-8px);transform:translateX(-8px)}
    .hint--left:hover:after{-webkit-transform:translateX(-8px);-ms-transform:translateX(-8px);transform:translateX(-8px)}
    .hint--top-left:before{margin-bottom:-13px}
    .hint--top-left:before,.hint--top-left:after{bottom:100%;left:50%}
    .hint--top-left:before{left:calc(50% - 7px)}
    .hint--top-left:after{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);margin-left:14px}
    .hint--top-left:hover:before{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px)}
    .hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-ms-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}
    .hint--top-right:before{margin-bottom:-13px}
    .hint--top-right:before,.hint--top-right:after{bottom:100%;left:50%}
    .hint--top-right:before{left:calc(50% - 7px)}
    .hint--top-right:after{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);margin-left:-14px}
    .hint--top-right:hover:before{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px)}
    .hint--top-right:hover:after{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px)}
    .hint--bottom-left:before{margin-top:-13px}
    .hint--bottom-left:before,.hint--bottom-left:after{top:100%;left:50%}
    .hint--bottom-left:before{left:calc(50% - 7px)}
    .hint--bottom-left:after{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);margin-left:14px}
    .hint--bottom-left:hover:before{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px)}
    .hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);-ms-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}
    .hint--bottom-right:before{margin-top:-13px}
    .hint--bottom-right:before,.hint--bottom-right:after{top:100%;left:50%}
    .hint--bottom-right:before{left:calc(50% - 7px)}
    .hint--bottom-right:after{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);margin-left:-14px}
    .hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px)}
    .hint--bottom-right:hover:after{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px)}
    .hint--no-animate:before,.hint--no-animate:after{-webkit-transition-duration:0;-o-transition-duration:0;transition-duration:0}
    .hint--bounce:before,.hint--bounce:after{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(0.71,1.7,0.77,1.24);transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(0.71,1.7,0.77,1.24);-o-transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(0.71,1.7,0.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(0.71,1.7,0.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(0.71,1.7,0.77,1.24),-webkit-transform .3s cubic-bezier(0.71,1.7,0.77,1.24)}
    .testimonial-slider__container{padding-bottom:0}
    .testimonial-slider--info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:22px}
    @media only screen and (max-width: 767px) {
    .testimonial-slider--info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
    .services > div+div{padding-left:calc(var(--bs-gutter-x) * .5);}
    .services > div{padding-left:15px;}
    }
    .testimonial-slider__media{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-right:30px}
    .testimonial-slider__media img{border-radius:50%}
    .testimonial-slider__text{font-size:18px}
    .testimonial-slider__author{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
    .testimonial-slider__author .testimonial-rating{font-size:16px;margin-bottom:10px;color:#ffb944}
    .testimonial-slider__author .author-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
    @media only screen and (max-width: 767px) {
    .testimonial-slider__author .author-info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
    }
    .testimonial-slider__author .name{color:#333}
    .testimonial-slider__author .designation{font-size:14px}
    .testimonial-slider__author .designation:before{content:" / ";padding:0 5px}
    .testimonial-slider__one{position:relative;background:#fff;padding:31px 50px 47px;border-radius:5px;margin:20px 15px 35px;-webkit-box-shadow:0 0 20px rgba(51,51,51,0.1);box-shadow:0 0 20px rgba(51,51,51,0.1);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateY(0px)!important;-ms-transform:translateY(0px)!important;transform:translateY(0px)!important}
    .testimonial-slider__one .testimonial-slider--info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
    .testimonial-slider__one .testimonial-slider--info .post-thumbnail{margin-right:20px}
    @media only screen and (max-width: 767px) {
    .testimonial-slider__one .testimonial-slider--info .post-thumbnail{margin-right:0;margin-bottom:20px}
    }
    .testimonial-slider__one:hover{-webkit-transform:translateY(-5px)!important;-ms-transform:translateY(-5px)!important;transform:translateY(-5px)!important}
    @media only screen and (max-width: 767px),only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-slider__one{padding:31px 20px}
    }
    .testimonial-slider__single{background:#fff;padding:51px 37px 40px;border-radius:5px;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .testimonial-slider__single .testimonial-subject{margin-bottom:15px}
    .testimonial-slider__single .testimonial-slider__text{color:#002FA6}
    .testimonial-slider__single .author-info{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:20px}
    .testimonial-slider__container-two .swiper-slide.swiper-slide-prev{opacity:.5}
    .testimonial-slider__container-two .swiper-slide.swiper-slide-next{opacity:.5}
    .modern-it-company-testimonial{max-width:570px}
    .modern-it-company-testimonial .text{font-size:34px;line-height:1.34;font-weight:500;color:#000;margin-bottom:80px}
    .modern-it-company-testimonial .author h6{text-transform:uppercase}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .modern-it-company-testimonial .text{font-size:20px;margin-bottom:30px}
    }
    @media only screen and (max-width: 767px) {
    .modern-it-company-testimonial{margin-top:30px}
    .modern-it-company-testimonial .text{font-size:24px;margin-bottom:40px}
    .services .side-wrap{ margin-top:15px;}
    }
    .cd-headline.clip span{padding:0}
    .cd-headline.clip .cd-words-wrapper.brown-color::after{background-color:#ddd;width:4px}
    .cd-headline.clip span{padding:0}
    .cd-headline.clip .cd-words-wrapper.brown-color::after{background-color:#f10;width:4px}
    .contact-title .sub-title{font-size:18px}
    .contact-input{margin:0 -10px}
    .contact-input .contact-inner{float:left;margin:0 0 20px;padding:0 10px;width:50%}
    @media only screen and (max-width: 575px) {
    .contact-input .contact-inner{width:100%}
    }
    .contact-inner{margin:0 0 20px}
    .contact-inner input,.contact-inner textarea{width:100%;color:#000;border-color:#f8f8f8;background-color: #f8f8f8;font-size:15px;font-weight:400;letter-spacing:0;border:none;width:100%;outline:none;border:1px solid #eee;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-radius:5px;padding:3px 20px;height:56px;border-left:2px solid #b4b7bd}
    .contact-inner input:focus,.contact-inner textarea:focus{border: none;border-left:2px solid #3962d4;background-color: #f8f8f8;box-shadow: none;;}
    .contact-inner textarea{height:100px;padding:15px}
    .contact-inner select{color:#777}
    @media only screen and (max-width: 767px),only screen and (min-width: 768px) and (max-width: 991px) {
    .conact-us-wrap-one{margin-bottom:30px}
    }
    .conact-us-wrap-one .heading{position:relative;padding-left:34px;font-weight:600;line-height:1.4}
    .conact-us-wrap-one .heading::before{content:"";position:absolute;top:50%;left:0;width:4px;height:94%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:#d2a98e}
    .conact-us-wrap-one .sub-heading{margin-top:15px;font-size:18px;margin-left:34px;color:#696969}
    .conact-us-wrap-three{position:relative}
    @media only screen and (max-width: 767px),only screen and (min-width: 768px) and (max-width: 991px) {
    .conact-us-wrap-three{margin-bottom:30px}
    }
    .conact-us-wrap-three::before{content:"";position:absolute;top:50%;left:0;width:4px;height:94%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:#d2a98e}
    .conact-us-wrap-three .section-sub-title{padding-left:34px}
    .conact-us-wrap-three .heading{position:relative;padding-left:34px;font-weight:600;line-height:1.4}
    .conact-us-wrap-three .sub-heading{margin-top:15px;font-size:18px;margin-left:34px;color:#696969}
    .contact-info-one .icon,.contact-info-two .icon,.contact-info-three .icon{font-size:40px;color:#086ad8}
    .contact-info-one .heading,.contact-info-two .heading,.contact-info-three .heading{font-size:15px;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;margin-top:10px}
    .contact-info-one .call-us,.contact-info-two .call-us,.contact-info-three .call-us{line-height:1.17;color:#002fa6;position:relative;display:inline-block}
    .contact-info-one .call-us::before,.contact-info-two .call-us::before,.contact-info-three .call-us::before{content:"";width:0;height:1px;bottom:0;position:absolute;left:auto;right:0;z-index:1;-webkit-transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;-o-transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;background:currentColor}
    .contact-info-one .call-us:hover,.contact-info-two .call-us:hover,.contact-info-three .call-us:hover{color:#002fa6}
    .contact-info-one .call-us:hover::before,.contact-info-two .call-us:hover::before,.contact-info-three .call-us:hover::before{width:100%;left:0;right:auto}
    .contact-info-one .call-us a:hover,.contact-info-two .call-us a:hover,.contact-info-three .call-us a:hover{color:#002fa6}
    .contact-info-one .btn--secondary,.contact-info-two .btn--secondary,.contact-info-three .btn--secondary{min-width:230px}
    .contact-info-one .btn--secondary:hover,.contact-info-two .btn--secondary:hover,.contact-info-three .btn--secondary:hover{background:#086AD8}
    .contact-info-two .icon{color:#fff}
    .contact-info-two .heading{color:rgba(255,255,255,0.8)}
    .contact-info-two .call-us{color:#d2a98e}
    .contact-info-two .call-us:hover{color:#d2a98e}
    .contact-info-two .call-us a:hover{color:#d2a98e}
    .contact-info-two .btn--secondary{background:#fff;color:#086AD8}
    .contact-info-two .btn--secondary:hover{background:#d2a98e;color:#fff}
    @media only screen and (min-width: 768px) and (max-width: 991px),only screen and (max-width: 767px) {
    .contact-info-three{margin-top:60px}
    }
    .contact-info-three .heading{margin-bottom:30px}
    .contact-info-three .call-us{margin-bottom:20px}
    .contact-info-three .location-text-button .button-icon{height:56px;width:56px;line-height:56px;border-radius:50%;text-align:center;background:#f6f2ed;margin-right:14px;display:inline-block}
    .contact-info-three .location-text-button .button-icon::before{content:"\f3c5";font-style:normal;line-height:56px;text-align:center;color:#086AD8;font-variant:normal;text-rendering:auto;line-height:1;font-family:"Font Awesome 5 Free";font-weight:900}
    .contact-info-three .location-text-button .button-text{font-weight:500;color:#086AD8;position:relative}
    .contact-info-three .location-text-button .button-text::after{content:"";width:0;height:1px;bottom:0;position:absolute;left:auto;right:0;-webkit-transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;-o-transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;transition:width .6s cubic-bezier(0.25,0.8,0.25,1) 0;background:currentColor}
    .contact-info-three .location-text-button:hover .button-text::after{width:100%;left:0;right:auto}
    .processing-computing-area{padding:150px 0}
    @media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
    .processing-computing-area{padding:100px 0}
    }
    @media only screen and (max-width: 767px) {
    .processing-computing-area{padding:60px 0}
    }
    .computing-info-box h2{font-size:64px;line-height:1.13;color:#002fa6}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .computing-info-box h2{font-size:42px}
    }
    @media only screen and (max-width: 767px) {
    .computing-info-box h2{font-size:32px}
    }
    .contact-form-service-wrap{background:#fff;-webkit-box-shadow:0 2px 30px rgba(0,0,0,0.1);box-shadow:0 2px 30px rgba(0,0,0,0.1);padding:42px 50px 50px;border-radius:5px}
    @media only screen and (max-width: 767px) {
    .contact-form-service-wrap{padding:42px 20px 50px}
    }
    .business-solution-form-wrap{max-width:400px;margin-left:auto;background:#fff;-webkit-box-shadow:0 2px 30px rgba(0,0,0,0.1);box-shadow:0 2px 30px rgba(0,0,0,0.1);padding:42px 30px 51px;border-radius:5px;text-align:center}
    @media only screen and (min-width: 768px) and (max-width: 991px),only screen and (max-width: 767px) {
    .business-solution-form-wrap{margin:auto}
    }
    .ht-star-rating.lg-style{color:#fb0;font-size:24px}
    .ht-star-rating.lg-style span + span{margin-left:11px}
    @media only screen and (min-width: 768px) and (max-width: 991px),only screen and (max-width: 767px) {
    .contact-info{margin-bottom:60px}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px),only screen and (max-width: 767px) {
    .contact-info.sytle-one,.contact-info.style-two{margin-top:60px}
    .contact-info.sytle-one.service-contact,.contact-info.style-two.service-contact{margin-top:0}
    }
    .contact-info.sytle-one .contact-info-title-wrap .sub-text,.contact-info.style-two .contact-info-title-wrap .sub-text{margin-top:20px;color:#fff;font-size:18px}
    .contact-info.sytle-one .contact-list-item .single-contact-list,.contact-info.style-two .contact-list-item .single-contact-list{display:block}
    .contact-info.sytle-one .contact-list-item .content,.contact-info.style-two .contact-list-item .content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:55px}
    .contact-info.sytle-one .contact-list-item .content .icon,.contact-info.style-two .contact-list-item .content .icon{color:#fff;border-color:#fff;font-size:40px;margin-right:10px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;min-width:45px}
    .contact-info.sytle-one .contact-list-item .content .main-content .heading,.contact-info.style-two .contact-list-item .content .main-content .heading{font-size:15px;font-weight:500;text-transform:uppercase;letter-spacing:2px;line-height:1.78;margin-bottom:13px;color:rgba(255,255,255,0.8)}
    .contact-info.sytle-one .contact-list-item .content .main-content .text,.contact-info.style-two .contact-list-item .content .main-content .text{color:#d2a98e;font-size:24px;font-weight:700;line-height:1.17}
    .cta-image-area_one .contact-info.sytle-one .contact-list-item .content .main-content .text,.cta-image-area_one .contact-info.style-two .contact-list-item .content .main-content .text{font-size:26px}
    .cta-image-area_one .contact-info.sytle-one .contact-list-item .content,.cta-image-area_one .contact-info.style-two .contact-list-item .content{margin-top:20px}
    @media only screen and (min-width: 992px) and (max-width: 1199px),only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-info.sytle-one .contact-list-item .content .main-content .text,.contact-info.style-two .contact-list-item .content .main-content .text{font-size:24px}
    }
    @media only screen and (max-width: 767px) {
    .contact-info.style-two .contact-list-item .content .icon{font-size:33px;margin-right:0;min-width:50px}
    .contact-info.sytle-one .contact-list-item .content .main-content .text,.contact-info.style-two .contact-list-item .content .main-content .text{font-size:20px!important}
    .tab-history-wrap{margin-top:25px;}
    }
    .contact-info.style-two .contact-info-title-wrap .sub-text{color:#696969}
    .contact-info.style-two .contact-list-item .content .icon{color:#d2a98e;line-height:normal}
    .contact-info.style-two .contact-list-item .content .main-content .heading{color:#333}
    .contact-info.style-two .contact-list-item .content .main-content .text{color:#086AD8}
    .conact-info__list li{margin-bottom:7px}
    .conact-us-wrap-one.managed-it .heading{line-height:1.67;font-weight:800}
    .infotechno-bg{background:#f4efe9 none repeat scroll 0 0}
    .infotechno-hero-text h6{color:#086AD8;font-weight:500;margin-bottom:20px}
    @media only screen and (max-width: 767px) {
    .infotechno-hero-text{text-align:center;margin-top:50px}
    }
    .infotechno-hero-inner-images{margin-top:20px;position:relative}
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .infotechno-hero-inner-images{margin-top:160px}
    }
    @media only screen and (max-width: 767px) {
    .infotechno-hero-inner-images{max-width:327px;margin:auto}
    .infotechno-hero-inner-images .infotechno-inner-one{max-width:260px;margin:auto}
    }
    .infotechno-inner-one{position:absolute;top:10px}
    .infotechno-inner-two{z-index:1;position:relative}
    .infotechno-hero-text{max-width:605px;float:right;width:100%;padding-left:30px}
    @media only screen and (max-width: 767px) {
    .infotechno-hero-text{padding-left:0;float:inherit;margin:50px auto 20px}
    }
    .infotechno-video-bg{background-size:cover;background-repeat:no-repeat}
    .infotechno-video-ptb{padding:150px 0}
    @media only screen and (min-width: 768px) and (max-width: 991px),only screen and (max-width: 767px) {
    .infotechno-video-ptb{padding-top:100px;padding-bottom:100px}
    }
    .infotechno-blog-list li{position:relative;text-align:left}
    .infotechno-blog-list li:first-child a{margin-top:-16px}
    .infotechno-blog-list li a{position:relative;font-size:15px;font-weight:500;padding:0 0 0 50px;margin-top:10px;color:#000!important}
    .infotechno-blog-list li a:hover{cursor:default}
    .infotechno-blog-list li a::before,.infotechno-blog-list li a::after{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:"Font Awesome 5 Pro";font-weight:900;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .infotechno-blog-list li a::after,.infotechno-blog-list li a::before{font-family:"Font Awesome 5 Free";font-weight:600;content:"\f30b";position:absolute;top:7px;left:25px}
    .infotechno-blog-list li a::before{opacity:0;visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
    .infotechno-blog-list li a:hover::before{opacity:1;visibility:visible;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
    .infotechno-blog-list li a:hover::after{opacity:0;visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}
    @-webkit-keyframes animateUpDown {
    0%{-webkit-transform:translateY(0px);transform:translateY(0px)}
    50%{-webkit-transform:translateY(-25px);transform:translateY(-25px)}
    100%{-webkit-transform:translateY(0px);transform:translateY(0px)}
    }
    @keyframes animateUpDown {
    0%{-webkit-transform:translateY(0px);transform:translateY(0px)}
    50%{-webkit-transform:translateY(-25px);transform:translateY(-25px)}
    100%{-webkit-transform:translateY(0px);transform:translateY(0px)}
    }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .modern-it-company-hero{margin-bottom:0}
    }
    @media only screen and (max-width: 767px),only screen and (min-width: 768px) and (max-width: 991px) {    
    }
    .modern-it-company-form-wrap{max-width:550px}
    @media (min-width: 1200px) {
    .modern-it-company-hero-image{position:absolute;top:176px;right:10px}   
    }
    .modern-it-company-hero-image{text-align:right;margin:auto;margin-top:60px}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .modern-it-company-hero-image{text-align:center}
    }    
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .modern-it-company-hero-text h1{font-size:26px}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .modern-it-company-hero-text h1{font-size:20px}
    }
    @media only screen and (max-width: 767px) {
    .modern-it-company-hero-text h1{font-size:20px}    
    }
    .modern-it-company-hero-text .sort-dec{margin-top:20px;font-size:20px;font-weight:500;color:#242424;line-height:1.3;color: #ffffff;}
    .modern-it-company-hero-text .book-box{margin-top:100px;margin-bottom:30px;position:relative}
    .modern-it-company-hero-text .book-box .image{position:absolute;top:-30px;left:-80px}
    @media only screen and (max-width: 767px),only screen and (min-width: 768px) and (max-width: 991px) {
    .modern-it-company-hero-text .book-box{margin-top:40px;margin-bottom:30px}
    }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .modern-it-company-hero-text .book-box{margin-top:40px;margin-bottom:30px}
    }
    .modern-it-company-hero-text .book-text{max-width:340px}
    @media only screen and (max-width: 767px),only screen and (min-width: 768px) and (max-width: 991px) {
    .modern-it-company-hero-text .book-text{max-width:100%}
    }
    .hero-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
    @media only screen and (max-width: 767px) {
    .hero-button{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
    }
    @media only screen and (max-width: 575px) {
    .hero-button{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
    .hero-button .btn{min-width:140px;padding:0 24px}
    .modern-it-company-hero-text h1 span{font-size: 30px;}
    }
    .hero-popup-video{margin-left:20px}
    .hero-popup-video a{display:inline-block;-webkit-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);-o-transition:all .7s cubic-bezier(0.645,0.045,0.355,1);transition:all .7s cubic-bezier(0.645,0.045,0.355,1)}
    .hero-popup-video a .video-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
    .hero-popup-video a .video-content .video-text{margin-left:8px;color:#fff;font-weight:500;font-size:14px}
    .hero-popup-video .video-play{font-size:10px;display:inline-block;margin:0;border:1px solid #ddd;border-radius:50%;height:30px;width:30px;line-height:30px;color:#fff}
    .hero-popup-video .video-play .video-play-icon i{color:#fff}
    .hero-brand-wrap{margin-top:150px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-brand-wrap{margin-right:30px;margin-top:100px}
    }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-brand-wrap{margin-right:30px;margin-top:100px}
    }
    @media only screen and (max-width: 767px) {
        .hero-brand-wrap{margin-top:50px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
        .filter-block .filtr-item {padding: 0 10px; width: 49% !important;}
    }
    .hero-brand-wrap .brand-logo{position:relative;margin-right:50px}
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-brand-wrap .brand-logo{margin-right:30px}
    }
    @media only screen and (max-width: 767px),only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-brand-wrap .brand-logo{margin:0 10px}
    }
    .hero-brand-wrap .brand-logo__image{-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
    .hero-brand-wrap .brand-logo__image-hover{visibility:hidden;opacity:0;-webkit-transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);transform:scale(0.8,0.8);-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;position:absolute;top:0;left:0;width:100%}
    .hero-brand-wrap .brand-logo:hover .brand-logo__image{visibility:hidden;opacity:0;-webkit-transform:scale(0.8,0.8);-ms-transform:scale(0.8,0.8);transform:scale(0.8,0.8)}
    .hero-brand-wrap .brand-logo:hover .brand-logo__image-hover{opacity:1;visibility:visible;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:3}
    .swiper-pagination-machine{position:absolute;width:auto!important;margin-bottom:50px}
    .products-wrap .swiper-wrapper .swiper-slide .ht-box-icon{margin-bottom:30px;}
    .products-wrap .swiper-wrapper .swiper-slide .ht-box-icon .icon-box-wrap{box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;}
    .products-wrap .swiper-wrapper .swiper-slide .ht-box-icon .icon-box-wrap .content p.text{text-overflow:ellipsis;overflow:hidden;margin-bottom:0;}
    .productsGrid .ht-large-box-images .content .heading{font-size:20px; font-weight: 600;}
    .productsGrid .box-image .default-image{min-height:240px}
    .modal-content{ border-radius: 5px;}
    .modal-header{padding-top:10px;padding-bottom:10px;border-bottom:0;color:#000; box-shadow: 15px 2px 27px rgba(0,0,0,0.2)}
    .modal-header .modal-title{color:#000; font-size: 24px;font-weight: 600;}    
    .modal-header .btn-close{--bs-btn-close-bg:none;--bs-btn-close-opacity:1;padding:0;width:40px;height:30px;color:#000;font-size:22px;font-size:24px;line-height:normal}
    .modal-body{color:#000!important;padding-top:20px;padding-bottom:30px!important; position: relative;}
    .modal-body:before{content: "";background-image:url(../images/bg/circuit-bg.jpg); background-repeat: repeat; background-size: contain;background-position: center center; position: absolute; width: 100%;
        height: 100%;opacity: 0.09;left: 0; top: 0;z-index: 0;}
    .modal-body .modalbodyInfo{text-align:center}    
    .modal-body .modalbodyInfo .productImg{ margin-bottom: 20px;}
    .productImg img{-webkit-filter: drop-shadow(5px 5px 5px #5c5858);filter: drop-shadow(5px 5px 5px #5c5858);}
    .modal-body .modalbodyInfo.reset{align-items:flex-start}
    .modal-footer{border-top:0}
    .modal-footer button.ht-btn.ht-btn-sm{margin:0;height:40px;line-height:normal}
    .techList aside{margin-bottom:25px;min-height:421px}
    .techList aside .list-group-wrap{box-shadow:2px 2px 10px 2px #ccc;border-radius:5px;padding:20px;height:100%}
    .mansory{column-gap:5px;column-count:3}
    .mansory aside{display:inline-block;padding:10px;width:100%}
    .logo-slider-nav .swiper-button{background-image:none;background-color:#fff;font-size:30px;line-height:40px;color:#3962d4;margin-top:-30px;border-radius:50px;width:40px;height:40px;text-align:center;box-shadow:1px 1px 7px rgba(0,0,0,0.3)}
    .logo-slider-nav .swiper-button-prev{margin-left:-5px}
    .products-slider .logo-slider-nav .swiper-button-prev{margin-left:-10px}
    
    #Extension1-particles{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}
    .industries-wrapper:before,.industries-wrapper:after,.about:before,.about:after,.tech:before,.tech:after,.careersWatermark1:before,.careersWatermark2:after,.watermark:before,.watermark:after,.watermark2:before,.watermark2:after,.services_watermark:before,.services_watermark:after,.business:before,.cloud-computing0:before,.cloud-computing1:after,.aws:after{position:absolute;content:"";background-repeat:no-repeat;background-position:left 2% center;top:0;left:0;width:100%;height:100%;opacity:.6;background-size:8%;z-index: -1;}
    .business:before{background-image:url(../images/bg/cpu.webp);background-size:6%;background-position:left 50px top 60px}
    .services_watermark:before{background-image:url(../images/bg/computer.webp);background-size:6%;background-position:left 50px top 60px}
    .services_watermark:after{background-image:url(../images/bg/python.webp);background-size:6%;background-position:right 50px bottom 300px}
    .cloud-computing0:before{background-image:url(../images/bg/cloud-computing.webp);background-position:right 50px bottom 50px}
    .cloud-computing1:after{background-image:url(../images/bg/cloud-computing1.webp);background-position:right 50px top 50px}
    .aws:after{background-image:url(../images/bg/aws.webp);background-position:left 50px bottom 250px;background-size:12%}
    .industries-wrapper:before{background-image:url(../images/bg/microprocessor.webp)}
    .industries-wrapper:after{background-image:url(../images/bg/networking.webp);background-position:right 50px top 0}
    .about:before{background-image:url(../images/bg/office-building.webp)}
    .tech:before{background-image:url(../images/bg/cpu.webp);background-size:6%}
    /* .tech:after{background-image:url(../images/bg/android-logo.webp);background-position:right 50px top 100px;background-size:6%} */
    .careersWatermark1:before{background-image:url(../images/bg/promotion.webp)}
    .careersWatermark2:after{background-image:url(../images/bg/career.webp);background-size:8%;background-position:right 50px bottom 100px}
    .ht-tab__content{padding:0 20px;}
    .ht-tab-wrap .text-center{ position: sticky;top: 95px;}
    .about:after{background-image:url(../images/bg/company.webp);background-position:right 2% top 100px}
    .watermark{width:100%;height:100%}
    .watermark:before{background-image:url(../images/bg/wifi-router.webp);background-size:6%}
    .watermark:after{background-image:url(../images/bg/magnetic-sensor.webp);background-position:right 50px top 100px;background-size:6%}
    .watermark2:before{background-image:url(../images/bg/laptop.webp);background-size:6%;background-position:left 50px top 300px}
    .watermark2:after{background-image:url(../images/bg/bluetooth.webp);background-position:right 40px bottom 400px;background-size:6%}
    .contact-form-wrap.footer .contact-inner input{height:36px}
    .gmap_canvas iframe{border-radius:10px;box-shadow:1px 3px 9px rgba(0,0,0,0.4)}
    .contact-form-wrap.footer .contact-input .contact-inner{margin:0 0 10px}
    .contact-form-wrap label.error{color:red!important; display:block;}
    .contact_info_box{box-shadow:0 3px 15px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.03);padding: 44px 15px;border-radius: 5px;border-bottom: 3px solid #3962d4;}
    .iti{width:100%}
    .header-right-inner .icon{font-size:32px;position:absolute}
    .header-right-inner .txt{font-size:20px}
    .products{position:relative}
    .products aside a{padding-bottom:25px;height:100%}    
    .mailUs .info{padding-left:54px; color: #fff;}
    .mailUs a{position:relative;color:#086AD8}
    .mailUs a:before{position:absolute;font-family:FontAwesome;content:"\f0e0";font-size:40px;top:0;line-height:normal;color:#fff}
    .header-sticky.is-sticky .mailUs a:before, .header-sticky.is-sticky .mailUs a span, .header-sticky.is-sticky .mailUs .info{color: #000;}
    .mailUs a span{display:block;font-size:20px;line-height:normal;font-weight:600;color:#fff}
    .mobile-menu-overlay__header .logo img{width:180px}
    .brand-logo-slider__container a:hover,.technologies-slider__container a:hover{cursor:default!important}
    
    form:has(:invalid) :where(input:not([type]), button[type="submit"]){opacity:.7!important;cursor:not-allowed!important;pointer-events:none;background:#c7c7c7}
    
    .sub-title{color:#535353;font-size:14px!important;letter-spacing:3px;text-transform:uppercase;line-height:1.43;font-weight:700;margin-top:-5px}
    @keyframes blink {
    0%{opacity:.2}
    20%{opacity:1}
    100%{opacity:.2}
    }
    .saving{font-size:15px;font-weight:600}
    .saving span{color:#086AD8;animation-name:blink;font-size:60px;line-height:0;animation-duration:1.4s;animation-iteration-count:infinite;animation-fill-mode:both}
    .saving span:nth-child(2){animation-delay:.2s}
    .saving span:nth-child(3){animation-delay:.4s}
    .saving span:nth-child(4){animation-delay:.6s}

    .accordion-item{margin-bottom: 3px;}
    .accordion-button:focus{box-shadow:none;}
    .accordion-header .accordion-button{font-size: 20px;font-weight: 700;z-index: 0;} 
    .product_detail figure{text-align: center;}
    
    
    .captch_box{
        position:relative;
        display:inline-block;
        margin-bottom:15px;
        border: 1px solid #ebebeb;
        border-radius: 2px;
    }
    .captch_box input{
        padding: 5px 10px;
        background: #cfe4ff;
        border: none;
        border-radius: 5px;
        color: #595959;
        font-size: 15px;
    }
    .captch_input input {
        height: 40px;
        padding: 5px 15px;
        font-size: 15px;
    }
    .refresh_button{
        background: transparent;
        border: none;
        color: #343434;
        font-size: 16px;
        position: absolute;
        right: 10px;
        z-index: 2;
        top: 3px;
    }
    .captcha-form{
        display:flex; gap:15px;
    }
    .captcha-btn button:hover{ transform:none;}
    .captch_box input {
        padding: 5px 10px;
        background: #f8f8f8;
        border: none;
        border-radius: 5px;
        color: #000;
        font-size: 15px;
        background-image: url(../images/captcha-pattren.webp);
        background-size: cover;
        background-position: center center;
    }
    .captcha.message{ display:none; }
    .captcha.message.active { display:block; }
    
    
    
    
    
    
    
    
    @keyframes snow-loader {
	from {
		transform: rotateY(0deg);
	}

	to {
		transform: rotateY(90deg);
	}
}

@keyframes snow-loader-zoom {
	from {
		transform: scale(1, 1) rotateZ(0deg);
		color: rgb(200, 241, 255, 0.8);
	}

	to {
		color: #123;
		transform: scale(200, 200) rotateZ(360deg);
	}
}

.loader-text {
	font-size: 25px;
	color: rgb(200, 241, 255);
}

.main {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	max-width: 50%;
	width:100%;
	height: 100%;
	opacity: 0;
	animation: main-loadup 1s forwards linear, main-loadup-bg 10s forwards linear;
	animation-delay: 1s, 2s;
}

@keyframes main-loadup {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes main-loadup-bg {
	from {
		background-size: 100% 100%;
		background-position: 0% 0%;
	}

	to {
		background-size: 400% 400%;
		background-position: 0% 100%;
	}
}

.initial-snow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.initial-snow > * {
	font-size: 50px;
	color: white;
	position: absolute;
	top: -5vh;
}

@keyframes snowfall {
	0% {
		transform: translate3d(var(--left-ini), 0, 0);
	}

	100% {
		transform: translate3d(var(--left-end), 110vh, 0);
	}
}

.snow:nth-child(2n) {
	filter: blur(1px);
	font-size: 40px;
}

.snow:nth-child(6n) {
	filter: blur(2px);
	font-size: 30px;
}

.snow:nth-child(10n) {
	filter: blur(5px);
	font-size: 30px;
}

.snow:nth-child(1) {
	--size: 0.8vw;
	--left-ini: 0vw;
	--left-end: -1vw;
	left: 70vw;
	animation: snowfall 9s linear infinite;
	animation-delay: -1s;
}

.snow:nth-child(2) {
	--size: 0.2vw;
	--left-ini: -7vw;
	--left-end: 10vw;
	left: 65vw;
	animation: snowfall 15s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(3) {
	--size: 1vw;
	--left-ini: 6vw;
	--left-end: 6vw;
	left: 1vw;
	animation: snowfall 9s linear infinite;
	animation-delay: -7s;
}

.snow:nth-child(4) {
	--size: 0.2vw;
	--left-ini: -3vw;
	--left-end: 9vw;
	left: 88vw;
	animation: snowfall 14s linear infinite;
	animation-delay: -5s;
}

.snow:nth-child(5) {
	--size: 0.4vw;
	--left-ini: -2vw;
	--left-end: -9vw;
	left: 74vw;
	animation: snowfall 6s linear infinite;
	animation-delay: -4s;
}

.snow:nth-child(6) {
	--size: 0.2vw;
	--left-ini: 5vw;
	--left-end: 1vw;
	left: 35vw;
	animation: snowfall 6s linear infinite;
	animation-delay: -7s;
}

.snow:nth-child(7) {
	--size: 0.4vw;
	--left-ini: -2vw;
	--left-end: -1vw;
	left: 27vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(8) {
	--size: 1vw;
	--left-ini: -9vw;
	--left-end: -2vw;
	left: 69vw;
	animation: snowfall 8s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(9) {
	--size: 0.2vw;
	--left-ini: -1vw;
	--left-end: -5vw;
	left: 84vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -6s;
}

.snow:nth-child(10) {
	--size: 0.2vw;
	--left-ini: 7vw;
	--left-end: -9vw;
	left: 82vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -3s;
}

.snow:nth-child(11) {
	--size: 0.6vw;
	--left-ini: -2vw;
	--left-end: -1vw;
	left: 48vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -1s;
}

.snow:nth-child(12) {
	--size: 0.2vw;
	--left-ini: 5vw;
	--left-end: 6vw;
	left: 39vw;
	animation: snowfall 15s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(13) {
	--size: 0.2vw;
	--left-ini: 6vw;
	--left-end: 5vw;
	left: 3vw;
	animation: snowfall 9s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(14) {
	--size: 0.8vw;
	--left-ini: -5vw;
	--left-end: -2vw;
	left: 49vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(15) {
	--size: 0.6vw;
	--left-ini: 10vw;
	--left-end: 4vw;
	left: 77vw;
	animation: snowfall 7s linear infinite;
	animation-delay: -4s;
}

.snow:nth-child(16) {
	--size: 0.8vw;
	--left-ini: -3vw;
	--left-end: 1vw;
	left: 86vw;
	animation: snowfall 14s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(17) {
	--size: 1vw;
	--left-ini: 6vw;
	--left-end: -7vw;
	left: 18vw;
	animation: snowfall 9s linear infinite;
	animation-delay: -6s;
}

.snow:nth-child(18) {
	--size: 1vw;
	--left-ini: -9vw;
	--left-end: 4vw;
	left: 64vw;
	animation: snowfall 13s linear infinite;
	animation-delay: -7s;
}

.snow:nth-child(19) {
	--size: 1vw;
	--left-ini: 2vw;
	--left-end: -7vw;
	left: 52vw;
	animation: snowfall 15s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(20) {
	--size: 0.4vw;
	--left-ini: 0vw;
	--left-end: 8vw;
	left: 5vw;
	animation: snowfall 8s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(21) {
	--size: 0.6vw;
	--left-ini: -9vw;
	--left-end: -2vw;
	left: 10vw;
	animation: snowfall 12s linear infinite;
	animation-delay: -3s;
}

.snow:nth-child(22) {
	--size: 0.8vw;
	--left-ini: -3vw;
	--left-end: -8vw;
	left: 54vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(23) {
	--size: 0.6vw;
	--left-ini: -7vw;
	--left-end: -8vw;
	left: 20vw;
	animation: snowfall 6s linear infinite;
	animation-delay: -3s;
}

.snow:nth-child(24) {
	--size: 0.4vw;
	--left-ini: 10vw;
	--left-end: -4vw;
	left: 68vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(25) {
	--size: 1vw;
	--left-ini: 3vw;
	--left-end: 5vw;
	left: 90vw;
	animation: snowfall 7s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(26) {
	--size: 1vw;
	--left-ini: -7vw;
	--left-end: 5vw;
	left: 71vw;
	animation: snowfall 13s linear infinite;
	animation-delay: -2s;
}

.snow:nth-child(27) {
	--size: 0.6vw;
	--left-ini: 9vw;
	--left-end: 4vw;
	left: 2vw;
	animation: snowfall 15s linear infinite;
	animation-delay: -5s;
}

.snow:nth-child(28) {
	--size: 1vw;
	--left-ini: -5vw;
	--left-end: 3vw;
	left: 23vw;
	animation: snowfall 12s linear infinite;
	animation-delay: -1s;
}

.snow:nth-child(29) {
	--size: 0.4vw;
	--left-ini: -2vw;
	--left-end: -1vw;
	left: 39vw;
	animation: snowfall 14s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(30) {
	--size: 0.6vw;
	--left-ini: -9vw;
	--left-end: -5vw;
	left: 76vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -5s;
}

.snow:nth-child(31) {
	--size: 0.4vw;
	--left-ini: -5vw;
	--left-end: 3vw;
	left: 14vw;
	animation: snowfall 8s linear infinite;
	animation-delay: -5s;
}

.snow:nth-child(32) {
	--size: 0.2vw;
	--left-ini: 5vw;
	--left-end: -1vw;
	left: 86vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(33) {
	--size: 0.4vw;
	--left-ini: -3vw;
	--left-end: 10vw;
	left: 66vw;
	animation: snowfall 6s linear infinite;
	animation-delay: -6s;
}

.snow:nth-child(34) {
	--size: 1vw;
	--left-ini: -3vw;
	--left-end: 6vw;
	left: 75vw;
	animation: snowfall 14s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(35) {
	--size: 1vw;
	--left-ini: -6vw;
	--left-end: 7vw;
	left: 22vw;
	animation: snowfall 7s linear infinite;
	animation-delay: -5s;
}

.snow:nth-child(36) {
	--size: 1vw;
	--left-ini: 3vw;
	--left-end: 4vw;
	left: 10vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -10s;
}

.snow:nth-child(37) {
	--size: 0.6vw;
	--left-ini: 2vw;
	--left-end: 10vw;
	left: 95vw;
	animation: snowfall 13s linear infinite;
	animation-delay: -6s;
}

.snow:nth-child(38) {
	--size: 0.8vw;
	--left-ini: 5vw;
	--left-end: 8vw;
	left: 34vw;
	animation: snowfall 9s linear infinite;
	animation-delay: -10s;
}

.snow:nth-child(39) {
	--size: 0.8vw;
	--left-ini: 4vw;
	--left-end: 0vw;
	left: 80vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -2s;
}

.snow:nth-child(40) {
	--size: 0.8vw;
	--left-ini: 1vw;
	--left-end: -7vw;
	left: 45vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -4s;
}

.snow:nth-child(41) {
	--size: 0.2vw;
	--left-ini: 9vw;
	--left-end: 10vw;
	left: 82vw;
	animation: snowfall 8s linear infinite;
	animation-delay: -2s;
}

.snow:nth-child(42) {
	--size: 1vw;
	--left-ini: 9vw;
	--left-end: -9vw;
	left: 22vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -6s;
}

.snow:nth-child(43) {
	--size: 0.6vw;
	--left-ini: 5vw;
	--left-end: 8vw;
	left: 66vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -1s;
}

.snow:nth-child(44) {
	--size: 0.6vw;
	--left-ini: -5vw;
	--left-end: -2vw;
	left: 75vw;
	animation: snowfall 12s linear infinite;
	animation-delay: -4s;
}

.snow:nth-child(45) {
	--size: 0.2vw;
	--left-ini: 0vw;
	--left-end: 3vw;
	left: 2vw;
	animation: snowfall 7s linear infinite;
	animation-delay: -5s;
}

.snow:nth-child(46) {
	--size: 0.2vw;
	--left-ini: 8vw;
	--left-end: -3vw;
	left: 94vw;
	animation: snowfall 8s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(47) {
	--size: 0.6vw;
	--left-ini: -6vw;
	--left-end: -9vw;
	left: 95vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -4s;
}

.snow:nth-child(48) {
	--size: 0.2vw;
	--left-ini: -5vw;
	--left-end: 6vw;
	left: 34vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -6s;
}

.snow:nth-child(49) {
	--size: 0.8vw;
	--left-ini: 4vw;
	--left-end: 8vw;
	left: 22vw;
	animation: snowfall 12s linear infinite;
	animation-delay: -10s;
}

.snow:nth-child(50) {
	--size: 0.2vw;
	--left-ini: -4vw;
	--left-end: 4vw;
	left: 100vw;
	animation: snowfall 14s linear infinite;
	animation-delay: -9s;
}