@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);

*,
.h1,
.h1 span,
.h2,
.h2 span,
h2,
h2 span,
h3,
h4 {
    font-family: var(--font-primary)
}

#wavescrollbar,
header {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0
}

:root {
    --font-primary: 'Montserrat', sans-serif;
    --font-secondary: 'Poppins', sans-serif
}

.h1,
h1 {
    font-size: 48px
}

.h1,
.h2,
h3 {
    letter-spacing: -2px
}

.btn,
.btn-check:focus+.btn,
.btn:focus {
    box-shadow: none;
    outline: 0
}

.wrapper {
    width: 100%;
    height: auto;
    overflow: hidden
}

.career-sec2 .sec2_right::after,
.career-sec2::after,
.career-sec2::before,
.inner-pages-sec2 .sec2_right::after,
.inner-pages-sec4::before,
.mobile_header,
.my-tabs,
.thank-section .endWave {
    display: none
}

.banner .banner_left p span,
.break_line,
.my-tabs.current {
    display: block
}

.banner .banner_left .badges,
.combo_btn,
.industry_inner_page_banner .banner_left .badges,
.inner-pages-sec4 .sec4_content,
.section-2d-process .sec-2d-process-content {
    margin-top: 2rem
}

.pricing-section .heading,
.section3 .heading {
    font-size: 145px;
    letter-spacing: -5px;
    font-weight: 700
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

::selection {
    color: #9549FF;
    background-color: transparent
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: #000
}

::-webkit-scrollbar-thumb {
    background: #9549FF
}

.scroll_block {
    overflow: auto;
    padding-right: 10px
}

.scroll_block::-webkit-scrollbar {
    width: 1px
}

.scroll_block::-webkit-scrollbar-track {
    background: 0 0
}

.scroll_block::-webkit-scrollbar-thumb {
    background: 0 0
}

html {
    scroll-behavior: smooth
}

body {
    color: #1a1a1a;
    width: 100%;
    height: 100%
}

.tilt {
    transform-style: preserve-3d
}

li {
    list-style-type: none
}

a {
    text-decoration: none !important
}

img {
    max-width: 100%;
    outline: 0
}

.career-sec4 .sec4_content .box .box-body h5,
.h1,
.services-inner-pages-sec5 .sec_content .box h5 {
    font-weight: 700
}

.h2,
h2 {
    font-size: 50px;
    font-weight: 700
}

h3 {
    font-size: 40px
}

h4 {
    font-size: 36px
}

h5 {
    font-size: 25px
}

h6 {
    font-size: 20px
}

p {
    font-size: 16px;
    line-height: 28px;
    color: #666
}

h5.custom_styling {
    font-size: 25px !important
}

.combo_btn {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.btn {
    position: relative;
    border: none;
    width: 180px;
    height: 50px;
    line-height: 50px
}

.btn span {
    display: block;
    width: 100%;
    height: 100%;
    font-weight: 700;
    text-align: center;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: inset 0 0 5px 1px rgba(255, 255, 255, .5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .3s;
    transition: .3s
}

.btn span:first-child {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50% 50% -20px;
    -moz-transform-origin: 50% 50% -20px;
    transform-origin: 50% 50% -20px
}

.btn span:nth-child(2) {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: 50% 50% -20px;
    -moz-transform-origin: 50% 50% -20px;
    transform-origin: 50% 50% -20px
}

.btn:hover span:first-child {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    transform: rotateX(0)
}

.btn:hover span:nth-child(2) {
    color: transparent;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg)
}

.btn-1 span {
    background: #9549FF;
    background: linear-gradient(0deg, #9151ff 0, #51CAFF 100%);
    color: #fff
}

.btn-2 span {
    background: #333;
    background: linear-gradient(0deg, #333 0, #333333f0 100%);
    color: #fff
}

#wavescrollbar {
    background: #eee;
    height: 5px;
    display: block
}

#wavescrollbar #wavescrollbar-progress {
    display: block;
    height: 100%;
    width: 0%;
    background: #38ef7d;
    position: relative
}

#wavescrollbar #wavescrollbar-progress.animation:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%, transparent 75%, transparent) !important;
    background-size: 1rem 1rem !important;
    animation: .1s linear infinite wavescrollbarAnimation
}

@keyframes wavescrollbarAnimation {
    from {
        background-position: 1rem 0
    }
}

header {
    padding: 20px 40px;
    transition: background-color .3s;
    z-index: 999
}

.transparent {
    background-color: transparent
}

.solid {
    background-color: #1a1a1a
}

header nav ul li {
    margin: 0 5px;
    z-index: 1
}

.mobile_header nav ul li a,
header nav ul li a {
    position: relative;
    overflow: hidden;
    -webkit-transition: border-color .3s cubic-bezier(.2, 1, .3, 1), background-color .3s cubic-bezier(.2, 1, .3, 1);
    transition: border-color .3s cubic-bezier(.2, 1, .3, 1), background-color .3s cubic-bezier(.2, 1, .3, 1);
    font-size: 16px;
    color: #fff !important
}

.mobile_header nav ul li a span,
header nav ul li a span {
    color: #fff;
    display: block;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.2, 1, .3, 1), opacity .3s cubic-bezier(.2, 1, .3, 1);
    transition: transform .3s, opacity .3s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1)
}

.mobile_header nav ul li a:hover>span,
header nav ul li a:hover>span {
    opacity: 0;
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0)
}

.mobile_header nav ul li a::before,
header nav ul li a::before {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    color: #9549FF;
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.2, 1, .3, 1), opacity .3s cubic-bezier(.2, 1, .3, 1);
    transition: .4s linear, _ .4s linear
}

.banner,
.section2 {
    position: relative;
    overflow: hidden
}

.mobile_header nav ul li a:hover::before,
header nav ul li a:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.section2::after,
.section3::after {
    z-index: -1;
    transform: rotateX(0);
    content: ""
}

.connect-sec .connect-sec-before img,
.section4 .sec4_after img {
    transform: translateY(-60px);
    animation: 2s linear infinite sec4_animate
}

header nav ul li .dropdown-menu .dropdown-item:active,
header nav ul li .dropdown-menu .dropdown-item:focus,
header nav ul li .dropdown-menu .dropdown-item:hover {
    background-color: transparent !important
}

header nav ul li .dropdown-menu {
    width: 1250px;
    height: 0;
    background: 0 0;
    display: block;
    border: none;
    padding: 10px 0 0;
    margin: 0;
    opacity: 1;
    z-index: -1;
    transition: .4s linear;
    overflow: hidden;
    visibility: hidden
}

header nav ul li .dropdown-menu1 {
    left: -250px
}

header nav ul li .dropdown-menu2 {
    left: -550px
}

header nav ul li:hover .dropdown-menu {
    visibility: visible;
    height: 520px
}

header nav ul li:hover .dropdown-menu1,
header nav ul li:hover .dropdown-menu2 {
    height: 520px
}

header nav ul li .dropdown-menu .dropdown_inner {
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding: 0 0 0 1.5rem;
    position: relative;
    overflow: hidden;
    z-index: 1
}

