@font-face {
    font-family:'Font Awesome 5 Pro';
    src:url('/fonts/fa-light-300.woff2')format('woff2');
    font-weight: 300;
    font-tyle: normal;
    font-display:swap;
}
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;
0,500;
0,600;
0,700;
0,800;
0,900;
1,600&family=Poppins:ital,wght@0,400;
0,500;
0,600;
0,700;
1,400&display=swap);
.preloader .loader .row,.single-service-top-icon,body,html {
    height:100%
}
*,hr,html,li,ul {
    padding:0;
    margin:0
}
select#brand_select,textarea.form-control {
    padding:12px;
    font-size:14px;
    transition:.3s
}
a,body {
    line-height:28px
}
.bg-overlay,.coverbg {
    background-size:cover!important
}
.bg-overlay,.fix {
    position:relative;
    z-index:1
}
#scrollUp,body {
    font-weight:400
}
*,figure,header ul,hr,html,li,p,ul {
    margin:0
}
.fs-lg,.preloader p,header .logo_text {
    text-transform:uppercase
}
.mobile-nav,html {
    scroll-behavior:smooth
}
.single-service-box h4,body,h1,h2,h3,h4,h5,h6 {
    font-family:Poppins,sans-serif
}
.list-unstyled,.mobile-nav ul.sub-menu li,.service-list,.submenu-column li,.submenu-single li,footer ul,footer ul li,li,nav .breadcrumb,nav .breadcrumb li {
    list-style:none
}
.mobile-nav,html {
    overflow-x:hidden
}
* {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html {
    width:100%;
    overflow-y:scroll
}
.py_8 {
    padding:60px 0
}
a,article,aside,audio,body,caption,div,figure,footer,h1,h2,h3,h4,h5,h6,header,hgroup,html,img,label,legend,li,mark,nav,ol,option,p,section,span,table,td,th,time,tr,ul,video {
    margin:0;
    padding:0;
    border:0;
    outline:0
}
img {
    max-width:100%
}
a:active,a:focus,a:hover {
    text-decoration:none;
    outline:0!important;
    border:0
}
input::-moz-focus-inner {
    border:0;
    display:none
}
input::-webkit-focus-inner {
    border:0;
    display:none
}
input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-box-shadow:0 0 0 1000px rgba(119,255,210,.788) inset!important
}
.faq-accordion-2 .accordion .accordion-item .accordion-header .accordion-button:focus,input:focus,select:focus,textarea:focus {
    outline:0
}
::-webkit-input-placeholder {
    color:#666;
    opacity:1
}
:-ms-input-placeholder {
    opacity:1;
    color:#666
}
::-ms-input-placeholder {
    opacity:1;
    color:#666
}
::placeholder {
    color:#666;
    opacity:1
}
.overlay,.scroll-up {
    opacity:0;
    visibility:hidden
}
table {
    border-collapse:collapse
}
.about-images-video-popup,.about-img-funfact-content,.comments-item-list .single-comment-item .author-info-comment .info,.hero-3,.left-bg-overlay,.nav-item,.request-a-quote-section,.testimonial-carousel-grid-active,a,button,form,header.header-3 {
    position:relative
}
.form-control:focus {
    outline:0!important;
    border:1px solid #e3e3e3!important;
    -webkit-box-shadow:0 0 0;
    box-shadow:0 0 0
}
h1 a,h1:hover a,h2 a,h2:hover a,h3 a,h3:hover a,h4 a,h4:hover a,h5 a,h5:hover a,h6 a,h6:hover a {
    font-size:inherit;
    color:inherit
}
hr {
    border-color:#000
}
ul {
    list-style-type:none
}
li {
    position:relative
}
a:focus,a:hover,button:focus,button:hover {
    outline:0;
    text-decoration:none
}
button,input,textarea {
    border:0
}
body {
    font-size:16px;
    color:#6d6d6d;
    background-color:#fff
}
.blog-wrapper .single-blog-post .post-content .post-link a,.service-details-wrapper h1,.service-details-wrapper h2,.service-details-wrapper h3,.service-details-wrapper h4,.service-details-wrapper h5,.service-details-wrapper h6,.sub-menu li a,.theme-btn,.video-play-btn .play-text,h1,h2,h3,h4,h5,h6 {
    font-weight:600
}
h1,h2,h3,h4,h5,h6 {
    margin:0 0 15px;
    color:#0d0d0f;
    line-height:130%
}
h1 {
    font-size:48px
}
.gallery-grid {
    display:flex;
    gap:10px
}
.gallery-grid img {
    width:100px;
    border-radius:8px;
    cursor:pointer
}
.email-text a {
    color:#333;
    font-size:14px;
    text-decoration:none
}
.email-text i {
    margin-right:5px;
    color:#007bff
}
header input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-box-shadow:unset!important
}
img.product-img {
    width:100%;
    height:30%;
    display:block;
    object-fit:cover;
    border-radius:8px
}
.modal-image {
    max-width:100%;
    height:88%;
    object-fit:cover;
    border-radius:8px
}
.form-container,.model-content-form {
    width:100%
}
.form_popup {
    padding:20px
}
.form-control {
    width:100%;
    padding:8px;
    font-size:14px
}
textarea.form-control {
    min-height:calc(1.5em + .75rem + 2px);
    width:100%;
    border:1px solid #ddd;
    border-radius:5px;
    background-color:#fff
}
.issue-card-brand-items,select#brand_select {
    border:1px solid #ddd;
    background-color:#fff
}
select#brand_select {
    width:100%;
    border-radius:5px
}
.btn-primary {
    width:100%;
    padding:10px;
    font-size:16px
}
.issue-card,.issue-card-brand-items,.issue-card-issues-items {
    padding:10px;
    height:100%;
    width:100%
}
.brand-item {
    aspect-ratio:2/1;
    display:block
}
.issue-card-brand-items {
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center
}
.issue-card-issues-items {
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:8px
}
.issue-card {
    border:1px solid #e5e2e2;
    border-radius:8px;
    aspect-ratio:2/1;
    text-align:center;
    min-height:149px
}
.img_under_popup,.pb-5 {
    padding-bottom:5px
}
.search-bar {
    max-width:30%;
    border-radius:25px;
    padding:2px 15px;
    font-size:15px;
    width:100%;
    border:1px solid #afafaf;
    transition:.3s;
    justify-self:center;
    margin-top:30px
}
.blog-wrapper .single-blog-post.post-details .post-content,.checkout_btn button,.form-control,.write_review_btn button,button {
    border:none
}
.fa-search {
    color:#a3a2a2;
    transition:background-color .3s
}
h2 {
    font-size:30px
}
h3 {
    font-size:24px
}
#scrollUp,.main-sidebar .single-sidebar-widget .wid-title h3,h4 {
    font-size:22px
}
h5 {
    font-size:20px
}
h6 {
    font-size:18px
}
a {
    text-decoration:none;
    outline:0!important;
    cursor:pointer;
    font-size:16px;
    -webkit-transition:.35s ease-in-out;
    transition:.35s ease-in-out;
    color:#0d0d0f
}

section.cta-banner-wrapper.bottom_website_form {
    margin-bottom: 120px;
}



