@media only screen and (min-width:1200px) {

    .container,
    .container-fluid {
        padding: 0
    }

    .jobs-container {
        max-width: 1200px;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .add-stick {
        top: 80px;
    }

    .rev_slider_wrapper {
        margin-top: -241px
    }

    .rev_slider_wrapper .slide-content.left-slide {
        margin-left: 100px;
        margin-top: 10%
    }

    .rev_slider_wrapper .slide-content.right-slide {
        margin-right: 100px;
        margin-top: 10%
    }

    .tparrows {
        top: 65% !important
    }

    .single-service-item {
        max-width: 50%;
        width: 100%
    }

    .single-fact-counter {
        width: 50%;
        border-right: 0px solid #5165a1
    }

    .faq-content-box {
        margin-right: 0
    }

    .faq-content-box:before,
    .single-footer-widget .latest-news li h4 a br {
        display: none
    }

    .appointment-box {
        border: 1px solid #f2f2f2;
        margin-left: 0;
        display: block;
        padding: 45px 40px;
        margin-top: 0
    }

    .customer-feedback .thumb-box.style2 li {
        width: 210px
    }

    .customer-feedback .bx-wrapper .bx-viewport {
        margin-left: 120px;
        max-width: 810px
    }

    .single-footer-widget.mar-btm {
        margin-bottom: 0;
        overflow: hidden
    }

    .single-footer-widget.mar-lft {
        margin-left: 30px
    }

    .breadcrumb-area {
        padding-top: 275px;
        padding-bottom: 122px;
        margin-top: -185px
    }

    .project-single-area .project-info ul li b {
        width: 90px
    }

    .project-single-area .project-info ul li span {
        padding-left: 10px
    }

    .sidebar-wrapper {
        padding-left: 0
    }

    .blog-single-area .middle-content-box .img-holder,
    .blog-single-area .middle-content-box .text-box {
        display: block
    }

    .blog-single-area .middle-content-box .img-holder,
    .blog-single-area .middle-content-box .img-holder img {
        width: 100%
    }

    .blog-single-area .middle-content-box .text-box {
        padding-left: 0;
        padding-top: 45px;
        padding-bottom: 10px
    }

    .blog-single-area .middle-content-box .text-box:before {
        top: 20px;
        left: 0
    }

    .blog-single-area .single-blog-post .text-holder .text .video-responsive {
        overflow: hidden;
        padding-bottom: 56.25% !important;
        position: relative;
        height: 0
    }

    .blog-single-area .single-blog-post .text-holder .text .video-responsive iframe {
        left: 0;
        top: 0;
        height: 100% !important;
        width: 100% !important;
        position: absolute
    }

    #shop-area .shop-content {
        overflow: hidden;
        margin-bottom: 60px
    }

    .single-shop-content .img-holder {
        margin-right: 20px
    }

    .single-shop-content .content-box {
        margin-left: -20px
    }

    .login-register-area .form a.forgot-password {
        margin: 70px 0 0
    }

    .login-register-area .form.register {
        overflow: hidden;
        margin-top: 50px
    }

    .login-register-area .form h6 {
        margin: 28px 0 0
    }

    .res-align {
        margin-left: 180px
    }

    .g-recaptcha {
        transform: scale(.77);
        -webkit-transform: scale(.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    .comb_1,
    .comb_2,
    .comb_3 {
        margin-top: 0
    }

    .overlay p {
        margin: 30% 0 0
    }
}

@media only screen and (min-width:600px) and (max-width:991px) {
    .lura-action-area {
        height: auto
    }

    .center-img {
        margin-top: 0
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .text-action ul {
        margin-top: 2rem;
    }

    .top-bar-area .flex-box-three {
        display: block;
        text-align: center
    }

    .top-left {
        margin-bottom: 10px
    }

    .rev_slider_wrapper {
        margin-top: -120px
    }

    .rev_slider_wrapper .slide-content.left-slide {
        position: relative;
        margin-left: 100px
    }

    .rev_slider_wrapper .slide-content.right-slide {
        margin-right: 100px
    }

    .tparrows {
        top: 60% !important
    }

    .single-service-item {
        max-width: 50%;
        width: 100%
    }

    .single-fact-counter {
        width: 50%;
        border-right: 0px solid #5165a1
    }

    .latest-project-area .right-content {
        margin-right: 0;
        margin-top: 40px
    }

    .latest-project-area .owl-nav-style-one .owl-controls {
        position: absolute;
        right: 0;
        top: -80px;
        left: auto;
        bottom: auto
    }

    .single-featured-box {
        max-width: 50%
    }

    .faq-content-box {
        margin-right: 0
    }

    .faq-content-box:before {
        display: none
    }

    .appointment-box {
        border: 1px solid #f2f2f2;
        margin-left: 0;
        display: block;
        padding: 45px 40px;
        margin-top: 0
    }

    .customer-feedback {
        padding-top: 90px;
        padding-bottom: 140px
    }

    .customer-feedback ul.nav-link {
        position: absolute;
        left: 15px;
        height: 100%;
        top: 0;
        right: 0
    }

    .customer-feedback .thumb-box.style2 li {
        float: left;
        margin-right: 0;
        width: 345px
    }

    .customer-feedback .thumb-box.style2 li a .img-holder img {
        width: 100%
    }

    .customer-feedback .bx-wrapper .bx-viewport {
        left: 0;
        top: 50px;
        margin-left: 0;
        max-width: 690px
    }

    .single-footer-widget.mar-btm {
        margin-bottom: 50px;
        overflow: hidden
    }

    .single-footer-widget.mar-lft {
        margin-left: 0
    }

    .footer-bottom-area .footer-bottom .copyright-text {
        margin: 0 0 8px;
        float: none !important;
        text-align: center
    }

    .footer-bottom-area .footer-bottom .footer-menu {
        float: none !important;
        overflow: hidden;
        text-align: center
    }

    .footer-bottom-area .footer-bottom .footer-menu ul li {
        display: inline-block;
        float: none;
        margin: 0 10px
    }

    .breadcrumb-area {
        padding-top: 60px;
        padding-bottom: 90px;
        margin-top: 0
    }

    .working-carousel {
        padding-left: 0;
        padding-top: 40px
    }

    .working-carousel:before {
        width: 0
    }

    .working-area .owl-dots {
        margin-top: -90px
    }

    .project-single-area .project-info ul li b {
        width: 90px
    }

    .project-single-area .project-info ul li span {
        padding-left: 10px
    }

    .project-single-area .project-info {
        margin-bottom: 30px
    }

    .faq-question-form {
        margin-top: 50px
    }

    .left-sidebar {
        margin-right: 0;
        margin-bottom: 150px
    }

    .blog-large-area .blog-post,
    .blog-single-area .blog-post {
        margin-right: 0;
        border-right: none;
        padding-right: 0;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .sidebar-wrapper {
        margin-top: 40px;
        margin-left: 0
    }

    .single-shop-content .img-holder {
        margin-right: 0;
        max-width: 100%
    }

    .single-shop-content .content-box {
        margin-left: 0;
        margin-top: 0
    }

    .related-product .single-product-item {
        margin-bottom: 40px
    }

    .cart-area .cart-bottom .calculate-shipping {
        padding-bottom: 60px
    }

    .checkout-area .cart-total,
    .checkout-area .form.shipping-info {
        padding-top: 60px
    }

    .login-register-area .form a.forgot-password {
        margin: 70px 0 0
    }

    .login-register-area .register {
        padding-top: 50px
    }

    .login-register-area .form h6 {
        color: #797979;
        float: left;
        font-size: 14px;
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 27px
    }

    .res-align {
        margin-left: 0;
        height: auto
    }
}

@media only screen and (max-width:767px) {
    .latest-project-area {
        padding-bottom: 80px;
    }

    .elementor-content-holder span {
        margin-top: -3px;
    }

    .case-study-area {
        padding-bottom: 80px;
    }

    .pagination {
        justify-content: flex-start;
    }

    .working-area .single-item {
        margin-top: 25px;
    }

    .top-bar-area {
        padding: 7px 0
    }

    .top-bar-area .flex-box-three {
        display: block;
        text-align: center
    }

    .top-left {
        margin-bottom: 2px;
        font-size: 14px !important
    }

    .col-card-description .border-right:not(:last-child):after,
    .consultation-area .inner-content .img-holder,
    .faq-content-box:before,
    .lura-action-area .hold-image img,
    .sec-pd-one .hold-image,
    .sec-pd-one .hold-image img,
    .sec-pd-one .single-blog .img-holder,
    .single-shop-area .single-shop-content .col-md-3 .threatsploit,
    .single-testimonial-content .text-box:after,
    .single-testimonial-content .text-box:before,
    .top-menu,
    .tparrows {
        display: none
    }

    .top-menu li {
        float: none;
        border-right: none;
        padding: 0 8px
    }

    .language-switcher {
        border: 1px solid #5569aa;
        width: 120px;
        padding-left: 10px;
        float: none !important;
        margin: 15px auto 0
    }

    #polyglotLanguageSwitcher a {
        padding: 5px 0 5px 2px
    }

    .rev_slider_wrapper {
        margin-top: -70px
    }

    .rev_slider_wrapper .slide-content.left-slide {
        position: relative;
        margin-left: 100px
    }

    .rev_slider_wrapper .slide-content.right-slide {
        margin-right: 100px
    }

    .callto-action-imgbox,
    .faq-content-box {
        margin-right: 0
    }

    .single-service-item {
        max-width: 100%;
        width: 100%;
        padding-left: 150px
    }

    .single-service-item .icon-holder {
        left: 30px
    }

    .single-fact-counter {
        width: 100%;
        border-right: 0px solid #5165a1
    }

    .customer-feedback {
        padding-top: 90px;
        padding-bottom: 140px
    }

    .customer-feedback ul.nav-link {
        position: absolute;
        left: 40px;
        height: 100%;
        top: 0;
        right: 0
    }

    .customer-feedback .thumb-box.style2 li {
        float: none;
        max-width: 345px;
        margin: 0 auto
    }

    .customer-feedback .thumb-box.style2 li:last-child {
        margin: 0 auto
    }

    .blog-single-area .middle-content-box .img-holder,
    .blog-single-area .middle-content-box .img-holder img,
    .customer-feedback .thumb-box.style2 li a .img-holder img,
    .subscribe .form-group {
        width: 100%
    }

    .customer-feedback .bx-wrapper .bx-viewport {
        left: 0;
        right: 0;
        top: 50px;
        max-width: 345px;
        margin: 0 auto
    }

    .single-testimonial-content .text-box {
        width: 100%;
        float: none !important;
        display: block;
        padding: 33px 30px 32px;
        position: relative;
        text-align: center
    }

    .single-testimonial-content .name-box {
        width: 100%;
        text-align: center;
        float: none !important;
        padding: 0 30px 30px
    }

    .latest-project-area .right-content {
        margin-right: 0;
        margin-top: 20px
    }

    .latest-project-area .owl-nav-style-one .owl-controls {
        position: absolute;
        right: 0;
        left: auto;
        bottom: -65px
    }

    .single-featured-box {
        max-width: 100%
    }

    .service-single-featured-box {
        max-width: 100% !important
    }

    .service-single-featured-box.bg-two {
        background: #f4f4f4;
        border-radius: 50px;
        margin-top: 30px;
        margin-bottom: 30px
    }

    .appointment-box {
        border: 1px solid #f2f2f2;
        margin-left: 0;
        display: block;
        padding: 45px 40px;
        margin-top: 0
    }

    .single-footer-widget.mar-btm {
        margin-bottom: 50px;
        overflow: hidden
    }

    .res-align,
    .single-footer-widget.mar-lft,
    .subscribe .form-inline .button {
        margin-left: 0
    }

    .single-footer-widget.martop {
        margin-top: 50px;
        overflow: hidden
    }

    .footer-bottom-area .footer-bottom .copyright-text {
        margin: 0 0 8px;
        float: none !important;
        text-align: center
    }

    .footer-bottom-area .footer-bottom .footer-menu {
        float: none !important;
        overflow: hidden;
        text-align: center
    }

    .footer-bottom-area .footer-bottom .footer-menu ul li {
        display: inline-block;
        float: none;
        margin: 0 10px
    }

    .breadcrumb-area {
        padding-top: 50px;
        padding-bottom: 70px;
        margin-top: 0
    }

    .working-carousel {
        padding-left: 0;
        padding-top: 40px
    }

    .working-carousel:before {
        width: 0
    }

    .working-area .owl-dots {
        margin-top: -90px
    }

    .project-single-area .project-info {
        margin-bottom: 30px
    }

    .consultation-area .consultation {
        padding-left: 20px;
        padding-right: 20px
    }

    .faq-question-form {
        margin-top: 50px
    }

    .profit-improvement-box .graph-outer {
        max-width: 330px;
        margin: 0 auto
    }

    .offer-content .text-holder,
    .related-product .single-product-item {
        margin-bottom: 40px
    }

    .profit-improvement-box .text-holder {
        margin-top: 30px
    }

    .left-sidebar {
        margin-right: 0;
        margin-bottom: 90px;
        margin-top: 120px
    }

    .col-card-description {
        margin-top: 40px;
        margin-bottom: 50px;
    }

    .marg-t {
        margin-top: 40px
    }

    .blog-large-area .blog-post,
    .blog-single-area .blog-post {
        margin-right: 0;
        border-right: none;
        padding-right: 0;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .sidebar-wrapper {
        margin-top: 40px;
        margin-left: 0
    }

    .blog-single-area .middle-content-box .img-holder,
    .blog-single-area .middle-content-box .text-box {
        display: block
    }

    .blog-single-area .middle-content-box .text-box {
        padding-left: 0;
        padding-top: 45px;
        padding-bottom: 10px
    }

    .blog-single-area .middle-content-box .text-box:before {
        top: 20px;
        left: 0
    }

    .single-shop-content .img-holder {
        margin-right: 0;
        max-width: 100%
    }

    .single-shop-content .content-box {
        margin-left: 0;
        margin-top: 0 !important;
        margin-bottom: 15px !important
    }

    .single-shop-content .mb-50 {
        margin-bottom: 20px
    }

    .single-shop-content .testing {
        position: relative;
        text-align: center;
        padding: 20px 10px;
        background-color: rgba(255, 255, 255, .4);
        border-radius: 20px;
        box-shadow: 0 0 31px 0 rgb(0 0 0 / 10%);
        backdrop-filter: blur(15px);
        border: 1px solid rgba(255, 255, 255, .5);
        cursor: pointer
    }

    .cart-middle .apply-coupon {
        padding-left: 0
    }

    .cart-middle .apply-coupon input[type=text] {
        margin: 0 0 20px;
        position: static;
        width: 225px
    }

    .cart-area .cart-bottom .calculate-shipping {
        padding-bottom: 60px
    }

    .cart-middle .update-cart {
        float: left !important;
        margin: 20px 0 0
    }

    .cart-bottom .calculate-shipping input[type=text] {
        margin-bottom: 25px
    }

    .checkout-area .cart-total,
    .checkout-area .form.shipping-info,
    .login-register-area .form.register {
        padding-top: 60px
    }

    .login-register-area .form a.forgot-password {
        float: left;
        margin: 35px 0 0
    }

    .login-register-area .form .social-icon {
        float: left;
        margin-right: 0;
        margin-top: 30px
    }

    .login-register-area .form .social-icon span {
        left: 0;
        position: relative
    }

    .login-register-area .form .social-icon .login-with {
        position: static
    }

    .login-register-area .form h6 {
        margin: 20px 0 0
    }

    .contact-author-info.contact-info {
        padding: 0;
        margin-right: 0
    }

    .contact-author-info.contact-info .img-holder,
    .sec-pd-one .callto-img,
    .single-blog-post .text-holder-service {
        text-align: center
    }

    .add-padd,
    .main-div {
        padding: 20px
    }

    .brand-new {
        background-size: contain;
        margin-bottom: 0;
    }

    .subscribe .form-control {
        width: 100%;
        margin-top: 15px
    }

    .subscribe .button {
        width: 100%;
        margin-left: 0;
        margin-top: 20px
    }

    .marg-t {
        padding-top: 0 !important
    }

    .marg-t .pd-res {
        padding: 0 30px
    }

    .center-img {
        text-align: center;
        margin-top: 50px
    }

    .res-sec2 .content-2 {
        margin: 0 3% 40px
    }

    .pd-res .heading h5 {
        line-height: 3rem;
        font-size: 2.05rem
    }

    .sec-pd-one .callto-action-imgbox {
        margin-right: 0;
        margin-bottom: 60px
    }

    .project-single-area .project-analysis-result .img-holder img {
        height: auto !important
    }

    .project-single-area .project-analysis-result .inner-content {
        padding: 40px 20px 20px
    }

    .modal-responsive {
        width: 100%;
        margin: 0
    }

    .color-violet {
        padding: 0
    }

    .modal-content {
        padding: 25px
    }

    .sec-pd-one {
        padding-bottom: 50px
    }

    .sec-pd-one .single-blog .text-holder-service a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #7a2982;
        z-index: -1;
        border-bottom: 3px solid #173814;
        box-shadow: 0 2px 10px grey;
        transition: 150ms
    }

    .sec-pd-one .single-blog .text-holder-service a {
        position: relative;
        width: 100%;
        height: 65px;
        display: inline-flex;
        justify-content: center;
        align-items: center
    }

    .sec-pd-one .single-blog .text-holder-service a h3 {
        position: relative;
        z-index: 1;
        margin-bottom: 0;
        color: #fff !important
    }

    .single-shop-content .testing .buy-btn {
        display: inline;
        border: none;
        padding: 7px 10px;
        width: 50%;
        border-radius: 10px;
        font-size: .9rem;
        background-image: linear-gradient(43deg, #be35ab 0, #4a0e60 100%);
        color: #fff !important;
        font-weight: 600;
        box-shadow: 0 8px 15px rgb(0 0 0 / 10%)
    }

    .sec-pd-one .callto-img img {
        margin-top: 0 !important;
        padding-left: 0 !important
    }
}

@media only screen and (max-width:991px) {
    .jobs-single-area .jobs-post {
        margin-right: 0;
        border-right: none;
        padding-right: 0;
        padding-bottom: 0;
    }

    .accordion .card-light h3 button {
        text-align: center;
    }

    .carousel-item .section-light-down .section-header .home-h1 {
        background: none;
        -webkit-text-fill-color: #fff;
    }

    .contact-map-container .service-section-header-title {
        padding-top: 40px;
    }

    .leadership-team h1 {
        font-size: 1.7rem !important;
    }

    .project-single-area .legal-work-content h3 {
        margin: 15px 0 8px;
    }

    .newsroom-text-holder h2 {
        font-size: 1.7rem !important;
    }

    .newsroom-text-holder h3 {
        font-size: 1.4rem !important;
    }

    .newsroom-text-holder p {
        font-size: 1.1rem !important;
    }

    .address-sec {
        margin-bottom: 0px;
    }

    .contact-map-container {
        margin-top: 0px;
        margin-bottom: 50px;
    }

    .our-services-section .measure-list li {
        padding: 0 32px 30px 60px;
    }

    .section-header-subtitle {
        margin-bottom: 2rem !important;
    }

    .l-float {
        position: fixed;
        bottom: 20px;
        right: 20px;
        left: initial
    }

    .text-content {
        padding-bottom: 30px
    }

    .mt-mob {
        margin-top: 50px
    }

    .center-respons {
        text-align: center !important
    }

    .img-main {
        overflow: hidden !important;
        text-align: center
    }

    .ani.test {
        overflow-x: hidden !important
    }

    .case-widget-container,
    .consulting-img,
    .responsive-hide {
        display: none
    }

    .responsive-show,
    .responsive-widget-wrapper {
        display: block
    }

    .comb_1,
    .comb_2,
    .comb_3 {
        margin-top: 0
    }

    .blog_section h3.absolute_h3 {
        top: -100px !important
    }

    .aside-solutions {
        width: 60%;
    }

    .service-section-header-lg .service-section-header-title,
    .service-section-header-lg .service-section-header-title span {
        font-size: 2.5rem;
        letter-spacing: -.022em;
        line-height: 1.2;
        font-weight: 500
    }
}

@media (max-width:600px) {
    .elementor-content-holder span {
        margin-top: -5px;
    }

    .stick-img {
        height: 100%;
    }

    .jobs-submit {
        width: 100%;
    }

    .jobs-form .form-group textarea {
        height: 100px !important;
    }

    .customer-feedback-slider .owl-controls .owl-nav {
        left: 60% !important;
        top: auto !important;
        bottom: 40px;
    }

    .control-padding {
        padding-bottom: 70px;
    }

    .realworld__items .thumb {
        height: 200px;
    }

    .latest-project-area .owl-nav-style-one .owl-controls {
        bottom: -65px;
    }

    .responsive-case-cirle-inner {
        width: 300px;
        height: 300px
    }

    .responsive-case-tabpane-content {
        padding: 32px
    }

    .res-case-tab-btn a,
    .responsive-case-tabpane-content p {
        font-size: 11px
    }

    .res-case-tab-btn {
        width: 62px;
        height: 62px
    }

    .meeting-wrapper {
        padding-left: 0
    }

    .leadership-footer {
        padding: 0 !important
    }

    .blog-categories-card-title {
        font-size: .865rem;
        max-height: 55px;
        overflow: hidden
    }

    .section__header h2 {
        font-size: 2rem !important
    }

    .aside-solutions {
        width: 100%;
    }

    .main-timeline .compliance-timeline {
        float: left;
        width: 100%
    }

    .main-timeline .compliance-timeline:nth-child(2n) .timeline-icon {
        right: 0;
        left: -38px
    }

    .main-timeline .compliance-timeline:nth-child(2n) {
        float: left;
        margin: 0 0 40px 20px
    }

    .main-timeline .title {
        margin-left: 40px
    }

    .main-timeline .timeline-content {
        padding: 15px 0
    }
}

.section-light.section {
    padding-bottom: 50px;
    padding-top: 40px
}

@media (min-width:968px) {
    .job-career-area .sec-title .title-header {
        font-size: 2.275rem !important;
    }

    .section-header {
        margin-bottom: 4rem
    }

    .section-header-sub>.section-header-body {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        padding-left: 16px;
        padding-right: 16px
    }

    .section-header-title,
    .heading__underline span,
    .enquiryform-title span {
        font-size: 2.275rem !important;
        letter-spacing: -.022em;
        line-height: 1.21739
    }

    .section-header-subtitle {
        margin-top: 2rem
    }

    .card-body {
        padding: 2rem
    }

    .row-gap {
        gap: 32px 0
    }

    .card-layout {
        gap: 2rem 0
    }

    .blog-card-title {
        font-size: 1.3rem;
        letter-spacing: -.019em;
        line-height: 130%
    }

    .service-section-header {
        margin-bottom: 4rem !important
    }

    .service-section-header-lg .service-section-header-title {
        font-size: 2.85rem !important;
        letter-spacing: -.022em;
        line-height: 1.2;
        font-weight: 500
    }

    .service-section-sub-title {
        font-size: 2.275rem !important
    }

    .filtered-search-modal {
        display: block !important;
        position: static;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .filtered-search-modal .Client-header {
        padding: 2rem 2rem 0
    }

    .filtered-search-controls {
        align-items: center;
        display: flex;
        justify-content: end;
        margin-bottom: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .client-card {
        padding: 0 2rem 2rem
    }

    .filtered-search-limiter {
        margin-right: 3rem;
        margin-left: auto;
        margin-bottom: 1.5rem
    }
}

@media (min-width:720px) {
    .job-career-area .sec-title .title-header {
        letter-spacing: -.022em;
        line-height: 1.2;
        padding-top: 2.5rem;
    }

    .section-header-sub {
        margin-left: -16px;
        margin-right: -16px
    }

    .section-header {
        margin-bottom: 3rem
    }

    .recognition-header {
        margin-bottom: 0
    }

    .section-header-sub>.section-header-body {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
        padding-left: 16px;
        padding-right: 16px
    }

    .section-header-title,
    .heading__underline span,
    .enquiryform-title span {
        font-size: 2.5rem;
        letter-spacing: -.022em;
        line-height: 1.2;
        padding-top: 2.5rem
    }

    .section-header-subtitle {
        font-size: 1.1rem;
        line-height: 1.7;
        margin-top: 1.5rem
    }

    .nav-side-scroll {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .nav-side-scroll .nav {
        padding-left: 2rem
    }

    .advantage-content-box .advantage-list {
        font-size: 1.25rem;
        line-height: 1.4;
        margin-top: 1.5rem
    }

    .faq-card h3 {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .aboutarea__content__wraper .aboutarea__para p,
    .aboutarea__list__2 ul li p,
    .center-semi-body .article p,
    .delivery-content ul li,
    .lura-section ul p,
    .service-brochures .span {
        font-size: 1.1rem;
        line-height: 1.7
    }

    .service-brochures .title h3 {
        font-size: 23px
    }
}

@media (max-width:719.98px) {
    .glider-edge-sm.row .col {
        padding-left: 0;
        padding-right: 16px
    }

    .glider-edge-sm.row {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px
    }
}

@media (min-width:720px) and (max-width:991px) {
    .glider-edge-md.row {
        margin-left: -32px;
        margin-right: -32px;
        padding-left: 32px
    }

    .blog-card-title {
        font-size: 1.3rem;
        letter-spacing: -.019em;
        line-height: 1.33333
    }

    .home-blog-container {
        width: 720px;
        max-width: 100%
    }

    .tabs_card_button img {
        width: 18px;
        margin-left: 5px
    }

    .center-card-btn {
        padding-top: 8px;
        width: 20%
    }
}

@media (min-width:576px) and (max-width:720px) {
    .home-blog-container {
        width: 540px;
        max-width: 100%
    }
}

@media (min-width:500px) and (max-width:767px) {
    .center-card-btn {
        padding-top: 8px;
        width: 30% !important
    }
}

@media (max-width:768px) {
    .features-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem
    }

    .feature-card {
        padding: 2rem
    }

    .center-card-image {
        min-width: 80px
    }

    .center-card-text {
        width: 70%;
        padding-right: 0
    }

    .center-card-btn {
        padding-top: 8px;
        width: 60%
    }

    .center-card-content {
        padding-left: 15px
    }

    .timeline-second div:nth-child(2n):before,
    .timeline-second div:nth-child(odd):before {
        height: 40px;
        width: 40px;
        font-size: 25px
    }

    .service-section-header-lg .service-section-header-title span,
    .service-section-header-title {
        font-size: 1.4rem !important;
        line-height: 1.4 !important
    }

    .timeline-second {
        max-width: 400px
    }

    .service-section-header-title {
        padding-top: 40px;
        font-weight: 400;
    }

    .explain-section .column:first-of-type {
        background-image: url(../images/complaince/gdpr/shape-three.svg);
        background-position: bottom
    }

    .explain-section .column:last-of-type {
        background-image: url(../images/complaince/gdpr/shape-four.svg);
        background-position: top
    }

    .explain-section .title-subtitle {
        margin: 0 auto 40px;
        text-align: center
    }

    .explain-section .box .column-0 .decor-element {
        display: none
    }

    .section-padding {
        padding: 0
    }

    .timeline-title {
        font-size: 1.2rem !important
    }

    .section-header-subtitle {
        margin-bottom: 2rem !important
    }

    .step-container {
        margin-top: 4rem
    }

    .step-card {
        max-width: 100%
    }

    .youtube-video {
        padding: 35px 25px
    }

    .youtube-video .h-100 {
        margin-top: 15px
    }
}

@media (max-width:991px) {

    .carousel-item .section-light-down .section-header .home-h1,
    .carousel-item .section-light-down .section-header .landing-p {
        color: #fff;
    }

    .section-landing {
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 20px;
        margin-top: -40px;
    }

    .home-carousel .home-carousel-inner {
        padding: 40px 0 0px;
        border-radius: 20px;
    }

    .responsive-mt {
        margin-top: 1.5rem !important;
    }

    .single-project-item .img-holder {
        margin-right: 20px;
    }

    .callto-action-text ul {
        margin-top: 20px;
    }

    .navbar-brand-logo {
        margin-left: 16px;
    }

    .navbar-brand-logo img {
        width: 50px;
    }

    .customer-feedback-slider .owl-controls .owl-nav {
        left: 80%;
        top: -85px;
    }

    .single-testimonial-content {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .single-testimonial-content .name-box {
        border: none;
    }

    .customer-feedback-slider {
        margin-left: 0;
    }

    .footer-bottom-area .footer-bottom {
        justify-content: center;
    }

    .advantage-content-box,
    .article,
    .aside,
    .highlight-content {
        width: 100%
    }

    .center-semi-body {
        flex-wrap: wrap;
        padding: 0 !important
    }

    .advantage-section {
        background: 0 0
    }

    .Client-dialog {
        margin-bottom: 30px
    }

    .filtered-search-filter {
        border-radius: 1rem
    }

    .package-item {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding-top: 40px
    }

    .pack-details {
        padding: 120px 60px 30px
    }

    .pack-middle {
        right: 0;
        top: 100%;
        left: 50%;
        transform: translateX(-50%)
    }

    .pack-thumb img {
        border-radius: 5px
    }

    .our-culture .our-culture-wrapper h2 {
        font-size: 70px !important
    }

    .culture-video-section h3 {
        font-size: 70px;
        line-height: 80px
    }

    .title-text-second-sec {
        font-size: 60px;
        line-height: 96px
    }

    .collapsed-image-title-sec .title-sec h1 {
        font-size: 70px
    }

    .collapsed-image-title-sec .title-sec p {
        font-size: 1.3rem
    }

    .founder-right-content h3 {
        font-size: 46px;
        line-height: 60px;
        margin-top: 30px
    }

    .spread-animate-sec {
        padding-bottom: 20px
    }

    .our-service-card {
        padding: 1rem
    }

    .disable-mobile,
    .single-sidebar::after {
        display: none
    }

    .youtube-section {
        padding-top: 0;
        padding-bottom: 0
    }

    .threatsploit-section-res {
        padding-top: 135px
    }

    .single-footer-widget.map-responsive {
        display: none !important
    }

    .aboutarea__list__2,
    .landing-btn {
        margin-top: 20px
    }

    .home-form form {
        padding: 40px 30px
    }

    .contact-panels .contact-us-panel {
        margin-top: 30px
    }

    .table-responsive.compliance-table td:first-child {
        min-width: 350px;
        padding-right: 20px !important
    }

    .home-form {
        margin-top: 0
    }

    .add-padd {
        border-radius: 1.25rem;
        margin-top: 70px
    }

    #carouselExampleCaptions .carousel-control-prev {
        left: 0 !important
    }

    #carouselExampleCaptions .carousel-control-next {
        right: 0 !important
    }

    .card-items {
        padding-bottom: 50px
    }

    .project-title h2 {
        padding-right: 0;
        font-size: 1.6rem !important
    }
}

@media (max-width:767px) {
    .event__details__heading h3 {
        font-size: 1.7rem !important;
        line-height: 1.4 !important;
        padding-top: 55px
    }

    .breadcrumb-area .breadcrumbs h1 {
        font-size: 33px;
        line-height: 40px
    }

    .breadcrumb-area .breadcrumbs-mobile h1 {
        font-size: 28px;
        line-height: 30px
    }

    .slider-card {
        margin: 0px 0 30px;
    }

    .blog_holder .wrap h4 {
        font-size: 1.2rem;
        font-weight: 500;
    }

    .advantage-section {
        background-image: url(./../images/test/advantage-mobile.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 130%;
        padding-top: 40px;
        padding-bottom: 50px
    }

    .advantage-section.career {
        padding-bottom: 0;
    }

    .jobs-card-body {
        font-size: 0.9rem;
        height: 83px;
    }

    .jobs-card-title {
        font-size: 1.2rem;
    }

    .advantage-content-box,
    .responsive-w {
        width: 100%
    }

    .hightlight-banner {
        padding: 7em 2em
    }

    .form-control.c-verify.mr-3 {
        margin-right: 0 !important
    }

    .our-culture .our-culture-wrapper h2 {
        font-size: 45px !important
    }

    .culture-video-section h3 {
        font-size: 50px;
        line-height: 50px
    }

    .culture-video-section h5,
    .second-sec-para h6 {
        font-size: 1.1rem
    }

    .title-text-second-sec {
        font-size: 45px;
        line-height: 55px
    }

    .right-box .right-box-content {
        margin-top: 60px
    }

    .collapsed-image-title-sec .title-sec h1 {
        font-size: 50px;
        margin-top: 1rem
    }

    .collapsed-image-section .image-sec {
        padding-top: 60px
    }

    .collapsed-image-section {
        padding-top: 50px
    }

    .brand-about-founder .founder-content h2 {
        font-size: 50px !important;
        line-height: 3.125rem;
        margin-bottom: 50px
    }

    .founder-content .semi-title {
        padding-left: 0;
        margin-bottom: .5rem
    }

    .founder-right-content {
        padding-left: 20px
    }

    .founder-right-content h3 {
        font-size: 40px;
        line-height: 50px;
        margin-top: 30px
    }

    .image-sec .about-image-1 {
        width: 60%;
        padding-bottom: 15px
    }

    .image-sec .about-image-2,
    .image-sec .about-image-3 {
        width: 40%
    }

    .image-sec .about-image-4,
    .image-sec .about-image-6 {
        width: 60%;
        padding-top: 20px;
        padding-left: 0
    }

    .image-sec .about-image-5 {
        margin-top: -50px;
        padding-left: 14px;
        width: 40%
    }

    #rightSlider {
        width: 58px
    }

    .callout.d-inline img {
        width: 35px;
        height: 36px !important
    }

    .compliance-table {
        display: block;
        width: 100%;
        overflow-x: auto;
        margin-top: 25px
    }

    .compliance-table th {
        min-width: 200px
    }

    .compliance-table td {
        min-width: 350px
    }

    .table-responsive.compliance-table td {
        min-width: 250px
    }

    .compliance-table tbody tr,
    th {
        padding: 20px 13px !important
    }

    .bisylms-btn {
        margin-top: 15px;
        padding: 15px 35px
    }

    .newsfour__element1,
    .newsfour__element2 {
        display: none
    }
}

@media (max-width:479px) {
    .btn-enquiry {
        width: 100%;
    }

    .btn-enquiry button {
        width: 100%;
    }

    .advantage-section {
        background-position: 80% 95%
    }

    .tabs_card_button img {
        width: 17px
    }

    .tabs_card_button {
        padding: 6px 18px
    }

    .advantage-content-box .advantage-list h6 span {
        left: -5px;
        top: -7px
    }

    .advantage-content-box .advantage-list h6,
    .advantage-content-box p {
        padding-left: 40px
    }

    .highlight-content h2 {
        font-size: 2.125rem !important;
        font-weight: 500;
        line-height: 1.17647
    }

    .pack-thumb img {
        max-width: 100% !important
    }

    .padding-responsive {
        padding: 0 !important
    }
}

@media (max-width:400px) {
    .realworld__items .thumb {
        height: 150px;
    }

    .pack-details {
        padding: 120px 30px 30px
    }

    .package-item {
        padding-top: 0
    }
}

@media (max-width:500px) {
    .center-card-content {
        flex-wrap: wrap
    }

    .center-card-text {
        width: 100%;
        padding-right: 0
    }

    .center-card-btn {
        padding-top: 8px;
        width: 50% !important
    }

    .timeline-second {
        max-width: 320px;
        width: 100%
    }

    .timeline-second div:nth-child(odd) {
        margin-left: 0
    }

    .timeline-second div:nth-child(2n) {
        margin-right: 0
    }

    .timeline-second div:nth-child(odd):before {
        margin-left: -20px
    }

    .timeline-second div:nth-child(2n):before {
        margin-right: -20px
    }

    .measure-list li {
        padding: 0 0 10px 20px
    }

    .tabs_card_title {
        font-size: 1.1rem
    }

    .download-box i {
        font-size: 35px
    }

    .download-box {
        padding: 25px
    }
}

@media (max-width:360px) {
    .bisylms-btn {
        margin-top: 20px
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .blog_section h3.absolute_h3 {
        top: 20px;
    }

    .latest-project-area .owl-nav-style-one .owl-controls {
        bottom: 0;
    }

    .responsive-w {
        width: 100%;
        margin-top: 12px !important
    }
}

@media (min-width:1200px) and (max-width:1300px) {
    #carouselExampleCaptions {
        margin-left: 50px
    }
}

@media (min-width:992px) and (max-width:1100px) {
    #carouselExampleCaptions .carousel-control-prev {
        left: -46px !important
    }

    #carouselExampleCaptions .carousel-control-next {
        right: -46px !important
    }
}

@media (min-width:949px) and (max-width:1200px) {
    .carousel-item .section-light-down .section-header .home-h1 {
        font-size: 2.275rem !important
    }
}

@media (min-width:992px) {
    .carousel-item .section-light-down .section-header .home-h1 {
        background: var(--text-gradient-color);
        background-clip: border-box;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }

    .responsive-widget-wrapper {
        display: none
    }

    .mega-menu-kf4 .headings {
        margin-bottom: 8px;
        padding-top: 32px
    }

    .brand-main-menu li.active>div {
        border-top: 1px solid #f1f3f5;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        z-index: 1032
    }

    .menu-backdrop.active {
        background: #000;
        height: 100%;
        left: 0;
        opacity: .5;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .kf4-menu-navbar-toggler {
        height: 25px;
        position: absolute;
        right: 16px;
        width: 30px
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .mega-menu-kf4 .headings {
        padding-bottom: 16px !important;
        padding-top: 16px !important
    }

    .brand-main-menu li.nav-item {
        padding-left: 16px
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .me-xl-64 {
        margin-right: 4rem !important
    }

    .py-xl-24 {
        padding-bottom: 1.5rem !important;
        padding-top: 1.5rem !important
    }

    .py-xl-25 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

    .px-md-16,
    .px-xl-64 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .pe-xl-24,
    .px-xl-40 {
        padding-right: 1.5rem !important
    }

    .mb-xl-4 {
        margin-bottom: .25rem !important
    }

    .px-xl-40 {
        padding-left: 1.5rem !important
    }

    .mb-xl-24 {
        margin-bottom: 1.5rem !important
    }

    .py-xl-32 {
        padding-bottom: 2rem !important;
        padding-top: 2rem !important
    }

    .me-xl-8 {
        margin-right: .5rem !important
    }

    .nav-item.dropdown .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module {
        display: none;
        left: 0;
        max-width: 800px;
        position: fixed;
        top: 70px;
        width: 67%;
        transition: 5s
    }

    .nav-item.dropdown.active .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module {
        display: block
    }

    .mega-menu-kf4 .small-col li a:before {
        background: url(../../user_template/images/icon/arrow_right.svg) 50% no-repeat;
        content: "";
        display: inline;
        float: right;
        height: 100%;
        opacity: 0;
        position: absolute;
        right: 25px;
        top: 0;
        transform: translateX(-12px);
        transition: .5s;
        width: 12px
    }

    .mega-menu-kf4 .small-col li a.active,
    .mega-menu-kf4 .small-col li:focus a,
    .mega-menu-kf4 .small-col li:hover a {
        background: linear-gradient(0deg, #d8d1dd 0, #fff 100%) no-repeat padding-box;
        border-radius: 8px
    }

    .navbar-expand-xl .navbar-nav .nav-item.active .nav-link,
    .navbar-expand-xl .navbar-nav .nav-link:hover {
        color: var(--secondary-dark-color) !important
    }

    .navbar-expand-xl .navbar-nav .nav-item.active .nav-link i.arrow.down.d-none.d-xl-inline-block,
    .navbar-expand-xl .navbar-nav .nav-link:hover i.arrow.down.d-none.d-xl-inline-block {
        border-color: var(--secondary-dark-color) !important;
        position: relative;
        top: 2px;
        transform: rotate(225deg)
    }

    .platform_features_left ul li {
        float: left;
        width: 50%
    }

    .mega-menu-kf4 .bigger-column .solutions_span {
        padding: 0 24px 12px
    }

    .brand-main-menu li.nav-item {
        position: relative
    }

    .brand-main-menu li.nav-item:after {
        background: var(--secondary-dark-color);
        bottom: 0;
        content: "";
        height: 2px;
        left: 8%;
        position: absolute;
        transition: .5s;
        width: 0
    }

    .resources-left img {
        max-width: 90px !important;
        object-fit: cover;
        border-radius: 4px
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .tab-title {
        margin-bottom: 74px;
        padding: 15px 70px;
        height: 267px;
        background: 0 0 !important
    }

    .contact-panels {
        padding-bottom: 75px
    }

    .contact-panels .contact-us-panel {
        padding: 58px 30px 53px 49px;
        margin-top: 0;
        max-width: 395px;
        margin-left: auto
    }

    .explain-section .box-col {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .explain-section {
        padding: 100px 0 60px;
        background-position: 50% 50%
    }
}

@media (min-width:1360px) {
    .brand-main-menu li.active>div {
        top: 74px
    }

    .mega-menu-kf4 .bigger-column a {
        padding: 12px
    }

    .mega-menu-kf4 .bigger-column .solutions_span {
        padding: 0 24px 12px
    }
}

@media (min-width:1400px) {
    .nav-item.dropdown .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_module {
        max-width: 1600px
    }

    .my-container-xl {
        max-width: 1270px !important
    }
}

@media (max-width:1199px) {
    .abt-captcha {
        width: 100%
    }

    .abt-captch-img {
        margin-top: 15px
    }

    .navbar-brand-logo {
        width: 100%;
        text-align: center;
    }

    .fixed_header {
        margin-bottom: 0;
        border-radius: 0% 0% 20px 20px;
    }

    .kf4-menu-navbar-toggler {
        height: 25px;
        position: absolute;
        right: 10px;
        top: 23px;
        width: 25px;
        margin-right: 28px;
        z-index: 9;
    }

    #kf-nav-handburger span {
        background: #000;
        border-radius: 9px;
        display: block;
        height: 2px;
        left: 0;
        opacity: 1;
        position: absolute;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        width: 100%;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center
    }

    #kf-nav-handburger span:first-child {
        top: 0
    }

    #kf-nav-handburger span:nth-child(2) {
        top: 8px
    }

    #kf-nav-handburger span:nth-child(3) {
        top: 16px
    }

    #kf-nav-handburger.open span:first-child {
        left: 7px;
        top: 3px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    #kf-nav-handburger.open span:nth-child(2) {
        opacity: 0;
        width: 0
    }

    #kf-nav-handburger.open span:nth-child(3) {
        left: 8px;
        top: 21px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .nav-item .hs_cos_wrapper_type_module.open {
        right: 0 !important;
        background: #fff;
        padding: 0;
        transition: .5s ease-in-out
    }

    .nav-item .hs_cos_wrapper_type_module.reduce-w {
        width: 100% !important;
        left: unset !important;
    }

    .nav-item .hs_cos_wrapper_type_module {
        display: block;
        right: -200% !important;
        transition: .9s ease-in-out;
        width: 100%;
        height: 65%;
        max-width: 100% !important;
        overflow-y: auto;
        padding: 0;
        position: fixed !important;
        top: 90px !important;
        z-index: 11
    }

    .mega-menu-kf4 .headings {
        padding-left: 16px;
        text-indent: 32px
    }

    .mega-menu-kf4 span.megamenu-arrow {
        display: block;
        float: right;
        height: 10px;
        line-height: 30px;
        margin-right: 22px;
        position: relative;
        top: 12px;
        width: 10px
    }

    .mega-menu-kf4 .bigger-column span {
        font-size: 12px;
        letter-spacing: 0;
        line-height: 20px
    }

    .mega-menu-kf4 span.megamenu-arrow:after,
    .mega-menu-kf4 span.megamenu-arrow:before {
        background-color: #1d2b36;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        transition: .5s;
        width: 100%
    }

    .mega-menu-kf4 span.megamenu-arrow:before {
        transform: rotate(90deg)
    }

    .mega-menu-kf4 .headings.active span.megamenu-arrow:before {
        transform: rotate(0);
        transition: .5s
    }

    .mega-menu-kf4 .small-column .headings:after,
    .mega-menu-kf4 ul,
    .resources-left,
    .resources-right .caption,
    .whatnew-container {
        display: none
    }

    .mega-menu-kf4 .headings.active+ul {
        display: block
    }

    .brand-main-menu li.active .hs_cos_wrapper_type_module.open .mega-menu-kf4,
    .brand-main-menu li.active .mega-menu-kf4 {
        overflow-x: hidden
    }

    .mega-menu-kf4 {
        height: auto !important
    }

    h6.back-submenu {
        position: sticky;
        top: 0;
        z-index: 11
    }

    .kf-menubdr-mobile {
        border-bottom: 1px solid #d5dce1
    }

    ul.navbar-nav.brand-main-menu {
        height: 85%;
        overflow-y: auto;
        padding-bottom: 180px;
        width: 100%
    }

    .mobile-bottom-sticky {
        background: #fff;
        border-top: 1px solid #e5e9ec;
        width: 100%;
        bottom: 0 !important;
        left: 0;
        height: auto;
        position: fixed;
        z-index: 1111;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center
    }

    .navbar-collapse.show {
        height: 100vh;
        align-items: start;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .navbar-collapse {
        background: #fff;
        height: 0;
        left: 0;
        overflow: hidden;
        position: fixed;
        top: 15px;
        transition: height .1s ease-out;
        width: 100%
    }

    .mobile-bottom-sticky li {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .kf4-dropdown-menu {
        pointer-events: none
    }

    .submenu-content.active+.whatnew-container {
        display: block !important
    }

    .ms-24 {
        margin-left: 1.5rem !important
    }

    .mega-menu-kf4 .small-col a {
        padding: 12px 8px 12px 24px
    }

    .right_cont_resources .headings {
        text-indent: 32px
    }
}

@media (min-width:768px) {

    .pe-md-16,
    .px-md-16 {
        padding-right: 1rem !important
    }

    .px-md-16 {
        padding-left: 1rem !important
    }

    .tab-title {
        width: auto;
        margin-bottom: 46px;
        padding: 15px 40px;
        border-radius: 12px 0 0 12px;
        height: 240px;
        display: flex;
        align-items: center
    }

    .contact-panels {
        padding-bottom: 57px
    }

    h2.section-gdpr-title {
        font-size: 36px !important;
        line-height: 3.5rem;
        margin-bottom: 20px
    }

    .contact-panels .contact-us-panel {
        padding: 39px 49px
    }

    .contact-panels .contact-us-panel:after {
        width: 391px;
        height: 236px;
        top: 0;
        right: 0
    }

    .explain-section .column:first-of-type {
        background-image: url(../images/complaince/gdpr/shape-one.svg);
        background-position: 100%;
        margin-right: 15px;
        padding-right: 50px
    }

    .explain-section .column {
        background-size: 4750px;
        margin: 0;
        position: static;
        padding: 30px
    }

    .explain-section .box {
        margin: 0 0 40px;
        display: flex;
        justify-content: space-between;
        text-align: left
    }

    .explain-section .box-top {
        height: 50%
    }

    .explain-section .box h3 {
        margin: 0 0 8px
    }

    .explain-section .column:last-of-type {
        background-image: url(../images/complaince/gdpr/shape-two.svg);
        background-position: 0;
        margin-left: 15px;
        padding-left: 50px
    }

    .explain-section .box .decor-element {
        top: calc(50% - 23px) !important;
        left: calc(50% - 23px) !important;
        border-radius: 999px;
        position: absolute;
        padding: 23px;
        width: 46px;
        height: 46px
    }

    .explain-section .title-subtitle h2 {
        font-size: 1.875rem !important;
        line-height: 2.25rem;
        margin: 0 auto .5rem
    }

    .explain-section {
        padding: 80px 0 40px
    }
}

@media screen and (min-height:600px) and (max-height:750px) and (max-width:1199px) {
    .nav-item .hs_cos_wrapper_type_module {
        height: 78%;
        padding-bottom: 106px !important
    }
}

@media (min-width:1024px) {
    .explain-section .box-row {
        flex-direction: row
    }

    .explain-section .box img {
        margin: 0 0 18px;
        width: 64px
    }

    .explain-section .box-col:last-child {
        width: 80%
    }

    .explain-section .column h3 {
        font-size: 1.5rem;
        line-height: 1.8125rem
    }

    .explain-section .box-col:first-child {
        width: 20%
    }

    .explain-section .title-subtitle h2 {
        font-size: 2.5rem !important;
        line-height: 3.625rem
    }

    .step-container {
        margin-top: 5rem
    }

    .step-card {
        max-width: 20%;
        text-align: center;
        z-index: 2
    }

    .offset-top {
        margin-top: 9em
    }

    .step-container::before {
        content: "";
        position: absolute;
        background-image: url(../images/complaince/hippa/step-container-line.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 80%;
        height: 100%;
        left: 10%;
        top: 22%;
        z-index: 1
    }

    .our-service-card {
        padding: 1.25rem 2rem
    }
}

@media (min-width:1420px) {
    .explain-section .title-subtitle h2 {
        font-size: 2.5rem !important;
        line-height: 3rem
    }

    .explain-section .title-subtitle {
        margin: 0 auto 63px
    }

    .explain-section {
        background-position: 0 0
    }
}

@media (min-width:767px) {
    .section-light-down .section-header {
        padding-top: 3.5rem
    }
}

@media only screen and (max-width:450px) {

    .our-services-section .measure-list li,
    .measure-list.irdai-benefits li {
        padding: 0 0px 5px 30px;
    }

    .measure-list li .circle {
        width: 20px;
        height: 20px;
        left: -19px;
        top: -8px;
    }

    .measure-list li .circle:after {
        margin: -5px 0 0 -5px;
        width: 10px;
        height: 10px;
    }

    .measure-block .line {
        left: -7px;
    }
}

@media (max-width:768px) {

    .instructor__heading__2,
    .pressroom-carousel {
        margin-bottom: 20px
    }

    .card-clear,
    .card-title,
    .landing-btn-div,
    .meeting-card,
    .service-top-head {
        text-align: center
    }

    .blog-card-body span,
    .card-text,
    .service-top-sub {
        font-size: .9rem;
        text-align: center
    }

    .section-header-title {
        font-size: 1.4rem !important;
        background: var(--text-gradient-color);
        background-clip: border-box;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text
    }

    .mobile-font-color,
    .working-area .section-header-title,
    .youtube-video h2 {
        background: -webkit-linear-gradient(20deg, #fff 0, #fff 100%);
        background-clip: border-box;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text
    }

    .working-area .section-header-title::before {
        background: -webkit-linear-gradient(20deg, #fff 0, #fff 100%)
    }

    #single-service-area .top-content .text-holder .mobileapp ul li,
    #single-service-area .top-content .text-holder p,
    .-horizontal .blog-post-card-body .blog-post-card-descriptions,
    .advantage-content-box p,
    .advantage-section-content span,
    .blog-post-card-description,
    .blog-single-area .single-blog-post .text-holder .text p,
    .blog-single-area .single-blog-post .text-holder .text span,
    .blog-single-area .single-blog-post .text-holder .text ul li,
    .blog_holder .wrap p,
    .callto-action-text ul li,
    .card-body .text-start ul li,
    .center-semi-body .article p,
    .col-card-description p,
    .compliance-table tbody tr,
    .compliance-table tbody tr td,
    .event__details__inner .event__details__content p,
    .event__details__text span,
    .explain-section .column p,
    .faq-collapse ul li,
    .form-control,
    .form-section .contact-get-form form .col-form-label,
    .gridarea__wraper .gridarea__content .gridarea__heading p,
    .job-career .text p,
    .latest-project-area .left-content p,
    .leadership-footer span,
    .measure-list li p,
    .media-body p,
    .our-service-card .content,
    .overlay-about p,
    .overlay-career p,
    .panel-text ul li,
    .project-txt p,
    .section-header-subtitle,
    .service-brochures .span,
    .single-project-item .static-overlay p,
    .single-shop-content .content-box .text p,
    .single-shop-content .content-box .text-content p,
    .single-testimonial-content p,
    .step-card p,
    .tab-contents-box p,
    .text-action ul li,
    .type-link .content p,
    .working-area .single-item .text-box p,
    th {
        font-size: .9rem
    }

    .blog-card-title {
        font-size: 1.2rem;
        height: 50px
    }

    .faq-card .h3 {
        font-size: 1.05rem
    }

    .home-terms-div {
        padding-left: 5px
    }

    .explain-section .column h3,
    .latest-project-area .left-content h3 {
        font-size: 1.1rem
    }

    .content-panel .panel-title .title {
        font-size: 1.1rem;
        font-weight: 500
    }

    .card-title {
        font-size: 1rem !important
    }

    .leadership h5,
    .measure-list li,
    .our-services-section .measure-list li,
    .tab-manual .nav-pills .nav-link {
        font-size: 1rem
    }

    .explain-section .title-subtitle h2,
    .newsroom-text-holder h3,
    .tab-contents-box h2 {
        font-size: 1.2rem !important
    }

    .-featured .blog-post-card-title,
    .col-card-description h4,
    .contact-panels .contact-us-panel .section-title,
    .event__details__inner .event__details__content h4,
    .event__details__list__2 h4,
    .gdpr-main-box h1,
    .gridarea__wraper .gridarea__content .gridarea__heading h3,
    .instructor__heading__2 h3,
    .name-box h4,
    .name-card h3,
    .overlay-about h4,
    .realworld__items .content h4,
    .sidebar__title,
    .working-area .single-item .text-box h3 {
        font-size: 1.2rem
    }

    .blog-post-card:not(.-featured) .blog-post-card-title {
        font-weight: 500
    }

    .blog-single-area .single-blog-post .text-holder .blog-title,
    .blog-single-area .single-blog-post .text-holder h1,
    h2 {
        font-size: 1.2rem !important;
        line-height: 1.4
    }

    .ralated-report-sec {
        margin-top: 15px
    }

    .job-career-area .sec-title .title-header,
    .leadership-team h1,
    .newsroom-text-holder h2 {
        font-size: 1.4rem !important
    }

    .project-single-area .legal-work-content p {
        margin: 0;
        font-size: 1rem
    }

    .project-single-area .legal-work-content h3 {
        font-size: 1.4rem;
        margin-top: 20px
    }

    .single-testimonial-content .text-box {
        padding: 10px 0 0
    }

    .newsroom-text-holder p {
        font-size: .9rem !important
    }

    .compliance-matters h5 {
        font-size: 1.1rem;
        font-weight: 500;
        width: 100%
    }

    .ztf-left-sidebar {
        margin-bottom: 50px;
        margin-top: 20px
    }

    .realworld__items .content p {
        font-size: .9rem;
        height: 45px
    }

    .brand-new .box-content .mb-24 {
        font-size: 1.9rem;
        line-height: 1.3
    }

    .advantage-content-box .advantage-list h6 {
        font-size: 1rem;
        font-weight: 500;
        margin-top: 15px;
        margin-bottom: 15px;
        color: #000
    }

    .advantage-content-box .advantage-list h6 span {
        top: -7px
    }

    .Client-body .form-check {
        margin-bottom: 1rem
    }
}

@media (min-width:576px) and (max-width:850px) {
    .video-service-model .close-btn {
        right: 0px;
        top: -30px;
    }
}

@media screen and (max-width:1180px) {
    .blog-listing-item {
        padding: 15px 15px 20px;
        width: calc(33.33% - 20px);
        margin: 0 10px 20px
    }

    .blog-hero {
        padding: 25px
    }

    .blog-hero-left {
        width: calc(100% - 360px);
        padding: 30px
    }

    .pressroom-hero-left {
        padding: 0
    }
}

@media (max-width:992px) {
    .tp-service-2__user-shape {
        top: 130px;
    }

    .landingsvg,
    .visual-container {
        height: 100%;
        width: 100%
    }

    .hero-visual {
        display: none
    }

    .add-stick {
        top: 65px;
    }

    .lura-content-inner h3 {
        font-size: 1.7rem;
    }

    #mapcontact {
        padding-top: 40px;
    }

    .tp-service-2__area {
        padding-bottom: 50px;
    }

    .tp-service-2__item {
        height: 100%;
    }

    .tp-service-2__item-wrapper {
        min-height: 310px;
    }

    .tp-section-title-lg {
        padding-bottom: 20px;
        font-size: 1.7rem;
    }

    .tp-service-2__user {
        padding-left: 0;
        padding-right: 65px;
        margin-top: 50px;
    }

    .elementor-left-wrapper h5 {
        font-size: 1rem;
        font-weight: 500
    }

    .elemetor-line-inside {
        width: 50px
    }

    .scroll-left-title {
        top: 60px;
        height: auto
    }

    .expand-setion-wrapper {
        flex-direction: column
    }

    .elementor-hold-image {
        justify-content: center
    }

    .blog-hero-right::before,
    .structure-bottom-wrapper,
    .structure-top-wrapper {
        display: none
    }

    .padding-structure {
        padding: 0
    }

    .heading-structure h2 {
        background: var(--text-gradient-color);
        background-clip: border-box;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text
    }

    .heading-structure {
        padding-bottom: 0
    }

    .padding-section {
        padding-top: 40px;
        padding-bottom: 50px
    }

    .blog-listing-item {
        width: calc(50% - 20px)
    }

    .blog-hero {
        display: block
    }

    .blog-hero-left {
        width: 100%;
        margin: 0 0 30px
    }

    .blog-hero-right {
        width: 100%;
        margin-left: 0
    }
}

@media (max-width:768px) {
    .gx-60 {
        --bs-gutter-x: 0;
    }

    .tp-service-2__user {
        margin-top: 30px;
    }

    .tp-service-2__user.home span {
        font-size: 2.75rem;
        padding-bottom: 10px;
        line-height: 3.125rem;
    }

    .tp-service-2__user div i {
        font-size: 2.75rem;
        line-height: 3.125rem;
    }

    .tp-service-2__user-shape {
        top: 100px;
    }

    .tp-section-title-lg {
        font-size: 1.4rem;
    }

    .tp-service-2__user {
        padding-left: 0;
        padding-right: 20px;
    }

    .mobile-responsive-center {
        display: flex;
        justify-content: center
    }

    .scroll-left-title {
        padding: 0;
        height: auto
    }

    .list-items {
        padding-block-start: 0;
        padding-block-end: 0;
        padding: 30px 10px
    }

    .list-items:nth-child(odd) {
        margin-left: 0;
        border-bottom-right-radius: 0
    }

    .list-items:nth-child(2n) {
        margin-right: 0;
        border-bottom-left-radius: 0
    }

    .elemetor-line-inside {
        width: 35px
    }

    .elementor-left-wrapper h5 {
        font-size: 1rem;
        font-weight: 500
    }

    .scroll-left-title ul li::before {
        height: 160px
    }

    .lura-content-inner h3 {
        font-size: 1.4rem
    }

    .lura-content-inner h2 {
        font-size: 1.4rem !important;
        line-height: 35px;
    }

    .lura-content-wrapper {
        padding-top: 0
    }

    .blog-listing-item {
        width: calc(100% - 20px)
    }

    .blog-listing-area-inner {
        width: 100%;
        margin-left: 0
    }

    .blog-hero-title {
        font-size: 24px;
        line-height: 30px
    }

    .blog-info {
        display: block
    }

    .blogCategory {
        display: inline-block;
        margin: 0 0 10px
    }

    .blogDate {
        margin-left: 0;
        padding-left: 20px
    }

    .blogDate::before {
        display: none
    }

    .blog-hero-details p {
        font-size: 1rem
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .expand-section {
        height: 500px !important
    }
}

@media only screen and (min-width:767px) {
    .blog-container {
        padding: 0 50px !important
    }
}

@media screen and (max-width:667px) {
    .blog-listing-item {
        width: 100%;
        display: block;
        margin: 0 0 20px
    }

    .blog-container {
        padding: 0 16px
    }
}

@media screen and (max-width:680px) {
    .add-stick {
        position: relative;
        top: 0;
    }

    .course-tab-v2 .nav-item {
        width: 100%;
    }

    .tab-manual .nav-pills .nav-link {
        width: 100%;
        text-align: center;
    }

    .nav-link.animated {
        animation: none;
    }

    .course-tab-v2 .nav-item:not(:last-child) {
        margin-right: 0;
    }
}

@media screen and (max-width:600px) {
    .tp-service-2__user p {
        font-size: 10px;
    }

    .features-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem
    }

    .feature-card {
        padding: 2rem
    }

    .t-popup-button {
        width: 100%;
        margin-top: 20px;
    }

    .t-email-input {
        margin-bottom: 20px;
    }

    .threats-card-wrapper {
        flex-direction: column;
        height: auto;
        align-items: center;
    }

    .threats-card-left {
        width: 65%
    }

    .threats-card-description p {
        height: 70px;
        -webkit-line-clamp: 3
    }
}

@media screen and (max-width:1400px) {
    .structure-bottom-wrapper {
        width: 1050px
    }
}

@media screen and (max-width:1200px) {
    .structure-bottom-wrapper {
        width: 840px
    }
}

@media only screen and (min-width:1600px) {
    .structure-bottom-wrapper {
        left: -14%
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .tp-payment-method__line-1 {
        width: 510px
    }

    .tp-payment-method__line-12 {
        width: 560px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .tp-payment-method__line-1,
    .tp-payment-method__line-10,
    .tp-payment-method__line-12,
    .tp-payment-method__line-14,
    .tp-payment-method__line-5 {
        width: 380px;
        left: -68%
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .tp-payment-method__line-2 {
        width: 250px;
        left: -35%;
        transform: translate(-50%) rotate(-72deg)
    }

    .tp-payment-method__line-2 span {
        transform: translateY(-50%) rotate(72deg)
    }

    .tp-payment-method__line-3 {
        width: 250px;
        left: -35%;
        transform: translate(-50%) rotate(-51deg)
    }

    .tp-payment-method__line-3 span {
        transform: translateY(-50%) rotate(51deg)
    }

    .tp-payment-method__title-box {
        padding-bottom: 30px
    }

    .tp-payment-method__line-1 {
        width: 250px;
        left: -35%;
        transform: translate(-50%) rotate(-18deg)
    }

    .tp-payment-method__line-1 span {
        transform: translateY(-50%) rotate(18deg)
    }

    .tp-payment-method__line-4 {
        width: 250px;
        left: -35%;
        transform: translate(-50%) rotate(-9deg)
    }

    .tp-payment-method__line-4 span {
        transform: translateY(-50%) rotate(9deg)
    }

    .tp-payment-method__line-5 {
        width: 250px;
        left: -35%;
        transform: translate(-50%) rotate(14deg)
    }

    .tp-payment-method__line-5 span {
        transform: translateY(-50%) rotate(-14deg)
    }

    .tp-payment-method__line-6 {
        width: 250px;
        left: -35%;
        transform: translate(-50%) rotate(41deg)
    }

    .tp-payment-method__line-6 span {
        transform: translateY(-50%) rotate(-41deg)
    }

    .tp-payment-method__line-7 {
        width: 250px;
        left: -35%;
        transform: translate(-50%) rotate(63deg)
    }

    .tp-payment-method__line-7 span {
        transform: translateY(-50%) rotate(-63deg)
    }

    .tp-payment-method__line-8 {
        width: 250px;
        left: -35%;
        transform: translate(-50%) rotate(90deg)
    }

    .tp-payment-method__line-8 span {
        transform: translateY(-50%) rotate(-90deg)
    }

    .tp-payment-method__line-9 {
        width: 250px;
        left: -35%;
        transform: translate(-50%) rotate(116deg)
    }

    .tp-payment-method__line-9 span {
        transform: translateY(-50%) rotate(-116deg)
    }

    .tp-payment-method__line-11 {
        width: 250px;
        left: -35%;
        transform: translate(-50%) rotate(160deg)
    }

    .tp-payment-method__line-11 span {
        transform: translateY(-50%) rotate(-160deg)
    }

    .tp-payment-method__line-10 {
        width: 250px;
        left: -35%;
        transform: translate(-50%) rotate(142deg)
    }

    .tp-payment-method__line-10 span {
        transform: translateY(-50%) rotate(-142deg)
    }

    .tp-payment-method__line-12 {
        width: 250px;
        left: -35%
    }

    .tp-payment-method__line-13 {
        width: 250px;
        left: -35%;
        transform: translate(-50%) rotate(198deg)
    }

    .tp-payment-method__line-13 span {
        transform: translateY(-50%) rotate(-198deg)
    }

    .tp-payment-method__line-14 {
        width: 250px;
        left: -35%;
        transform: translate(-50%) rotate(215deg)
    }

    .tp-payment-method__line-14 span {
        transform: translateY(-50%) rotate(-215deg)
    }

    .tp-payment-method__line-15 {
        width: 250px;
        left: -35%;
        transform: translate(-50%) rotate(236deg)
    }

    .tp-payment-method__line-15 span {
        transform: translateY(-50%) rotate(-236deg)
    }

    .tp-payment-method__line-16 {
        width: 250px;
        left: -35%;
        transform: translate(-50%) rotate(273deg)
    }

    .tp-payment-method__line-16 span {
        transform: translateY(-50%) rotate(-273deg)
    }

    .tp-service-2__shape {
        top: -65px
    }
}

@media screen and (max-width:992px) {
    .item {
        height: 110px;
        width: 110px;
        margin: 20px;
        position: absolute
    }

    .photo-grid {
        padding-top: 10px;
        width: 100%;
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        min-height: 190px
    }

    .comb_1 .item:first-child,
    .comb_3 .item:first-child {
        left: 0;
        top: 0
    }

    .comb_1 .item:nth-child(2),
    .comb_3 .item:nth-child(2) {
        left: 150px;
        top: 0
    }

    .comb_1 .item:nth-child(3),
    .comb_3 .item:nth-child(3) {
        left: 300px;
        top: 0
    }

    .comb_1 .item:nth-child(4),
    .comb_3 .item:nth-child(4) {
        left: 450px;
        top: 0
    }

    .comb_1 .item:nth-child(5),
    .comb_3 .item:nth-child(5) {
        left: 600px;
        top: 0
    }

    .comb_1 .item:nth-child(6),
    .comb_3 .item:nth-child(6) {
        left: 750px;
        top: 0
    }

    .comb_1 .item:nth-child(7),
    .comb_3 .item:nth-child(7) {
        left: 900px;
        top: 0
    }

    .comb_2 .item:first-child,
    .comb_4 .item:first-child {
        left: -75px;
        top: 0
    }

    .comb_2 .item:nth-child(2),
    .comb_4 .item:nth-child(2) {
        left: 75px;
        top: 0
    }

    .comb_2 .item:nth-child(3),
    .comb_4 .item:nth-child(3) {
        left: 225px;
        top: 0
    }

    .comb_2 .item:nth-child(4),
    .comb_4 .item:nth-child(4) {
        left: 375px;
        top: 0
    }

    .comb_2 .item:nth-child(5),
    .comb_4 .item:nth-child(5) {
        left: 525px;
        top: 0
    }

    .comb_2 .item:nth-child(6),
    .comb_4 .item:nth-child(6) {
        left: 675px;
        top: 0
    }

    .comb_2 .item:nth-child(7),
    .comb_4 .item:nth-child(7) {
        left: 825px;
        top: 0
    }

    .comb_2 .item:nth-child(8),
    .comb_4 .item:nth-child(8) {
        right: -75px;
        top: 0;
        display: none
    }

    .item.item-center-md {
        left: 50%;
        top: 0
    }

    .comb_1,
    .comb_2,
    .comb_3,
    .comb_4,
    .comb_5 {
        margin-left: -15%
    }

    .callaction-left {
        padding-left: 30px
    }
}

@media screen and (max-width:767px) {
    .tp-service-2__user span {
        font-size: 30px;
        padding-bottom: 10px;
    }

    .callto-action-banner {
        padding: 40px
    }

    .callaction-left,
    .callaction-right {
        margin-bottom: 25px
    }

    .callaction-banner-img img {
        object-fit: cover
    }

    .callaction-left h3 {
        font-size: 1rem;
        line-height: 22px
    }

    .callaction-left {
        padding-left: 0
    }

    .photo-grid {
        max-width: 360px
    }

    .item {
        height: 80px;
        width: 80px;
        margin: 20px;
        border-radius: 15px
    }

    .comb_1 .item:first-child {
        left: 0;
        top: 0
    }

    .comb_1 .item:nth-child(2) {
        left: 120px;
        top: 0
    }

    .comb_1 .item:nth-child(3) {
        left: 240px;
        top: 0
    }

    .comb_1 .item:nth-child(4) {
        left: -60px;
        top: 70px
    }

    .comb_1 .item:nth-child(5) {
        left: 60px;
        top: 70px
    }

    .comb_1 .item:nth-child(6) {
        left: 180px;
        top: 70px
    }

    .comb_1 .item:nth-child(7) {
        left: 300px;
        top: 70px
    }

    .comb_2 .item:first-child,
    .comb_4 .item:first-child {
        left: -125px;
        top: 15px
    }

    .comb_2 .item:nth-child(2),
    .comb_4 .item:nth-child(2) {
        left: 0;
        top: 15px
    }

    .comb_2 .item:nth-child(3),
    .comb_4 .item:nth-child(3) {
        left: 120px;
        top: 15px
    }

    .comb_2 .item:nth-child(4),
    .comb_4 .item:nth-child(4) {
        left: 240px;
        top: 15px
    }

    .comb_2 .item:nth-child(5),
    .comb_4 .item:nth-child(5) {
        left: -60px;
        top: 85px
    }

    .comb_2 .item:nth-child(6),
    .comb_4 .item:nth-child(6) {
        left: 60px;
        top: 85px
    }

    .comb_2 .item:nth-child(7),
    .comb_4 .item:nth-child(7) {
        left: 180px;
        top: 85px
    }

    .comb_2 .item:nth-child(8),
    .comb_4 .item:nth-child(8) {
        left: 300px;
        bottom: -15px;
        top: unset;
        display: block
    }

    .comb_3 .item:first-child {
        left: 0;
        top: 30px
    }

    .comb_3 .item:nth-child(2) {
        left: 120px;
        top: 30px
    }

    .comb_3 .item:nth-child(3) {
        left: 240px;
        top: 30px
    }

    .comb_3 .item:nth-child(4) {
        left: -60px;
        top: 100px
    }

    .comb_3 .item:nth-child(5) {
        left: 60px;
        top: 100px
    }

    .comb_3 .item:nth-child(6) {
        left: 180px;
        top: 100px
    }

    .comb_3 .item:nth-child(7) {
        left: 300px;
        top: 100px
    }

    .set_middle_row_photo_grid {
        margin-top: -65px
    }

    .comb_3,
    .comb_5 {
        margin-top: -64px !important
    }

    .comb_4 .set_middle_row_photo_grid {
        margin-top: -38px
    }

    .comb_1,
    .comb_2,
    .comb_3,
    .comb_4,
    .comb_5 {
        margin-left: 0
    }

    .item.item-center-md {
        left: 33%;
        top: 24px
    }

    .tp-payment-method__space {
        padding-bottom: 0
    }

    .tp-payment-method__line-1 {
        width: 140px;
        left: 6%
    }

    .tp-payment-method__line-3 {
        width: 140px;
        left: 6%;
        transform: translate(-50%) rotate(-43deg)
    }

    .tp-payment-method__line-3 span {
        transform: translateY(-50%) rotate(43deg)
    }

    .tp-payment-method__line-10,
    .tp-payment-method__line-12,
    .tp-payment-method__line-13,
    .tp-payment-method__line-14,
    .tp-payment-method__line-2,
    .tp-payment-method__line-4,
    .tp-payment-method__line-5,
    .tp-payment-method__line-6,
    .tp-payment-method__line-7,
    .tp-payment-method__line-8 {
        width: 140px;
        left: 6%
    }

    .tp-payment-method__line-9 {
        width: 140px;
        left: 6%;
        transform: translate(-50%) rotate(99deg)
    }

    .tp-payment-method__line-9 span {
        transform: translateY(-50%) rotate(-99deg)
    }

    .tp-payment-method__line-11 {
        width: 140px;
        left: 6%;
        transform: translate(-50%) rotate(148deg)
    }

    .tp-payment-method__line-11 span {
        transform: translateY(-50%) rotate(-148deg)
    }

    .tp-payment-method__line-15 {
        width: 140px;
        left: 6%;
        transform: translate(-50%) rotate(236deg)
    }

    .tp-payment-method__line-15 span {
        transform: translateY(-50%) rotate(-236deg)
    }

    .tp-payment-method__line-16 {
        width: 140px;
        left: 6%;
        transform: translate(-50%) rotate(276deg)
    }

    .tp-payment-method__line-16 span {
        transform: translateY(-50%) rotate(-273deg)
    }

    .tp-payment-method__wrapper {
        padding-top: 130px
    }

    .tp-service-2__shape {
        top: -40px
    }

    .offer-popup {
        max-width: 90%;
        height: 100vh
    }

    .offer-popup.threats-popup {
        height: 80vh;
        overflow-y: auto;
        max-width: 100%
    }

    .popup-left-content,
    .popup-right-content {
        text-align: center;
        padding-bottom: 10px
    }

    .popup-left-content h2 {
        font-size: 1.5rem !important
    }
}

@media only screen and (min-width:600px) and (max-width:768px) {
    .hero-title {
        font-size: 2.5rem;
        line-height: 1.2
    }

    .hero-subtitle {
        font-size: 1.1rem
    }

    .social-proof-bar {
        padding: 1.5rem;
        margin: 2rem 0
    }

    .stat-number {
        font-size: 1.5rem
    }

    .hero-cta {
        flex-direction: column;
        align-items: stretch
    }

    .hero-cta .btn {
        width: 100%;
        margin-bottom: .75rem
    }

    .visual-container {
        width: 300px;
        height: 300px
    }

    .central-icon {
        width: 80px;
        height: 80px;
        font-size: 2rem
    }

    .floating-card {
        padding: .75rem 1rem;
        font-size: .8rem
    }

    .floating-card i {
        font-size: 1.2rem
    }

    .carousel-indicators {
        bottom: 20px
    }

    .offer-popup.threats-popup {
        height: max-content
    }
}

@media screen and (max-width:340px) {
    .item.item-center-md {
        left: 37%;
        top: 24px
    }
}

@media screen and (max-width:380px) {

    .hero-title,
    .hero-title span {
        font-size: 2rem
    }

    .navbar-brand {
        font-size: 1.5rem
    }

    .hero-badge .badge {
        padding: .5rem 1rem;
        font-size: .8rem
    }

    .cert-badge {
        display: none
    }

    .social-proof-bar {
        padding: 1.5rem 0;
        margin: 2rem 0
    }

    .stat-number {
        font-size: 1.2rem
    }
}

@media screen and (max-width:380px) {
    .tp-payment-method__wrapper {
        overflow: hidden;
    }
}

@media screen and (min-width:1200px) {
    .res-container-xl {
        max-width: 1340px !important;
    }
}

/* Key Insights Responsive */
@media only screen and (max-width: 767px) {
    .key-insight-card {
        padding: 25px 20px;
        margin-bottom: 20px;
    }

    .key-insight-title {
        font-size: 1.25rem;
    }
}

/* Standards Section Responsive */
@media only screen and (max-width: 767px) {
    .standard-card {
        padding: 15px;
        min-height: 100px;
    }

    .standard-logo {
        max-width: 100px;
    }

    .standard-center-card {
        padding: 20px 10px;
    }

    .standard-center-card p {
        font-size: 1rem;
    }
}