header nav ul li .dropdown-menu .dropdown_inner::before {
    content: "";
    width: 100%;
    height: 100%;
    background: url("../images/pricing/price-bg.webp") 0 0/cover no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

header nav ul li .dropdown-menu .dropdown_inner::after {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/home/sec2-bg.webp) 0 0/contain no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

header nav ul li .dropdown-menu .dropdown_inner .dropdown_left {
    width: 68%;
    padding: 2rem 0
}

header nav ul li .dropdown-menu .dropdown_inner .dropdown_left h5 {
    font-weight: 600
}

header nav ul li .dropdown-menu .dropdown_inner .dropdown_left p {
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0 20px
}

header nav ul li .dropdown-menu .dropdown_inner .dropdown_left ul {
    padding: 0;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
    height: 350px;
    overflow: auto
}

header nav ul li .dropdown-menu .dropdown_inner .dropdown_left ul li {
    width: 30%;
    margin: 0 0 20px
}

header nav ul li .dropdown-menu .dropdown_inner .dropdown_left ul li h6 {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 600
}

header nav ul li .dropdown-menu .dropdown_inner .dropdown_left ul li h6 img {
    width: 28px;
    margin-right: 10px;
    object-fit: contain
}

header nav ul li .dropdown-menu .dropdown_inner .dropdown_left ul li p {
    font-size: 11px;
    margin: 0
}

header nav ul li .dropdown-menu .dropdown_inner .dropdown_left ul li a {
    padding: 0;
    margin-top: 5px
}

header nav ul li .dropdown-menu .dropdown_inner .dropdown_left ul li a span {
    color: #9549FF;
    font-size: 14px;
    font-weight: 600
}

.before_footer .bf_col2 p i.fa-solid.fa-phone,
header nav ul li .dropdown-menu .dropdown_inner .dropdown_left ul li a span i {
    animation: .9s linear infinite phone
}

header nav ul li .dropdown-menu .dropdown_inner .dropdown_right {
    width: 30%;
    height: 510px
}

.industry_inner_page_sec3 .sec_content ul li .box .front img,
.process-wrap-item-video video,
.sec6_right .tab-content a img,
.sec6_right .tab-content a video,
.section3 .sec3_content .sec3_box ul li .box .overlay~img,
.section3 .sec3_content .sec3_box ul li .box video,
.section7 .sec7_content ul li .box .testi-video video,
.services-inner-pages-sec3 .sec_content .sec_left .box img,
header nav ul li .dropdown-menu .dropdown_inner .dropdown_right img,
header nav ul li .dropdown-menu .dropdown_inner .dropdown_right video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.banner {
    background: url("../images/home/banner-bg.webp") center/cover no-repeat;
    height: 100vh;
    padding: 120px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.industries-wrap-1,
.industries-wrap-3,
.section2,
.section3,
.services-inner-pages-sec3 {
    padding: 100px 0
}

.banner::after {
    content: "";
    width: 900px;
    height: 610px;
    /*background: url("../images/home/banner-after.webp") 0 0/contain no-repeat;*/
    filter: brightness(260.5) opacity(.2);
    position: absolute;
    right: -20%;
    top: 23%;
    z-index: -1
}

.banner .overlay,
.banner video,
.banner iframe{
    height: 100%;
    position: absolute;
    z-index: -1;
    bottom: 0;
    width: 100%;
    left: 0
}

@keyframes banner-after {

    0%,
    100% {
        right: -20%
    }

    50% {
        right: 80%
    }
}

.banner video,
.banner iframe {
    top: 0;
    right: 0;
    object-fit: cover
}

.banner .overlay {
    background: rgba(0, 0, 0, .6);
    top: 0;
    right: 0
}

.banner .banner_left .h1,
.banner .banner_left h3,
.before_footer .bf_col1 .h2,
.before_footer .bf_col1 p,
.industry_inner_page_banner .banner_left h3,
.industry_inner_page_cta .content h2,
.industry_inner_page_cta .content h3,
.industry_inner_page_sec3 .sec_top h2,
.industry_inner_page_sec3 .sec_top h3,
.industry_inner_page_sec3 .sec_top p,
.industry_inner_page_sec5 .sec_left h2,
.industry_inner_page_sec5 .sec_left h3,
.industry_inner_page_sec5 .sec_left p,
.industry_inner_page_sec7 .sec_content ul.inner_page_sec7_slider li .box:hover h3,
.industry_inner_page_sec7 .sec_content ul.inner_page_sec7_slider li .box:hover p,
.inner-pages-sec3 .sec3_content .sec3_features_box .tab-content .tab-pane p,
.pricing-section .pricing-content ul li .box:hover del,
.pricing-section .pricing-content ul li .box:hover h3,
.pricing-section .pricing-content ul li .box:hover h6,
.pricing-section .pricing-content ul li .box:hover p,
.pricing-section .pricing-content ul li .box:hover ul li,
.pricing-section .pricing-content ul li:nth-child(2) .box h3,
.pricing-section .pricing-content ul li:nth-child(2) .box h3 del,
.pricing-section .pricing-content ul li:nth-child(2) .box h6,
.pricing-section .pricing-content ul li:nth-child(2) .box p,
.pricing-section .pricing-content ul li:nth-child(2) .box ul li,
.section-2d-process .sec-2d-process-top .h2,
.section-2d-process .sec-2d-process-top p,
.section3 .sec3_top .h2,
.section5 .sec5_content .h1,
.section5 .sec5_content p,
.services-page .sec3_content .services_box .services-content .h2,
.services-page .sec3_content .services_box .services-content p,
.services-page .sec3_top p {
    color: #fff
}

.banner .banner_left .h1 span,
.blog_section .h2 span,
.blog_section .sec_content .box .box_body .h3,
.footer .ft_left p a,
.footer a:hover,
.industries-wrap-1 h2 span,
.industries-wrap-3 h2 span,
.industry_inner_page_banner .banner_left h1 span,
.industry_inner_page_cta .content h2 span,
.industry_inner_page_faqs .sec_top h2 span,
.industry_inner_page_sec2 .sec_right h2 span,
.industry_inner_page_sec3 .sec_top h2 span,
.industry_inner_page_sec4 h2 span,
.industry_inner_page_sec5 .sec_left h2 span,
.industry_inner_page_sec7 .sec_top h2 span,
.industry_inner_page_sec8 .sec_left h2 span,
.inner-pages-sec2 .sec2_left .h1 span,
.inner-pages-sec4 .sec4_top .h2 span,
.process-wrap-1 .custom-anchor-process:hover,
.process-wrap-1 h1 span,
.section4 .sec4_left .h2,
.section6 .sec6_top .h2 span,
.section7 .sec7_top .h2 span,
.section8 .sec8_top .h2 span,
.services-inner-pages-sec6 .sec_top h2 span,
.services-page .sec3_content .services_box .services-content .h2 span,
.services-page .sec3_top .h2 span,
.slick-center .tab-location-main-name h6,
.tab-location-main:hover .tab-location-main-name h6,
.video-testimonial .video-left p a:hover i {
    color: #9549FF
}

.banner .banner_left p {
    margin-top: 2rem;
    color: #fff
}

.banner .banner_left .badges ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0
}

.banner .banner_left .badges ul li,
.section7 .sec7_content ul li .box .testi_content .testi_header img {
    margin-right: 10px
}

.banner .banner_left .badges ul li a img {
    width: 90%;
    transition: .1s linear
}

.section2::after {
    width: 110%;
    height: 1050px;
    background: url("../images/home/sec2-bg.webp") 0 0/contain no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    animation: 20s linear infinite sec2_after
}

.section8 .after,
.section8 .before {
    animation: 1.6s linear infinite sec8_before
}

@keyframes sec2_after {

    0%,
    100% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(10deg)
    }
}

.section2 .sec2_left .h2 {
    letter-spacing: -1px
}

.pricing-section .pricing-top .h2 span,
.section2 .sec2_left .h2 span {
    color: #9549FF
}

.section2 .sec2_right {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.section2 .sec2_right::after {
    content: "";
    width: 100px;
    height: 100px;
    background: url("../images/home/cloud-icon.webp") 0 0/contain no-repeat;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@keyframes sec2_rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.section2 .sec2_right .sec2_circle {
    width: 420px;
    height: 420px;
    background: url("../images/home/sec2_right.webp") 0 0/contain no-repeat;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: 20s linear infinite sec2_rotate;
    filter: brightness(0) saturate(100%) invert(28%) sepia(97%) saturate(1970%) hue-rotate(249deg) brightness(101%) contrast(101%);
}

.before_footer::after,
.inner-pages-sec4::before,
.section3 .sec3_content::after,
.section3 .sec3_content::before {
    animation: 2s linear infinite sec3_animate;
    content: ""
}

.section2 .sec2_right .sec2_box {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    position: absolute
}

.section2 .sec2_right .box1 {
    top: -70px;
    left: 50%;
    transform: translateX(-50%)
}

.section2 .sec2_right .box2 {
    top: 50%;
    right: 30px;
    transform: translateY(-50%)
}

.section2 .sec2_right .box3 {
    bottom: -70px;
    left: 50%;
    transform: translateX(-50%)
}

.section2 .sec2_right .box4 {
    top: 50%;
    left: 30px;
    transform: translateY(-50%)
}

.section2 .sec2_right .sec2_box .box_item {
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

.section2 .sec2_right .sec2_box .box_item video {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover
}

.section2 .sec2_right .sec2_box .box_item .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(0deg, rgb(0 0 0) 0, rgb(255 255 255 / 0%) 50%);
    top: 0
}

.section2 .sec2_right .sec2_box .box_item h6 {
    position: absolute;
    color: #fff;
    font-size: 18px;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-family: Inter, sans-serif !important
}

.section3 {
    position: relative;
    z-index: 2;
    background: url("../images/home/sec3-bg.webp")
}

.section3::after {
    width: 1920px;
    height: 700px;
    background: url("../images/home/sec3-line.webp") 0 0/contain no-repeat;
    position: absolute;
    right: 0;
    bottom: 0
}

.section3 .heading {
    color: #9549FF;
    position: absolute;
    bottom: -110px;
    z-index: 43;
}

.section3 .heading span,
.section6 .sec6_top .h2,
.section7 .sec7_top .h2 {
    color: #333
}

.career-sec3 .sec3_content .sec3_features_box ul li button,
.pricing-section .pricing-top,
.section3 .sec3_top {
    position: relative
}

.section3 .sec3_top::before {
    content: "";
    width: 930px;
    height: 180px;
    background: url("../images/home/portfolio-before.webp") 0 0/contain no-repeat;
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%)
}

.section3 .sec3_top h4 {
    color: #fff;
    display: none
}

.case-study-inner-sec2,
.featured-services ul li,
.industry_inner_page_sec2 .sec_left,
.section3 .sec3_content {
    position: relative;
    z-index: 1
}

.section3 .sec3_content::before {
    width: 128px;
    height: 126px;
    background: url("../images/home/cubic.webp") 0 0/contain no-repeat;
    position: absolute;
    left: 50px;
    bottom: 35px;
    z-index: -1;
    transform: translateY(0) rotate(0)
}

@keyframes sec3_animate {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-20px)
    }
}

.section3 .sec3_content::after {
    width: 126px;
    height: 102px;
    background: url("../images/home/square.webp") 0 0/contain no-repeat;
    position: absolute;
    right: 50px;
    top: 0;
    z-index: -1;
    transform: rotateX(0)
}

.banner.section1.new-services .banner_left .badges ul,
.industry_inner_page_cta .content .combo_btn,
.inner-pages-banner .banner_left .badges ul,
.inner-pages-banner .banner_left .combo_btn,
.pricing-section .pricing-content ul li .box .combo_btn,
.section3 .sec3_content ul,
.section5 .sec5_content .combo_btn,
.thank-section .jumbotron .combo_btn {
    justify-content: center
}

.section3 .sec3_content ul li button {
    background: 0 0;
    padding: 0;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    margin: 10px
}

.section3 .sec3_content ul li button.active {
    background: 0 0
}

.pricing-section .pricing-content ul li .box:hover .combo_btn .btn-2 span,
.pricing-section .pricing-content ul li:nth-child(2) .box .combo_btn .btn-2 span,
.section3 .sec3_content ul li button.active h5 span,
.section3 .sec3_content ul li button.active span {
    background: #9549FF
}

.blog_section .sec_content,
.section3 .sec3_content .sec3_box,
.section6 .sec6_content,
.section7 .sec7_content {
    margin-top: 4rem
}

.section3 .sec3_content .sec3_box ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    padding: 0
}

.section3 .sec3_content .sec3_box ul li {
    width: 360px;
    height: 205px;
    margin-bottom: 25px;
    overflow: hidden;
    border-radius: 10px;
}

.section3 .sec3_content .sec3_box ul li .box,
.services-inner-pages-sec3 .sec_content .sec_left .box {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    transition: .4s linear
}

.section3 .sec3_content .sec3_box ul li .box .overlay,
.services-inner-pages-sec3 .sec_content .sec_left .box .overlay {
    background: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    transition: clip-path .4s ease-out;
    clip-path: circle(0rem at 94.9% 15%)
}

.section3 .sec3_content .sec3_box ul li .box .overlay img {
    width: 50px
}

.section-2d-process .sec-2d-process-content ul .slick-center .box::after,
.section3 .sec3_content .sec3_box ul li .box:hover .overlay,
.services-inner-pages-sec3 .sec_content .sec_left .box:hover .overlay {
    clip-path: circle(133% at 94.9% 15%)
}

.section4 {
    padding: 140px 0 80px;
    position: relative;
    z-index: 1
}

.section4 .sec4_after {
    width: 897px;
    height: 432px;
    background: url("../images/home/sec4-after-2.webp") 0 0/contain no-repeat;
    position: absolute;
    right: 0;
    top: 60%;
    transform: translateY(-50%);
    z-index: -1
}

.section4 .sec4_after img {
    width: 500px;
    height: 500px;
    object-fit: contain
}

@keyframes sec4_animate {

    0%,
    100% {
        transform: translateY(-60px)
    }

    50% {
        transform: translateY(-50px)
    }
}

.section5 {
    padding: 100px 0;
    background: url("../images/home/sec5-bg.webp") 0 0/cover;
    z-index: 1
}

.section5 .sec5_content p a {
    font-weight: 700;
    color: #fff
}

.section6 {
    padding: 100px 0 50px;
    background-color: #f8f8f8;
    overflow-x: hidden
}