.fs-lg {
    font-size:50px;
    line-height:1.25
}
#scrollUp,.scroll-up {
    line-height:44px;
    right:20px;
    text-align:center;
    width:40px
}
.logo img {
    width:100%;
    max-width:180px
}
.single-icon-box.wow.fadeInUp {
    height:100%;
    max-height:321px
}
.checklist-wrapper.style3 {
    display:flex;
    align-items:center;
    gap:30px;
    margin-top:35px;
    margin-bottom:20px
}
ul.checklist.style3 li {
    display:flex;
    gap:10px;
    margin-bottom:10px;
    border:1px solid #fff;
    padding:5px 8px;
    border-radius:4px
}
.bg-gradient h1,.bg-gradient h2,.bg-gradient h3,.bg-gradient h4,.bg-gradient h5,.bg-gradient h6,.bg-gradient span,.bg-gradient span::before,.blog-wrapper .single-blog-post.post-details .wp-block-quote a,.blog-wrapper .single-blog-post.post-details blockquote a,.book-btn :hover,.comments-item-list .single-comment-item .author-info-comment .theme-btn:hover a,.page-banner-wrap .breadcrumb .breadcrumb-item a:hover,.page-banner-wrap .breadcrumb .breadcrumb-item+.breadcrumb-item,.scroll-up i,.service-details-contents .contents .single-service-features:hover .icon,.service-details-contents .contents .single-service-features:hover h5,.service-details-contents .contents .single-service-features:hover p,.service-details-contents .contents .wp-block-quote a,.service-details-contents .contents blockquote a,.single-project-card .content p,.single-service-top-icon:hover h4 a,.single-service-top-icon:hover p,footer .single-footer-wid .wid-title h3,header.header-1 .main-menu ul>li:hover>a,header.header-1 .main-menu ul>li:hover>ul li:hover ul a:hover,header.header-3 .main-menu ul>li:hover>ul li:hover ul a:hover,ul.checklist.style3 li a {
    color:#fff
}
@media (min-width:767px) and (max-width:991px) {
    .fs-lg {
        font-size:42px
    }
}
.coverbg {
    background-repeat:no-repeat;
    background-position:50% 50%
}
.mx-auto {
    margin:0 auto
}
.align-center {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.align-center-h,.align-center-v {
    display:-webkit-box;
    display:-ms-flexbox
}
.align-center-h:after,.align-center-h:before,.align-center-v-b:after,.align-center-v-b:before,.align-center-v:after,.align-center-v:before,.align-center:after,.align-center:before,.eq-height:after,.eq-height:before,.justify-content-center:after,.justify-content-center:before {
    content:none
}
.align-center-h {
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.align-center-v {
    height:100%;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.align-center-v-b {
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
.justify-content-center {
    -webkit-box-pack:center!important;
    -ms-flex-pack:center!important;
    justify-content:center!important;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.eq-height {
    display:-webkit-box;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-o-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    -o-flex-wrap:wrap;
    flex-wrap:wrap
}
.hero-1 .single-slide .hero-contents a:hover,.section-title.text-white>span::before,.single-news-card.active a,.single-news-card.active h5,.single-news-card.active h6,.single-news-card.active p,.single-news-card.active span,.single-news-card:hover a,.single-news-card:hover h5,.single-news-card:hover h6,.single-news-card:hover p,.single-news-card:hover span,.text-white a,.text-white h1,.text-white h2,.text-white h3,.text-white h4,.text-white h5,.text-white h6,.text-white p,.text-white span,header.transparent-menu ul li a {
    color:#fff!important
}
.mlm-30 {
    margin-left:-30px
}
.pl-5 {
    padding-left:5px
}
.pl-10 {
    padding-left:10px
}
.mobile-nav ul.sub-menu,.pl-15 {
    padding-left:15px
}
.main-sidebar .single-sidebar-widget ul ul,.pl-20 {
    padding-left:20px
}
.pl-25 {
    padding-left:25px
}
.checked-list li,.pl-30 {
    padding-left:30px
}
.pl-35 {
    padding-left:35px
}
.mobile-nav .sidebar-nav .metismenu ul a:hover,.pl-40 {
    padding-left:40px
}
.pl-45 {
    padding-left:45px
}
.pl-50 {
    padding-left:50px
}
.pl-60 {
    padding-left:60px
}
.pl-65 {
    padding-left:65px
}
.faq-accordion-2 .accordion .accordion-item .accordion-collapse .accordion-body,.pl-70 {
    padding-left:70px
}
.pl-75 {
    padding-left:75px
}
.pl-80 {
    padding-left:80px
}
.pl-90 {
    padding-left:90px
}
.pl-100 {
    padding-left:100px
}
.pl-110 {
    padding-left:110px
}
.pl-115 {
    padding-left:115px
}
.pl-120 {
    padding-left:120px
}
.pl-125 {
    padding-left:125px
}
.pl-130 {
    padding-left:130px
}
.pl-140 {
    padding-left:140px
}
.pl-150 {
    padding-left:150px
}
.pr-5 {
    padding-right:5px
}
.pr-5i {
    padding-right:5px!important
}
.pr-10 {
    padding-right:10px
}
.pr-15 {
    padding-right:15px
}
.pr-20 {
    padding-right:20px
}
.pr-25 {
    padding-right:25px
}
.pr-30 {
    padding-right:30px
}
.pr-35 {
    padding-right:35px
}
.pr-40 {
    padding-right:40px
}
.pr-45 {
    padding-right:45px
}
.pr-50 {
    padding-right:50px
}
.pr-60 {
    padding-right:60px
}
.pr-70 {
    padding-right:70px
}
.pr-75 {
    padding-right:75px
}
.pr-80 {
    padding-right:80px
}
.about-images-video-popup img:first-of-type,.pr-90 {
    padding-right:90px
}
.pr-100 {
    padding-right:100px
}
.pr-110 {
    padding-right:110px
}
.pr-115 {
    padding-right:115px
}
.pr-120 {
    padding-right:120px
}
.pr-125 {
    padding-right:125px
}
.pr-130 {
    padding-right:130px
}
.pr-140 {
    padding-right:140px
}
.pr-150 {
    padding-right:150px
}
.pt-5 {
    padding-top:5px
}
.pt-10 {
    padding-top:10px
}
.pt-15 {
    padding-top:15px
}
.pt-20 {
    padding-top:20px
}
.pt-25 {
    padding-top:25px
}
.pt-30 {
    padding-top:30px
}
.pt-35 {
    padding-top:35px
}
.contact-form,.pt-40 {
    padding-top:40px
}
.pt-45 {
    padding-top:45px
}
.pt-50 {
    padding-top:50px
}
.pt-60 {
    padding-top:60px
}
.pt-65 {
    padding-top:65px
}
.pt-70 {
    padding-top:70px
}
.pt-75 {
    padding-top:75px
}
.pt-80 {
    padding-top:80px
}
.pt-90 {
    padding-top:90px
}
.pt-100 {
    padding-top:100px
}
.pt-110 {
    padding-top:110px
}
.pt-115 {
    padding-top:115px
}
.pt-120 {
    padding-top:120px
}
.pt-125 {
    padding-top:125px
}
.pt-130 {
    padding-top:130px
}
.pt-140 {
    padding-top:140px
}
.pt-150 {
    padding-top:150px
}
.pb-10 {
    padding-bottom:10px
}
.pb-15 {
    padding-bottom:15px
}
.pb-20 {
    padding-bottom:20px
}
.pb-25 {
    padding-bottom:25px
}
.pb-30 {
    padding-bottom:30px
}
.pb-35 {
    padding-bottom:35px
}
.pb-40 {
    padding-bottom:40px
}
.pb-45 {
    padding-bottom:45px
}
.pb-50,.tag-share-wrap {
    padding-bottom:50px
}
.pb-60 {
    padding-bottom:60px
}
.pb-65 {
    padding-bottom:65px
}
.pb-70 {
    padding-bottom:70px
}
.pb-75 {
    padding-bottom:75px
}
.pb-80 {
    padding-bottom:80px
}
.pb-90 {
    padding-bottom:90px
}
.pb-100 {
    padding-bottom:100px
}
.pb-110 {
    padding-bottom:110px
}
.pb-115 {
    padding-bottom:115px
}
.pb-120 {
    padding-bottom:120px
}
.pb-125 {
    padding-bottom:125px
}
.pb-130 {
    padding-bottom:130px
}
.pb-140 {
    padding-bottom:140px
}
.pb-150 {
    padding-bottom:150px
}
.blog-wrapper .border-wrap .single-blog-post .post-content,.no-padding .col-12,.preloader .loader .loader-section,header ul {
    padding:0
}
.get-in-touch .single-contact-info,.investors-inquire-card .investors-data .investors-contact,.main-sidebar .single-sidebar-widget ul ul li,.mt-5 {
    margin-top:5px
}
.comments-item-list .single-comment-item .author-info-comment .info h5,.investors-inquire-card .investors-data h4,.mb-5,.member-profile-wrapper .member-contact-info h6,.offset-menu .offset-menu-section ul li,.privacyy_ul_hding h3,.single-testimonial-card .content .client-rating {
    margin-bottom:5px
}
.aligncenter,.alignleft,.alignright {
    margin-bottom:1.5em
}
.mask-outline h1,.mask-outline h2,.mask-outline h3 {
    margin-bottom:0;
    line-height:1
}
.checked-list,.comments-item-list .single-comment-item,.contact-form7-wrapper,.member-profile-wrapper .member-info p,.mobile-nav .sidebar-nav,.single-digit-count {
    margin-top:30px
}
@media (max-width:767px) {
    .modal-image,br {
        display:none
    }
    .form_model_diaogs .modal-dialog {
        max-width:100%
    }
    .issues-grid {
        padding-right:13px
    }
    .popup-content {
        transition:transform .3s;
        width:125%;
        padding:0;
        text-align:center;
        cursor:pointer
    }
    .fs-lg {
        font-size:36px
    }
    .pr-5i {
        padding-right:15px!important
    }
    .checked-list {
        margin-top:20px
    }
}
.checked-list.color li::before,.latest-news-card .content i,.main-sidebar .single-sidebar-widget ul>li a:hover,.service-details-contents .contents .wp-block-quote a:hover,.service-details-contents .contents blockquote a:hover,.single-news-box .content .read-btn:hover,.single-news-card .contents .post-cat-date .post-cat a:hover,.single-news-card .contents h5:hover a,.widget_categories ul li a:hover,header .header-right-element .search-btn:hover {
    color:#256ad7
}
.checked-list.right li {
    padding-left:0;
    padding-right:30px
}
.checked-list.right li::before,.section-title h6::after {
    right:0;
    left:auto
}
.checked-list li {
    margin-top:10px;
    position:relative;
    font-size:18px
}
.checked-list li.no::before,.checked-list li.not::before,.single-pricing-plan .plan-service-list li.no::before,.single-pricing-plan .plan-service-list li.not::before {
    content:"\f00d"
}
.checked-list li::before {
    position:absolute;
    left:0;
    top:0;
    font-family:"Font Awesome 5 Pro";
    content:"\f00c";
    color:#5f2dee
}
.bg-overlay {
    background-position:bottom center
}
.bg-overlay::before {
    position:absolute;
    left:0;
    content:"";
    top:0;
    width:100%;
    height:100%;
    background:linear-gradient(94.08deg,#5f2dee 20.35%,#256ad7 74.44%);
    opacity:.64;
    z-index:-1
}
.fix {
    overflow:hidden
}
.shape {
    position:absolute
}
.navbar-brand {
    padding:0;
    margin-right:0
}
.scroll-up {
    position:fixed;
    background:#00baa3;
    border-radius:50%;
    bottom:0;
    color:#fff;
    font-size:18px;
    height:40px;
    -webkit-box-shadow:0 5px 15px 0 rgba(1,29,80,.1);
    box-shadow:0 5px 15px 0 rgba(1,29,80,.1);
    -webkit-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    z-index:990
}
.scroll-up:hover {
    background-color:#f86048;
    color:#fff
}
.scroll-up.active {
    opacity:1;
    visibility:visible;
    bottom:20px
}
.contact-img-wrapper,.faq-wrapper,.our-branch-wrapper,.single-project-card .content,header.header-3 .logo,section {
    position:relative;
    z-index:1
}
section.pt-235 {
    padding-top:225px
}
@-webkit-keyframes sticky {
    0% {
        opacity:0;
        margin-top:-120px
    }
    50% {
        opacity:0;
        margin-top:-60px
    }
    100% {
        opacity:1;
        margin-top:0
    }
}
@keyframes sticky {
    0% {
        opacity:0;
        margin-top:-120px
    }
    50% {
        opacity:0;
        margin-top:-60px
    }
    100% {
        opacity:1;
        margin-top:0
    }
}
.equal {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.equal>[class*=col-],.mobile-nav .sidebar-nav .metismenu {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.overlay {
    -webkit-transition:.2s ease-in-out;
    transition:.2s ease-in-out;
    width:40%
}
.overlay.active {
    position:fixed;
    right:0;
    top:0;
    height:100%;
    width:100%;
    content:"";
    background-color:#000;
    z-index:99;
    opacity:.5;
    visibility:visible
}
@-webkit-keyframes left-to-right {
    0% {
        background-position:left center
    }
    100% {
        background-position:right center
    }
}
@keyframes left-to-right {
    0% {
        background-position:left center
    }
    100% {
        background-position:right center
    }
}
@-webkit-keyframes right-to-left {
    0% {
        background-position:right center
    }
    100% {
        background-position:left center
    }
}
@keyframes right-to-left {
    0% {
        background-position:right center
    }
    100% {
        background-position:left center
    }
}
@-webkit-keyframes left-to-center {
    0% {
        background-position:left center
    }
    100% {
        background-position:center center
    }
}
@keyframes left-to-center {
    0% {
        background-position:left center
    }
    100% {
        background-position:center center
    }
}
@-webkit-keyframes right-to-center {
    0% {
        background-position:right center
    }
    100% {
        background-position:center center
    }
}
@keyframes right-to-center {
    0% {
        background-position:right center
    }
    100% {
        background-position:center center
    }
}
@-webkit-keyframes top-to-bottom {
    0% {
        background-position:center top
    }
    100% {
        background-position:center bottom
    }
}
@keyframes top-to-bottom {
    0% {
        background-position:center top
    }
    100% {
        background-position:center bottom
    }
}
@-webkit-keyframes top-to-center {
    0% {
        background-position:center top
    }
    100% {
        background-position:center center
    }
}
@keyframes top-to-center {
    0% {
        background-position:center top
    }
    100% {
        background-position:center center
    }
}
@-webkit-keyframes bottom-to-top {
    0% {
        background-position:center bottom
    }
    100% {
        background-position:center top
    }
}
@keyframes bottom-to-top {
    0% {
        background-position:center bottom
    }
    100% {
        background-position:center top
    }
}
@-webkit-keyframes bottom-to-center {
    0% {
        background-position:center bottom
    }
    100% {
        background-position:center center
    }
}
@keyframes bottom-to-center {
    0% {
        background-position:center bottom
    }
    100% {
        background-position:center center
    }
}
@-webkit-keyframes top-left-to-bottom-right {
    0% {
        background-position:left top
    }
    100% {
        background-position:right bottom
    }
}
@keyframes top-left-to-bottom-right {
    0% {
        background-position:left top
    }
    100% {
        background-position:right bottom
    }
}
@-webkit-keyframes top-left-to-center {
    0% {
        background-position:left top
    }
    100% {
        background-position:center center
    }
}
@keyframes top-left-to-center {
    0% {
        background-position:left top
    }
    100% {
        background-position:center center
    }
}
@-webkit-keyframes top-right-to-bottom-left {
    0% {
        background-position:right top
    }
    100% {
        background-position:left bottom
    }
}
@keyframes top-right-to-bottom-left {
    0% {
        background-position:right top
    }
    100% {
        background-position:left bottom
    }
}
@-webkit-keyframes top-right-to-center {
    0% {
        background-position:right top
    }
    100% {
        background-position:center center
    }
}
@keyframes top-right-to-center {
    0% {
        background-position:right top
    }
    100% {
        background-position:center center
    }
}
@-webkit-keyframes bottom-left-to-top-right {
    0% {
        background-position:left bottom
    }
    100% {
        background-position:right top
    }
}
@keyframes bottom-left-to-top-right {
    0% {
        background-position:left bottom
    }
    100% {
        background-position:right top
    }
}
@-webkit-keyframes bottom-left-to-center {
    0% {
        background-position:left bottom
    }
    100% {
        background-position:center center
    }
}
@keyframes bottom-left-to-center {
    0% {
        background-position:left bottom
    }
    100% {
        background-position:center center
    }
}
@-webkit-keyframes bottom-right-to-top-left {
    0% {
        background-position:right bottom
    }
    100% {
        background-position:left top
    }
}
@keyframes bottom-right-to-top-left {
    0% {
        background-position:right bottom
    }
    100% {
        background-position:left top
    }
}
@-webkit-keyframes bottom-right-to-center {
    0% {
        background-position:right bottom
    }
    100% {
        background-position:center center
    }
}
@keyframes bottom-right-to-center {
    0% {
        background-position:right bottom
    }
    100% {
        background-position:center center
    }
}
@-webkit-keyframes zoomIn {
    0% {
        background-position:right center
    }
    100% {
        background-position:left center
    }
}
@keyframes zoomIn {
    0% {
        background-position:right center
    }
    100% {
        background-position:left center
    }
}
.animation_left-to-center,.animation_left-to-right {
    background-position:left center
}
.active .animation_left-to-right {
    -webkit-animation:5s forwards left-to-right;
    animation:5s forwards left-to-right
}
.animation_right-to-center,.animation_right-to-left {
    background-position:right center
}
.active .animation_right-to-left {
    -webkit-animation:5s forwards right-to-left;
    animation:5s forwards right-to-left
}
.active .animation_left-to-center {
    -webkit-animation:5s forwards left-to-center;
    animation:5s forwards left-to-center
}
.active .animation_right-to-center {
    -webkit-animation:5s forwards right-to-center;
    animation:5s forwards right-to-center
}
.animation_top-to-bottom,.animation_top-to-center {
    background-position:center top
}
.active .animation_top-to-bottom {
    -webkit-animation:5s forwards top-to-bottom;
    animation:5s forwards top-to-bottom
}
.active .animation_top-to-center {
    -webkit-animation:5s forwards top-to-center;
    animation:5s forwards top-to-center
}
.animation_bottom-to-center,.animation_bottom-to-top {
    background-position:center bottom
}
.active .animation_bottom-to-top {
    -webkit-animation:5s forwards bottom-to-top;
    animation:5s forwards bottom-to-top
}
.active .animation_bottom-to-center {
    -webkit-animation:5s forwards bottom-to-center;
    animation:5s forwards bottom-to-center
}
.animation_top-left-to-bottom-right,.animation_top-left-to-center {
    background-position:left top
}
.active .animation_top-left-to-bottom-right {
    -webkit-animation:5s forwards top-left-to-bottom-right;
    animation:5s forwards top-left-to-bottom-right
}
.active .animation_top-left-to-center {
    -webkit-animation:5s forwards top-left-to-center;
    animation:5s forwards top-left-to-center
}
.animation_top-right-to-bottom-left,.animation_top-right-to-center {
    background-position:right top
}
.active .animation_top-right-to-bottom-left {
    -webkit-animation:5s forwards top-right-to-bottom-left;
    animation:5s forwards top-right-to-bottom-left
}
.active .animation_top-right-to-center {
    -webkit-animation:5s forwards top-right-to-center;
    animation:5s forwards top-right-to-center
}
.animation_bottom-left-to-center,.animation_bottom-left-to-top-right {
    background-position:left bottom
}
.active .animation_bottom-left-to-top-right {
    -webkit-animation:5s forwards bottom-left-to-top-right;
    animation:5s forwards bottom-left-to-top-right
}
.active .animation_bottom-left-to-center {
    -webkit-animation:5s forwards bottom-left-to-center;
    animation:5s forwards bottom-left-to-center
}
.animation_bottom-right-to-center,.animation_bottom-right-to-top-left {
    background-position:right bottom
}
.active .animation_bottom-right-to-top-left {
    -webkit-animation:5s forwards bottom-right-to-top-left;
    animation:5s forwards bottom-right-to-top-left
}
.active .animation_bottom-right-to-center {
    -webkit-animation:5s forwards bottom-right-to-center;
    animation:5s forwards bottom-right-to-center
}
.alignleft {
    float:left;
    margin-right:1.5em
}
.alignright {
    float:right;
    margin-left:1.5em
}
.aligncenter {
    clear:both;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.mask-outline {
    background-repeat:no-repeat;
    background-position:center;
    -webkit-text-fill-color:transparent;
    -webkit-background-clip:text
}
.mask-outline h1 {
    font-size:200px
}
@media (max-width:991px) {
    h1 {
        font-size:36px
    }
    h3 {
        font-size:22px
    }
    .hero-1 .single-slide {
        padding-top:30px!important;
        padding-bottom:30px!important
    }
    .hero-1 .single-slide .hero-contents h1 {
        font-size:22px!important;
        margin-bottom:-14px!important
    }
    .mask-outline h1 {
        font-size:150px
    }
    header.header-1 {
        padding:15px 0
    }
}
@media (max-width:576px) {
    .mask-outline h1 {
        font-size:100px
    }
    .form_model_diaogs .modal-dialog {
        max-width:75%!important
    }
    .img_under_popup img {
        width:100%;
        max-width:37px!important
    }
    .issue-card {
        width:100%;
        border:1px solid #e5e2e2;
        border-radius:8px;
        padding:10px;
        aspect-ratio:2/1;
        text-align:center;
        height:100%;
        min-height:131px
    }
}
.mask-outline h2 {
    font-size:115px
}
.mask-outline h3 {
    font-size:80px
}
#scrollUp {
    background-color:#59c35e;
    border-radius:50%;
    bottom:20px;
    color:#fff;
    height:40px;
    -webkit-box-shadow:0 5px 15px 0 rgba(1,29,80,.1);
    box-shadow:0 5px 15px 0 rgba(1,29,80,.1);
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    display:none!important
}
#scrollUp:hover,.single-news-box .featured-thumb .post-cat a:hover,.tagcloud a:hover,header .header-right-element .search-box form button:hover {
    background-color:#5f2dee;
    color:#fff
}
@media only screen and (max-width:991px) {
    #scrollUp,.scroll-up {
        font-size:15px;
        height:30px;
        line-height:32px;
        right:30px;
        width:30px
    }
}
@-webkit-keyframes stroke {
    52% {
        -webkit-transform:rotate(-180deg);
        transform:rotate(-180deg);
        stroke-dashoffset:0
    }
    52.1% {
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        stroke-dashoffset:0
    }
    100% {
        -webkit-transform:rotate(-180deg);
        transform:rotate(-180deg);
        stroke-dashoffset:126
    }
}
@keyframes stroke {
    52% {
        -webkit-transform:rotate(-180deg);
        transform:rotate(-180deg);
        stroke-dashoffset:0
    }
    52.1% {
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg);
        stroke-dashoffset:0
    }
    100% {
        -webkit-transform:rotate(-180deg);
        transform:rotate(-180deg);
        stroke-dashoffset:126
    }
}
@-webkit-keyframes arrow {
    0%,100% {
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    23% {
        -webkit-transform:translateX(17px);
        transform:translateX(17px);
        opacity:1
    }
    24%,80% {
        -webkit-transform:translateX(-22px);
        transform:translateX(-22px);
        opacity:0
    }
    81% {
        opacity:1;
        -webkit-transform:translateX(-22px);
        transform:translateX(-22px)
    }
}
@keyframes arrow {
    0%,100% {
        -webkit-transform:translateX(0);
        transform:translateX(0);
        opacity:1
    }
    23% {
        -webkit-transform:translateX(17px);
        transform:translateX(17px);
        opacity:1
    }
    24%,80% {
        -webkit-transform:translateX(-22px);
        transform:translateX(-22px);
        opacity:0
    }
    81% {
        opacity:1;
        -webkit-transform:translateX(-22px);
        transform:translateX(-22px)
    }
}
@-webkit-keyframes arrowUp {
    0%,100% {
        -webkit-transform:rotate(-40deg) scaleX(1);
        transform:rotate(-40deg) scaleX(1)
    }
    20%,80% {
        -webkit-transform:rotate(0) scaleX(.1);
        transform:rotate(0) scaleX(.1)
    }
}
@keyframes arrowUp {
    0%,100% {
        -webkit-transform:rotate(-40deg) scaleX(1);
        transform:rotate(-40deg) scaleX(1)
    }
    20%,80% {
        -webkit-transform:rotate(0) scaleX(.1);
        transform:rotate(0) scaleX(.1)
    }
}
@-webkit-keyframes arrowDown {
    0%,100% {
        -webkit-transform:rotate(40deg) scaleX(1);
        transform:rotate(40deg) scaleX(1)
    }
    20%,80% {
        -webkit-transform:rotate(0) scaleX(.1);
        transform:rotate(0) scaleX(.1)
    }
}
@keyframes arrowDown {
    0%,100% {
        -webkit-transform:rotate(40deg) scaleX(1);
        transform:rotate(40deg) scaleX(1)
    }
    20%,80% {
        -webkit-transform:rotate(0) scaleX(.1);
        transform:rotate(0) scaleX(.1)
    }
}
@-webkit-keyframes zoomInImage {
    from {
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1);
        -webkit-transition:1s;
        transition:1s
    }
    to {
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1);
        -webkit-transition:1s;
        transition:1s
    }
}
@keyframes zoomInImage {
    from {
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1);
        -webkit-transition:1s;
        transition:1s
    }
    to {
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1);
        -webkit-transition:1s;
        transition:1s
    }
}
.zoomInImage {
    -webkit-animation-name:zoomInImage;
    animation-name:zoomInImage
}
@-webkit-keyframes zoomBg {
    from {
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    to {
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
}
@keyframes zoomBg {
    from {
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    to {
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
}
.zoomBg {
    -webkit-animation-name:zoomMe;
    animation-name:zoomMe
}
@-webkit-keyframes zoomOutImage {
    from {
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1);
        -webkit-transition:1s;
        transition:1s
    }
    to {
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1);
        -webkit-transition:1s;
        transition:1s
    }
}
@keyframes zoomOutImage {
    from {
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1);
        -webkit-transition:1s;
        transition:1s
    }
    to {
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1);
        -webkit-transition:1s;
        transition:1s
    }
}
.zoomOutImage {
    -webkit-animation-name:zoomOutImage;
    animation-name:zoomOutImage;
    -webkit-transition:1s;
    transition:1s
}
@-webkit-keyframes playVideo {
    0% {
        -webkit-box-shadow:0 0 0 0 rgba(37,106,215,.2);
        box-shadow:0 0 0 0 rgba(37,106,215,.2)
    }
    40%,80% {
        -webkit-box-shadow:0 0 0 20px rgba(37,106,215,0);
        box-shadow:0 0 0 20px rgba(37,106,215,0)
    }
    100% {
        -webkit-box-shadow:0 0 0 0 rgba(37,106,215,0);
        box-shadow:0 0 0 0 rgba(37,106,215,0)
    }
}
@keyframes playVideo {
    0% {
        -webkit-box-shadow:0 0 0 0 rgba(37,106,215,.2);
        box-shadow:0 0 0 0 rgba(37,106,215,.2)
    }
    40%,80% {
        -webkit-box-shadow:0 0 0 20px rgba(37,106,215,0);
        box-shadow:0 0 0 20px rgba(37,106,215,0)
    }
    100% {
        -webkit-box-shadow:0 0 0 0 rgba(37,106,215,0);
        box-shadow:0 0 0 0 rgba(37,106,215,0)
    }
}
@-webkit-keyframes dimond {
    0% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes dimond {
    0% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes bounce {
    0%,100% {
        -webkit-transform:scale(0)
    }
    50% {
        -webkit-transform:scale(1)
    }
}
@keyframes bounce {
    0%,100% {
        transform:scale(0);
        -webkit-transform:scale(0)
    }
    50% {
        transform:scale(1);
        -webkit-transform:scale(1)
    }
}
@keyframes layerBounce {
    0% {
        -webkit-transform:scale(0) rotate(-44.13deg);
        transform:scale(0) rotate(-44.13deg);
        opacity:0;
        visibility:hidden
    }
    100% {
        -webkit-transform:scale(1) rotate(-44.13deg);
        transform:scale(1) rotate(-44.13deg);
        opacity:1;
        visibility:visible
    }
}
@-webkit-keyframes layerBounce {
    0% {
        -webkit-transform:scale(0) rotate(-44.13deg);
        opacity:0;
        visibility:hidden
    }
    100% {
        -webkit-transform:scale(1) rotate(-44.13deg);
        opacity:1;
        visibility:visible
    }
}
@-webkit-keyframes movebounce {
    0%,100% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50% {
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
}
@keyframes movebounce {
    0%,100% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50% {
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
}
@-webkit-keyframes bounceUp {
    0%,100% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50% {
        -webkit-transform:translateY(40px);
        transform:translateY(40px)
    }
}
@keyframes bounceUp {
    0%,100% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50% {
        -webkit-transform:translateY(40px);
        transform:translateY(40px)
    }
}
@-webkit-keyframes moveleftbounce {
    0%,100% {
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    50% {
        -webkit-transform:translateX(40px);
        transform:translateX(40px)
    }
}
@keyframes moveleftbounce {
    0%,100% {
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    50% {
        -webkit-transform:translateX(40px);
        transform:translateX(40px)
    }
}
@-webkit-keyframes moverightbounce {
    0%,100% {
        margin-left:0
    }
    50% {
        margin-left:30px
    }
}
@keyframes moverightbounce {
    0%,100% {
        margin-left:0
    }
    50% {
        margin-left:30px
    }
}
.rotateme {
    -webkit-animation-name:rotateme;
    animation-name:rotateme;
    -webkit-animation-duration:20s;
    animation-duration:20s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear
}
@keyframes guraguri {
    from {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes guraguri {
    from {
        -webkit-transform:rotate(0)
    }
    to {
        -webkit-transform:rotate(360deg)
    }
}
@-webkit-keyframes rotate3d {
    0% {
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
    100% {
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg)
    }
}
@keyframes rotate3d {
    0% {
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
    100% {
        -webkit-transform:rotateY(360deg);
        transform:rotateY(360deg)
    }
}
@keyframes move_wave {
    0% {
        -webkit-transform:translateX(0) translateZ(0) scaleY(1);
        transform:translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        -webkit-transform:translateX(-25%) translateZ(0) scaleY(.55);
        transform:translateX(-25%) translateZ(0) scaleY(.55)
    }
    100% {
        -webkit-transform:translateX(-50%) translateZ(0) scaleY(1);
        transform:translateX(-50%) translateZ(0) scaleY(1)
    }
}
@-webkit-keyframes move_wave {
    0% {
        -webkit-transform:translateX(0) translateZ(0) scaleY(1);
        transform:translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        -webkit-transform:translateX(-25%) translateZ(0) scaleY(.55);
        transform:translateX(-25%) translateZ(0) scaleY(.55)
    }
    100% {
        -webkit-transform:translateX(-50%) translateZ(0) scaleY(1);
        transform:translateX(-50%) translateZ(0) scaleY(1)
    }
}
@-webkit-keyframes spinner {
    to {
        -webkit-transform:rotateZ(360deg);
        transform:rotateZ(360deg)
    }
}
@keyframes spinner {
    to {
        -webkit-transform:rotateZ(360deg);
        transform:rotateZ(360deg)
    }
}
@-webkit-keyframes letters-loading {
    0%,100%,75% {
        opacity:0;
        -webkit-transform:rotateY(-90deg);
        transform:rotateY(-90deg)
    }
    25%,50% {
        opacity:1;
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
}
@keyframes letters-loading {
    0%,100%,75% {
        opacity:0;
        -webkit-transform:rotateY(-90deg);
        transform:rotateY(-90deg)
    }
    25%,50% {
        opacity:1;
        -webkit-transform:rotateY(0);
        transform:rotateY(0)
    }
}
.home-services {
    padding:40px
}
.services-container {
    display:flex;
    flex-wrap:wrap;
    gap:40px;
    align-items:center
}
.services-left {
    flex:1;
    min-width:300px
}
.services-left h1 {
    font-size:32px;
    margin-bottom:20px
}
.service-box {
    background:#f7f7f7;
    border-radius:12px;
    padding:20px
}
.popup-content,.service-item {
    background:#fff;
    border-radius:10px;
    text-align:center;
    transition:transform .3s;
    cursor:pointer
}
.service-box h3 {
    font-size:18px;
    margin-bottom:20px
}
.form_main_popup_model .form-group,.info-icon-item h3,.main-sidebar .single-sidebar-widget ul>li,.offset-menu .offset-menu-section a,.service-item img,.single-branch-card .content p,.single-fun-counter .content h3,.single-news-card .contents .post-cat-date,.single-work-step .content h4 {
    margin-bottom:10px
}
.service-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px
}
.service-item {
    padding:10px;
    box-shadow:0 0 8px rgba(0,0,0,.05)
}
.service-item:hover {
    transform:translateY(-5px)
}
.service-item img {
    width:80px;
    height:60px
}
.top-right {
    display:flex;
    justify-content:center
}
.service-item span {
    display:block;
    font-size:14px;
    line-height:20px
}
.header-right-element {
    display:flex;
    gap:10px;
    align-items:center
}
.services-right {
    flex:1;
    min-width:300px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px
}
#hamburger,.faq-accordion-2 .accordion .accordion-item .accordion-header .accordion-button::after,.form-popup,.hidden,.single-news-card .contents .post-cat-date .post-cat a:last-of-type::before {
    display:none
}
.services-right img {
    width:100%;
    height:auto;
    border-radius:12px;
    object-fit:cover
}
.img_under_popup img {
    width:100%;
    max-width:60px
}
.popup-content .issues-grid ul li {
    display:flex;
    justify-content:space-between
}
.modal-dialog {
    max-width:900px;
    margin:150px auto 1.75rem
}
.popup-content {
    padding:28px 23px;
    width:100%;
    margin:10px
}
.form_model_diaogs .modal-dialog {
    max-width:50%
}
.form_main_popup_model label {
    display:block;
    font-weight:600;
    margin-bottom:8px;
    text-align:start
}
.form_main_popup_model input,textarea {
    width:100%;
    padding:2px 15px;
    border:1px solid #ccc;
    border-radius:8px;
    font-size:16px;
    outline:0
}
.form_main_popup_model input:focus,textarea:focus {
    border-color:#4a90e2
}
.form_main_popup_model button {
    background-color:#256ad7;
    color:#fff;
    padding:8px 20px;
    border:none;
    border-radius:8px;
    font-size:16px;
    cursor:pointer;
    width:100%;
    margin-top:10px
}
.form_main_popup_model button:hover {
    background-color:#357abd
}
.submission .card {
    background:#f4f8f9;
    border-radius:15px;
    padding:20px;
    max-width:400px;
    width:100%;
    box-shadow:0 0 10px rgba(0,0,0,.1)
}
.submission h2 {
    text-align:center;
    color:#222
}
.submission .success-box {
    background:#d6f7dc;
    border-left:6px solid #00a04e;
    padding:20px;
    border-radius:15px;
    margin-top:20px;
    text-align:center
}
.submission .success-box .check-icon {
    font-size:24px;
    color:#00a04e
}
.submission .success-box h3 {
    margin:10px 0;
    color:#00a04e
}
.submission .success-box p {
    color:#2e7d32
}
.submission .help-box {
    background:#e6f0ff;
    padding:15px;
    margin-top:20px;
    border-radius:15px
}
.submission .help-box h4 {
    color:#039;
    margin-bottom:5px
}
.submission .support-buttons {
    display:flex;
    justify-content:space-between;
    margin-top:10px
}
.submission .support-buttons button {
    flex:1;
    padding:10px;
    background:#1e64e0;
    color:#fff;
    border:none;
    border-radius:10px;
    margin:0 5px;
    cursor:pointer;
    font-size:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px
}
.main_spac.show .modal-dialog {
    max-width:450px
}
.submission .back-btn {
    margin-top:20px;
    width:100%;
    background:#1e64e0;
    color:#fff;
    padding:12px;
    border:none;
    border-radius:10px;
    font-size:16px;
    cursor:pointer
}
.hp-printer-popup,.printer-issues-section {
    border-radius:12px;
    background:#fff;
    padding:20px
}
.hp-printer-popup {
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    box-shadow:0 0 10px rgba(0,0,0,.2);
    z-index:1000
}
.printer-issues-section {
    max-width:1000px;
    margin:auto;
    box-shadow:0 4px 10px rgba(0,0,0,.1)
}
.printer-issues-section h2 {
    font-size:24px;
    margin-bottom:20px
}
.service-grid .issues-grid ul li {
    display:flex;
    gap:16px
}
.service-grid .issue-card {
    background:#fff;
    border:1px solid #ddd;
    border-radius:10px;
    padding:20px;
    text-align:center;
    cursor:pointer;
    transition:.3s;
    box-shadow:0 1px 4px rgba(0,0,0,.05);
    width:100%;
    margin-bottom:20px
}
.service-grid .issue-card img {
    max-width:28px
}
.service-grid .issue-card:hover {
    background-color:#e8f1ff;
    border-color:#007bff
}
.location-bar .form-select {
    padding:4px 9px;
    font-size:14px;
    border-radius:17px
}
.form-popup {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    justify-content:center;
    align-items:center;
    z-index:999
}
.form-popup.show {
    display:flex
}
.form-popup-content {
    background:#fff;
    padding:20px;
    border-radius:10px;
    position:relative
}
.form-popup.show .close-btn {
    position:absolute;
    top:10px;
    right:15px;
    font-size:24px;
    cursor:pointer
}
.faq-accordion-2 .accordion .accordion-item:first-of-type,.form-popup.show .contact-form,.service-details-contents .contents .service-contact-form .contact-form,.side-buttons .contact-form {
    padding-top:0
}
.form-popup.show .contact-form label {
    text-align:left;
    display:flex
}
.form-popup.show .contact-form textarea {
    height:138px;
    border:1px solid #00000030
}
.contact-form textarea,.form-popup.show .contact-form input {
    width:100%;
    line-height:1;
    padding:9px 19px;
    border:1px solid #00000030
}
.form-popup.show input.submit-btn {
    background:#256ad7!important;
    padding:15px 0
}
.form-popup.show .main_form_contact_form {
    max-width:700px;
    border:none!important;
    padding:9px;
    border-radius:10px;
    box-shadow:none!important
}
.form-popup.show .section-title span {
    font-size:30px;
    color:#256ad7
}
.btnd,.theme-btn,.video-btn {
    line-height:1;
    display:inline-block;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    text-transform:capitalize;
    position:relative;
    z-index:1;
    border-radius:4px
}
.theme-btn {
    padding:18px 38px;
    font-size:16px;
    color:#fff;
    background:#256ad7;
    -webkit-transition:.4s ease-in-out;
    -webkit-box-shadow:rgba(0,0,0,.1) 0 10px 50px;
    box-shadow:rgba(0,0,0,.1) 0 10px 50px;
    transition:background-color .3s,color .3s
}
.theme-btn.btn-radius {
    border-radius:30px
}
@media (max-width:580px) {
    .theme-btn {
        padding:16px 35px;
        font-size:14px
    }
    .issue-card span {
        font-size:14px;
        line-height:23px
    }
}
@media (max-width:480px) {
    .theme-btn {
        padding:15px 30px
    }
    .service-card {
        background:#fff;
        border-radius:12px;
        box-shadow:0 4px 10px rgb(0 0 0 / 50%);
        text-align:center;
        padding:20px;
        max-width:326px!important;
        margin:10px 15px;
        height:unset
    }
}
.action-bar a i,.cat-btn,.cat-btn i,.comment-form .submit-btn i,.offset-menu .offset-menu-section ul li span,.service-sidebar-wrapper .doc-sidebar a i,.single-news-card .contents .post-cat-date .post-cat,.video-btn i,section.user_login .form-remember input {
    margin-right:10px
}
.theme-btn.no-fil {
    background-color:transparent;
    border-color:rgba(255,255,255,.2);
    margin-left:15px
}
.theme-btn.no-fil:hover {
    background-color:#d6fa52;
    border:1px solid #d6fa52
}
.theme-btn.black {
    background-color:#d6fa52;
    border-color:#d6fa52;
    -webkit-box-shadow:inherit;
    box-shadow:inherit
}
.project-case-study .owl-dots .owl-dot.active span,.project-case-study .owl-dots .owl-dot:hover span,.site_info_widget .single-contact-info:nth-child(3n) .icon,.theme-btn.black:hover,footer.footer-2 {
    background-color:#5f2dee
}
.theme-btn.minimal-btn {
    color:#727475;
    background:0 0
}
.single-pricing-plan .plan-buy-btn .theme-btn:hover,.theme-btn:hover {
    background:#256ad7;
    color:#fff
}
.video-btn {
    font-size:16px;
    font-weight:700;
    color:#5f2dee
}
.video-play-btn .play-video {
    border-radius:50%;
    width:88px;
    height:88px;
    background:-webkit-gradient(linear,left bottom,left top,color-stop(45.01%,#5f2dee),to(#256ad7));
    background:linear-gradient(0deg,#5f2dee 45.01%,#256ad7 100%);
    color:#fff;
    line-height:88px;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    text-align:center;
    -webkit-animation:3.5s infinite playVideo;
    animation:3.5s infinite playVideo;
    display:inline-block;
    margin:0 auto;
    font-size:22px;
    -webkit-box-shadow:0 16px 32px 0 rgba(51,51,51,.04);
    box-shadow:0 16px 32px 0 rgba(51,51,51,.04)
}
.cat-btn,.circle-dots li button {
    -webkit-transition:.3s ease-in-out
}
.video-play-btn .play-video:hover {
    color:#d6fa52;
    -webkit-box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
    box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)
}
.video-play-btn.small-circle .play-video {
    width:60px;
    height:60px;
    line-height:64px;
    font-size:18px;
    background:#fff;
    color:#5f2dee;
    -webkit-animation:3.5s infinite playVideo;
    animation:3.5s infinite playVideo;
    -webkit-box-shadow:0 16px 32px 0 rgba(51,51,51,.04);
    box-shadow:0 16px 32px 0 rgba(51,51,51,.04)
}
.cat-btn {
    font-size:16px;
    line-height:1;
    padding:20px 30px;
    font-weight:700;
    border:1px solid rgba(255,255,255,.2);
    transition:.3s ease-in-out;
    background:0 0;
    display:inline-block;
    margin-top:30px
}
.cat-btn.color {
    background-color:#00baa3;
    border-color:#00baa3;
    color:#fff
}
.cat-btn:hover {
    background-color:#00baa3;
    border:1px solid #00baa3
}
.circle-dots {
    position:absolute;
    left:50%;
    bottom:0;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.circle-dots li {
    display:inline-block;
    margin:0 6px;
    text-align:center
}
.circle-dots li button {
    position:relative;
    text-indent:-9999px;
    border-radius:30px;
    width:12px;
    height:12px;
    background:-webkit-gradient(linear,left top,left bottom,from(#256ad7),to(#5f2dee));
    background:linear-gradient(180deg,#256ad7 0,#5f2dee 100%);
    transition:.3s ease-in-out;
    opacity:.2
}
.circle-dots li button:hover,.circle-dots li.slick-active button {
    background:-webkit-gradient(linear,left top,left bottom,from(#256ad7),to(#5f2dee));
    background:linear-gradient(180deg,#256ad7 0,#5f2dee 100%);
    opacity:1
}
.circle-dots li button::before {
    position:absolute;
    height:22px;
    width:22px;
    border-radius:50%;
    border:2px solid #5f2dee;
    content:"";
    left:-50%;
    top:-50%;
    z-index:-1;
    -webkit-transform:translate(1px,1px);
    transform:translate(1px,1px);
    opacity:0;
    visibility:hidden;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.circle-dots li.slick-active button::before,.slide-right-dots li.slick-active button::before {
    opacity:1;
    visibility:visible
}
.preloader {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:default;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:9999999
}
.mobile-nav,.offset-menu {
    height:100vh;
    position:fixed
}
.preloader .animation-preloader {
    z-index:1000
}
.preloader .animation-preloader .spinner {
    -webkit-animation:1s linear infinite spinner;
    animation:1s linear infinite spinner;
    border-radius:50%;
    border:3px solid #256ad7;
    border-top-color:#d6fa52;
    height:9em;
    margin:0 auto 3.5em;
    width:9em
}
.preloader .animation-preloader .txt-loading {
    font:bold 5em Montserrat,sans-serif,Poppins,sans-serif;
    text-align:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.preloader .animation-preloader .txt-loading .letters-loading {
    color:#5f2dee;
    position:relative
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
    -webkit-animation-delay:1.2s;
    animation-delay:1.2s
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
    -webkit-animation-delay:1.4s;
    animation-delay:1.4s
}
.preloader .animation-preloader .txt-loading .letters-loading::before {
    -webkit-animation:4s infinite letters-loading;
    animation:4s infinite letters-loading;
    color:#5f2dee;
    content:attr(data-text-preloader);
    left:0;
    opacity:0;
    font-family:Montserrat,sans-serif;
    position:absolute;
    top:-3px;
    -webkit-transform:rotateY(-90deg);
    transform:rotateY(-90deg)
}
.preloader p {
    font-weight:700;
    letter-spacing:8px;
    color:#256ad7
}
.preloader .loader {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    font-size:0;
    z-index:1;
    pointer-events:none
}
.call-us .icon,.single-info-element .icon {
    font-size:36px;
    margin-right:15px;
    float:left
}
.preloader .loader .loader-section .bg {
    background-color:#fff;
    height:100%;
    left:0;
    width:100%;
    -webkit-transition:.8s cubic-bezier(.77, 0, .175, 1);
    transition:.8s cubic-bezier(.77, 0, .175, 1)
}
.preloader.loaded .animation-preloader {
    opacity:0;
    -webkit-transition:.3s ease-out;
    transition:.3s ease-out
}
.preloader.loaded .loader-section .bg {
    width:0
}
.single-testimonial-box .feedback,header {
    position:relative;
    margin-top:20px
}
header.header-1.sticky {
    top:0!important;
    width:100%;
    position:fixed!important;
    background:#fff;
    -webkit-animation:.8s ease-in-out sticky;
    animation:.8s ease-in-out sticky;
    -webkit-box-shadow:0 13px 35px -12px rgba(35,35,35,.15);
    box-shadow:0 13px 35px -12px rgba(35,35,35,.15)
}
header.header-1.sticky .main-menu ul li>a {
    padding:30px 20px
}
header.header-1.sticky .main-menu ul ul li a {
    padding:10px 20px
}
header.header-1.sticky .theme-btn {
    padding:17px 28px
}
.about-quantech a,header.header-1 .logo a,header.header-1 .main-menu ul>li>ul li,header.header-3 .logo a,header.header-3 .main-menu ul>li>ul li {
    display:block
}
header.header-1 .main-menu ul,header.header-3 .main-menu ul {
    line-height:1
}
header.header-1 .main-menu ul>li,header.header-3 .main-menu ul>li {
    display:inline-block;
    line-height:1
}
header.header-1 .main-menu ul>li li.menu-item-has-children>a:after,header.header-3 .main-menu ul>li li.menu-item-has-children>a:after {
    font-family:"Font Awesome 5 Pro";
    content:"\f105";
    position:absolute;
    right:15px
}
header.header-1 .main-menu ul>li>a {
    display:inline-block;
    font-weight:500;
    text-transform:capitalize;
    color:#0d0d0f;
    line-height:20px;
    padding:6px 9px;
    overflow:hidden;
    text-align:left;
    position:relative
}
.main-menu ul li img {
    display:flex;
    max-width:80px;
    margin:auto
}
header.header-1 .main-menu ul>li>a span,header.header-3 .main-menu ul>li>a span {
    margin-left:3px;
    font-size:14px
}
@media (max-width:1199px) and (min-width:991px) {
    header.header-1.sticky .main-menu ul li>a {
        padding:26px 14px
    }
    header.header-1 .main-menu ul>li>a {
        padding:7px 14px
    }
}
header.header-1 .main-menu ul>li:hover>ul,header.header-3 .main-menu ul>li:hover>ul {
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover,.get-in-touch .single-contact-info .icon.id2,.get-in-touch .single-contact-info .icon.id3,.offset-menu #offset-menu-close-btn:hover,.single-blog-item .content .post-meta .post-author a:hover,.single-service-top-icon:hover h4 a:hover,.single-team-card .member-info-card .member-social-net a:hover,.single-team-member .member-info h4 a:hover,.social-pages a:hover,header.header-1 .main-menu ul>li:hover>ul li:hover a,header.header-3 .main-menu ul>li:hover>ul li:hover a,header.header-3 .main-menu ul>li>ul li a:hover {
    color:#d6fa52
}
header.header-1 .main-menu ul>li>ul {
    position:absolute;
    top:100%;
    width:500px;
    background-color:#f0eded;
    z-index:999;
    -webkit-box-shadow:0 13px 35px -12px rgba(35,35,35,.15);
    box-shadow:0 13px 35px -12px rgba(35,35,35,.15);
    visibility:hidden;
    opacity:0;
    -webkit-transform:translateY(40px);
    transform:translateY(40px);
    -webkit-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    padding:10px 0
}
header.header-1 .main-menu ul>li>ul li a {
    display:block;
    color:#000;
    padding:5px 20px;
    line-height:1.5
}
header.header-1 .main-menu ul>li>ul li a:hover {
    color:#fff!important;
    background:#256ad7
}
header.header-1 .main-menu ul>li>ul ul,header.header-3 .main-menu ul>li>ul ul {
    left:100%;
    top:0
}
header .logo_text {
    color:#d6fa52;
    font-size:27px;
    line-height:1
}
header.transparent-menu {
    background:0 0;
    position:absolute;
    left:0;
    z-index:3;
    width:100%;
    border-bottom:1px solid rgba(178,168,205,.2)
}
.request-quote-form-wrapper .request-quote-form .submit-btn:hover,.request-quote-form-wrapper .request-quote-form input[type=submit]:hover,.single-progress-bar .progress .progress-bar.color-2,footer.footer-2 .footer-bottom .bottom-content-wrapper,header.transparent-menu.sticky {
    background:#5f2dee
}
.logo a img,.mobile-nav ul.sub-menu.collapse.in,.search-bar button {
    background:#fff
}
header .header-right-element .theme-btn i {
    margin-left:4px
}
header .header-right-element .search-btn {
    margin-left:10px;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
header .header-right-element .search-box {
    width:0;
    position:absolute;
    right:0;
    -webkit-transform:translateY(15px);
    transform:translateY(15px);
    opacity:0;
    visibility:hidden;
    z-index:1;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    -webkit-box-shadow:0 15px 40px 0 rgba(109,109,109,.06);
    box-shadow:0 15px 40px 0 rgba(109,109,109,.06)
}
.mobile-nav,header.header-3 .main-menu ul>li>ul {
    -webkit-box-shadow:0 13px 35px -12px rgba(35,35,35,.15)
}
header .header-right-element .search-box.show {
    width:320px;
    opacity:1;
    visibility:visible
}
header .header-right-element .search-box form input {
    border:0;
    width:100%;
    line-height:1;
    padding:0 20px;
    color:#d6fa52;
    font-size:16px;
    height:60px;
    background-color:#fff
}
header .header-right-element .search-box form button {
    border:0;
    position:absolute;
    right:0;
    top:0;
    display:inline-block;
    height:60px;
    background-color:#256ad7;
    color:#fff;
    text-align:center;
    padding:0 25px;
    font-size:16px;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
@media (min-width:1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1320px!important
    }
    header.header-3 .container-fluid {
        padding:0 180px
    }
    .video-pop-up-wrapper {
        padding:200px 0
    }
}
header.header-3 .top-bar-3 {
    background-color:#e9f0fb;
    padding:8px 0
}
@media (min-width:1700px) {
    header.header-3 .top-bar-3 .container-fluid {
        padding-left:455px
    }
}
@media (max-width:1699px) {
    header.header-3 .top-bar-3 .container-fluid {
        padding-left:400px
    }
}
@media (max-width:1399px) {
    header.header-3 .container-fluid {
        padding:0 120px
    }
    header.header-3 .top-bar-3 .container-fluid {
        padding-left:320px
    }
}
header.header-3 .top-bar-3 .social-pages a {
    color:#0d0d0f
}
.blog-wrapper .single-blog-post .post-content h2 a:hover,.blog-wrapper .single-blog-post.post-details .wp-block-quote a:hover,.blog-wrapper .single-blog-post.post-details blockquote a:hover,.breadcrumb-wrapper a:hover,.case-info-card .project-data .single-info-item .social-link a:hover,.comments-item-list .single-comment-item .author-info-comment span,.latest-news-card .content .post-cat:hover a,.latest-news-card .content .post-cat:hover i,.latest-news-card .content h3:hover a,.page-banner-wrap a:hover,.popular-posts .single-post-item .post-content h5:hover,.popular_posts .single-post-item .post-content h5:hover,.section-title h2 span,.single-blog-item .content h3:hover a,.single-news-box .content h3 a:hover,.single-service-box .read-more-link:hover,.single-service-top-icon.style-2 a,footer .footer-bottom .social-links a:hover,header.header-3 .main-menu ul>li:hover>a,header.header-3 .top-bar-3 .social-pages a:hover {
    color:#5f2dee
}
@media (min-width:1285px) {
    header.header-3 .logo {
        background:#0d0d0f;
        padding:44px 25px;
        position:absolute;
        left:0;
        top:0
    }
}
@media (min-width:1399px) {
    header.header-3 .logo {
        padding:44px 50px
    }
}
header.header-3 .logo::before {
    position:absolute;
    right:0;
    top:0;
    width:10px;
    height:100%;
    content:"";
    background:#d6fa52
}
@media (max-width:1284px) {
    header.header-3 .container-fluid,header.header-3 .top-bar-3 .container-fluid {
        padding:0 50px
    }
    header.header-3 .top-bar-3 {
        overflow:hidden;
        position:relative;
        z-index:3
    }
    header.header-3 .logo::before {
        display:none
    }
    .menu-wrap .main-menu a {
        font-size:12px
    }
    header.header-3 .logo::after {
        position:absolute;
        left:-80px;
        top:-30px;
        width:155%;
        height:256%;
        content:"";
        z-index:-2;
        background:#0d0d0f
    }
}
@media (max-width:1089px) {
    header.header-3 .logo::after {
        height:260%;
        width:163%
    }
}
@media (max-width:991px) {
    header.header-3 .container-fluid,header.header-3 .top-bar-3 .container-fluid {
        padding:0 15px
    }
    header.header-3 {
        overflow:hidden
    }
    header.header-3 .logo::after {
        width:120%
    }
}
@media (max-width:1075px) {
    header.header-3 .logo::after {
        height:270%
    }
    header.header-3 .logo img {
        margin-left:-10px
    }
}
@media (max-width:991px) {
    header.header-3 .logo img {
        margin-left:0;
        max-width:80%
    }
    header.header-3 .logo a {
        padding:15px 10px
    }
}
@media (max-width:615px) {
    header.header-3 .logo::after {
        width:135%
    }
    header.header-3 .logo img {
        margin-left:-5px;
        max-width:85%
    }
}
header.header-3 .main-menu ul>li>a {
    display:inline-block;
    font-weight:500;
    text-transform:capitalize;
    color:#0d0d0f;
    line-height:1;
    padding:38px 19px;
    overflow:hidden;
    text-align:left;
    position:relative
}
@media (max-width:1199px) and (min-width:1080px) {
    header.header-3 .main-menu ul>li>a {
        padding:26px 14px
    }
}
@media (max-width:1079px) and (min-width:991px) {
    header.header-3 .main-menu ul>li>a {
        padding:26px 10px
    }
}
header.header-3 .main-menu ul>li>ul {
    position:absolute;
    top:100%;
    width:200px;
    background-color:#5f2dee;
    left:0;
    z-index:999;
    box-shadow:0 13px 35px -12px rgba(35,35,35,.15);
    visibility:hidden;
    opacity:0;
    -webkit-transform:translateY(40px);
    transform:translateY(40px);
    -webkit-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    padding:10px 0
}
header.header-3 .main-menu ul>li>ul li a {
    display:block;
    color:#fff;
    padding:10px 24px;
    line-height:1.5
}
.top-bar-wrapper {
    background-color:#256ad7;
    padding:14px 0;
    position:relative;
    overflow:hidden;
    z-index:9999999
}
.get_quote_btn_topheader a {
    background:#fff;
    padding:12px 14px;
    color:#000;
    border-radius:3px;
    font-weight:600
}
.footer-widgets-wrapper img {
    width:100%;
    max-width:150px;
    border-radius:10px;
    background-color:#fff
}
.top-bar-wrapper::before {
    position:absolute;
    right:-480px;
    top:0;
    content:"";
    background:#256ad7;
    height:100%;
    width:60%;
    -webkit-transform:skew(-45deg,0deg);
    transform:skew(-45deg,0deg);
    z-index:-1
}
.logo a img {
    border-radius:10px;
    padding:4px
}
@media (max-width:1024px) {
    .top-bar-wrapper::before {
        position:absolute;
        right:-170px;
        top:0;
        content:"";
        background:#256ad7;
        height:100%;
        width:60%;
        -webkit-transform:skew(-45deg,0deg);
        transform:skew(-45deg,0deg);
        z-index:-1
    }
}
.top-left a {
    font-weight:500;
    color:#fff;
    font-size:15px
}
.top-left {
    display:flex;
    align-items:center;
    gap:30px
}
@media (max-width:991px) {
    .top-bar-wrapper::before {
        position:absolute;
        right:-170px;
        top:0;
        content:"";
        background:#256ad7;
        height:100%;
        width:60%;
        -webkit-transform:skew(-45deg,0deg);
        transform:skew(-45deg,0deg);
        z-index:-1
    }
    .services-container {
        display:block;
        flex-wrap:wrap;
        gap:40px;
        align-items:center
    }
    .header-1 .container {
        display:flex;
        align-items:center;
        justify-content:space-between
    }
    .header-1 .logo {
        flex:0 0 auto;
        order:1
    }
    .search-bar {
        flex:1;
        display:flex;
        justify-content:center;
        margin:0 10px
    }
    .search-bar form {
        width:100%;
        max-width:200px
    }
    .mobile-nav-wrap {
        flex:0 0 auto;
        display:flex;
        justify-content:flex-end
    }
    .header-1 .row.align-items-center {
        display:flex!important;
        align-items:center;
        justify-content:space-between
    }
    .search-bar {
        order:2;
        flex:1;
        display:flex;
        justify-content:center;
        padding:0 10px
    }
    .mobile-nav-wrap {
        order:3;
        display:flex;
        justify-content:flex-end;
        margin-left:auto
    }
    .header-1 {
        position:relative
    }
    .search-bar {
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        width:70%;
        max-width:280px;
        z-index:10
    }
    .top-left a {
        margin-right:10px
    }
}
@media (max-width:767px) {
    .video-play-btn .play-video {
        width:60px;
        height:60px;
        line-height:60px
    }
    .preloader .animation-preloader .spinner {
        width:7.5em;
        height:7.5em;
        margin:0 auto 1.5em
    }
    .preloader .animation-preloader .txt-loading {
        font-size:2.5em
    }
    header.header-1.sticky {
        position:relative
    }
    .top-bar-wrapper::before {
        width:15%
    }
    .support-button {
        display:none
    }
    .service-grid {
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:15px
    }
    .top-left a {
        font-size:14px
    }
}
.top-left a i {
    padding-right:8px
}
.social-pages a {
    margin-left:15px;
    font-weight:500;
    color:#fff
}
.top-header-bar {
    background:#e9f0fb;
    color:#0d0d0f
}
.action-bar .single-info-element,.single-icon-box .icon,.tag-share-wrap h4,footer .single-footer-wid .wid-title {
    margin-bottom:25px
}
.action-bar .single-info-element .icon {
    color:#fff;
    font-size:26px;
    margin-right:12px
}
.action-bar .single-info-element h5 {
    font-size:15px!important;
    font-weight:600
}
.action-bar .call-us span,.action-bar .single-info-element span {
    font-size:15px!important
}
.action-bar .call-us .icon,.comment-form-wrap h3,.comments-heading h3,.related-post-wrap h3 {
    font-size:26px
}
.call-us,.single-info-element {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.single-info-element .icon {
    overflow:hidden;
    color:#256ad7
}
.call-us .text,.single-info-element .text {
    overflow:auto
}
.single-info-element .text h5 {
    font-size:16px;
    text-transform:capitalize;
    margin-top:-4px;
    margin-bottom:-1px
}
.single-info-element .text span {
    font-size:16px;
    line-height:1;
    margin-top:-2px
}
.call-us .icon {
    overflow:hidden;
    color:#5f2dee
}
.call-us .text h5 {
    margin-bottom:3px;
    text-transform:capitalize;
    margin-top:-3px;
    font-weight:500;
    font-size:14px
}
.call-us .text span {
    font-size:22px;
    line-height:1
}
.page-banner-wrap {
    background-color:#5f2dee;
    padding-top:60px;
    padding-bottom:60px;
    position:relative;
    z-index:1;
    background-repeat:no-repeat;
    background-position:bottom;
    background-size:cover;
    margin-top:16px
}
@media (max-width:991px) {
    .page-banner-wrap {
        padding-top:110px;
        padding-bottom:90px
    }
    #hamburger {
        display:block
    }
}
@media (max-width:767px) {
    .page-banner-wrap {
        padding-top:100px;
        padding-bottom:80px
    }
    .popup-content {
        padding:0
    }
}
.biography-info .single-bio-data,.case-grid-photos {
    -ms-grid-columns:1fr 1fr;
    grid-template-columns:1fr 1fr
}
.page-banner-wrap::after,.page-banner-wrap::before {
    position:absolute;
    left:0;
    content:"";
    top:0;
    background:linear-gradient(95.06deg,#5f2dee61 37.5%,#256ad79c 109.04%);
    opacity:.48;
    width:100%;
    height:100%;
    z-index:-1
}
.latest-news-card .content h3,.page-banner-wrap h1,.single-testimonial-card .content span {
    text-transform:capitalize
}
.page-banner-wrap .breadcrumb {
    background:0 0;
    padding:0;
    margin:0 auto;
    color:#fff;
    text-align:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.page-banner-wrap .breadcrumb .breadcrumb-item {
    font-weight:600;
    text-transform:capitalize
}
.page-banner-wrap .breadcrumb .breadcrumb-item a {
    color:#fff!important;
    font-weight:600
}
.page-banner-wrap .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content:"/";
    font-size:14px;
    color:#fff
}
.breadcrumb-wrapper {
    background-color:#f8f8f8;
    padding:20px 0;
    color:#5f2dee
}
.breadcrumb-wrapper .breadcrumb {
    background:0 0;
    padding:0;
    margin:0
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item {
    font-size:15px;
    font-weight:500;
    text-transform:capitalize
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item a {
    color:#5f2dee;
    font-weight:500
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content:"\f054";
    font-family:"Font Awesome 5 Pro";
    font-size:14px
}
ul#mobile-menu li a {
    font-size:11px
}
.mobile-nav {
    left:-380px;
    top:0;
    -webkit-transition:right .5s ease-in;
    transition:right .5s ease-in;
    background-color:#256ad7;
    padding:2px;
    z-index:9999;
    box-shadow:0 13px 35px -12px rgba(35,35,35,.15)
}
.mobile-nav.show {
    left:0
}
.mobile-nav .close-nav {
    border:0;
    background:0 0;
    color:#fff;
    border-radius:30px;
    font-size:20px;
    position:absolute;
    right:20px;
    top:10px
}
.hero-1 .single-slide,.hero-2 .single-slide {
    background-position:top center;
    z-index:1;
    overflow:hidden
}
.mobile-nav .sidebar-nav ul {
    margin:0;
    padding:0;
    list-style:none;
    background-color:transparent
}
.mobile-nav .sidebar-nav .metismenu>li {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.mobile-nav .sidebar-nav .metismenu a {
    position:relative;
    display:block;
    margin-bottom:10px;
    margin-top:10px;
    padding:4px 0;
    -webkit-transition:.3s ease-out;
    transition:.3s ease-out;
    text-decoration:none;
    color:#fff;
    outline-width:0;
    text-transform:capitalize;
    max-width:100px;
    width:100%
}
.mobile-nav ul.sub-menu {
    background:#fff;
    padding:10px 15px;
    border-radius:6px;
    margin:5px 0;
    transition:.3s ease-in-out;
    text-align:left
}
.mobile-nav ul.sub-menu li a {
    color:#000!important;
    font-size:14px;
    font-weight:500;
    display:block;
    padding:6px 10px;
    text-align:left;
    transition:color .2s ease-in-out,padding-left .2s
}
.mobile-nav ul.sub-menu li a:hover {
    color:#1954c4;
    padding-left:15px
}
.mobile-nav ul#mobile-menu>li {
    display:flex;
    gap:8px;
    padding:0;
    text-align:left
}
.mobile-nav img {
    height:auto;
    margin-right:8px!important;
    background:#fff;
    border-radius:21px
}
.mobile-nav ul#mobile-menu>li img {
    width:30px;
    height:auto
}
.mobile-nav .sidebar-nav .metismenu a:active,.mobile-nav .sidebar-nav .metismenu a:focus,.mobile-nav .sidebar-nav .metismenu a:hover {
    background:#fff!important;
    text-decoration:none;
    color:#0d0d0f
}
.mobile-nav .sidebar-nav .metismenu ul a {
    padding:0 15px 0 35px;
    position:relative
}
.member-profile-wrapper,.mobile-nav .sidebar-nav .metismenu ul a:hover::before,footer .footer-bottom {
    background-color:#fff
}
.mobile-nav .sidebar-nav .metismenu ul a::before {
    position:absolute;
    left:15px;
    width:10px;
    height:10px;
    border-radius:50%;
    border:2px solid #fff;
    content:"";
    top:50%;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.mobile-nav .sidebar-nav .metismenu ul ul {
    list-style-type:circle!important
}
.mobile-nav .sidebar-nav .metismenu ul ul a {
    padding:10px 15px 10px 45px
}
#hamburger {
    color:#256ad7;
    font-size:32px;
    line-height:1;
    text-align:right
}
#hamburger i {
    cursor:pointer
}
.action-bar {
    margin-top:30px;
    padding-left:20px
}
.action-bar a {
    color:#0d0d0f!important;
    display:block
}
.hero-1 .single-slide .hero-contents h6,.offset-menu img,.page-nav-wrap ul li,footer .footer-bottom .bottom-content-wrapper ul li {
    display:inline-block
}
.action-bar a.theme-btn {
    text-align:center
}
.offset-menu {
    top:0;
    z-index:9999999;
    opacity:0;
    visibility:hidden;
    right:-30%;
    -webkit-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    background-color:#5f2dee;
    -webkit-box-shadow:0 13px 35px -12px rgba(35,35,35,.15);
    box-shadow:0 13px 35px -12px rgba(35,35,35,.15)
}
.offset-menu.show {
    opacity:1;
    visibility:visible;
    right:0
}
.offset-menu .offset-menu-wrapper {
    width:360px;
    padding:80px 30px
}
.offset-menu .theme-btn {
    padding:20px 45px;
    font-weight:500;
    margin-top:40px
}
.about-quantech,.case-study-post-wrapper .case-details-content,.offset-menu .offset-menu-section,footer .single-footer-wid {
    margin-top:40px
}
.offset-menu .offset-menu-section h3,.offset-menu .offset-menu-section h4,.offset-menu .offset-menu-section h5 {
    line-height:1;
    margin-bottom:20px
}
.offset-menu #offset-menu-close-btn {
    position:fixed;
    right:30px;
    font-size:28px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    color:#fff;
    cursor:pointer;
    -webkit-transition:.2s ease-in-out;
    transition:.2s ease-in-out;
    z-index:9;
    top:20px
}
.offset-menu .offset-menu-footer,.site_info_widget .social-link {
    margin-top:35px
}
.offset-menu .offset-menu-social-icon a {
    font-size:16px;
    background:#5f2dee;
    display:inline-block;
    border-radius:50%;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    margin-right:5px
}
.offset-menu .offset-menu-social-icon a:hover,.single-team-member.active::before,.single-team-member:hover::before {
    background:#d6fa52
}
.offset-menu img {
    background:#fff;
    padding:10px 20px
}
.hero-1 .single-slide {
    padding-top:90px;
    position:relative
}
.hero-1 .single-slide .slide-bg,.hero-2 .single-slide .slide-bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1
}
.hero-1 .single-slide .hero-contents,.hero-2 .single-slide .hero-contents,.hero-3 .single-slide .hero-contents {
    position:relative;
    z-index:2
}
.hero-1 .single-slide .hero-contents h1 {
    text-transform:capitalize;
    font-weight:700;
    line-height:1.2
}
@media (max-width:1199px) {
    .hero-1 .single-slide {
        padding-top:140px;
        padding-bottom:130px
    }
    .hero-1 .single-slide .hero-contents h1 {
        font-size:58px
    }
    .section-title h2 {
        font-size:30px
    }
}
@media (max-width:991px) {
    .hero-1 .single-slide .hero-contents h1 {
        font-size:48px
    }
}
.hero-1 .single-slide .hero-contents p {
    margin-top:20px;
    display:block;
    font-size:18px;
    font-weight:500
}
.hero-1 .single-slide .hero-contents a {
    color:#0d0d0f!important;
    padding:22px 44px
}
@media (max-width:767px) {
    .hero-1 .single-slide {
        padding-top:80px;
        padding-bottom:100px
    }
    .hero-1 .single-slide .hero-contents h1 {
        font-size:34px
    }
    .hero-1 .single-slide .hero-contents h6 {
        font-size:16px;
        margin-bottom:20px
    }
    .hero-1 .single-slide .hero-contents p {
        margin-top:15px
    }
    .hero-1 .single-slide .hero-contents p br {
        display:none
    }
    .hero-1 .single-slide .hero-contents a {
        padding:16px 30px;
        margin-top:10px!important
    }
    .hero-1 .slick-nav {
        display:none!important
    }
}
.hero-1 .single-slide .hero-contents h6 {
    position:relative;
    padding-left:20px;
    font-weight:600;
    margin-bottom:5px
}
.hero-1 .single-slide [data-animation-in],.hero-2 .single-slide [data-animation-in] {
    opacity:0;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-transition:1s;
    transition:1s
}
.hero-1 .slick-nav {
    width:44px;
    height:44px;
    position:absolute;
    cursor:pointer;
    top:calc(50% - 44px)
}
.hero-1 .slick-nav.prev-arrow {
    left:3%;
    -webkit-transform:scaleX(-1);
    transform:scaleX(-1);
    z-index:999
}
.hero-1 .slick-nav.next-arrow {
    left:auto;
    right:3%
}
.hero-1 .slick-nav i {
    display:block;
    position:absolute;
    margin:-10px 0 0 -10px;
    width:20px;
    height:20px;
    left:50%;
    top:50%
}
.hero-1 .slick-nav i:after,.hero-1 .slick-nav i:before {
    content:"";
    width:10px;
    height:2px;
    border-radius:1px;
    position:absolute;
    left:50%;
    top:50%;
    background:#fff;
    margin:-1px 0 0 -5px;
    display:block;
    -webkit-transform-origin:9px 50%;
    transform-origin:9px 50%
}
.hero-1 .slick-nav i:before {
    -webkit-transform:rotate(-40deg);
    transform:rotate(-40deg)
}
.hero-1 .slick-nav i:after {
    -webkit-transform:rotate(40deg);
    transform:rotate(40deg)
}
.hero-1 .slick-nav::after,.hero-1 .slick-nav::before {
    content:"";
    display:block;
    position:absolute;
    left:1px;
    right:1px;
    top:1px;
    bottom:1px;
    border-radius:50%;
    border:2px solid rgba(255,255,255,.12)
}
.hero-1 .slick-nav svg {
    width:44px;
    height:44px;
    display:block;
    position:relative;
    z-index:1;
    color:#fff;
    stroke-width:2px;
    stroke-dashoffset:126;
    stroke-dasharray:126 126 0;
    -webkit-transform:rotate(0);
    transform:rotate(0)
}
.hero-1 .slick-nav.animate svg {
    -webkit-animation:1s .3s forwards stroke;
    animation:1s .3s forwards stroke
}
.hero-1 .slick-nav.animate i {
    -webkit-animation:1.6s forwards arrow;
    animation:1.6s forwards arrow
}
.hero-1 .slick-nav.animate i:before {
    -webkit-animation:1.6s forwards arrowUp;
    animation:1.6s forwards arrowUp
}
.hero-1 .slick-nav.animate i:after {
    -webkit-animation:1.6s forwards arrowDown;
    animation:1.6s forwards arrowDown
}
.hero-1 .animated,.hero-2 .animated {
    -webkit-transition:.5s ease-in-out;
    transition:.5s ease-in-out
}
.hero-2 .single-slide {
    padding:240px 0;
    position:relative
}
.hero-2 .layer1,.hero-2 .layer2 {
    top:190px;
    height:192px;
    width:1800px;
    z-index:2;
    position:absolute;
    content:""
}
.hero-2 .single-slide .slide-bg::after,.hero-2 .single-slide .slide-bg::before {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    content:"";
    background:#0d0d0f;
    opacity:.4;
    z-index:-1
}
.hero-2 .single-slide .hero-contents h1 {
    text-transform:capitalize;
    font-weight:700;
    line-height:1.1;
    font-size:148px;
    color:#fff
}
.hero-2 .single-slide .hero-contents h2 {
    color:#d6fa52;
    margin-bottom:0;
    text-transform:capitalize;
    font-weight:600
}
.hero-2 .single-slide .hero-contents p {
    margin-top:20px;
    display:block;
    color:#fff;
    font-size:20px
}
.hero-2 .single-slide .hero-contents .play-text,.hero-3 .single-slide .hero-contents .play-text {
    color:#fff;
    padding-left:5px
}
.hero-2 .layer1 {
    left:-600px;
    background:linear-gradient(92.51deg,rgba(37,106,215,.4) 29.19%,rgba(95,45,238,.4) 79.13%);
    -webkit-transform:rotate(-44.13deg);
    transform:rotate(-44.13deg);
    -webkit-animation:1s linear 1.1s layerBounce;
    animation:1s linear 1.1s layerBounce
}
.hero-2 .layer2 {
    left:-330px;
    -webkit-transform:rotate(-44.13deg);
    transform:rotate(-44.13deg);
    background:#5f2dee;
    opacity:.16;
    -webkit-animation:1s linear 1.3s layerBounce;
    animation:1s linear 1.3s layerBounce
}
.hero-3 .single-slide {
    padding:80px 0 180px;
    position:relative;
    z-index:1
}
.hero-3 .single-slide::before {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    content:"";
    z-index:-1;
    background:-webkit-gradient(linear,left top,left bottom,from(#5f2dee),to(#256ad7));
    background:linear-gradient(180deg,#5f2dee 0,#256ad7 100%)
}
.hero-3 .single-slide::after,.hero-3::before {
    background-repeat:no-repeat;
    background-size:cover;
    width:100%;
    left:0;
    position:absolute
}
.hero-3 .single-slide::after {
    top:0;
    height:100%;
    content:"";
    z-index:-1;
    background-image:url("../img/home3/square-shape.png");
    opacity:.2;
    background-position:center top
}
.hero-3 .single-slide .hero-contents h1 {
    text-transform:capitalize;
    font-weight:700;
    line-height:1.2;
    font-size:80px;
    color:#fff
}
.hero-3 .single-slide .hero-contents h1 span {
    color:#d6fa52;
    text-decoration:underline
}
.hero-3 .single-slide .hero-contents p {
    font-size:20px;
    margin-bottom:10px;
    color:#fff;
    text-transform:capitalize
}
.hero-3::before {
    bottom:0;
    content:'';
    background-image:url("../img/home3/wave-shape.png");
    height:155px;
    z-index:9
}
.slide-right-dots {
    position:absolute;
    right:20px;
    z-index:9;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:20px
}
.slide-right-dots li {
    display:block;
    width:100%
}
.slide-right-dots li button {
    position:relative;
    width:20px;
    height:20px;
    border-radius:50%;
    border:1px solid #fff;
    background:0 0;
    margin:2px 0;
    display:inline-block;
    text-indent:-3000em
}
.slide-right-dots li button::before {
    position:absolute;
    width:6px;
    height:6px;
    content:"";
    background:#fff;
    border-radius:50%;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    opacity:0;
    visibility:hidden;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.slide-dots {
    position:absolute;
    left:50%;
    bottom:40px;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:2
}
.slide-dots li {
    display:inline-block;
    margin:0 4px;
    text-align:center
}
.slide-dots li button {
    position:relative;
    text-indent:-9999px;
    border:1px solid rgba(248,248,248,.4);
    border-radius:30px;
    width:16px;
    height:16px;
    background-color:rgba(248,248,248,.4);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.case-cat-filter button.active,.case-cat-filter button:hover,.comment-form .submit-btn:hover,.search_widget form button:hover,.site_info_widget .single-contact-info:nth-child(2n) .icon,.slide-dots li button:hover {
    background-color:#d6fa52
}
.section-title>span,.section-title>span::before {
    background:#5f2dee;
    color:transparent;
    font-size:18px
}
.slide-dots li.slick-active button {
    background-color:#fff;
    border-color:#fff
}
.section-padding {
    padding:80px 0
}
@media (max-width:1191px) {
    .shape {
        display:none;
        opacity:0
    }
    .section-padding {
        padding:100px 0
    }
}
.section-title {
    margin-bottom:30px;
    margin-top:-6px
}
.section-title>span {
    position:relative;
    text-transform:capitalize;
    font-weight:500;
    line-height:1;
    background:-webkit-gradient(linear,left top,right top,from(#5f2dee),to(#256ad7));
    background:linear-gradient(to right,#5f2dee,#256ad7);
    -webkit-background-clip:text;
    background-clip:text
}
.section-title>span::before {
    position:absolute;
    left:0;
    bottom:3px;
    background:-webkit-gradient(linear,left top,right top,from(#5f2dee),to(#256ad7));
    background:linear-gradient(to right,#5f2dee,#256ad7);
    -webkit-background-clip:text;
    background-clip:text
}
.section-title h2 {
    font-size:30px;
    text-transform:capitalize
}
@media (max-width:991px) {
    .hero-2 .single-slide {
        padding-top:140px;
        padding-bottom:130px
    }
    .hero-2 .single-slide .hero-contents h1 {
        font-size:90px
    }
    .hero-3 .single-slide {
        padding:70px 0 150px
    }
    .hero-3 .single-slide .hero-contents h1 {
        font-size:70px
    }
    .section-title h2 {
        font-size:30px
    }
    h1 {
        font-size:28px
    }
}
.section-title h6 {
    color:#256ad7;
    position:relative;
    display:inline-block;
    padding:0 20px;
    line-height:1;
    text-transform:capitalize;
    margin-bottom:12px;
    font-weight:500
}
.section-title h6::after,.section-title h6::before {
    position:absolute;
    width:10px;
    height:10px;
    background:-webkit-gradient(linear,left top,left bottom,from(#5f2dee),to(#256ad7));
    background:linear-gradient(180deg,#5f2dee 0,#256ad7 100%);
    content:"";
    left:0;
    border-radius:50%;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.section-bg,.service-sidebar-wrapper .doc-sidebar {
    background-color:#f3f2f8
}
.bg-gradient {
    background:#256ad7;
    overflow:hidden;
    z-index:2
}
.left-bg-overlay::before {
    width:35%;
    left:0;
    top:0;
    content:"";
    background:#00a307a6;
    height:100%;
    z-index:-1
}
.shape-top {
    position:absolute;
    top:-50px;
    left:80px;
    z-index:-1
}
.shape-bottom {
    position:absolute;
    bottom:-10px;
    left:-5px;
    z-index:-1
}
.about-images-video-popup img+img {
    position:relative;
    float:right;
    margin-top:-100px;
    border-radius:10px
}
.about-images-video-popup .video-play-btn {
    position:absolute;
    left:40%;
    top:75%;
    z-index:3;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.fun-fact-bar {
    position:absolute;
    left:-80px;
    top:80px;
    background:#d6fa52;
    border-radius:8px;
    padding:16px 34px
}
.fun-fact-bar .year-img {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:distribute;
    justify-content:space-around
}
.fun-fact-bar .year-img h3 {
    font-size:32px;
    margin-bottom:0;
    font-weight:700
}
.fun-fact-bar p {
    color:#0d0d0f;
    font-weight:700
}
.blog-wrapper .single-blog-post .post-content .author-info,.blog-wrapper .single-blog-post.format-quote .quote-content,.blog-wrapper .single-blog-post.quote-post .quote-content,.comments-section-wrap,.popular-posts .single-post-item .post-content,.popular_posts .single-post-item .post-content,.single-contact-card .top-part .title,.single-news-card .contents .post-author .author-info,.single-service-left-icon .content,.single-testimonial-card .content,.work-process-wrapper {
    overflow:hidden
}
.single-work-step {
    text-align:center;
    margin-top:30px;
    padding:0 50px
}
.single-work-step .circle-img {
    width:165px;
    height:165px;
    border-radius:50%;
    line-height:165px;
    position:relative;
    margin:0 auto;
    background-color:#eee
}
.why-choice-us::after,.why-choice-us::before,.work-line {
    position:absolute;
    width:100%
}
.single-work-step .circle-img span {
    position:absolute;
    right:0;
    bottom:0;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:500px;
    color:#fff;
    background:#5f2dee;
    font-size:14px;
    text-align:center;
    -webkit-transform:translate(10px,-20px);
    transform:translate(10px,-20px);
    font-weight:600
}
.about-quantech p,.blog-wrapper .single-blog-post.post-details .post-content table,.case-study-post-wrapper .case-details-content ul,.info-icon-item,.member-profile-wrapper .member-info .social-profiles,.project-case-study .single-project-card .contents .theme-btn,.single-work-step .content {
    margin-top:20px
}
.single-work-step.sp2 .circle-img {
    width:240px;
    height:240px;
    line-height:240px
}
.single-work-step.sp2 .circle-img span {
    bottom:50%;
    background:#d6fa52;
    color:#0d0d0f
}
.single-work-step.sp2 h4 {
    font-size:28px
}
.work-line {
    z-index:-1;
    bottom:35%;
    left:50%;
    -webkit-transform:translateX(-35%);
    transform:translateX(-35%)
}
.contact-form .single-personal-info,.contact-form h3,.form-group,.info-icon-item img,.project-case-study .single-project-card .contents h3,.single-customer-review .rating,.single-digit-count .icon,section.user_login .form-group {
    margin-bottom:20px
}
.why-choice-us {
    background:#fff;
    z-index:1
}
.why-choice-us::before {
    left:0;
    top:0;
    content:"";
    background:linear-gradient(94.08deg,#5f2dee 20.35%,#256ad7 74.44%);
    height:60%;
    z-index:-1;
    opacity:.7
}
.why-choice-us::after {
    left:0;
    bottom:0;
    content:"";
    background:#fff;
    height:40%;
    z-index:-1
}
.single-icon-box {
    background:#fff;
    border:1px solid rgba(95,45,238,.16);
    border-radius:8px;
    padding:35px 30px 30px;
    margin-top:30px
}
.single-service-box {
    padding:35px 25px 30px;
    border:1px solid rgba(109,109,109,.4);
    margin-top:30px;
    text-align:center;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    border-radius:4px
}
.single-service-box:hover {
    background:#fff;
    border-color:#fff;
    -webkit-box-shadow:0 8px 20px rgba(95,45,238,.12);
    box-shadow:0 8px 20px rgba(95,45,238,.12)
}
.single-service-box:hover h4 a {
    background:linear-gradient(93.01deg,#5f2dee 7.72%,#256ad7 88.32%);
    color:#fff
}
.single-service-box .icon {
    font-size:72px;
    line-height:1;
    color:#0d0d0f;
    margin-bottom:28px
}
.single-service-box h4 {
    line-height:1;
    font-size:18px;
    margin-bottom:20px;
    text-transform:capitalize
}
.single-service-box h4 a {
    display:inline-block;
    padding:10px 45px;
    background:#d6fa52;
    color:#0d0d0f;
    border-radius:4px
}
.single-service-box .read-more-link {
    font-weight:500;
    color:#0d0d0f;
    text-decoration:underline;
    display:inline-block;
    line-height:1;
    margin-top:20px;
    text-transform:capitalize
}
.services-container-wrapper {
    background:#d6fa52;
    padding:20px 70px 50px;
    border-radius:4px;
    margin-top:-100px;
    z-index:2
}
.services-container-wrapper .single-service-info-item {
    margin-top:30px;
    padding:0 15px
}
.services-container-wrapper .single-service-info-item h4 {
    margin-top:25px;
    margin-bottom:10px
}
.single-service-top-icon {
    margin-top:30px;
    position:relative;
    padding:40px 40px 35px;
    border:1px solid rgba(109,109,109,.16);
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-radius:8px;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    overflow:hidden
}
.single-service-top-icon::before {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:80%;
    content:"";
    z-index:-1;
    background:linear-gradient(135.01deg,#5f2dee -10.43%,#256ad7 100%);
    -webkit-transition:.35s ease-in-out;
    transition:.35s ease-in-out;
    opacity:0;
    visibility:hidden
}
.single-service-top-icon:hover::before {
    height:100%;
    opacity:1;
    visibility:visible
}
.single-service-top-icon:hover .icon img {
    -webkit-filter:brightness(100);
    filter:brightness(100)
}
.single-service-top-icon .icon {
    display:inline-block;
    margin-bottom:25px
}
/* .comments-item-list .single-comment-item ul,.service-details-wrapper p,.single-service-left-icon .content h4,.single-service-top-icon .content h4 {
    margin-bottom:15px
} */
.single-service-top-icon.style-2 {
    text-align:center;
    background-color:#fff;
    border-color:#fff;
    -webkit-box-shadow:0 30px 50px rgba(20,42,104,.06);
    box-shadow:0 30px 50px rgba(20,42,104,.06)
}
.single-service-top-icon.style-2:hover {
    background:linear-gradient(133.8deg,#5f2dee 34.62%,#256ad7 84.71%)
}
.single-service-left-icon {
    margin-top:50px;
    position:relative
}
.single-service-left-icon .icon {
    float:left;
    overflow:hidden;
    margin-right:20px
}
.biography-info p,.service-details-contents .contents ul,.service-details-contents .service-feature-img,.service-sidebar-wrapper .single-sidebar-widgets .wid-title {
    margin-bottom:30px
}
.service-details-contents .contents .single-service-features {
    text-align:center;
    -webkit-box-shadow:5px 6px 30px 0 rgba(0,0,0,.1);
    box-shadow:5px 6px 30px 0 rgb(0 0 0 / 22%);
    background-color:#fff;
    padding:30px 20px;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    height:100%;
    border-radius:10px;
    border:1px solid #0000004a
}
.service-details-contents .contents .single-service-features:hover,.single-contact-card:hover {
    background-color:#256ad7
}
.service-details-contents .contents .single-service-features .icon {
    color:#256ad7;
    font-size:40px;
    margin-bottom:15px
}
.service-details-contents .contents .single-service-features h5 {
    margin-bottom:10px;
    font-size:18px
}
.service-details-contents .contents .single-service-features p {
    font-size:15px;
    margin-bottom:0
}
.comments-item-list .single-comment-item p,.comments-item-list .single-comment-item span,.service-details-contents .contents ul li {
    font-size:16px
}
.service-details-contents .contents .wp-block-quote,.service-details-contents .contents blockquote {
    background-color:#d6fa52;
    color:#0d0d0f;
    font-size:24px;
    line-height:1.4;
    font-family:Montserrat,sans-serif;
    font-weight:600;
    padding:50px;
    margin:30px 0;
    position:relative;
    z-index:1;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-bottom:5px solid #5f2dee;
    -webkit-box-shadow:5px 6px 30px 0 rgba(0,0,0,.1);
    box-shadow:5px 6px 30px 0 rgba(0,0,0,.1)
}
.blog-wrapper .single-blog-post.post-details .wp-block-quote::before,.blog-wrapper .single-blog-post.post-details blockquote::before,.service-details-contents .contents .wp-block-quote::before,.service-details-contents .contents blockquote::before {
    right:30px;
    font-size:110px;
    line-height:1;
    font-family:"Font Awesome 5 Pro";
    position:absolute;
    content:"\f10d";
    bottom:-20px;
    color:#fff;
    z-index:-1;
    opacity:.1;
    font-weight:900
}
.service-details-contents .contents .service-contact-form {
    margin-top:30px;
    padding:40px 40px 50px;
    background-color:#fff;
    -webkit-box-shadow:5px 6px 30px 0 rgba(0,0,0,.1);
    box-shadow:5px 6px 30px 0 rgba(0,0,0,.1)
}
@media (max-width:767px) {
    .hero-2 .single-slide .hero-contents h1 {
        font-size:50px
    }
    .hero-2 .single-slide .hero-contents h2 {
        font-size:16px
    }
    .hero-2 .single-slide .hero-contents p br {
        display:none
    }
    .hero-3 .single-slide .hero-contents h1 {
        font-size:40px
    }
    .hero-3::before {
        height:100px
    }
    .slide-dots {
        bottom:10px
    }
    .slide-dots li button {
        width:12px;
        height:12px
    }
    .section-padding {
        padding:40px 0
    }
    .section-title {
        margin-bottom:20px
    }
    .section-title h2,h2 {
        font-size:20px
    }
    .service-sidebar-wrapper .help-line-card h2 {
        margin-top:6px!important;
        font-size:26px!important;
        line-height:17px!important
    }
    .about-images-video-popup img:first-of-type {
        padding-right:40px
    }
    .about-images-video-popup img+img {
        padding-right:10px;
        padding-left:10px;
        float:none;
        overflow:hidden
    }
    .about-images-video-popup .video-play-btn {
        top:30%
    }
    .single-work-step.sp2 .circle-img {
        height:200px;
        width:200px
    }
    .single-work-step.sp2 h4 {
        font-size:24px
    }
    .single-service-left-icon .content h4,.single-service-top-icon .content h4 {
        margin-bottom:10px
    }
    .single-service-left-icon {
        margin-top:30px
    }
    .service-details-contents .contents .wp-block-quote,.service-details-contents .contents blockquote {
        padding:30px 15px;
        font-size:18px;
        line-height:1.5
    }
    .service-details-contents .contents .service-contact-form {
        padding:30px 15px
    }
}
.service-details-contents .contents .service-contact-form .contact-form input,.service-details-contents .contents .service-contact-form .contact-form textarea {
    padding:20px 25px;
    font-size:16px
}
.service-details-contents .contents .service-contact-form .contact-form textarea {
    height:150px
}
.service-sidebar-wrapper .single-sidebar-widgets {
    padding:30px;
    /* margin-bottom:40px; */
    background:#f3f2f8
}
.service-sidebar-wrapper .single-sidebar-widgets .wid-title h3 {
    font-size:22px;
    text-transform:capitalize
}
.service-sidebar-wrapper .single-sidebar-widgets .services-category-link a {
    display:block;
    color:#0d0d0f;
    font-weight:600;
    position:relative;
    padding:20px 20px 20px 50px;
    font-size:18px;
    line-height:1;
    text-transform:capitalize;
    margin:15px 0;
    background-color:#d6fa52;
    border-radius:4px
}
.service-sidebar-wrapper .single-sidebar-widgets .services-category-link a::before {
    position:absolute;
    content:"\f0da";
    font-family:"Font Awesome 5 Pro";
    left:15px
}
.blog-wrapper .single-blog-post .post-content ol ol,.blog-wrapper .single-blog-post .post-content ol ul,.blog-wrapper .single-blog-post .post-content ul ol,.blog-wrapper .single-blog-post .post-content ul ul,.blog-wrapper .single-blog-post:last-child,.comment ol ol,.comment ol ul,.comment ul ol,.main-sidebar .single-sidebar-widget:last-child,.service-sidebar-wrapper .single-sidebar-widgets .services-category-link a:last-of-type,.single-contact-card h4,.single-customer-review .client-info-card .client-details h4,.widget_categories ul li:last-child a {
    margin-bottom:0
}
.service-sidebar-wrapper .single-sidebar-widgets .services-category-link a:hover {
    color:#256ad7;
    padding-left:35px
}
.service-sidebar-wrapper .doc-sidebar a {
    display:block;
    margin-bottom:15px;
    text-transform:uppercase
}
.service-sidebar-wrapper .help-line-card {
    background-color:#d6fa52;
    padding:60px 30px;
    text-align:center;
    position:relative;
    z-index:1;
    border-radius:4px;
    overflow:hidden
}
.service-sidebar-wrapper .help-line-card::before {
    position:absolute;
    left:0;
    top:0;
    background:#5f2dee;
    opacity:.8;
    width:100%;
    height:100%;
    content:"";
    z-index:-1
}
.spacing_all_main {
    margin-top: -17px;
    margin-bottom: 40px;
}
.service-sidebar-wrapper .help-line-card span {
    font-size:18px;
    font-weight:600
}
.service-sidebar-wrapper .help-line-card h2 {
    margin-top:5px;
    font-size:50px;
    line-height:1.15
}
.service-sidebar-wrapper .help-line-card .single-menu-box {
    margin-top:10px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
.service-sidebar-wrapper .help-line-card .single-menu-box p {
    font-size:24px;
    line-height:1
}
.blog-wrapper .single-blog-post.format-quote .post-meta span,.blog-wrapper .single-blog-post.quote-post .post-meta span,.service-sidebar-wrapper .help-line-card .single-menu-box a,.single-team-member.active .member-info a,.single-team-member.active .member-info h4,.single-team-member.active .member-info p,.single-team-member:hover .member-info a,.single-team-member:hover .member-info h4,.single-team-member:hover .member-info p {
    color:#0d0d0f!important
}
.single-testimonial-card {
    border:1px solid rgba(109,109,109,.16);
    padding:30px 25px;
    border-radius:8px;
    margin-top:30px!important;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
@media (max-width:1220px) {
    .single-testimonial-card {
        text-align:center
    }
}
.single-testimonial-card:hover {
    border-color:#d6fa52
}
.single-testimonial-card .client-img {
    width:124px;
    height:124px;
    border-radius:50%;
    float:left;
    background-color:#d6fa52;
    position:relative;
    margin-right:35px
}
@media (max-width:991px) {
    .fun-fact-bar {
        left:0;
        top:-20px
    }
    .single-testimonial-card {
        padding:30px 20px
    }
    .single-testimonial-card .client-img {
        width:100px;
        height:100px;
        margin:0 25px 0 auto
    }
}
@media (max-width:1200px) {
    .cta-contents br {
        display:none
    }
    .issue-card {
        width:100%;
        border:1px solid #e5e2e2;
        border-radius:8px;
        padding:10px;
        aspect-ratio:2/1;
        text-align:center;
        height:100%;
        min-height:131px
    }
    .single-testimonial-card .client-img {
        float:none;
        margin:0 auto 25px
    }
}
.single-testimonial-card .client-img::before {
    position:absolute;
    height:48px;
    width:48px;
    border-radius:50%;
    text-align:center;
    background:#256ad7;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    color:#f6f6ff;
    content:"\f10d";
    font-family:"Font Awesome 5 Pro";
    font-size:16px;
    line-height:48px;
    right:-10px;
    font-weight:900;
    bottom:0
}
.single-testimonial-card .content .client-rating i {
    color:#f9de59;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    cursor:pointer
}
.single-customer-review .rating i,.single-testimonial-card .content .client-rating i:hover {
    color:#f9de59
}
.single-testimonial-card .content h4 {
    margin-bottom:3px;
    text-transform:capitalize
}
.testimonial-carousel-grid-active .slick-slide {
    margin:0 15px
}
.testimonial-carousel-grid-active .slick-list {
    margin:0 -15px
}
.testimonial-carousel-grid-active .circle-dots {
    bottom:-70px
}
.single-testimonial-box {
    background-color:#fff;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    padding:0 35px 60px;
    margin-top:80px
}
.single-testimonial-box:hover {
    -webkit-box-shadow:0 10px 35px 0 rgba(38,42,76,.1);
    box-shadow:0 10px 35px 0 rgba(38,42,76,.1)
}
.single-testimonial-box .client-img {
    width:100px;
    height:100px;
    border-radius:50%;
    background-color:#f8f8f8;
    -webkit-box-shadow:0 10px 35px 0 rgba(38,42,76,.1);
    box-shadow:0 10px 35px 0 rgba(38,42,76,.1);
    margin:-50px auto 0;
    display:inline-block;
    position:relative;
    z-index:1
}
.single-testimonial-box .client-img::before {
    position:absolute;
    content:"\f10e";
    left:50%;
    top:0;
    font-family:"Font Awesome 5 Pro";
    color:#5f2dee;
    font-size:20px;
    font-weight:400;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.comments-item-list .single-comment-item .author-info-comment .comment-text,.member-profile-wrapper .member-contact-info .single-contact,.single-branch-card .content .branch-links,.single-testimonial-box .client-info {
    margin-top:15px
}
.single-testimonial-box .client-info h4 {
    margin-bottom:5px;
    text-transform:capitalize
}
.single-testimonial-box .feedback p {
    margin:20px 0
}
.single-testimonial-box .feedback .star {
    color:#256ad7;
    line-height:1
}
.single-testimonial-box .feedback .star span {
    margin:0 1px
}
.testimonial-carousel-wrapper-active {
    margin-top:-30px
}
.testimonial-carousel-wrapper-active .single-testimonial-box {
    padding:0 20px 30px;
    background-color:#fff
}
.testimonial-carousel-wrapper-active .slide-dots {
    margin-bottom:-15px
}
.testimnial-carousel-wrapper {
    padding:65px 0 70px
}
.single-customer-review {
    background:#fff;
    -webkit-box-shadow:-8px 0 1px rgba(37,106,215,.04),8px 0 24px rgba(37,106,215,.12);
    box-shadow:-8px 0 1px rgba(37,106,215,.04),8px 0 24px rgba(37,106,215,.12);
    border-radius:8px;
    padding:30px 60px;
    margin:50px
}
.single-customer-review p {
    font-size:18px;
    font-family:600
}
.single-customer-review .client-info-card {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:20px
}
.single-customer-review .client-info-card .img-wrapper {
    width:100px;
    height:100px;
    border:6px solid #5f2dee;
    border-radius:50%;
    text-align:center;
    line-height:100px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.single-customer-review .client-info-card .img-wrapper .client-img {
    width:80px;
    height:80px;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    border-radius:50%;
    background-color:#f8f8f8;
    border:2px solid #d6fa52;
    position:relative
}
.single-customer-review .client-info-card .client-details {
    margin-left:20px
}
.single-pricing-plan {
    background-color:#d6fa52;
    position:relative;
    padding:60px;
    margin-top:30px;
    border-radius:4px
}
@media (max-width:1199px) {
    .left-bg-overlay::before {
        display:none
    }
    .single-work-step {
        padding:0 20px
    }
    .testimnial-carousel-wrapper {
        padding:95px 0 50px
    }
    .single-pricing-plan {
        padding:40px 30px
    }
}
.single-pricing-plan .plan-title h2 {
    text-transform:capitalize;
    margin-top:-5px
}
.single-pricing-plan .plan-value {
    font-size:16px;
    text-transform:capitalize;
    margin-bottom:25px
}
.single-pricing-plan .plan-value span {
    display:block;
    font-size:80px;
    font-family:Montserrat,sans-serif;
    color:#256ad7;
    line-height:1;
    font-weight:400;
    letter-spacing:-3px;
    margin-bottom:10px
}
.single-pricing-plan .plan-buy-btn {
    position:relative;
    z-index:1;
    padding-top:15px;
    font-size:16px
}
.single-pricing-plan .plan-buy-btn::before {
    position:absolute;
    left:-15%;
    top:0;
    background-color:#fff;
    width:130%;
    height:70%;
    z-index:-1;
    content:""
}
.single-pricing-plan .plan-buy-btn .theme-btn {
    margin-top:10px;
    background:#5f2dee;
    color:#fff
}
.single-pricing-plan .plan-buy-btn .theme-btn i {
    margin-left:8px
}
.single-pricing-plan .plan-service-list {
    margin-top:40px;
    display:block
}
.single-pricing-plan .plan-service-list li {
    margin-top:12px;
    position:relative;
    color:#0d0d0f
}
.single-pricing-plan .plan-service-list li::before {
    position:absolute;
    right:0;
    top:0;
    font-family:"Font Awesome 5 Pro";
    content:"\f00c";
    opacity:.5
}
.cta-wrapper {
    background-position:top
}
.cta-wrapper.style-2 {
    z-index:1;
    position:relative
}
.cta-wrapper.style-2::before {
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100%;
    content:'';
    position:absolute;
    background:rgba(214,250,82,.5);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.cta-wrapper i {
    margin-left:6px
}
.featured-video-wrapper {
    padding:150px 0
}
.skills-video {
    height:430px
}
.cta-banner-box {
    border-radius:8px;
    overflow:hidden;
    margin-bottom:-185px;
    z-index:2;
    position:relative
}
.single-team-card,.single-team-member {
    z-index:1;
    margin-top:30px;
    overflow:hidden
}
.single-team-member {
    height:350px;
    width:100%;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    border-radius:5px;
    padding:15px;
    text-align:center
}
.single-team-member::before {
    position:absolute;
    left:0;
    bottom:-1px;
    -webkit-clip-path:polygon(0 70%,100% 54%,100% 100%,0% 100%);
    clip-path:polygon(0 70%,100% 54%,100% 100%,0% 100%);
    width:120%;
    height:100%;
    background:#5f2dee;
    content:""
}
.single-team-member .member-info {
    position:relative;
    z-index:3
}
.single-team-member .member-info h4 {
    margin-bottom:-2px;
    line-height:1.1
}
.single-team-member .member-info p {
    font-size:14px;
    text-transform:uppercase;
    margin-bottom:3px;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.single-team-member .member-info .social-links a {
    margin:5px 3px 0
}
.single-team-card {
    width:100%;
    height:450px;
    position:relative;
    border-radius:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:40px
}
.single-team-card::before {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    content:"";
    z-index:-1;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(10%,rgba(0,0,0,0)),to(#5f2dee));
    background:linear-gradient(180deg,rgba(0,0,0,0) 10%,#5f2dee 100%);
    opacity:.7
}
.single-team-card:hover .member-info-card .member-details {
    opacity:0;
    top:20px;
    visibility:hidden
}
.single-team-card:hover .member-info-card .member-social-net {
    opacity:1;
    bottom:0;
    visibility:visible
}
.single-team-card .member-info-card {
    overflow:hidden;
    position:absolute;
    bottom:40px;
    left:0;
    width:100%
}
.single-team-card .member-info-card .member-details {
    position:relative;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    opacity:1;
    visibility:inherit;
    top:0
}
.single-team-card .member-info-card .member-details h3 {
    color:#fff;
    margin-bottom:0;
    text-transform:capitalize
}
.single-team-card .member-info-card .member-details span {
    color:#fff;
    font-size:14px
}
.single-team-card .member-info-card .member-social-net {
    opacity:0;
    visibility:hidden;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    position:absolute;
    bottom:20px;
    left:0;
    width:100%
}
.single-team-card .member-info-card .member-social-net a {
    width:32px;
    height:32px;
    text-align:center;
    font-size:12px;
    line-height:32px;
    display:inline-block;
    margin:0 2px;
    background-color:#fff;
    border-radius:5px
}
.team-member-details-wrapper .container {
    background-color:#f3f2f8;
    -webkit-box-shadow:0 15px 40px 0 rgba(109,109,109,.06);
    box-shadow:0 15px 40px 0 rgba(109,109,109,.06);
    padding:50px
}
.team-member-details-wrapper .icon-box {
    margin-top:30px;
    background-color:#fff;
    padding:85px 30px
}
.team-member-details-wrapper .icon-box .icon {
    margin-bottom:20px;
    font-size:80px;
    color:#256ad7
}
.team-member-details-wrapper .icon-box h2 {
    font-size:28px;
    margin-bottom:0
}
.contact-form7-wrapper .contact-form {
    padding:50px 30px;
    background-color:#fff
}
.contact-form7-wrapper .contact-form form textarea {
    height:150px;
    text-transform:capitalize
}
.biography-info {
    background-color:#fff;
    margin-top:30px;
    padding:30px
}
.biography-info .single-bio-data {
    width:50%;
    display:-ms-grid;
    display:grid;
    grid-gap:20px;
    text-transform:capitalize;
    margin-top:5px
}
.biography-info .single-bio-data .key-data {
    font-weight:500;
    position:relative
}
.biography-info .single-bio-data .key-data::after {
    position:absolute;
    content:":";
    right:10px
}
.member-profile-wrapper .member-profile-img {
    height:340px;
    background-position:top
}
@media (max-width:767px) {
    .single-testimonial-box {
        padding:0 30px 40px
    }
    .testimnial-carousel-wrapper {
        padding:80px 0 60px
    }
    .single-customer-review {
        margin:20px 10px;
        padding:30px 20px;
        text-align:center
    }
    .single-customer-review .rating {
        margin-bottom:10px
    }
    .single-customer-review p {
        font-size:16px
    }
    .single-customer-review .client-info-card {
        display:block
    }
    .single-customer-review .client-info-card .img-wrapper {
        width:80px;
        height:80px;
        line-height:80px;
        border:4px solid #5f2dee;
        margin:10px auto 0
    }
    .single-customer-review .client-info-card .img-wrapper .client-img {
        width:60px;
        height:60px;
        line-height:60px
    }
    .single-customer-review .client-info-card .client-details {
        margin-left:0;
        margin-top:10px
    }
    .single-customer-review .client-info-card .client-details h4 {
        font-size:18px
    }
    .single-customer-review .client-info-card .client-details span {
        font-size:14px
    }
    .single-pricing-plan .plan-title h2 {
        font-size:24px
    }
    .single-pricing-plan .plan-value span {
        font-size:60px
    }
    .single-pricing-plan .plan-buy-btn::before {
        left:-7%;
        width:114%
    }
    .cta-wrapper h1 {
        font-size:32px;
        line-height:1.3
    }
    .featured-video-wrapper {
        padding:100px 0
    }
    .single-team-card {
        height:350px
    }
    .team-member-details-wrapper .container {
        padding:20px
    }
    .biography-info .single-bio-data {
        width:80%
    }
    .member-profile-wrapper .member-profile-img {
        height:300px
    }
}
.member-profile-wrapper .member-info {
    max-width:500px;
    position:relative;
    padding-bottom:15px
}
@media (max-width:1100px) {
    .member-profile-wrapper .member-info {
        max-width:400px
    }
}
@media (max-width:991px) {
    .single-testimonial-card .client-img::before {
        width:40px;
        height:40px;
        line-height:40px
    }
    .cta-banner-box {
        margin-bottom:-120px;
        padding-right:15px;
        padding-left:15px
    }
    .member-profile-wrapper .member-info {
        max-width:320px
    }
}
@media (max-width:767px) {
    .member-profile-wrapper .member-info {
        max-width:450px;
        margin:0;
        padding:30px
    }
}
@media (min-width:1440px) {
    .member-profile-wrapper .member-info::before {
        position:absolute;
        content:"";
        right:-8%;
        top:0;
        height:100%;
        width:1px;
        background:#ebedf2
    }
}
.member-profile-wrapper .member-info h2 {
    font-size:36px;
    margin-bottom:5px
}
@media (max-width:991px) {
    .member-profile-wrapper .member-info h2 {
        font-size:30px
    }
    .single-fun-counter.mt {
        margin-top:30px
    }
}
@media (max-width:767px) {
    .member-profile-wrapper .member-info p {
        margin-top:20px
    }
}
.member-profile-wrapper .member-info .social-profiles a {
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    border:1px solid #ebedf2;
    margin-right:10px;
    display:inline-block;
    margin-top:10px
}
.member-profile-wrapper .member-contact-info {
    margin-right:50px
}
@media (max-width:767px) {
    .member-profile-wrapper .member-contact-info {
        padding:30px 20px;
        margin:0
    }
}
@media (max-width:576px) {
    .team-member-details-wrapper .icon-box {
        padding:50px 20px
    }
    .team-member-details-wrapper .icon-box .icon {
        font-size:60px
    }
    .team-member-details-wrapper .icon-box h2 {
        font-size:24px
    }
    .member-profile-wrapper .member-info {
        display:block;
        max-width:100%
    }
    .member-profile-wrapper .member-info h2 {
        font-size:26px
    }
    .member-profile-wrapper .member-info p {
        margin-top:10px
    }
    .member-profile-wrapper .member-contact-info {
        display:block;
        width:100%;
        padding:0 15px 50px
    }
}
@media (max-width:1100px) {
    .member-profile-wrapper .member-contact-info {
        margin-right:20px;
        margin-left:20px
    }
}
.skill-bars {
    background-color:#fff;
    margin-top:30px;
    padding:30px 30px 70px
}
.single-fun-counter {
    padding:40px;
    border-radius:8px;
    margin-top:-50px
}
.single-fun-counter .count {
    font-size:48px;
    font-weight:700;
    font-family:Montserrat,sans-serif;
    line-height:1;
    margin-bottom:15px
}
.single-digit-count .digits {
    font-size:40px;
    font-weight:700;
    font-family:Montserrat,sans-serif;
    margin-bottom:10px
}
.single-digit-count p {
    text-transform:capitalize;
    font-size:18px
}
.footer-social-icon,.single-progress-bar {
    margin-top:25px
}
.single-progress-bar .progress {
    height:10px;
    margin-top:4px
}
.single-progress-bar .progress .progress-bar {
    background:#d6fa52;
    border-radius:5px
}
.single-progress-bar .progress .progress-bar.color-3 {
    background:#256ad7
}
.project-details-contents {
    border-bottom:1px solid #ebedf2
}
.single-project-card {
    position:relative;
    height:100%;
    width:100%;
    max-height:250px;
    background-size:cover;
    border-radius:8px;
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    padding:30px;
    overflow:hidden;
    margin-top:30px!important;
    margin:0 15px
}
.single-project-card:hover::before {
    opacity:.4;
    -webkit-transform:scale(1);
    transform:scale(1);
    visibility:visible
}
.single-project-card:hover .plus-link {
    top:50%;
    opacity:1;
    visibility:visible
}
.single-project-card::before {
    position:absolute;
    left:0;
    top:0;
    content:"";
    background:#5f2dee;
    opacity:0;
    visibility:hidden;
    width:100%;
    height:100%;
    -webkit-transform:scale(.8);
    transform:scale(.8);
    -webkit-transition:.35s ease-in-out;
    transition:.35s ease-in-out
}
.single-project-card .plus-link {
    width:60px;
    height:60px;
    text-align:center;
    border-radius:50%;
    line-height:60px;
    border:2px solid #fff;
    font-size:24px;
    position:absolute;
    left:50%;
    top:40%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    color:#fff;
    z-index:2;
    -webkit-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    opacity:0;
    visibility:hidden
}
.case-cat-filter button,.case-study-carousel-arrow div {
    display:inline-block;
    -webkit-transition:.3s ease-in-out
}
.single-project-card .plus-link:hover {
    background:#d6fa52;
    color:#0d0d0f!important;
    border-color:#d6fa52
}
.single-project-card .content h3 {
    margin-bottom:5px;
    color:#fff
}
.project-showcase-carousel-active .slick-slide {
    margin:10px 15px
}
.case-study-carousel-arrow div {
    width:52px;
    height:52px;
    border-radius:50%;
    line-height:52px;
    border:1px solid rgba(109,109,108,.8);
    background:0 0;
    transition:.3s ease-in-out;
    color:#6d6D6DCC;
    font-size:20px;
    text-align:center;
    cursor:pointer
}
.case-study-carousel-arrow div:hover {
    color:#0d0d0f;
    background:#d6fa52;
    border-color:#d6fa52
}
.case-cat-filter button {
    border:none;
    background-color:#fff;
    padding:12px 20px;
    line-height:1;
    transition:.3s ease-in-out;
    margin:0 5px;
    font-weight:600;
    -webkit-box-shadow:0 16px 32px 0 rgba(51,51,51,.04);
    box-shadow:0 16px 32px 0 rgba(51,51,51,.04);
    font-family:Montserrat,sans-serif;
    text-transform:capitalize;
    color:#0d0d0f;
    border-radius:7px
}
@media (max-width:1199px) {
    .case-cat-filter button {
        margin-bottom:10px
    }
}
.case-grid-photos {
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:auto;
    grid-template-rows:auto;
    grid-gap:30px
}
.case-study-post-wrapper .case-details-content p {
    margin-bottom:20px;
    margin-top:10px
}
.case-study-post-wrapper .case-details-content p:first-child::first-letter {
    font-size:20px;
    color:#fff;
    border-radius:7px;
    background-color:#d6fa52;
    -webkit-box-shadow:0 10px 30px 0 rgba(8,106,215,.5);
    box-shadow:0 10px 30px 0 rgba(8,106,215,.5);
    padding:20px;
    line-height:1;
    margin-right:15px;
    float:left;
    overflow:hidden;
    font-weight:700;
    text-transform:uppercase
}
.case-study-post-wrapper .case-details-content ul li {
    color:#0d0d0f;
    margin-top:8px;
    padding-left:30px;
    font-weight:700
}
.case-study-post-wrapper .case-details-content ul li::before {
    position:absolute;
    top:0;
    left:0;
    content:"\f058";
    font-family:"Font Awesome 5 Pro";
    font-size:20px;
    color:#5f2dee
}
.case-info-card {
    border-radius:7px;
    overflow:hidden;
    background-color:#fff;
    -webkit-box-shadow:0 10px 60px 0 rgba(212,212,212,.38);
    box-shadow:0 10px 60px 0 rgba(212,212,212,.38);
    margin-top:-70px;
    position:relative
}
.case-info-card .case-head {
    padding:20px 35px;
    background-color:#5f2dee
}
.case-info-card .case-head h3 {
    color:#fff;
    margin-bottom:5px;
    padding-top:5px
}
.case-info-card .project-data {
    padding:35px
}
.case-info-card .project-data .single-info-item {
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:30% 65%;
    grid-template-columns:30% 65%;
    -ms-grid-rows:auto;
    grid-template-rows:auto;
    grid-gap:50px;
    margin-bottom:10px
}
.case-info-card .project-data .single-info-item .left-data {
    color:#0d0d0f;
    position:relative;
    font-weight:600;
    font-family:Montserrat,sans-serif
}
.case-info-card .project-data .single-info-item .left-data::before {
    position:absolute;
    right:-10px;
    content:":"
}
.case-info-card .project-data .single-info-item .right-data {
    color:#5f2dee;
    font-weight:700
}
.case-info-card .project-data .single-info-item .social-link a {
    display:inline-block;
    margin:0 4px;
    color:#d6fa52;
    font-weight:400
}
.project-case-study {
    padding:0 30px
}
.project-case-study.owl-carousel .owl-item.center .single-project-card .contents {
    opacity:1;
    visibility:visible;
    bottom:30px
}
.project-case-study .single-project-card {
    -webkit-clip-path:polygon(13% 0,100% 0,100% 100%,52% 100%,0 100%,0 14%);
    clip-path:polygon(13% 0,100% 0,100% 100%,52% 100%,0 100%,0 14%);
    position:relative;
    margin-top:30px
}
.project-case-study .single-project-card .case-thumb {
    height:530px
}
.project-case-study .single-project-card .contents {
    width:90%;
    background-color:#fff;
    border-radius:7px;
    position:absolute;
    left:50%;
    bottom:0;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:9;
    padding:30px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.project-case-study .owl-dots {
    margin-top:30px!important;
    margin-bottom:-10px
}
.project-case-study .owl-dots .owl-dot {
    border:3px solid transparent;
    border-radius:50%;
    width:24px;
    height:24px;
    display:inline-block;
    line-height:24px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    position:relative;
    margin:0 5px;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.project-case-study .owl-dots .owl-dot.active,.project-case-study .owl-dots .owl-dot:hover {
    border-color:#5f2dee
}
.project-case-study .owl-dots .owl-dot span {
    background-color:#dae9f9;
    margin:0 0 0 -5px;
    line-height:24px;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    left:50%;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.elementor-accordion .elementor-tab-title {
    padding:22px 20px!important;
    font-weight:500!important
}
.elementor-accordion .elementor-tab-title .elementor-accordion-icon {
    margin-top:4px;
    color:#d6fa52!important
}
.elementor-accordion .elementor-accordion-item {
    border:0!important;
    margin-top:15px;
    background:#f8f8f8
}
.elementor-accordion .elementor-tab-content {
    padding:10px 25px 30px!important;
    border-top:0!important
}
.elementor-tab-title a,footer .single-footer-wid ul li a:hover {
    color:#d6fa52!important
}
.accordion .accordion-item {
    border:1px solid #999;
    margin-top:20px;
    border-radius:8px;
    background:0 0
}
.accordion .accordion-item button.accordion-button {
    font-weight:600;
    color:#fff;
    border:0;
    border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    background-color:transparent;
    padding:16px 20px
}
.single-blog-item .post-featured-thumb .post-cat a,.single-news-box .featured-thumb .post-cat a {
    display:inline-block;
    padding:10px 20px;
    text-transform:capitalize;
    font-family:Montserrat,sans-serif
}
.accordion .accordion-item button.accordion-button::after {
    content:"\f067";
    background:#fff;
    font-family:"Font Awesome 5 Pro";
    font-weight:300;
    -webkit-transition:.3s ease-in-out!important;
    transition:.3s ease-in-out!important;
    width:40px;
    height:40px;
    border-radius:50%;
    line-height:40px;
    text-align:center;
    color:#0d0d0f
}
.accordion .accordion-item button.accordion-button:not(.collapsed)::after {
    content:"\f068";
    background:#fff;
    font-family:"Font Awesome 5 Pro";
    font-weight:300;
    width:40px;
    height:40px;
    border-radius:50%;
    line-height:40px;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.accordion .accordion-item .accordion-collapse .accordion-body {
    padding-right:30px;
    padding-top:5px;
    color:#e6e6e6
}
.faq-accordion-2 .accordion {
    list-style-type:none;
    counter-reset:css-counter 0
}
.faq-accordion-2 .accordion .accordion-item {
    border:0;
    border-radius:0;
    counter-increment:css-counter 1;
    position:relative;
    z-index:1;
    padding-top:20px;
    background:0 0
}
.faq-accordion-2 .accordion .accordion-item::before {
    position:absolute;
    left:25px;
    top:0;
    content:"";
    border:1px dashed #5f2dee;
    width:1px;
    height:100%;
    z-index:-1;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    opacity:.5
}
.faq-accordion-2 .accordion .accordion-item .accordion-header {
    font-size:inherit;
    line-height:inherit;
    position:relative;
    z-index:1
}
.faq-accordion-2 .accordion .accordion-item .accordion-header:focus {
    outline:0;
    border:0
}
.faq-accordion-2 .accordion .accordion-item .accordion-header .accordion-button {
    padding-left:70px;
    font-size:20px;
    font-weight:600;
    color:#d6fa52;
    overflow:hidden;
    background-color:transparent;
    padding-top:10px
}
.faq-accordion-2 .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color:#d6fa52;
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none
}
.faq-accordion-2 .accordion .accordion-item .accordion-header .accordion-button::before {
    content:counter(css-counter);
    position:absolute;
    width:50px;
    height:50px;
    background:#fff;
    border:1px solid #ebedf2;
    border-radius:50px;
    color:#5f2dee;
    font-weight:700;
    font-size:18px;
    line-height:50px;
    text-align:center;
    left:0
}
@media (max-width:500px) {
    .theme-btn.no-fil {
        margin-left:0
    }
    .service-grid {
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:15px
    }
    .services-right {
        margin-top:17px
    }
    .home-services {
        padding:10px
    }
    .about-quantech,.single-footer-wid {
        text-align:center
    }
    .search-bar {
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        width:70%;
        max-width:159px;
        z-index:10
    }
    .page-banner-wrap {
        padding-top:80px;
        padding-bottom:70px
    }
    .faq-accordion-2 .accordion {
        padding:30px 15px
    }
    .faq-accordion-2 .accordion .accordion-item .accordion-header .accordion-button {
        padding:0 0 0 60px
    }
    .faq-accordion-2 .accordion .accordion-item .accordion-collapse .accordion-body {
        padding-left:60px
    }
}
.investors-inquire-card {
    background:#256ad7;
    padding:40px
}
.investors-inquire-card .investors-title {
    border-bottom:3px solid #fff
}
.investors-inquire-card .investors-title h2 {
    font-size:26px;
    text-transform:capitalize;
    position:relative
}
.investors-inquire-card .investor-img {
    width:200px;
    height:200px;
    border-radius:50%;
    line-height:200px;
    margin:30px auto 10px;
    background-color:#fff
}
.investors-inquire-card .investors-data h6 {
    font-weight:500;
    margin-bottom:5px
}
.blog-wrapper .single-blog-post .post-content .post-link a i,.blog-wrapper .single-blog-post .post-content .post-meta span i,.comments-item-list .single-comment-item .author-info-comment .theme-btn i,.investors-inquire-card .investors-data .investors-contact p i {
    margin-right:5px
}
.investors-inquire-card .social-profile a {
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    border:2px solid #fff;
    border-radius:30px;
    margin:5px 3px 0;
    font-size:14px
}
.investors-inquire-card .social-profile a:hover {
    background-color:#fff;
    color:#256ad7!important
}
.faq-wrapper .faq-banner-half {
    position:absolute;
    right:0;
    top:0;
    width:48%;
    height:100%;
    z-index:-1;
    content:""
}
.faq-img {
    border-radius:8px;
    overflow:hidden
}
.single-news-card {
    position:relative;
    z-index:1;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out;
    padding:45px 50px 50px;
    margin-top:30px
}
.single-news-card.active::before,.single-news-card:hover::before {
    background:#d6fa52;
    opacity:.8
}
.single-news-card::before {
    position:absolute;
    width:100%;
    height:100%;
    background:#fff;
    content:"";
    left:0;
    top:0;
    z-index:-1;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
.single-news-card .contents .post-cat-date .post-cat a {
    display:inline-block;
    position:relative;
    color:#d6fa52;
    font-weight:600;
    font-size:14px;
    padding-right:5px;
    margin-top:-2px;
    text-transform:capitalize
}
.single-news-card .contents .post-cat-date .post-cat a::before {
    position:absolute;
    right:0;
    content:","
}
.single-news-card .contents .post-cat-date .post-date {
    font-size:14px;
    color:#256ad7;
    font-weight:600;
    position:relative;
    padding-left:15px;
    display:inline-block;
    text-transform:capitalize
}
.single-news-card .contents .post-cat-date .post-date::before {
    position:absolute;
    left:0;
    content:"/";
    color:#d4d4d4
}
.single-news-card .contents .post-author {
    overflow:hidden;
    clear:both;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:45px
}
.single-news-card .contents .post-author .author-img {
    border-radius:50%;
    width:60px;
    height:60px;
    float:left;
    overflow:hidden;
    background-color:#eee;
    margin-right:20px
}
.single-news-card .contents .post-author .author-info h6 {
    margin-bottom:0;
    line-height:1
}
.single-news-card .contents .post-author .author-info span {
    font-size:14px;
    line-height:1
}
.single-blog-item {
    background-color:#fff;
    border:1px solid #eaeaea;
    position:relative;
    margin-top:30px
}
.single-blog-item .post-featured-thumb {
    height:220px;
    z-index:1;
    position:relative
}
.single-blog-item .post-featured-thumb::before {
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100%;
    content:'';
    position:absolute;
    background:rgba(95,45,238,.2);
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.single-blog-item .post-featured-thumb .post-cat {
    position:absolute;
    left:40px;
    bottom:19px
}
.single-blog-item .post-featured-thumb .post-cat a {
    color:#fdfdff;
    background-color:#2c62da;
    font-size:14px;
    line-height:1;
    font-weight:600
}
.single-blog-item .post-featured-thumb .post-cat a:hover {
    background-color:#2c62da;
    color:#fff
}
.single-blog-item .content {
    padding:35px 40px 40px
}
.single-blog-item .content p {
    font-size:16px;
    line-height:26px
}
.single-blog-item .content .post-meta {
    margin-top:25px;
    font-size:16px;
    text-transform:capitalize;
    line-height:1
}
.single-blog-item .content .post-meta i {
    margin-right:6px;
    color:#5f2dee
}
.single-blog-item .content .post-meta .post-date {
    margin-right:20px
}
.single-blog-item .content .post-meta .post-author a {
    font-size:16px;
    text-transform:capitalize;
    font-weight:600;
    line-height:1
}
.newsletter_widget .newsletter_box,.single-news-box {
    position:relative;
    margin-top:30px
}
.single-news-box .featured-thumb {
    height:240px;
    background-color:#eee;
    position:relative
}
.single-news-box .featured-thumb .post-cat {
    position:absolute;
    right:30px;
    bottom:0
}
.single-news-box .featured-thumb .post-cat a {
    color:#0d0d0f;
    background-color:#d6fa52;
    font-size:14px;
    line-height:1;
    font-weight:600
}
.single-news-box .content {
    padding:25px 30px;
    background-color:#f7f7f7
}
.single-news-box .content i {
    margin-right:5px;
    color:#5f2dee
}
.single-news-box .content .meta {
    font-size:14px;
    text-transform:capitalize
}
.single-news-box .content .meta .author a {
    color:#6d6d6d;
    font-weight:500;
    font-size:14px
}
.single-news-box .content h3 {
    font-size:22px;
    line-height:140%;
    margin-top:10px
}
.single-news-box .content .read-btn {
    margin-top:20px;
    display:block;
    font-weight:600;
    color:#5f2dee;
    text-transform:capitalize
}
.latest-news-card {
    position:relative;
    background:rgba(214,250,82,.85);
    margin-top:30px;
    border-radius:4px;
    overflow:hidden
}
.latest-news-card .post-thumb {
    width:100%;
    height:240px
}
.latest-news-card .content {
    padding:25px 30px
}
.latest-news-card .content .post-cat {
    display:inline-block;
    margin-bottom:8px
}
.latest-news-card .content .post-cat a,.latest-news-card .content .post-cat i {
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    font-size:14px;
    line-height:1;
    text-transform:uppercase;
    color:#256ad7!important
}
.latest-news-card .content .post-meta {
    text-transform:uppercase;
    font-size:14px
}
.border-wrap {
    border:2px solid #ededed
}
.blog-wrapper .border-wrap {
    padding:50px
}
.blog-wrapper .single-blog-post {
    margin-bottom:40px;
    position:relative
}
.blog-wrapper .single-blog-post.post-details.format-quote .post-content {
    position:relative;
    background:0 0;
    border:none
}
.blog-wrapper .single-blog-post.post-details .post-content img {
    margin-top:20px;
    margin-bottom:20px
}
.blog-wrapper .single-blog-post.post-details .post-content h1 {
    font-size:36px;
    line-height:1.4
}
.blog-wrapper .single-blog-post .post-content .post-meta,.blog-wrapper .single-blog-post.post-details .post-content h1,.blog-wrapper .single-blog-post.post-details .post-content h2,.blog-wrapper .single-blog-post.post-details .post-content h3,.blog-wrapper .single-blog-post.post-details .post-content h4,.blog-wrapper .single-blog-post.post-details .post-content h5,.blog-wrapper .single-blog-post.post-details .post-content h6 {
    margin-top:10px
}
.blog-wrapper .single-blog-post.post-details .wp-block-quote,.blog-wrapper .single-blog-post.post-details blockquote {
    background-color:#d6fa52;
    color:#0d0d0f;
    font-size:26px;
    line-height:1.4;
    font-family:Montserrat,sans-serif;
    font-weight:600;
    padding:60px;
    text-align:center;
    margin:40px 0;
    position:relative;
    z-index:1
}
.blog-wrapper .single-blog-post.category-video-post .post-featured-thumb,.blog-wrapper .single-blog-post.format-video .post-featured-thumb {
    z-index:1
}
.blog-wrapper .single-blog-post.category-video-post .post-featured-thumb::before,.blog-wrapper .single-blog-post.format-video .post-featured-thumb::before {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    content:"";
    background-color:#282835;
    opacity:.3;
    z-index:-1
}
.blog-wrapper .single-blog-post.format-quote .post-content,.blog-wrapper .single-blog-post.quote-post .post-content {
    position:relative;
    background-color:#d6fa52;
    background-image:url("../img/quotepost.png");
    border:none
}
.blog-wrapper .single-blog-post.format-quote .quote-content .icon,.blog-wrapper .single-blog-post.quote-post .quote-content .icon {
    font-size:70px;
    line-height:80px;
    float:left;
    overflow:hidden;
    margin-right:30px;
    color:#0d0d0f!important
}
.blog-wrapper .single-blog-post.format-quote .quote-content .quote-text,.blog-wrapper .single-blog-post.quote-post .quote-content .quote-text {
    overflow:hidden;
    color:#0d0d0f!important
}
.blog-wrapper .single-blog-post.format-quote .quote-content h2,.blog-wrapper .single-blog-post.quote-post .quote-content h2 {
    margin-top:-2px;
    color:#0d0d0f!important
}
.blog-wrapper .single-blog-post .post-featured-thumb {
    height:400px;
    width:100%;
    position:relative;
    margin-bottom:-2px
}
.blog-wrapper .single-blog-post .post-featured-thumb .video-play-btn {
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:2
}
.blog-wrapper .single-blog-post .post-featured-thumb .video-play-btn .play-video {
    border-radius:50%;
    width:80px;
    height:80px;
    line-height:80px;
    font-size:18px
}
.blog-wrapper .single-blog-post .post-content {
    padding:50px;
    border:2px solid #ededed;
    overflow:hidden;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.blog-wrapper .single-blog-post .post-content h2 {
    line-height:1.4
}
.blog-wrapper .single-blog-post .post-content p {
    font-size:16px;
    margin-top:15px
}
@media (max-width:414px) {
    .d-none-mobile {
        display:none!important
    }
    .blog-wrapper .single-blog-post .post-content h2 {
        font-size:22px
    }
}
.blog-wrapper .single-blog-post .post-content .post-cat a {
    color:#0d0d0f;
    display:inline-block;
    background-color:#d6fa52;
    padding:14px 18px 12px;
    line-height:1;
    font-size:14px;
    font-weight:600;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    margin-bottom:20px;
    text-transform:capitalize
}
.blog-wrapper .single-blog-post .post-content .post-cat a:hover {
    color:#fff;
    background-color:#5f2dee
}
.blog-wrapper .single-blog-post .post-content ul {
    margin-bottom:0;
    list-style-type:disc
}
.blog-wrapper .single-blog-post .post-content ul li,.comment ul li {
    line-height:1.5;
    margin-top:10px;
    list-style-type:disc
}
.blog-wrapper .single-blog-post .post-content ol {
    margin-bottom:0;
    list-style-type:decimal
}
.blog-wrapper .single-blog-post .post-content ol li {
    line-height:1.5;
    margin-top:10px;
    list-style-type:decimal
}
.blog-wrapper .single-blog-post .post-content .post-meta span {
    color:#202426;
    font-weight:600;
    font-size:14px;
    line-height:1;
    display:inline-block;
    margin-right:25px
}
.blog-wrapper .single-blog-post .post-content .author-info .author-img {
    height:40px;
    width:40px;
    line-height:40px;
    border-radius:50%;
    background-color:#f2f2f2;
    margin-right:15px;
    float:left;
    overflow:hidden;
    background-position:center;
    background-size:cover
}
.blog-wrapper .single-blog-post .post-content .author-info h5 {
    display:inline-block;
    line-height:1;
    font-size:16px;
    margin-top:9px
}
@media (min-width:991px) {
    .main-sidebar {
        margin-left:20px
    }
}
.main-sidebar .single-sidebar-widget {
    border:2px solid #ededed;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:30px;
    margin-bottom:40px
}
.main-sidebar .single-sidebar-widget ul {
    padding-left:0
}
.main-sidebar .single-sidebar-widget ul>li a {
    font-size:18px;
    text-transform:capitalize
}
.main-sidebar .single-sidebar-widget .wid-title {
    margin-bottom:25px;
    position:relative;
    padding-left:45px
}
.main-sidebar .single-sidebar-widget .wid-title::before {
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    content:"";
    height:4px;
    width:18px;
    border-radius:5px;
    position:absolute;
    background-color:#5f2dee
}
.main-sidebar .single-sidebar-widget .wid-title::after {
    left:22px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    content:"";
    height:4px;
    width:4px;
    border-radius:50%;
    position:absolute;
    background-color:#5f2dee
}
.main-sidebar .single-sidebar-widget .social-link a {
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    border-radius:50%;
    background-color:#f2f2f2;
    font-size:14px;
    margin-right:5px;
    margin-bottom:5px
}
.main-sidebar .single-sidebar-widget .social-link a:hover,.page-nav-wrap ul li .page-numbers.current,.page-nav-wrap ul li .page-numbers:hover {
    background-color:#d6fa52;
    color:#fff
}
.search_widget form {
    width:100%;
    position:relative
}
.search_widget form input {
    background-color:#f8f8f8;
    font-size:15px;
    padding:20px;
    width:100%
}
.search_widget form button {
    position:absolute;
    right:0;
    top:0;
    width:70px;
    font-size:18px;
    height:100%;
    background-color:#5f2dee;
    color:#fff;
    text-align:center;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.popular-posts .single-post-item,.popular_posts .single-post-item {
    overflow:hidden;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #f2f2f2
}
.popular-posts .single-post-item:last-child,.popular_posts .single-post-item:last-child {
    margin-bottom:0;
    border:none;
    padding-bottom:0
}
.popular-posts .single-post-item .thumb,.popular_posts .single-post-item .thumb {
    width:80px;
    height:80px;
    border-radius:50%;
    background-color:#f2f2f2;
    float:left;
    overflow:hidden;
    margin-right:20px
}
.popular-posts .single-post-item .post-content h5,.popular_posts .single-post-item .post-content h5 {
    font-size:16px;
    line-height:22px;
    margin-bottom:0;
    text-transform:capitalize
}
.popular-posts .single-post-item .post-content .post-date,.popular_posts .single-post-item .post-content .post-date {
    margin-top:5px;
    color:#5f2dee;
    font-weight:600;
    font-size:14px
}
.popular-posts .single-post-item .post-content .post-date i,.popular_posts .single-post-item .post-content .post-date i {
    margin-right:7px
}
.widget_categories ul li a {
    position:relative;
    background:#f8f8f8;
    padding:17px 30px;
    line-height:1;
    font-size:14px;
    display:block;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    margin-bottom:12px;
    font-weight:600
}
.widget_categories ul li a span {
    position:absolute;
    width:60px;
    line-height:55px;
    height:100%;
    content:"";
    background-color:#5f2dee;
    right:0;
    top:0;
    text-align:center;
    color:#fff
}
.tagcloud a {
    display:inline-block;
    padding:11px 26px;
    line-height:1;
    font-size:14px;
    font-weight:600;
    background:#f8f8f8;
    margin-right:5px;
    text-transform:capitalize;
    margin-bottom:8px
}
.tagcloud a:last-child {
    margin-right:0
}
.widget_categories ul li {
    display:block;
    margin-bottom:10px
}
p.sticky-label {
    position:absolute;
    right:0;
    background:#d6fa52;
    color:#fff;
    padding:10px 40px;
    z-index:-1;
    top:0;
    font-weight:600
}
.page-nav-wrap ul li .page-numbers {
    display:inline-block;
    width:60px;
    height:60px;
    line-height:60px;
    border-radius:50%;
    background:#f6f6f6;
    font-weight:600;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    margin:0 2px
}
.page-nav-wrap ul li .page-numbers i {
    margin-top:2px
}
.social-share a {
    margin-left:10px
}
.comments-item-list .single-comment-item .author-img {
    width:100px;
    height:100px;
    border-radius:50%;
    float:left;
    overflow:hidden;
    margin-right:30px
}
@media (max-width:991px) {
    .single-project-card {
        height:350px
    }
    .case-info-card {
        margin-top:30px
    }
    .single-blog-item .post-featured-thumb .post-cat {
        left:30px
    }
    .single-blog-item .content {
        padding:30px
    }
    .blog-wrapper .single-blog-post .post-featured-thumb {
        height:280px
    }
    .main-sidebar {
        margin-top:40px
    }
    .comments-item-list .single-comment-item .author-img {
        width:80px;
        height:80px;
        margin-right:20px
    }
}
.comments-item-list .single-comment-item .author-info-comment {
    overflow:auto;
    padding-bottom:25px;
    border-bottom:1px solid #e2e2e2
}
.comments-item-list .single-comment-item .author-info-comment .theme-btn {
    padding:7px 18px;
    font-size:14px;
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.comment-form {
    background-color:#f0f0f0;
    padding:50px;
    width:100%;
    margin-top:30px
}
@media (max-width:767px) {
    .single-digit-count .digits {
        font-weight:32px
    }
    .single-project-card {
        height:300px
    }
    .case-study-carousel-arrow {
        text-align:center
    }
    .case-study-carousel-arrow div {
        height:40px;
        width:40px;
        line-height:40px;
        font-size:15px
    }
    .case-cat-filter button {
        padding:10px;
        font-size:13px
    }
    .case-grid-photos {
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .blog-wrapper .single-blog-post.post-details .post-content h3,.comment-form-wrap h3,.comments-heading h3,.related-post-wrap h3,.single-news-box .content h3 {
        font-size:20px
    }
    .blog-wrapper .border-wrap {
        padding:50px 15px
    }
    .blog-wrapper .single-blog-post.post-details .post-content h1 {
        font-size:28px
    }
    .blog-wrapper .single-blog-post.post-details .wp-block-quote,.blog-wrapper .single-blog-post.post-details blockquote {
        padding:30px 15px;
        font-size:18px;
        line-height:1.5
    }
    .blog-wrapper .single-blog-post .post-featured-thumb {
        height:230px
    }
    .blog-wrapper .single-blog-post .post-content {
        padding:50px 10px
    }
    .blog-wrapper .single-blog-post .post-content .post-cat a,.comments-item-list .single-comment-item .author-info-comment .theme-btn {
        font-size:12px
    }
    .blog-wrapper .single-blog-post .post-content .post-meta span {
        font-size:13px
    }
    .blog-wrapper .single-blog-post .post-content .author-info .author-img {
        margin-right:5px
    }
    .blog-wrapper .single-blog-post .post-content .author-info h5,.blog-wrapper .single-blog-post .post-content .post-link a {
        font-size:14px
    }
    .blog-wrapper .single-blog-post .post-content .post-link a i {
        margin-right:3px
    }
    .page-nav-wrap ul li .page-numbers {
        margin-top:10px;
        width:50px;
        height:50px;
        line-height:50px;
        font-size:14px
    }
    .tag-share-wrap h4 {
        margin-bottom:10px;
        font-size:18px
    }
    .tag-share-wrap .tagcloud {
        margin-bottom:20px
    }
    .comments-item-list .single-comment-item .author-img {
        width:70px;
        height:70px;
        margin-right:15px
    }
    .comments-item-list .single-comment-item .author-info-comment .info h5 {
        font-size:16px
    }
    .comment-form {
        padding:30px
    }
}
.comment-form label {
    margin-bottom:4px
}
.comment-form input,.comment-form textarea {
    margin-bottom:20px;
    padding:20px 30px;
    line-height:1;
    font-size:16px;
    width:100%
}
.comment-form textarea {
    height:200px;
    line-height:1.3
}
.comment-form .submit-btn {
    display:inline-block;
    background-color:#5f2dee;
    color:#fff;
    line-height:1;
    text-transform:capitalize;
    padding:20px 60px;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    margin-bottom:0;
    margin-top:20px
}
@media (max-width:767px) {
    .comment-form textarea {
        height:120px
    }
    .comment-form .submit-btn {
        padding:20px 40px
    }
}
.comment ul {
    list-style-type:disc
}
.comment ol li {
    line-height:1.5;
    margin-top:10px
}
.site_info_widget .single-contact-info {
    overflow:auto;
    margin-bottom:20px
}
.site_info_widget .single-contact-info span {
    display:block;
    color:#d6fa52
}
.site_info_widget .single-contact-info .icon {
    width:40px;
    height:40px;
    line-height:40px;
    color:#fff;
    background-color:#256ad7;
    float:left;
    text-align:center;
    overflow:hidden;
    font-size:16px;
    margin-right:20px
}
.site_info_widget .social-link a {
    margin-right:8px!important
}
.request-a-quote-section::before {
    position:absolute;
    left:0;
    height:100%;
    width:100%;
    content:"";
    z-index:-1;
    top:0;
    background:#d6fa52;
    opacity:.65
}
.request-quote-form-wrapper {
    padding:40px 50px;
    background-color:#fff;
    -webkit-box-shadow:0 15px 40px 0 rgba(109,109,109,.06);
    box-shadow:0 15px 40px 0 rgba(109,109,109,.06)
}
.request-quote-form-wrapper h3,.request-quote-form-wrapper h4 {
    margin-bottom:25px;
    text-transform:capitalize
}
.request-quote-form-wrapper .request-quote-form input,.request-quote-form-wrapper .request-quote-form select {
    width:100%;
    height:50px;
    font-size:15px;
    border:1px solid #e2e2e2;
    margin-bottom:20px;
    padding:0 20px;
    border-radius:0
}
.request-quote-form-wrapper .request-quote-form label {
    font-size:15px;
    text-transform:capitalize
}
.request-quote-form-wrapper .request-quote-form input[type=checkbox],.request-quote-form-wrapper .request-quote-form input[type=radio] {
    width:20px;
    height:20px;
    display:inline-block;
    margin-right:8px;
    margin-bottom:0;
    border-color:#d6fa52
}
.request-quote-form-wrapper .request-quote-form .submit-btn,.request-quote-form-wrapper .request-quote-form input[type=submit] {
    border:0;
    margin-top:30px;
    margin-bottom:10px;
    height:60px;
    font-size:16px;
    background-color:#d6fa52
}
.our-branch-wrapper .office-google-map-wrapper {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:40%;
    z-index:-1
}
.our-branch-wrapper .office-google-map-wrapper iframe {
    width:100%;
    height:100%
}
.single-branch-card {
    padding:0 40px 40px;
    background:#fff;
    -webkit-box-shadow:0 0 50px 0 #0000001a;
    box-shadow:0 0 50px 0 #0000001a;
    position:relative;
    margin-top:90px
}
.single-branch-card .country-flag {
    width:120px;
    height:120px;
    line-height:120px;
    border-radius:50%;
    -webkit-box-shadow:0 0 10px 0 #0000001a;
    box-shadow:0 0 10px 0 #0000001a;
    display:inline-block;
    margin-bottom:20px;
    margin-top:-60px
}
.single-branch-card .content h4 {
    position:relative;
    z-index:1;
    display:inline-block;
    padding-right:5px;
    margin-bottom:20px;
    font-size:25px
}
.single-branch-card .content h4::before {
    position:absolute;
    content:"";
    width:100%;
    height:14px;
    background-color:#c6f5ffd9;
    left:0;
    bottom:2px;
    z-index:-1
}
.single-branch-card .content p a {
    font-size:inherit;
    color:#5f2dee
}
.single-branch-card .content .branch-links a {
    text-transform:uppercase;
    font-weight:600;
    font-size:15px
}
.single-branch-card .content .branch-links a:hover {
    padding-left:5px;
    color:#256ad7
}
.single-branch-card .content .branch-links a i {
    margin-left:5px
}
.nice-select {
    margin-bottom:20px;
    width:100%;
    height:50px;
    border-radius:0;
    line-height:50px
}
.contact-form input,.contact-form textarea {
    width:100%;
    background:#f8f8f8;
    line-height:1;
    padding:25px 30px;
    border:0
}
.contact-form textarea {
    height:180px
}
.contact-form label {
    color:#202426;
    font-weight:600;
    font-size:14px;
    margin-bottom:10px;
    text-transform:capitalize
}
.contact-form label span {
    color:#727475;
    margin-left:5px
}
.contact-form .submit-btn,.contact-form input[type=submit] {
    background:#00a307a6;
    color:#fff;
    font-weight:600;
    line-height:1;
    padding:25px 40px;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    width:280px
}
.contact-form .submit-btn.active,.contact-form .submit-btn:hover,.contact-form input[type=submit].active,.contact-form input[type=submit]:hover {
    background-color:#256ad7c9
}
.contact-form .submit-btn i,.contact-form input[type=submit] i {
    margin-right:8px
}
@media (max-width:400px) {
    .contact-form .submit-btn,.contact-form input[type=submit] {
        width:100%
    }
}
.single-contact-card {
    background-color:#f3f2f8;
    padding:40px;
    margin-bottom:30px;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    border-radius: 20px;
}
@media (max-width:585px) {
    .top-left a {
        font-size:13px
    }
    .home_page_form .contact-form h2,.section-title h2 {
        font-size:20px
    }
    .comment-form input,.comment-form textarea,.form_box {
        padding:15px
    }
    .member-profile-wrapper .member-profile-img {
        height:280px
    }
    .project-case-study .single-project-card .case-thumb {
        height:400px
    }
    .project-case-study .single-project-card .contents {
        width:95%
    }
    .project-case-study .single-project-card .contents p {
        font-size:15px;
        line-height:140%
    }
    .project-case-study .single-project-card .contents h3 {
        margin-bottom:10px
    }
    .project-case-study .single-project-card .contents .theme-btn {
        margin-top:15px
    }
    .blog-wrapper .single-blog-post.format-quote .quote-content,.blog-wrapper .single-blog-post.quote-post .quote-content {
        text-align:center;
        font-size:24px
    }
    .blog-wrapper .single-blog-post.format-quote .quote-content .icon,.blog-wrapper .single-blog-post.quote-post .quote-content .icon {
        float:none;
        margin-bottom:10px;
        margin-right:0;
        font-size:50px;
        line-height:60px
    }
    .comments-item-list .single-comment-item .author-img {
        float:none;
        margin-bottom:20px
    }
    .comment-form {
        padding:30px 15px
    }
    .comment-form .submit-btn {
        padding:15px 40px;
        font-size:14px
    }
    .contact-form {
        padding-top:20px
    }
    .contact-form input,.contact-form textarea {
        padding:15px;
        font-size:14px
    }
    .single-digit-count .icon img {
        max-width:40px
    }
    .single-digit-count .digits {
        font-size:26px
    }
    h1 {
        margin-bottom:0
    }
    .single-contact-card {
        padding:30px
    }
}
.single-contact-card p {
    font-size:18px;
    font-weight:500
}
.single-contact-card:hover .icon {
    color:#0d0d0f!important;
    background-color:#d6fa52!important
}
.single-contact-card:hover .bottom-part .icon {
    color:#256ad7!important;
    background-color:#fff!important
}
.single-contact-card:hover h4,.single-contact-card:hover p,.single-contact-card:hover span {
    color:#fff;
    text-transform:capitalize
}
.single-contact-card .top-part {
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.single-contact-card .top-part .icon {
    width:70px;
    height:70px;
    font-size:20px;
    line-height:70px;
    border-radius:50%;
    background-color:#d6fa52;
    text-align:center;
    float:left;
    color:#0d0d0f;
    overflow:hidden;
    margin-right:20px
}
.single-contact-card .bottom-part {
    margin-top:25px;
    overflow:hidden
}
.single-contact-card .bottom-part .icon {
    width:50px;
    height:50px;
    font-size:14px;
    line-height:50px;
    border-radius:50%;
    background-color:#fff;
    text-align:center;
    float:right;
    overflow:hidden;
    margin-left:20px
}
.single-contact-card .bottom-part .info {
    display:inline-block;
    overflow:hidden
}
.contact-map-wrap iframe {
    height:450px
}
@media (max-width:991px) {
    .contact-map-wrap iframe {
        height:300px
    }
    .contact-img-wrapper {
        margin-top:50px
    }
}
@media (max-width:58px) {
    .contact-map-wrap iframe {
        height:260px
    }
}
.contact-img-wrapper img {
    border-radius:8px
}
.contact-img-wrapper::after {
    position:absolute;
    width:0;
    height:0;
    border-bottom:330px solid #d6fa52;
    border-left:330px solid transparent;
    content:"";
    right:-25px;
    bottom:-25px;
    z-index:-1
}
footer {
    background:#0d0d0f
}
footer ul {
    margin:0;
    padding:0
}
footer .footer-widgets-wrapper {
    padding:80px 0 80px;
    background:#256ad7
}
@media (max-width:991px) {
    .contact-img-wrapper::after {
        right:-10px;
        bottom:-15px
    }
    footer .footer-widgets-wrapper {
        padding:60px 0 60px
    }
}
@media (min-width:767px) {
    footer .single-footer-wid .wid-title {
        margin-top:20px
    }
}
footer .single-footer-wid ul li a {
    margin-top:8px;
    color:#6d6d6d;
    display:block;
    text-transform:capitalize;
    font-size:16px
}
footer.footer-2.bg-overlay::before {
    opacity:.9
}
footer.footer-2 .footer-bottom {
    background:0 0
}
footer .footer-bottom .bottom-content-wrapper {
    padding:30px 0
}
footer .footer-bottom .bottom-content-wrapper b,footer .footer-bottom .bottom-content-wrapper p,footer .footer-bottom .bottom-content-wrapper strong {
    color:#0d0d0f;
    text-transform:capitalize
}
footer .footer-bottom .bottom-content-wrapper ul li:first-of-type a,footer .footer-bottom .social-links a:last-of-type {
    margin-left:0
}
footer .footer-bottom .bottom-content-wrapper ul li a {
    display:inline-block;
    margin-left:15px;
    color:#0d0d0f;
    text-transform:capitalize
}
footer .footer-bottom .social-links a {
    display:inline-block;
    margin-right:15px;
    color:#256ad7
}
.get-in-touch .single-contact-info .icon i {
    float:left;
    overflow:hidden;
    margin-right:15px;
    color:#fff;
    padding-left:2px
}
.get-in-touch .single-contact-info .contact-info {
    overflow:hidden;
    color:#fff
}
.footer-social-icon a {
    display:inline-block;
    width:40px;
    height:40px;
    line-height:42px;
    text-align:center;
    background-color:#5f2dee;
    color:#fff;
    font-size:16px;
    margin-right:5px
}
.newsletter_widget .newsletter_box input {
    border:0;
    border-radius:0;
    width:100%;
    position:relative;
    background-color:#fff;
    height:64px;
    padding-left:25px;
    padding-right:15px;
    line-height:64px;
    color:#000
}
.newsletter_widget .newsletter_box input::-webkit-input-placeholder {
    color:#0d0d0f
}
.newsletter_widget .newsletter_box input:-ms-input-placeholder {
    color:#0d0d0f
}
.newsletter_widget .newsletter_box input::-ms-input-placeholder {
    color:#0d0d0f
}
.newsletter_widget .newsletter_box input::placeholder {
    color:#0d0d0f
}
.newsletter_widget .newsletter_box button {
    height:100%;
    color:#fff;
    display:inline-block;
    font-size:18px;
    line-height:1;
    -webkit-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    background:#59c35e;
    position:absolute;
    right:0;
    top:0;
    width:70px
}
.newsletter_widget .newsletter_box button:hover,.response-error,.response-success {
    background-color:#256ad7;
    color:#fff
}
.pages_ref_policy.gap-4.text-center a {
    text-transform:capitalize;
    font-weight:500;
    background:linear-gradient(to right,#256ad7,#59c35e);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent
}
.privacyy_ul_hding {
    margin:15px 0
}
.service-card {
    background:#fff;
    border-radius:12px;
    box-shadow:0 4px 10px rgb(0 0 0 / 50%);
    text-align:center;
    padding:20px;
    max-width:300px;
    margin:10px 15px;
    height:unset
}
.fast-btn,.view-btn {
    padding:5px 10px;
    border-radius:7px
}
h3.title {
    font-size:20px;
    font-weight:700;
    margin:10px 0;
    color:#000!important
}
.subtitle {
    color:#555;
    font-size:14px;
    margin-bottom:15px
}
.rating {
    color:#f1c40f;
    font-weight:600;
    margin-left:5px
}
span.ratings_brands i {
    color:#ff9800
}
span.ratings_brands {
    color:#ff9800!important
}
p.subtitle {
    color:#000!important
}
.btn-group {
    display:flex;
    justify-content:center;
    gap:10px;
    margin-bottom:15px;
    flex-wrap:wrap
}
.fast-btn {
    background-color:#007bff;
    color:#fff
}
.view-btn {
    background-color:#e9f0ff;
    color:#007bff
}
.book-btn,.main-image {
    width:100%;
    border-radius:10px
}
.book-btn {
    background-color:#007bff;
    color:#fff;
    padding:10px 0;
    font-size:16px
}
.main-image {
    margin-bottom:10px
}
.service-list {
    padding:0;
    font-size:15px;
    text-align:left;
    margin:10px 0
}
.service-list li {
    margin:6px 0
}
.service-images-title {
    text-align:left;
    font-size:15px;
    margin-top:15px;
    font-weight:600
}
.service-images {
    display:flex;
    gap:10px;
    margin:10px 0;
    justify-content:flex-start
}
.service-images img {
    width:60px;
    height:60px;
    object-fit:cover;
    border-radius:8px
}
.select-btn {
    background:#06f;
    color:#fff;
    padding:10px 20px;
    border:none;
    border-radius:8px;
    width:100%;
    font-size:16px;
    margin-top:10px;
    cursor:pointer
}
.modal_services_brnads {
    max-width:400px!important;
    margin:150px auto 1.75rem
}
.btn_widthly button.btn {
    width:100%;
    background:#256ad7;
    color:#fff;
    padding:11px 10px;
    margin-top:6px
}
section.user_login {
    width:100%;
    max-width:500px;
    margin:auto
}
section.user_login .login-container h2 {
    margin-bottom:30px;
    font-size:22px;
    color:#333
}
.form-group input[type=password],section.user_login .form-group input[type=email] {
    width:100%;
    padding:12px;
    border:1px solid #ddd;
    border-radius:5px;
    font-size:14px
}
section.user_login .form-remember {
    display:flex;
    align-items:center;
    margin-bottom:20px;
    font-size:14px
}
.btn-register,section.user_login .btn-login {
    width:100%;
    padding:12px;
    background-color:#09e;
    color:#fff;
    border:none;
    border-radius:5px;
    font-weight:600;
    font-size:15px;
    cursor:pointer;
    transition:background-color .3s
}
.form-group input.filled,.form-group input:focus {
    background-color:#eef4ff
}
.btn-register:hover,section.user_login .btn-login:hover {
    background-color:#007fd1
}
.login-link,section.user_login .register-link {
    margin-top:20px;
    text-align:center;
    font-size:14px
}
.login-link a,section.user_login .register-link a {
    color:#007bff;
    text-decoration:none
}
.login-link a:hover,section.user_login .register-link a:hover {
    text-decoration:underline
}
.register-container {
    background-color:#fff;
    padding:40px 30px;
    border-radius:10px;
    box-shadow:0 4px 12px rgba(0,0,0,.1);
    width:100%;
    max-width:500px
}
.register-container h2 {
    margin-bottom:10px;
    font-size:24px;
    color:#333
}
.register-container p {
    margin-bottom:30px;
    font-size:14px;
    color:#666
}
.form-group input {
    width:100%;
    padding:6px;
    border:1px solid #ddd;
    border-radius:5px;
    font-size:14px;
    background-color:#fff;
    transition:.3s
}
.form-group input:focus {
    border-color:#007bff;
    outline:0
}
section.account .nav-pills .nav-link {
    text-align:left;
    font-weight:500;
    border-radius:0;
    color:#000;
    width:100%
}
section.account ul.nav {
    border:1px solid #0000001f;
    padding:15px;
    box-shadow:0 0 9px #00000024
}
section.account .nav-pills .nav-link.active {
    background-color:#f59e0b;
    color:#fff;
    width:100%
}
section.account.sidebar {
    background-color:#f8f9fa;
    padding:1rem .5rem
}
section.account .form-control,textarea {
    border-radius:0
}
section.account .btn-primary {
    border-radius:0;
    background-color:#f59e0b;
    border:none
}
section.account .btn-primary:hover {
    background-color:#d97706
}
section.package_detail_page .plan-title {
    font-size:24px;
    font-weight:700
}
section.package_detail_page .plan-price {
    font-size:20px;
    font-weight:600;
    margin-top:5px
}
section.package_detail_page .star-rating {
    color:#f4c150;
    font-size:16px
}
section.package_detail_page .tab-btns .btn {
    margin:0 5px;
    border-radius:0;
    font-weight:600;
    border:2px solid #000
}
section.package_detail_page .tab-btns .btn.active {
    background:#000;
    color:#fff
}
section.package_detail_page .review-block {
    border-top:1px solid #ccc;
    padding-top:20px
}
section.package_detail_page .review-user {
    font-weight:700
}
section.package_detail_page .review-content {
    margin-top:5px;
    font-size:14px;
    color:#444
}
section.package_detail_page .write-review-btn {
    background:#ffc107;
    border:none;
    font-size:14px;
    padding:6px 14px;
    margin-bottom:10px
}
.star-rating {
    direction:ltr;
    font-size:32px;
    display:inline-flex;
    gap:5px;
    cursor:pointer
}
.blog-card h3,.rating-output {
    font-size:18px;
    font-weight:700
}
.star-rating .star {
    color:#ccc;
    transition:color .3s
}
.star-rating .star.hovered,.star-rating .star.selected {
    color:#ffc107
}
.modal-content {
    border-radius:10px
}
.modal-title {
    text-align:center;
    font-weight:700;
    color:#000
}
.rating-output {
    color:#c59100
}
.date,.desc {
    font-size:14px
}
.btn-submit-review {
    background-color:#ffc107;
    border:none;
    color:#000;
    font-weight:600;
    padding:8px 30px;
    border-radius:6px
}
.btn-submit-review:hover {
    background-color:#e5ac00
}
.modal-dialog.modal_dis .modal.fade .modal-dialog {
    transition:transform .3s ease-out;
    transform:translate(0,-50px)
}
.modal-dialog.modal_dis {
    max-width:500px!important
}
section.cart_section .card-shadow {
    box-shadow:0 0 10px rgba(0,0,0,.1)
}
section.cart_section .check-icon {
    color:#00b894
}
section.cart_section.chat-btn {
    background:#fff;
    color:#0d6efd
}
section.cart_section.chat-btn:hover {
    background:#0d6efd;
    color:#fff
}
.blog-card {
    background:#fff;
    border:1px solid #e1e1e1;
    border-radius:10px;
    padding:15px;
    box-shadow:0 0 10px rgba(0,0,0,.05);
    transition:.3s ease-in-out
}
.blog-card:hover {
    box-shadow:0 5px 15px rgba(0,0,0,.15)
}
.blog-card a {
    text-decoration:none
}
.blog-card img {
    width:100%;
    height:auto;
    border-radius:8px
}
.date {
    color:#888;
    margin:10px 0
}
.blog-card h3 {
    margin:10px 0;
    color:#000
}
.blog-card h3:hover {
    color:#0af
}
.desc {
    color:#555;
    margin-bottom:15px
}
.read-more {
    display:inline-block;
    background:#0af;
    color:#fff;
    padding:8px 16px;
    text-decoration:none;
    border-radius:5px;
    transition:background .3s
}
.blog-container,.recent-posts {
    background:#fff;
    border-radius:10px;
    box-shadow:0 4px 12px rgba(0,0,0,.08)
}
.read-more:hover {
    background:#008fcc
}
.blog-container {
    padding:30px
}
.recent-posts {
    overflow:hidden
}
.recent-posts-header {
    background:#0056d2;
    color:#fff;
    padding:15px;
    font-weight:600
}
.recent-post {
    display:flex;
    align-items:center;
    padding:12px 15px;
    border-bottom:1px solid #eee;
    transition:background .2s
}
.recent-post:hover {
    background:#f0f8ff
}
.recent_img_on {
    margin-top:26px
}
.recent-post img {
    width:45px;
    height:45px;
    object-fit:cover;
    border-radius:6px;
    margin-right:12px
}
.recent-post-title {
    font-size:15px;
    font-weight:500;
    color:#333;
    margin:0
}
@media (max-width:767.98px) {
    section.account .tab-content {
        margin-top:1rem
    }
    .recent-posts {
        margin-top:30px
    }
}
.feedback-container {
    padding:15px;
    text-align:center
}
.feedback-btn {
    margin:0 5px;
    min-width:100px
}
.response-box {
    display:none;
    padding:10px;
    margin-top:20px;
    border:1px solid;
    border-radius:3px;
    text-align:center;
    font-weight:700
}
.form_detail .contact-form {
    max-width:400px;
    background:#fff;
    padding:25px;
    border-radius:20px;
    box-shadow:0 4px 15px rgba(0,0,0,.15);
    font-family:'Segoe UI',sans-serif
}
.form_detail .contact-form h2 {
    font-size:20px;
    margin-bottom:10px;
    font-weight:600
}
.form_detail .contact-form h3 {
    font-size:18px;
    font-weight:600;
    margin-bottom:10px
}
.form_detail form input,form select {
    width:100%;
    flex:1;
    padding:6px;
    font-size:14px;
    border:1px solid #ddd;
    border-radius:5px;
    outline:0
}
.form_detail .contact-form p {
    font-size:14px;
    color:#555;
    margin-bottom:20px
}
.form_detail form .form-row {
    display:flex;
    gap:10px;
    margin-bottom:12px
}
.form_detail form .full-width {
    width:100%;
    margin-bottom:15px
}
.form_detail form button {
    width:100%;
    background:#256ad7;
    color:#fff;
    font-size:16px;
    padding:10px 0;
    border:none;
    border-radius:8px;
    cursor:pointer;
    transition:background .3s
}
.form_detail form button:hover {
    background:#0095db
}
.form_detail {
    margin-top:70px;
    border:1px solid #00000059;
    padding:20px;
    border-radius:10px;
    box-shadow:0 0 4px #00000082
}
.form_box.home_page_form select.form-select {
    padding:10px
}
.side-buttons {
    position:fixed;
    top:30%;
    left:0;
    display:flex;
    flex-direction:column;
    gap:10px;
    z-index:999
}
.side-buttons .btn {
    background:#1954c4;
    color:#fff;
    padding:10px;
    cursor:pointer;
    transition:.3s;
    writing-mode:vertical-rl;
    text-orientation:mixed;
    transform:rotate(180deg);
    text-align:center;
    font-weight:600
}
.side-buttons .btn:hover {
    background:#039
}
.form_left_button_popup {
    position:fixed;
    top:200px;
    left:-400px;
    max-width:287px!important;
    width:100%;
    background:#fff;
    box-shadow:2px 0 8px rgba(0,0,0,.2);
    transition:left .4s ease-in-out;
    z-index:1000;
    padding:20px;
    overflow-y:auto
}
.form_left_button_popup.active {
    left:50px
}
.close-btn {
    position:absolute;
    top:15px;
    right:15px;
    font-size:22px;
    cursor:pointer;
    color:#333
}
.form_left_button_popup input {
    font-size:14px;
    border:1px solid #ddd!important;
    border-radius:5px;
    outline:0;
    background:#fff!important;
    padding:14px!important;
    margin-bottom:17px
}
.dropdown-panel,.dropdown>.sub-menu {
    position:absolute;
    display:none;
    background:#fff;
    border-radius:6px;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    z-index:9999
}
.list-unstyled {
    padding-left:20px
}
.mobile-nav {
    max-height:100vh;
    overflow-y:auto;
    width:100%;
    max-width:370px
}
.heading_services_all h2 {
    font-size:39px
}
.service-details-contents .contents .single-service-features:hover img {
    filter:invert(1)
}
.dropdown-panel {
    top:100%;
    left:50%;
    transform:translateX(-50%);
    flex-wrap:nowrap;
    gap:30px;
    padding:16px;
    min-width:450px
}
.header-1 .main-menu ul>li:hover>a {
    color:#fff;
    background:#4f3fe8;
    border-radius:4px;
    width:100%
}
@media (min-width:768px) {
    .nav-item:hover>.dropdown-panel {
        display:flex
    }
}
.submenu-column {
    min-width:200px
}
.submenu-column li a,.submenu-single li a {
    display:block;
    padding:6px 8px;
    text-decoration:none;
    color:#111;
    font-size:14px;
    line-height:1.3;
    transition:background .15s
}
.submenu-column li a:hover,.submenu-single li a:hover {
    background:#f4f4f4;
    border-radius:4px
}
@media (max-width:767px) {
    .request-quote-form-wrapper {
        padding:40px 30px
    }
    .request-quote-form-wrapper .request-quote-form input[type=checkbox],.request-quote-form-wrapper .request-quote-form input[type=radio] {
        width:15px;
        height:15px
    }
    .request-quote-form-wrapper .request-quote-form .submit-btn,.request-quote-form-wrapper .request-quote-form input[type=submit] {
        height:50px;
        font-size:14px
    }
    .contact-form textarea {
        height:90px
    }
    .hero-1 .single-slide,div#slick-slide01 {
        height:937px
    }
    footer .footer-widgets-wrapper {
        padding:50px 0 50px
    }
    footer .footer-bottom {
        text-align:center
    }
    footer .footer-bottom .bottom-content-wrapper {
        padding:20px
    }
    .dropdown-panel {
        position:static;
        display:none;
        flex-direction:column;
        min-width:auto;
        box-shadow:none;
        padding:10px 0;
        gap:0
    }
    .nav-item.open>.dropdown-panel {
        display:block
    }
}
.logo_mobile a img {
    width:100%;
    max-width:99px;
    border-radius:5px
}
.dropdown {
    position:relative;
    overflow:visible;
    /* z-index:99 */
}
.dropdown>.sub-menu {
    top:0;
    left:93px;
    padding:12px 16px;
    white-space:nowrap;
    min-width:255px
}