.section6 .sec6_content .sec6_left .nav-pills .nav-link {
    border-bottom: 2px solid #c9c9c9;
    border-radius: 0;
    background-color: transparent !important;
    text-align: left;
    padding: 10px 0;
    position: relative;
    z-index: 1;
    transition: .2s linear
}

.section6 .sec6_content .sec6_left .nav-pills .nav-link::after {
    content: "\f175";
    font-family: "Font Awesome 6 Free";
    width: 35px;
    height: 35px;
    background-color: #333;
    border-radius: 50%;
    font-weight: 900;
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: -1
}

@keyframes sec6_animate {

    0%,
    100% {
        top: 10px
    }

    50% {
        top: 15px
    }
}

.section6 .sec6_content .sec6_left .nav-pills .nav-link.active::after {
    background-color: #9549FF;
    transform: rotate(180deg);
    animation: unset
}

.section6 .sec6_content .sec6_left .nav-pills .nav-link span {
    display: block;
    color: #333;
    border-radius: 0;
    background-color: transparent !important;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    padding: 5px 0
}

.section6 .sec6_content .sec6_left .nav-pills .nav-link.active span,
.section6 .sec6_content .sec6_left .nav-pills .show>.nav-link {
    color: #9549FF;
    border-bottom: 2px solid #535353
}

.section6 .sec6_content .sec6_left .nav-pills .nav-para {
    height: 0;
    overflow: hidden;
    font-size: 14px;
    color: #666;
    transition: .3s linear
}

.section6 .sec6_content .sec6_left .nav-pills .nav-link.active .nav-para {
    margin-top: 20px;
    height: 120px;
    overflow: auto
}

.section6 .sec6_content .sec6_left .nav-pills .nav-link.active .nav-para::-webkit-scrollbar {
    width: 5px
}

.sec6_right .tab-content a {
    position: relative;
    display: block;
    text-align: center
}

.sec6_right .tab-content a::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #9549FF 0, transparent 30%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.sec6_right .tab-content a .h2 {
    width: 100%;
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    z-index: 1
}

.section7 {
    padding: 100px 0;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.section7::after {
    content: "";
    width: 110%;
    height: 1050px;
    background: url("../images/home/sec2-bg.webp") 0 0/contain no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    transform: rotateX(0)
}

.section-2d-process .sec-2d-process-content ul,
.section7 .sec7_content ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between
}

.section-2d-process .sec-2d-process-content ul .slick-list.draggable,
.section7 .sec7_content ul .slick-list.draggable {
    padding: 0 !important
}

.section7 .sec7_content ul li .box {
    width: 540px;
    height: 190px;
    background: #f1f1f1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    overflow: hidden;
    cursor: pointer;
    margin: 0 auto
}

.section7 .sec7_content ul li .video-box {
    background: #fff0f1
}

.section7 .sec7_content ul li .box .testi-img {
    width: 35%;
    transition: .4s linear;
    overflow: hidden
}

.blog_section .sec_content .box .box_img img,
.career-sec4 .sec4_content .box .box-img img,
.industries-wrap-3-item-img img,
.section7 .sec7_content ul li .box .testi_img img,
.section8 .after img,
.section8 .before img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.section7 .sec7_content ul li .box .testi_content {
    width: 65%;
    padding: 20px 30px 20px 10px
}

.section7 .sec7_content ul li .box .testi_content .testi_footer,
.section7 .sec7_content ul li .box .testi_content .testi_header {
    display: flex;
    align-items: center
}

.section7 .sec7_content ul li .box .testi_content .testi_header h6 {
    margin: 0;
    font-weight: 600
}

.section7 .sec7_content ul li .box .testi_content .testi_body {
    margin: 10px 0
}

.section7 .sec7_content ul li .box .testi_content .testi_body p {
    font-size: 14px;
    color: #000;
    line-height: 22px;
    height: 90px;
    overflow: auto
}

.section7 .sec7_content ul li .box .testi_content .testi_body p::-webkit-scrollbar {
    width: 5px
}

.section7 .sec7_content ul li .box .testi_content .testi_footer i {
    margin-right: 2px;
    font-size: 13px;
    color: #f6ad2c
}

.section7 .sec7_content ul li .box .testi-video {
    width: 35%;
    height: 100%;
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

.section7 .sec7_content ul li .box .testi-video .overlay {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: #f1f1f15c;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: rotate(0);
    transition: .9s linear
}

.section7 .sec7_content ul li .box:hover .overlay {
    border-radius: 50%;
    transform: rotate(360deg);
    right: -100%
}

.section7 .sec7_content ul li .box .testi-video .overlay img {
    width: 40px
}

.section8 {
    padding: 250px 0;
    background: url("../images/home/bf-bg.webp") 0 0/cover no-repeat;
    position: relative;
    z-index: 1;
    /* overflow: hidden; */
}

.section8::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .03);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.before_footer,
.footer {
    background: #1a1a1a
}

.section8 .before {
    width: 815px;
    height: 906px;
    position: absolute;
    bottom: -405px;
    left: -30px;
    z-index: -1
}

@keyframes sec8_before {

    0%,
    100% {
        filter: unset
    }

    50% {
        filter: drop-shadow(2px 4px 6px black)
    }
}

.section8 .after {
    width: 467px;
    height: 848px;
    position: absolute;
    bottom: -220px;
    right: 50px;
    z-index: -1
}

.featured-services p,
.industry_inner_page_sec2 .sec_right h3,
.section8 .sec8_top .h2 {
    color: #000
}

.section8 .sec8_top p {
    color: #000;
    margin-bottom: 0
}

.industry_inner_page_sec3 .sec_content ul li .box .back a.fancybox img,
.section8 .sec8_content .contact_form form,
.services-inner-pages-sec5 .sec_content .box:hover::after,
.services-inner-pages-sec6 .sec_content ul.inner-pages-sec6-slider .slick-slide .box .img img {
    width: 100%
}

.section8 .sec8_content .contact_form form input,
.section8 .sec8_content .contact_form form textarea {
    width: 100%;
    height: 50px;
    border: 1px solid #000;
    border-radius: 5px;
    background-color: transparent;
    outline: 0;
    padding: 10px
}

.section8 .sec8_content .contact_form form input:focus,
.section8 .sec8_content .contact_form form textarea:focus {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .322)
}

.section8 .sec8_content .contact_form form input::placeholder,
.section8 .sec8_content .contact_form form textarea::placeholder {
    color: rgba(0, 0, 0, .603)
}

.section8 .sec8_content .contact_form form textarea {
    height: 100px
}

.section8 .sec8_content .contact_form form button {
    margin: 0 auto;
    text-align: center;
    display: block
}

.blog_section {
    padding: 80px 0 20px
}

.blog_section .sec_content .box {
    width: 100%;
    height: 500px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .165);
    border-radius: 15px
}

.blog_section .sec_content .box .box_img {
    width: 100%;
    height: 250px;
    position: relative;
    z-index: 1
}

.blog_section .sec_content .box .box_img::before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .35), transparent 75%);
    position: absolute;
    bottom: 0;
    left: 0
}

.blog_section .sec_content .box .box_body .h3 {
    font-size: 25px;
}

.blog_section .sec_content .box .box_img span {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #9549FF;
    padding: 2px 15px;
    border-radius: 25px;
    color: #fff;
    font-size: 13px;
    font-weight: 600
}

.blog_section .sec_content .box .box_body {
    padding: 2rem;
    position: relative
}

.blog_section .box .box_body .blog-icon {
    width: 60px;
    height: 60px;
    position: absolute;
    top: -35px;
    left: 30px;
    z-index: 1
}

.before_footer {
    padding: 100px 0 40px;
    position: relative;
    z-index: 1
}

.before_footer::before {
    content: "";
    width: 1300px;
    height: 160px;
    background: url("../images/home/lets-connect.webp") 0 0/contain no-repeat;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

.before_footer::after {
    width: 90px;
    height: 87px;
    background: url("../images/home/cubic.webp") 0 0/contain no-repeat;
    position: absolute;
    bottom: -30px;
    left: 50px
}

.before_footer .bf_col1 {
    padding-top: 10px
}

.before_footer .bf_col1 hr {
    background-color: #666;
    opacity: 1
}

.before_footer .bf_col1 .social_icon ul {
    padding: 0;
    margin: 0;
    display: flex
}

.before_footer .bf_col1 .social_icon ul li {
    margin-right: 20px
}

.before_footer .bf_col1 .social_icon ul li:last-child {
    margin-right: 0
}

.before_footer .bf_col1 .social_icon ul li a {
    color: #fff;
    display: block;
    transform: scale(1);
    transition: .2s linear
}

.before_footer .bf_col1 .social_icon ul li a:hover {
    color: #9549FF;
    transform: scale(1.1)
}

.before_footer .bf_col h5 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px
}

.before_footer .bf_col2 p {
    color: #fff;
    margin-bottom: 40px
}

.before_footer .bf_col2 p i {
    font-size: 16px;
    margin-right: 10px;
    display: inline-block
}

.before_footer .bf_col2 p i.fa-solid.fa-location-crosshairs {
    animation: .9s linear infinite map
}

@keyframes map {

    0%,
    100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

.before_footer .bf_col2 p i.fa-solid.fa-paper-plane {
    animation: .9s linear infinite mail
}

@keyframes mail {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(4px)
    }
}

@keyframes phone {

    0%,
    100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(4px)
    }
}

.before_footer .bf_col2 p a {
    color: #fff;
    display: inline-block;
    transform: scale(1);
    position: relative;
    overflow: hidden;
    transition: .2s linear;
    z-index: 1
}

.before_footer .bf_col2 p a::before,
.before_footer .bf_col3 ul li a::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #9549FF;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: -1;
    transition: .2s linear
}

.before_footer .bf_col2 p a:hover,
.before_footer .bf_col3 ul li a:hover,
.industry_inner_page_sec4 .box .box_head:hover img.main_img,
.inner-pages-sec4 .sec4_content ul li img:hover {
    transform: scale(1.1)
}

/* .inner-pages-sec4 .sec4_content ul li img {
    filter: invert(1);
} */

.before_footer .bf_col2 p a:hover::before,
.before_footer .bf_col3 ul li a:hover::before {
    left: 0
}

.before_footer .bf_col3 ul {
    padding: 0;
    margin: 0
}

.before_footer .bf_col3 ul li {
    line-height: 30px
}

.before_footer .bf_col3 ul li a {
    color: #fff;
    display: inline-block;
    transform: scale(1);
    transition: .2s linear;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.footer .container {
    border-top: 1px solid #666
}

.footer .ft_left {
    padding: 10px 0
}

.footer p,
.industry_inner_page_banner .banner_left p {
    margin: 0;
    color: #fff
}

.footer a {
    color: #fff;
    display: inline-block;
    transition: .4s linear
}

.footer .ft_right {
    text-align: right
}

.case-study-inner-sec2 .sec2-top,
.inner-pages-banner .banner_left,
.inner-pages-sec3 .sec3_content .sec3_features_box ul li button .box,
.terms-page .banner_left {
    text-align: center
}

.inner-pages-sec2 {
    padding: 60px 0
}

.inner-pages-sec2::before {
    content: "";
    width: 810px;
    height: 550px;
    background: url("../images/home/banner-after.webp") 0 0/contain no-repeat;
    position: absolute;
    left: -20%;
    top: 50%;
    transform: translateY(-50%);
    filter: opacity(.5);
    z-index: -1
}

.inner-pages-sec2::after {
    top: -60px
}

/* 
.inner-pages-sec2 .sec2_left .line {
    display: block;
    width: 20%;
    height: 2px;
    background: #9549FF
} */

.inner-pages-sec2 .sec2_right {
    position: unset
}

.inner-pages-sec3 {
    padding: 70px 0
}

.inner-pages-sec3 .sec3_top::before {
    background: url("../images/about/features-before.webp") 0 0/contain no-repeat
}

#process-sec2 .sec3_content::before,
.inner-pages-sec3 .sec3_content::before {
    top: -100px;
    transform: translateY(0) rotate(90deg);
    animation: unset
}

#process-sec2 .sec3_content::after,
.inner-pages-sec3 .sec3_content::after {
    bottom: -30px;
    z-index: -1;
    top: unset
}

.inner-pages-sec3 .sec3_content .sec3_features_box .tab-content .tab-pane {
    transition: .3s linear
}

.inner-pages-sec3 .sec3_content .sec3_features_box ul {
    justify-content: space-between
}

.inner-pages-sec3 .sec3_content .sec3_features_box ul li {
    width: 18%
}

.inner-pages-sec3 .sec3_content .sec3_features_box ul li button {
    background: #323232;
    width: 100%;
    margin: 0;
    padding: 2rem 1rem;
    text-align: center;
    outline: 0
}

.inner-pages-sec3 .sec3_content .sec3_features_box ul li button .box .box_img {
    height: 150px
}

.career-sec4 .sec4_content,
.career-sec4 .sec4_content .box .box-body,
.inner-pages-sec3 .sec3_content .sec3_features_box ul li button .box .box_body,
.section-2d-process .sec-2d-process-content ul li .box .box_body,
.video-testimonial .video-right h6 {
    margin-top: 1rem
}

.inner-pages-sec3 .sec3_content .sec3_features_box ul li button .box .box_body h5 {
    font-weight: 800;
    font-size: 23px
}

.inner-pages-sec3 .sec3_content .sec3_features_box ul li button .box .box_body h5 span {
    display: block;
    color: #9549FF;
    background: 0 0
}

.inner-pages-sec3 .sec3_content .sec3_features_box ul li button.active {
    width: 100%;
    margin: 0;
    background: #9549FF;
    padding: 2rem 1rem;
    text-align: center
}

.inner-pages-sec3 .sec3_content .sec3_features_box ul li button.active .box .box_body h5 span {
    color: #323232
}

.inner-pages-sec3 .sec3_content .sec3_features_box .tab-content {
    text-align: center;
    margin-top: 5rem
}

.inner-pages-sec4 {
    background: url(../images/home/sec2-bg.webp) 50%/cover;
    padding: 80px 0
}

.tab-content-item-bg,
.tab-location-main-img {
    background-position: 30% 13% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important
}

.inner-pages-sec4::after,
.section-2d-process::after {
    animation: .3s linear infinite about-sec4_animate;
    content: ""
}

.inner-pages-sec4::after {
    width: 65px;
    height: 130px;
    background: url("../images/about/sec4-after.webp") 0 0/contain no-repeat;
    position: absolute;
    right: 140px;
    top: 50px;
    z-index: -1
}

@keyframes about-sec4_animate {

    0%,
    100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-5px)
    }
}

.inner-pages-sec4 .sec4_content ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%
}

.inner-pages-sec4 .sec4_content ul li {
    list-style-type: none;
    width: 10%;
    margin: 10px 20px;
    cursor: pointer
}

.inner-pages-sec4 .sec4_content ul li img {
    width: 100%;
    height: 100px;
    object-fit: contain;
    display: block;
    transform: scale(1);
    transition: .2s linear
}

.tab-content-item-bg {
    height: 700px
}

.tab-content-item-content h5 {
    font-size: 30px;
    font-weight: 600;
    color: #9549FF
}

.section-2d-process .sec-2d-process-content ul .slick-track,
.tab-location-slider .slick-list.draggable .slick-track {
    margin: 40px 0
}

.tab-content-item-content ul li {
    padding-bottom: 25px
}

.tab-content-item-content ul li a {
    font-size: 17px;
    color: #333;
    font-weight: 400
}

.tab-content-item-content ul li a~a {
    display: block;
    font-size: 14px;
    color: #9549FF;
    transform: scale(1);
    transition: .2s linear
}

.tab-content-item-content ul li a~a:hover {
    font-weight: 600;
    transform: scale(1.025)
}

.tab-content-item-content ul li a~a i {
    font-size: 16px;
    margin-left: 10px;
    animation: 1s linear infinite fadeIn
}

.index-section-five .tab-content-item-bg {
    padding-top: 40px
}

.tab-location-main-img {
    width: 350px;
    height: 350px;
    border: 2px solid #ea342300;
    transition: .4s linear;
    box-shadow: unset;
    filter: grayscale(100%);
    border-radius: 10px;
    overflow: hidden
}

.slick-center .tab-location-main-img,
.tab-location-main-img:hover {
    border: 2px solid #9549FF;
    box-shadow: 0 0 32px 0 #9549ff77;
    filter: grayscale(0%)
}

.tab-location-main-img .overlay .h1 {
    transform: scale(0);
    transition: .4s linear;
    text-transform: uppercase;
    color: #fff
}

.industries-wrap-2-item:hover .overlay .wrap-2-item-icon,
.slick-center .overlay .h1,
.tab-location-main-img:hover .overlay .h1 {
    transform: scale(1)
}

.tab-location-main-name h6 {
    color: #333;
    font-weight: 400;
    transition: .4s linear;
    margin-left: 24px;
    position: relative
}

.tab-location-main-name h6::before {
    content: "";
    left: -22px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 16px;
    height: 2px;
    transition: .4s linear;
    background: #333;
    position: absolute
}

.slick-center .tab-location-main-name h6::before,
.tab-location-main:hover .tab-location-main-name h6::before {
    background: #9549FF !important
}

.location-slider-position {
    position: absolute;
    bottom: 0;
    z-index: 99;
    right: 0
}

.pricing-section {
    padding: 100px 0;
    background: url("../images/pricing/price-bg.webp") 0 0/cover;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.pricing-section .heading {
    color: #9549FF;
    position: absolute;
    bottom: 0;
    left: 20px;
    display: none
}

.pricing-section .pricing-top::before {
    content: "";
    width: 1700px;
    height: 290px;
    background: url("../images/pricing/pricing-plan.webp") 0 0/contain no-repeat;
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

.case-sec2 .case-sec2-content {
    margin-top: 3rem
}

.pricing-section .pricing-content ul {
    padding: 0
}

.pricing-section .pricing-content ul .slick-list.draggable {
    padding: 50px 0
}

.pricing-section .pricing-content .pricing_slider .slick-slide {
    margin: 0 20px
}

.pricing-section .pricing-content ul li .box {
    width: 100%;
    border: 1px solid #999;
    padding: 3rem 2.5rem;
    transform: scale(1);
    transition: .2s linear
}

.pricing-section .pricing-content ul li .box h6 {
    font-size: 26px;
    font-weight: 700;
    transition: .2s linear
}

.pricing-section .pricing-content ul li .box h3 {
    font-weight: 700;
    color: #9549FF;
    justify-content: space-between;
    align-items: center;
    transition: .2s linear;
    display: none
}

.pricing-section .pricing-content ul li .box h3 del {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    color: #333;
    transition: .2s linear
}

.pricing-section .pricing-content ul li .box p {
    font-size: 14px
}

.pricing-section .pricing-content ul li .box ul {
    flex-direction: column;
    height: 189px;
    overflow: auto;
    transition: .2s linear
}

.pricing-section .pricing-content ul li .box ul li {
    width: 100%;
    color: #999;
    font-size: 14px;
    margin-bottom: 10px;
    transition: .2s linear
}

.pricing-section .pricing-content ul li .box ul li i {
    padding-right: 5px;
    color: #9549FF;
    transition: .2s linear
}

.pricing-section .pricing-content ul li .box .combo_btn .btn-2 {
    width: 100%;
    margin: 0 !important;
    transition: .2s linear
}

.pricing-section .pricing-content ul li .box .combo_btn .btn-2 span {
    transition: .2s linear
}

.pricing-section .pricing-content ul li .box:hover,
.pricing-section .pricing-content ul li:nth-child(2) .box {
    transform: scale(1.1);
    background: url("../images/pricing/pricing-bg.webp") center/cover;
    box-shadow: 0 0 25px 2px #9549ff7e
}

.pricing-section .pricing-content ul li:first-child .box:hover {
    background: url("../images/pricing/pricing-bg2.webp") 0 0/cover
}

.pricing-section .pricing-content ul li:nth-child(3) .box:hover {
    background: url("../images/pricing/pricing-bg3.webp") center/cover
}

.industry_inner_page_sec5 .sec_left h2::before,
.pricing-section .pricing-content ul li .box:hover hr,
.pricing-section .pricing-content ul li:nth-child(2) .box hr,
.video-testimonial .video-left p a:hover {
    background-color: #fff
}

#process-sec2 .sec3_top::before,
.career-sec3 .sec3_top::before {
    background: url("../images/process/process.webp") 0 0/contain no-repeat
}

#process-sec2 .sec3_process_box ul {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

#process-sec2 .sec3_process_box li {
    width: 48%;
    margin: 20px 0
}

#process-sec2 .sec3_process_box li:first-child .box {
    border-radius: 50% 50% 0
}

#process-sec2 .sec3_process_box li:first-child .box .h1 {
    bottom: 0;
    right: 20px
}

#process-sec2 .sec3_process_box li:nth-child(2) .box {
    border-radius: 50% 50% 50% 0
}

#process-sec2 .sec3_process_box li:nth-child(2) .box .h1 {
    bottom: 0;
    left: 20px
}

#process-sec2 .sec3_process_box li:nth-child(3) .box {
    border-radius: 50% 0 50% 50%
}

#process-sec2 .sec3_process_box li:nth-child(3) .box .h1 {
    top: 10px;
    right: 20px
}

#process-sec2 .sec3_process_box li:nth-child(4) .box {
    border-radius: 0 50% 50%
}

#process-sec2 .sec3_process_box li:nth-child(4) .box .h1 {
    top: 10px;
    left: 20px
}

#process-sec2 .sec3_process_box li .box {
    width: 580px;
    height: 580px;
    background: #4a1b1eb0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 5rem;
    text-align: center;
    position: relative;
    transition: .4s linear
}

#process-sec2 .sec3_process_box li .box:hover {
    background: #9549FF;
    box-shadow: 0 0 40px 5px #9549FF
}

#process-sec2 .sec3_process_box li .box h5 {
    margin: 30px 8px;
    font-weight: 800;
    color: #fff
}

#process-sec2 .sec3_process_box li .box p {
    color: #fff;
    font-size: 13px
}

#process-sec2 .sec3_process_box li .box .h1 {
    position: absolute;
    color: #fff;
    font-size: 80px
}

#process-sec2 .sec3_process_box li .box img {
    height: 70px
}

.connect-sec {
    padding: 100px 0;
    position: relative
}

.case-sec2,
.case-study-inner-sec2,
.case-study-inner-sec3 {
    padding: 80px 0;
    overflow: hidden
}

.connect-sec .connect-sec-before {
    width: 897px;
    height: 367px;
    background: url("../images/process/connect-sec-before.webp") 0 0/contain no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    display: flex;
    justify-content: end
}

.connect-sec .connect-sec-before img {
    width: 550px;
    height: 550px;
    object-fit: contain
}

.spinx-connect {
    color: #000;
    display: block;
    position: relative;
    width: 100%
}

.spinx-connect:before {
    background: #9549FF;
    content: "";
    position: absolute;
    top: 32px;
    bottom: 0;
    left: 34px;
    width: 1px;
    z-index: 0
}

.spinx-connect h3.spinx-acco-title {
    display: flex;
    cursor: pointer;
    color: #e1e1e1;
    font-size: 24px;
    line-height: 55px;
    font-weight: 600;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.spinx-connect h3.spinx-acco-title i {
    border-radius: 100%;
    display: block;
    float: left;
    margin-right: 30px;
    position: relative;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    height: 55px;
    width: 69px;
    z-index: 1
}

.spinx-connect h3.spinx-acco-title i:after,
.spinx-connect h3.spinx-acco-title i:before {
    content: "";
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.spinx-connect h3.spinx-acco-title i:after {
    background: #9549FF;
    border-radius: 100%;
    height: 11px;
    width: 11px;
    z-index: 0
}

.spinx-connect .spinx-acco-content {
    display: none;
    overflow: hidden;
    padding: 15px 0 10px 100px;
    width: 100%
}

.spinx-connect:after {
    display: none;
    background: url("../images/process/connect-arrow.webp") no-repeat;
    content: "";
    position: absolute;
    bottom: -48px;
    left: 15px;
    height: 27px;
    width: 40px;
    z-index: -1
}

.spinx-connect p {
    margin-bottom: 20px
}

.spinx-connect h3.spinx-acco-title.current {
    font-size: 50px;
    line-height: 69px;
    color: #9549FF
}

.spinx-connect h3.spinx-acco-title.current i {
    background: #9549FF;
    height: 69px
}

.spinx-connect h3.spinx-acco-title.current .icn-connect:before {
    background: url("../images/process/icon-1.webp") 0 0/contain no-repeat;
    height: 45px;
    width: 45px
}

.spinx-connect h3.spinx-acco-title.current .icn-create:before {
    background: url("../images/process/icon-2.webp") 0 0/contain no-repeat;
    height: 35px;
    width: 23px
}

.spinx-connect h3.spinx-acco-title.current .icn-evolve:before {
    background: url("../images/process/icon-3.webp") 0 0/contain no-repeat;
    height: 19px;
    width: 35px
}

.spinx-connect h3.spinx-acco-title.current .icn-touch:before {
    background: url("../images/process/icon-4.webp") 0 0/contain no-repeat;
    height: 35px;
    width: 35px
}

.spinx-connect h3.spinx-acco-title.current i:before {
    z-index: 1
}

.clear {
    clear: both
}

.career-sec2 {
    background: url("../images/career/sec2-bg.webp") center/cover
}

.career-sec3 .sec3_content .sec3_features_box ul li button .box .h1 {
    position: absolute;
    bottom: -40px;
    opacity: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: .4s linear
}

.career-sec3 .sec3_content .sec3_features_box ul li button .box .h1 span {
    color: #9549FF;
    background-color: transparent
}

.career-sec3 .sec3_content .sec3_features_box ul li button.active .box .h1 {
    bottom: -60px;
    opacity: 1
}

.career-sec4 .sec4_content .col-sm-12.col-md-4 {
    padding: 5px
}

.career-sec4 .sec4_content .box {
    height: 480px;
    background: #f6f6f6;
    padding: 1.5rem 2rem;
    text-align: center;
    transform: scale(1);
    transition: .2s linear
}

.career-sec4 .sec4_content .box:hover {
    transform: scale(.99);
    box-shadow: inset 0 0 2px 5px #e3e1e1
}

.career-sec4 .sec4_content .box .box-img {
    width: 300px;
    height: 200px;
    text-align: center;
    margin: 0 auto;
    object-fit: contain
}

.career-sec4 .sec4_content .box .box-body p {
    height: 120px;
    overflow: auto
}

.case-study-sec1 {
    background: url("../images/case-study/case-study-bg.webp") center/cover no-repeat
}

.case-sec2 {
    background: url("../images/pricing/price-bg.webp") 0 0/cover
}

.case-sec2 .case-sec2-content .box {
    padding: 1rem 2rem;
    margin: 0 0 50px
}

.case-sec2 .case-sec2-content .box .box_img {
    width: 100%;
    height: 280px;
    display: flex;
    justify-content: center;
    align-items: center
}

.case-sec2 .case-sec2-content .box .img-1 {
    background: url("../images/case-study/background/natwest.webp") center/cover
}

.case-sec2 .case-sec2-content .box .img-2 {
    background: url("../images/case-study/background/123valid.webp") center/cover
}

.case-sec2 .case-sec2-content .box .img-3 {
    background: url("../images/case-study/background/ford.webp") center/cover
}

.case-sec2 .case-sec2-content .box .img-4 {
    background: url("../images/case-study/background/bank-of-america.webp") center/cover
}

.case-sec2 .case-sec2-content .box .img-5 {
    background: url("../images/case-study/background/mcdonalds.webp") center/cover
}

.case-sec2 .case-sec2-content .box .img-6 {
    background: url("../images/case-study/background/rio.webp") center/cover
}

.case-sec2 .case-sec2-content .box .img-7 {
    background: url("../images/case-study/background/honeywell.webp") center/cover
}

.case-sec2 .case-sec2-content .box .img-8 {
    background: url("../images/case-study/background/relavox.webp") center/cover
}

.case-sec2 .case-sec2-content .box .img-9 {
    background: url("../images/case-study/background/drop-hooks.webp") center/cover
}

.case-sec2 .case-sec2-content .box .img-10 {
    background: url("../images/case-study/background/lasik-of-nevada.webp") center/cover
}

.case-sec2 .case-sec2-content .box .img-11 {
    background: url("../images/case-study/background/mediaone.webp") center/cover
}

.case-sec2 .case-sec2-content .box .img-12 {
    background: url("../images/case-study/background/myclientsagency.webp") center/cover
}

.case-sec2 .case-sec2-content .box .box_img img {
    width: 60%;
    height: 100%;
    object-fit: contain
}

.case-sec2 .case-sec2-content .box .box_body p {
    font-size: 15px;
    color: #000
}

.case-sec2 .case-sec2-content .case-sec2-right {
    /* margin-top: 150px */
}

.case-study-inner-sec1 {
    height: 80vh;
    overflow: hidden
}

.case-study-inner-sec2::after {
    content: "";
    width: 100%;
    height: 850px;
    background-color: #eee;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1
}

.case-study-inner-sec2 .sec2-top h3 {
    font-weight: 400
}

.case-study-inner-sec2 .sec2-top h3 span {
    font-weight: 700;
    color: #9549FF
}

.case-study-inner-sec2 .sec2-video {
    margin-top: 4rem;
    position: relative;
    overflow: hidden
}

.case-study-inner-sec2 .sec2-video .overlay {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2)
}

.case-study-inner-sec2 .sec2-video .overlay img {
    width: 200px;
    animation: 2s linear infinite pulse
}

.case-study-inner-sec2 .sec2-content {
    padding-top: 5rem
}

.case-study-inner-sec2 .sec2-content h3 span,
.case-study-inner-sec3 .sec2-heading h3 {
    color: #9549FF;
    font-weight: 700
}

.case-study-inner-sec3 .box {
    margin: 0 0 70px
}

.video-testimonial {
    background: url("../images/pricing/price-bg.webp");
    padding: 0;
    position: relative;
    overflow: hidden
}

.video-testimonial::after {
    content: "";
    width: 110%;
    height: 500px;
    background: url("../images/home/sec2-bg.webp") 0 0/cover no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    transform: rotateX(0)
}

.video-testimonial .video-left {
    width: 100%;
    height: 450px;
    overflow: hidden;
    position: relative
}

.fancybox-iframe,
.fancybox-video {
    position: unset;
    object-fit: contain
}

.video-testimonial .video-left img,
.video-testimonial .video-left video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.video-testimonial .video-left p {
    position: absolute;
    bottom: 40px;
    right: 0;
    width: 100%;
    text-align: right;
    margin: 0;
    padding: 10px 30px 10px 0;
    font-weight: 600;
    font-size: 17px;
    background: #9549FFc2;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.video-testimonial .video-left p a {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1a1a1a;
    margin-left: 20px;
    transition: .2s linear
}

.video-testimonial .video-left p a i {
    color: #fff;
    font-size: 18px;
    transition: .2s linear
}

.video-testimonial .video-right {
    text-align: center;
    padding-top: 5rem
}

.video-testimonial .video-right p {
    color: #000;
    position: relative
}

.video-testimonial .video-right p::before {
    content: "\f10d";
    font-family: FontAwesome;
    color: #9549FF;
    font-size: 50px;
    position: absolute;
    top: -80px;
    left: -10px
}

.video-testimonial .video-right p::after {
    content: "\f10e";
    font-family: FontAwesome;
    color: #9549FF;
    font-size: 50px;
    position: absolute;
    bottom: -70px;
    right: -10px
}

.video-testimonial .video-right span {
    color: #f6dd0c
}

.services-page {
    background: url("../images/services/services-bg.webp");
    overflow: hidden
}

.services-page .sec3_top::before {
    background: url("../images/services/services.webp") 0 0/contain no-repeat
}

.services-page .sec3_content::before {
    bottom: -50px
}

.services-page .sec3_content::after {
    top: -250px
}

.services-page .sec3_content {
    margin-top: 6rem
}

.services-page .sec3_content .services_box {
    position: relative;
    margin: 70px 0;
    z-index: 1
}

.services-page .sec3_content .threeD_box::after {
    content: "";
    width: 1000px;
    height: 560px;
    background: url("../images/services/3d-animation-bg.webp") 0 0/contain no-repeat;
    position: absolute;
    top: -70px;
    right: 0;
    z-index: -1
}

.services-page .sec3_content .whiteboard::after {
    background: url("../images/services/whiteboard-bg.webp") 0 0/contain no-repeat;
    top: -100px
}

.services-page .sec3_content .video-editing::after {
    background: url("../images/services/video-editing-bg.webp") 0 0/contain no-repeat;
    top: -80px
}

.services-page .sec3_content .visualization::after {
    background: url("../images/services/visualization-bg.webp") 0 0/contain no-repeat;
    top: -100px
}

.services-page .sec3_content .infographics::after {
    background: url("../images/services/infographics-bg.webp") 0 0/contain no-repeat;
    top: -100px
}

.services-page .sec3_content .twoD_box::before {
    content: "";
    width: 1000px;
    height: 560px;
    background: url("../images/services/2d-animation-bg.webp") 0 0/contain no-repeat;
    position: absolute;
    top: -50px;
    left: 0;
    z-index: -1
}

.services-page .sec3_content .motion-graphics::before {
    background: url("../images/services/motion-graphics-bg.webp") 0 0/contain no-repeat;
    top: -30px
}

.services-page .sec3_content .logo-animation::before {
    background: url("../images/services/logo-animation-bg.webp") 0 0/contain no-repeat;
    top: -70px
}

.services-page .sec3_content .cgi-vfx::before {
    background: url("../images/services/cgi-vfx-bg.webp") 0 0/contain no-repeat;
    top: -85px
}

.services-page .sec3_content .hybrid-cel::before {
    background: url("../images/services/hybrid-cel-bg.webp") 0 0/contain no-repeat;
    top: -85px
}

.services-page .sec3_content .services_box .services-content .combo_btn .btn-2 span {
    background: #fff;
    color: #000;
    box-shadow: inset 0 0 5px 1px rgb(0 0 0 / 80%)
}

.services-inner-pages-sec2 .sec2_right .sec2_circle {
    width: 550px;
    height: 550px
}

.services-inner-pages-sec2 .sec2_right .sec2_box {
    width: 450px;
    height: 450px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.services-inner-pages-sec2 .sec2_right::after {
    width: 145px;
    top: 50%;
    filter: drop-shadow(0px 0px 6px #9549FF)
}

.services-inner-pages-sec2 .sec2_right .sec2_box .box_item .overlay {
    background: rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 40px 0 #9549FF
}

.services-inner-pages-sec2::before {
    content: "";
    width: 1100px;
    height: 760px;
    background: url(../images/home/banner-after.webp) 0 0/contain no-repeat;
    position: absolute;
    left: -18%;
    top: 5%;
    filter: opacity(.2);
    z-index: -1
}

.services-inner-pages-sec3 .sec_top .tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    margin-top: 40px
}

.services-inner-pages-sec3 .sec_top .tabs .btn {
    width: 230px
}

.services-inner-pages-sec3 .sec_top .tabs li.current span {
    background: linear-gradient(0deg, #9549FF 0, #9549FF 100%)
}

.industry_inner_page_sec3 .sec_content,
.services-inner-pages-sec3 .sec_content {
    margin-top: 40px
}

.services-inner-pages-sec3 .sec_content .sec_left .box .overlay img {
    width: 60px;
    object-fit: contain
}

.services-inner-pages-sec5 {
    background: url(../images/resource/faq-bg.png) 0 0/cover no-repeat;
    padding: 80px 0
}

.services-inner-pages-sec5 .sec_content {
    margin-top: 0
}

.services-inner-pages-sec5 .sec_content .box {
    background: #fff;
    box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, .33);
    padding: 25px;
    text-align: center;
    margin-top: 25px;
    transform: scale(1) translateY(0);
    transition: .2s linear;
    position: relative;
    cursor: pointer;
    z-index: 1
}

.services-inner-pages-sec5 .sec_content .box:hover {
    transform: scale(1.065) translateY(-5px);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .33)
}

.services-inner-pages-sec5 .sec_content .box::before {
    content: "";
    width: 100%;
    height: 2px;
    background: #333;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: .2s linear
}

.services-inner-pages-sec5 .sec_content .box:hover::before {
    width: 0%
}

.services-inner-pages-sec5 .sec_content .box::after {
    content: "";
    width: 0%;
    height: 2px;
    background: #9549FF;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    transition: .2s linear .3s
}

.services-inner-pages-sec5 .sec_content .box p {
    font-size: 14px;
    height: 85px;
    margin: 0
}

.services-inner-pages-sec6 {
    background: url("../images/home/sec2-bg.webp") center/cover;
    padding: 80px 0
}

.services-inner-pages-sec6 .sec_content ul.inner-pages-sec6-slider .slick-slide {
    margin: 10px 15px
}

.services-inner-pages-sec6 .sec_content ul.inner-pages-sec6-slider .slick-slide .box {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25098039215686274);
    border: 2px solid transparent;
    padding: 25px;
    text-align: center;
    transition: .2s linear
}

.services-inner-pages-sec6 .sec_content ul.inner-pages-sec6-slider .slick-slide .box:hover {
    border-color: #9549FF
}

.services-inner-pages-sec6 .sec_content ul.inner-pages-sec6-slider .slick-slide .box .img {
    width: 90px;
    margin: 0 auto
}

.services-inner-pages-sec6 .sec_content ul.inner-pages-sec6-slider .slick-slide .box h5 {
    margin: 20px 0;
    font-weight: 700
}

.services-inner-pages-sec6 .sec_content ul.inner-pages-sec6-slider .slick-slide .box p {
    font-size: 14px;
    height: 115px;
    margin: 0;
    color: #000
}

.section-2d-process {
    padding: 100px 0 700px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.section-2d-process::before {
    content: "";
    width: 65%;
    height: 100%;
    /* background: url("../images/2d-animation/2d-process-before.webp") 0 0/cover no-repeat; */
    background-color: #51CAFF;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1
}

.section-2d-process::after {
    width: 261px;
    height: 229px;
    background: url("../images/2d-animation/2d-process-after.webp") 0 0/contain no-repeat;
    position: absolute;
    top: 0;
    right: 350px;
    z-index: -1
}

.section-2d-process .sec-2d-process-content .sec-2d-slider {
    position: absolute;
    width: 100%
}

.industry_inner_page_sec5 .sec_right ul.inner_page_sec5_slider .slick-slide,
.section-2d-process .sec-2d-process-content ul .slick-slide {
    margin: 0 10px
}

.section-2d-process .sec-2d-process-content ul li .box {
    width: 450px;
    height: 550px;
    padding: 4rem 2rem;
    background: #333;
    transform: scale(1);
    transition: .4s linear;
    position: relative;
    z-index: 1
}

.section-2d-process .sec-2d-process-content ul li .box::after {
    content: "";
    width: 100%;
    height: 100%;
    clip-path: circle(0rem at 94.9% 15%);
    background-color: #9549FF;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    transition: .4s linear .4s
}

.section-2d-process .sec-2d-process-content ul .slick-center .box {
    transform: scale(1.065);
    box-shadow: 0 0 10px 2px #9549FF
}

.section-2d-process .sec-2d-process-content ul li .box .box_img {
    width: 380px;
    height: 200px;
    margin: 0 auto
}

.section-2d-process .sec-2d-process-content ul li .box .box_img img {
    object-fit: contain;
    height: 100%;
    margin: 0 auto
}

.section-2d-process .sec-2d-process-content ul li .box .box_body h5 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    transition: .4s linear
}

.section-2d-process .sec-2d-process-content ul li .box .box_body p {
    font-size: 14px;
    color: #fff
}

.services-inner-pages-sec2 .sec2_left p~p {
    font-size: 13px;
    line-height: 18px;
    text-transform: uppercase
}

.services-inner-pages-sec2 .sec2_left p~p a {
    color: #9549FF;
    font-weight: 600;
    text-decoration: underline !important
}

.threeD-sec4::before {
    width: 224px;
    height: 217px;
    background: url("../images/3d-animation/sec4-before.webp") 0 0/contain no-repeat
}

.threeD-sec4::after {
    width: 155px;
    height: 176px;
    background: url("../images/3d-animation/sec4-after.webp") 0 0/contain no-repeat;
    animation: 2s linear infinite sec3_animate
}

.section-3d-process::after {
    width: 261px;
    height: 301px;
    background: url("../images/3d-animation/3d-process-after.webp") 0 0/contain no-repeat
}

.cgi-vfx-sec4 .sec4_top p {
    padding: 0 22rem
}

.terms-page {
    height: 50vh;
    padding: 120px 0 30px
}

.featured-services h4 {
    position: relative;
    font-weight: 700;
    letter-spacing: -1px
}

.featured-services .para {
    color: #000;
    font-size: 18px
}

.featured-services ul li::before {
    content: '';
    background-color: #000;
    width: 6px;
    height: 6px;
    border-radius: 50px;
    position: absolute;
    left: -15px;
    top: 10px
}

.thank-section {
    width: 100%;
    height: 100vh;
    background-color: #000;
    box-shadow: inset 0 0 3px 2px #9549FF;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.thank-section::after {
    content: "";
    width: 1920px;
    height: 700px;
    background: url("../images/home/sec3-line.webp") 0 0/contain no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1
}

.thank-section .jumbotron {
    padding: 5rem;
    position: relative;
    overflow: hidden
}

.thank-section .jumbotron .h1,
.thank-section .jumbotron p b {
    color: #9549FF;
    text-shadow: none;
    animation: 1s linear infinite thank
}

@keyframes thank {

    0%,
    100% {
        text-shadow: none
    }

    50% {
        text-shadow: 0 0 15px #9549FF;
        transform: scale(1.1)
    }
}

.thank-section .jumbotron p {
    font-size: 18px;
    color: #fff
}

.thank-section .ocean {
    height: 5%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #9549FF
}

.thank-section .wave {
    background: url("../images/wave.svg") repeat-x;
    position: absolute;
    top: -198px;
    width: 6400px;
    height: 198px;
    animation: 7s cubic-bezier(.36, .45, .63, .53) infinite wave;
    transform: translate3d(0, 0, 0)
}

.thank-section .wave:nth-of-type(2) {
    top: -175px;
    animation: 7s cubic-bezier(.36, .45, .63, .53) -125ms infinite wave, 7s -1.25s infinite swell;
    opacity: 1
}

@keyframes wave {
    0% {
        margin-left: 0
    }

    100% {
        margin-left: -1600px
    }
}

@keyframes swell {

    0%,
    100% {
        transform: translate3d(0, -25px, 0)
    }

    50% {
        transform: translate3d(0, 5px, 0)
    }
}

.process-wrap-1 {
    background: url("../images/process-2/banner.png");
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 160px 0 90px
}

.industries-wrap-2-item,
.process-wrap-item-section {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important
}

.process-wrap-1 h1 {
    font-size: 60px;
    font-weight: 700
}

.process-wrap-1 h3 {
    font-size: 40px;
    font-weight: 400
}

.process-wrap-1 .custom-anchor-process {
    font-size: 20px;
    font-weight: 600;
    color: #fff
}

.process-wrap-1 ul {
    padding-top: 100px
}

.process-wrap-1 ul li {
    filter: grayscale(1);
    transition: .2s linear
}

.process-wrap-1 ul li:hover {
    filter: unset
}

.process-wrap-item-1 {
    padding: 90px 0 170px
}

.process-wrap-item-section .custom-top-padding {
    padding-bottom: 80px
}

.process-wrap-item-section .h2-custom-process {
    font-size: 40px;
    font-weight: 700
}

.process-wrap-item-section .p-custom-head {
    font-size: 26px;
    font-weight: 700
}

.process-wrap-item-video {
    width: 85%;
    height: 340px;
    overflow: hidden;
    border-radius: 65px;
    display: inline-block
}

.process-wrap-item-1 .process-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto
}

.process-item-1-dots {
    position: absolute;
    left: 40px;
    top: 40px
}

.process-custom-number-img-left {
    position: absolute;
    left: 53px;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.process-custom-number-img-right {
    position: absolute;
    right: 53px;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.process-wrap-item-2 {
    padding: 150px 0
}

.process-item-2-dots {
    position: absolute;
    right: 60px;
    top: 150px
}

.industries-wrap-1 h2 {
    font-size: 45px;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px
}

.industries-wrap-1 h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 120px;
    height: 1px;
    background: #9549FF
}

.industries-wrap-1 p {
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    padding: 30px 0 20px
}

.industries-wrap-1-item-img-1 {
    position: absolute;
    right: 0;
    bottom: 0
}

.industries-wrap-1-item-img-2 {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto 0
}

.industries-wrap-2-item {
    width: 100%;
    height: 370px;
    overflow: hidden;
    margin-bottom: 25px;
    display: block
}

.industries-wrap-2-item .overlay {
    width: 100%;
    height: 100%;
    background: linear-gradient(181deg, rgba(253, 32, 50, 0) 0, rgba(253, 32, 50, 0) 100%);
    transition: .2s linear
}

.industries-wrap-2-item:hover .overlay {
    background: linear-gradient(181deg, rgb(253 32 49 / 21%) 0, #9549FF 100%)
}

.industries-wrap-2-item .overlay .wrap-2-item-icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: scale(0);
    transition: .2s linear
}

.industries-wrap-2-item .overlay p {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 20px;
    transform: translateY(60px);
    transition: .2s linear
}

.industries-wrap-2-item:hover .overlay p,
.industry_inner_page_sec3 .sec_content ul li .box:hover .back,
.industry_inner_page_sec5 .sec_right ul.inner_page_sec5_slider .box:hover .content {
    transform: translateY(0)
}

.industries-wrap-2 {
    background: url("../images/industries/wrap-2-bg.png") bottom/cover no-repeat;
    padding: 80px 0
}

.industries-wrap-3 h2 {
    font-size: 50px
}

.industries-wrap-3-item {
    background: #f6f6f6;
    padding: 25px 40px 35px
}

.industries-wrap-3-item-img {
    width: 100%;
    height: 250px;
    overflow: hidden;
    margin-bottom: 18px
}

.industries-wrap-3-item-content h3 {
    font-size: 26px;
    font-weight: 700;
    color: #333;
    padding-bottom: 5px
}

.industries-wrap-3-item-content {
    height: 156px;
    overflow-y: scroll
}

.industries-wrap-3-item-content::-webkit-scrollbar {
    width: 10px
}

.industries-wrap-3-item-content::-webkit-scrollbar-track {
    background: #00000000
}

.industries-wrap-3-item-content::-webkit-scrollbar-thumb {
    background: #fd203200
}

.wrap-3-bg-img {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.wrap-3-bg-img-logo {
    position: absolute;
    left: 0;
    top: 40px
}

.industry_inner_page_banner .banner_left h3,
.industry_inner_page_cta .content h3,
.industry_inner_page_faqs .sec_top h3,
.industry_inner_page_sec2 .sec_right h3,
.industry_inner_page_sec3 .sec_top h3,
.industry_inner_page_sec4 h3,
.industry_inner_page_sec5 .sec_left h3,
.industry_inner_page_sec6 .sec_right h3,
.industry_inner_page_sec7 .sec_top h3,
.industry_inner_page_sec8 .sec_left h3 {
    font-size: 25px;
    text-transform: uppercase
}

.industry_inner_page_cta .content h2,
.industry_inner_page_faqs .sec_top h2,
.industry_inner_page_sec2 .sec_right h2,
.industry_inner_page_sec3 .sec_top h2,
.industry_inner_page_sec4 h2,
.industry_inner_page_sec5 .sec_left h2,
.industry_inner_page_sec7 .sec_top h2,
.industry_inner_page_sec8 .sec_left h2 {
    text-transform: capitalize;
    position: relative;
    z-index: 1
}

.industry_inner_page_banner {
    padding: 180px 0 80px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.industry_inner_page_banner .video_bg,
.industry_inner_page_sec5 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2
}

.industry_inner_page_banner .overlay {
    width: 100%;
    height: 100%;
    background: #00000099;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.industry_inner_page_banner .banner_left h1 {
    font-size: 60px;
    color: #fff
}

.industry_inner_page_banner .banner_left .badges ul {
    padding: 0;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 30px
}

.industry_inner_page_banner .banner_right .video_right {
    display: block;
    width: 500px;
    height: 500px;
    object-fit: cover;
    border-radius: 20px;
    margin-left: auto
}

.industry_inner_page_banner .banner_after {
    position: absolute;
    bottom: 0;
    right: 20px;
    z-index: 1
}

.industry_inner_page_banner .banner_after_vector,
.industry_inner_page_sec8 .sec_right_img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1
}

.industry_inner_page_faqs,
.industry_inner_page_sec2,
.industry_inner_page_sec4,
.industry_inner_page_sec7 {
    padding: 80px 0
}

.industry_inner_page_sec2 .sec_left .video_right {
    width: 560px;
    height: 560px;
    border-radius: 100%;
    object-fit: cover
}

.industry_inner_page_sec2 .sec_left .img {
    position: absolute;
    left: -30px;
    bottom: -70px
}

.industry_inner_page_sec2 .sec_right h2 {
    text-transform: capitalize;
    margin-bottom: 50px;
    position: relative;
    z-index: 1
}

.industry_inner_page_sec2 .sec_right h2::before,
.industry_inner_page_sec8 .sec_left h2::before {
    content: "";
    width: 270px;
    height: 2px;
    background: #9549FF;
    position: absolute;
    left: 0;
    bottom: -25px;
    z-index: -1
}

.industry_inner_page_sec3 {
    padding: 80px 0 0;
    background: url("../images/industry-healthcare/sec3-bg.png") center top/cover
}

.industry_inner_page_sec3 .sec_top h2 {
    margin-bottom: 50px
}

.industry_inner_page_cta .content h2::after,
.industry_inner_page_faqs .sec_top h2::after,
.industry_inner_page_sec3 .sec_top h2::after,
.industry_inner_page_sec7 .sec_top h2::after {
    content: "";
    width: 270px;
    height: 2px;
    background: #ffffff38;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -25px;
    z-index: -1
}

.industry_inner_page_sec3 .sec_content ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.industry_inner_page_sec3 .sec_content ul li {
    width: 33.3%
}

.industry_inner_page_sec3 .sec_content ul li .box {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.industry_inner_page_sec3 .sec_content ul li .box .front,
.industry_inner_page_sec5 .sec_right ul.inner_page_sec5_slider .box .video,
.industry_inner_page_sec5 .sec_right ul.inner_page_sec5_slider .slick-dots button {
    width: 100%;
    height: 100%
}

.industry_inner_page_sec3 .sec_content ul li .box .back {
    background: #9549FFb5;
    backdrop-filter: blur(4px);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
    padding: 0 50px;
    transition: .6s cubic-bezier(.615, 0, .07, 1)
}

.industry_inner_page_sec3 .sec_content ul li .box .back a.fancybox {
    width: 110px;
    height: 110px;
    display: block
}

.industry_inner_page_sec3 .sec_content ul li .box .back h3 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    position: relative;
    z-index: 1;
    display: none
}

.industry_inner_page_sec3 .sec_content ul li .box .back h3::before {
    content: "";
    width: 120px;
    height: 2px;
    background: #ffffffd6;
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: -1
}

.industry_inner_page_sec3 .sec_content ul li .box .back p {
    color: #fff;
    height: 56px;
    margin: 0;
    display: none
}

.industry_inner_page_faqs .sec_top h2,
.industry_inner_page_sec4 h2,
.industry_inner_page_sec5 .sec_left h2 {
    margin-bottom: 30px
}

.industry_inner_page_sec4 h2::before,
.industry_inner_page_sec5 .sec_left h2::before {
    content: "";
    width: 240px;
    height: 2px;
    background: #9549FF;
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: -1
}

.industry_inner_page_sec4 p {
    color: #000;
    margin: 0
}

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

.industry_inner_page_sec4 .box .box_head {
    width: 100%;
    height: 450px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.industry_inner_page_sec4 .box .box_head img.main_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: .6s cubic-bezier(.615, 0, .07, 1);
    overflow: hidden
}

.industry_inner_page_sec4 .box .box_head ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    padding: 5px;
    margin: 0;
    background: #ffffff00;
    backdrop-filter: blur(10px);
    border-radius: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    transition: .6s cubic-bezier(.615, 0, .07, 1);
    opacity: 0
}

.industry_inner_page_sec4 .box .box_head:hover ul {
    opacity: 1
}

.industry_inner_page_sec4 .box .box_head ul li {
    background: #000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px
}

.industry_inner_page_sec4 .box .box_head a.link_btn {
    display: block;
    width: 132px;
    height: 132px;
    position: relative;
    z-index: 1;
    transform: translate(250px, 50px);
    transition: .6s cubic-bezier(.615, 0, .07, 1)
}

.industry_inner_page_sec4 .box .box_head a.link_btn img.btn-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0)
}

.industry_inner_page_faqs .sec_content .accordion,
.industry_inner_page_sec4 .box .box_content {
    margin-top: 20px
}

.industry_inner_page_sec4 .box .box_content h5 {
    margin: 0;
    font-size: 20px
}

.industry_inner_page_sec4 .box .box_content h3 {
    margin: 10px 0;
    font-size: 35px;
    font-weight: 700;
    text-transform: capitalize
}

.industry_inner_page_sec4 .box .box_content p {
    font-size: 14px;
    height: 56px
}

.industry_inner_page_sec5 {
    padding: 150px 0;
    position: relative;
    z-index: 1
}

.industry_inner_page_sec5 .overlay {
    width: 100%;
    height: 100%;
    background: #000000b5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.industry_inner_page_sec5 .sec_right {
    width: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 1
}

.industry_inner_page_sec5 .sec_right ul.inner_page_sec5_slider {
    margin: 0;
    padding: 0
}

.industry_inner_page_sec5 .sec_right ul.inner_page_sec5_slider .box {
    width: 100%;
    height: 328px;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.industry_inner_page_sec5 .sec_right ul.inner_page_sec5_slider .box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: unset
}

.industry_inner_page_sec5 .sec_right ul.inner_page_sec5_slider .box .content {
    padding: 50px 25px 25px;
    background: #9549FFe3;
    width: 100%;
    height: 100%;
    transform: translateY(100%);
    position: absolute;
    top: 0;
    left: 0;
    transition: .6s cubic-bezier(.615, 0, .07, 1)
}

.industry_inner_page_sec5 .sec_right ul.inner_page_sec5_slider .content h3 {
    font-size: 30px;
    color: #fff;
    margin: 15px 0 25px;
    position: relative;
    z-index: 1
}

.industry_inner_page_sec5 .sec_right ul.inner_page_sec5_slider .content h3::before {
    content: "";
    width: 150px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -10px
}

.industry_inner_page_sec5 .sec_right ul.inner_page_sec5_slider .content p {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin: 0;
    font-weight: 300;
    height: 120px
}

.industry_inner_page_sec5 .sec_right ul.inner_page_sec5_slider h3.title {
    text-align: center;
    opacity: 1;
    margin: 0;
    color: #fff;
    transform: translateY(8px)
}

.industry_inner_page_sec5 .sec_right ul.inner_page_sec5_slider .slick-dots {
    bottom: -50px;
    background: #fff;
    height: 3px;
    display: flex
}

.industry_inner_page_sec5 .sec_right ul.inner_page_sec5_slider .slick-dots li.slick-active button::before {
    content: "";
    height: 8px;
    background: #9549FF;
    top: -3px;
    opacity: 1;
    border-radius: 20px;
    transition: .6s cubic-bezier(.615, 0, .07, 1);
    width: 100%
}

.industry_inner_page_sec5 .sec_right ul.inner_page_sec5_slider .slick-dots li {
    width: 100%;
    height: 100%;
    margin: 0
}

.industry_inner_page_sec6 {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.industry_inner_page_sec6 video.video_bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -5
}

.industry_inner_page_sec6 .overlay {
    width: 100%;
    height: 100%;
    background: #9549FF;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -4
}

.industry_inner_page_sec6 .cta_after {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -2
}

.industry_inner_page_sec6 .skew_left {
    width: 260px;
    height: 100%;
    background: #9549FF;
    transform: skewX(-20deg);
    position: absolute;
    top: 0;
    left: 30px;
    z-index: -3
}

.industry_inner_page_sec6 .skew_right {
    width: 750px;
    height: 100%;
    background: #9549FF;
    transform: skewX(-25deg);
    position: absolute;
    top: 0;
    right: 200px;
    z-index: -3
}

.industry_inner_page_sec6 .sec_right {
    padding: 100px 0 60px
}

.industry_inner_page_sec6 .sec_right h3 {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase
}

.industry_inner_page_sec6 .sec_right h2 {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    margin: 0
}

.industry_inner_page_sec6 .sec_right h2 span {
    color: #000;
    font-weight: 700
}

.industry_inner_page_sec6 .sec_right p {
    margin: 20px 0 10px;
    color: #fff
}

.industry_inner_page_sec6 .sec_right p.scroll_block {
    height: 90px
}

.industry_inner_page_sec7 .sec_top h2 {
    margin-bottom: 40px
}

.industry_inner_page_sec7 .sec_content ul.inner_page_sec7_slider li .box:hover,
.industry_inner_page_sec7 .sec_top h2::after {
    background: #9549FF
}

.industry_inner_page_sec7 .sec_content,
.industry_inner_page_sec8 .sec_left .content {
    margin-top: 30px
}

.industry_inner_page_sec7 .sec_content ul.inner_page_sec7_slider {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around
}

.industry_inner_page_sec7 .sec_content ul.inner_page_sec7_slider li.slick-slide {
    margin: 0 5px 55px
}

.industry_inner_page_sec7 .sec_content ul.inner_page_sec7_slider li:nth-child(2n) {
    transform: translateY(50px)
}

.industry_inner_page_sec7 .sec_content ul.inner_page_sec7_slider li .box {
    padding: 25px;
    background: #f0f0f0;
    border-radius: 15px;
    transition: .6s cubic-bezier(.615, 0, .07, 1);
    cursor: pointer
}

.industry_inner_page_sec7 .sec_content ul.inner_page_sec7_slider li .box .img img {
    filter: invert(0);
    transition: .6s cubic-bezier(.615, 0, .07, 1)
}

.industry_inner_page_sec7 .sec_content ul.inner_page_sec7_slider li .box:hover img {
    filter: invert(1)
}

.industry_inner_page_sec7 .sec_content ul.inner_page_sec7_slider li .box h3 {
    font-size: 25px;
    margin: 25px 0 15px;
    transition: .6s cubic-bezier(.615, 0, .07, 1)
}

.industry_inner_page_sec7 .sec_content ul.inner_page_sec7_slider li .box p {
    font-size: 14px;
    line-height: 22px;
    height: 220px;
    margin: 0;
    transition: .6s cubic-bezier(.615, 0, .07, 1)
}

.industry_inner_page_sec8 {
    padding: 80px 0;
    position: relative;
    z-index: 1
}

.industry_inner_page_sec8 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -4
}

.industry_inner_page_sec8 .overlay {
    width: 100%;
    height: 100%;
    background: #00000091;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -4
}

.industry_inner_page_sec8 .sec_logo_vector {
    position: absolute;
    right: 30px;
    bottom: 130px;
    z-index: -2
}

.industry_inner_page_sec8 .sec_left h3 {
    color: #fff;
    letter-spacing: -1px
}

.industry_inner_page_sec8 .sec_left h2 {
    font-size: 47px;
    color: #fff;
    margin-bottom: 30px
}

.industry_inner_page_sec8 .sec_left h2::before {
    width: 310px;
    background: #c3c3c3;
    bottom: -10px
}

.industry_inner_page_sec8 .sec_left p {
    color: #c3c3c3
}

.industry_inner_page_sec8 .sec_left .content ul {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    padding: 0
}

.industry_inner_page_sec8 .sec_left .content ul li {
    width: 48%
}

.industry_inner_page_sec8 .sec_left .content ul li .box {
    background: #fff;
    padding: 20px;
    border-radius: 15px
}

.industry_inner_page_sec8 .sec_left .content ul li .box h3 {
    font-size: 18px;
    margin: 20px 0 10px;
    color: #000;
    font-weight: 700;
    letter-spacing: -1px
}

.industry_inner_page_sec8 .sec_left .content ul li .box p.scroll_block {
    color: #6f6f6f;
    font-size: 14px;
    line-height: 22px;
    height: 88px;
    margin: 0
}

.industry_inner_page_faqs .sec_top h2::after {
    background: #9549FF;
    bottom: -15px
}

.industry_inner_page_faqs .sec_top p {
    margin: 0
}

.industry_inner_page_faqs .sec_content .accordion .accordion-item {
    background: #fff;
    border-radius: 15px;
    margin-top: 25px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .125)
}

.industry_inner_page_faqs .sec_content .accordion .accordion-item .accordion-button {
    border: 0;
    background: #fff;
    box-shadow: unset;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    border-top: solid px
}

.industry_inner_page_faqs .sec_content .accordion .accordion-item .accordion-button::after {
    filter: brightness(0)
}

.industry_inner_page_faqs .sec_content .accordion .accordion-item .accordion-body {
    padding: 15px 20px;
    font-size: 14px;
    line-height: 22px;
    color: #838383
}

.industry_inner_page_cta {
    padding: 110px 0;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.industry_inner_page_cta .cta_center_logo,
.industry_inner_page_cta .cta_left_img,
.industry_inner_page_cta .cta_right_img,
.industry_inner_page_cta .cta_shape_left,
.industry_inner_page_cta .cta_shape_right,
.industry_inner_page_cta .overlay,
.industry_inner_page_cta video {
    position: absolute
}

.industry_inner_page_cta video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: -4
}

.industry_inner_page_cta .overlay {
    width: 100%;
    height: 100%;
    background: #000000c4;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -4
}

.industry_inner_page_cta .cta_shape_left {
    left: 0;
    bottom: 0;
    z-index: -3;
    transform: rotateY(180deg)
}

.industry_inner_page_cta .cta_left_img {
    left: 0;
    bottom: 0;
    z-index: -2
}

.industry_inner_page_cta .cta_shape_right {
    right: 0;
    bottom: 0;
    z-index: -3
}

.industry_inner_page_cta .cta_right_img {
    right: 0;
    bottom: 0;
    z-index: -2
}

.industry_inner_page_cta .cta_center_logo {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -2
}

.industry_inner_page_cta .content h2 {
    margin-bottom: 30px;
    font-size: 65px
}

.industry_inner_page_cta .content h2::after {
    bottom: -15px;
    background: #ffffffad
}

.industry_inner_page_cta .content p {
    color: #fff;
    margin: 0
}

.industry_inner_page_cta .content p.scroll_block {
    height: 62px
}

.section7 .sec7_top .h2 {
    /* color: #fff; */
}

.section7 .sec7_content ul li .box .testi_content .testi_header h6 {
    color: #000;
}

.before_footer .bf_col3 ul li a {
    padding: 0 5px;
}

/* .inner-pages-sec4 .sec4_content ul li img {
    filter: invert(1);
} */

.inner-sec-2 .services-boxes .content p {
    text-align: center;
}

.inner-sec-2 .services-boxes .content p {
    text-align: center;
}

.inner-sec-2 .services-boxes .content h2,
.inner-sec-2 .services-boxes .content h4 {
    text-align: center;
}

.pricing-top.text-center p {
    color: #666;
}

.section2.career-sec2.inner-pages-sec2 .sec2_left h2.h1 {
    color: #333;
}

.section2.career-sec2.inner-pages-sec2 .sec2_left p {
    color: #333;
}

.sec4_content .box-body h5 {
    color: #333;
}

.before_footer .bf_col3 ul li a:hover {
    transform: scale(1.07);
}

.section2.inner-pages-sec2 h2 {
    font-size: 47px;
}

.inner-sec-2 .h2:before {
    display: none;
}