@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}

body {
    background: #fff8f2;
    font-family: 'Roboto-Regular';
    font-weight: normal;
    font-style: normal;
    font-size: 0.875rem;
    overflow-x: hidden;
}
 
section.banner_section {
    margin-top: 6rem;
}
video {
    border-radius: 2.5rem;
}
video { width:100%;
}

.header { background:#fff;
}

.hero-wrapper {
    max-width: 87.5rem;
    margin: auto;
}

/* NAVBAR */

.navbar {
    width: 90%;
    margin: 1.875rem auto 0;
    background: #FFFFFFE5;
    border-radius: 3.125rem;
    padding: 0.938rem 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    padding-left: 0.938rem;
}

    .logo span {
        color: #ff8c00;
    }

.nav-links {
    display: flex;
    gap: 2.188rem;
    list-style: none;
    margin-bottom: 0rem;
    padding: 0px;
}

    .nav-links a {
        text-decoration: none;
        color: #2D3542;
        font-size: 1.125rem;
        font-family: 'Roboto-Regular';
        font-weight: 400;
        padding: 1.875rem 0rem;
    }
        .nav-links a:hover {
            color: #FE7C02;
        }
        .nav-links li .active {
            color: #FE7C02;
        }
.connect-btn {
    background: #FE7C02;
    color: #fff;
    height: 3.25rem;
    border: none !important;
    padding: 0.625rem 2.188rem;
    border-radius: 1.625rem;
    cursor: pointer;
    font-size: 1.125rem;
    font-weight: 400;
    font-family: 'Roboto-Regular';
}
nav.navbar {
    margin-top: 6rem;
    margin-bottom: -7rem;
    z-index: 9;
}




.logo img {
    height: 2.813rem;
    margin-top: -0.635rem;
}
/* HERO CONTENT */

.hero-content {
    padding: 5.625rem 5rem;
    max-width: 40.625rem;
    color: #fff;
    margin-top: -40rem;
    position: absolute;
}

    .hero-content h1 {
        font-size: 3.438rem;
        line-height: 1.1;
        font-weight: 400;
        margin-bottom: 1.875rem;
    }

    .hero-content p {
        font-size: 1.375rem;
        line-height: 2.188rem;
        color: #ddd;
        margin-bottom: 2.5rem;
        font-family: 'Roboto-Regular';
        padding-right: 2rem;
    }

.demo-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    background: #FE7C02;
    color: #fff;
    text-decoration: none;
    padding: 0.375rem 0.375rem 0.375rem 1.25rem;
    border-radius: 2.5rem;
    font-weight: 400;
    margin-top: 0.625rem;
    font-size: 1.125rem;
    font-family: 'Roboto-Regular';
}
.demo-btn:hover { 
    text-decoration:none;
    color:#fff;
}

.arrow {
    width: 2.563rem;
    height: 2.563rem;
    background: #fff;
    color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
span.arrow img {
    width: 0.75rem;
    height: auto;
}

/* ARROW */
.arrow2 {
    font-size: 0.75rem;
    margin-left: 0.313rem;
}
.nav-menu > li {
    position: relative;
}
/* DROPDOWN */
.dropdown {
    position: absolute;
    top: 100%;
    z-index: 99;
    background: #FFFFFFE5;
    list-style: none;
    box-shadow: 0 0.313rem 1.25rem rgba(0,0,0,.15);
    display: none;
    padding: 0rem;
}

    .dropdown li a {
        display: block;
        padding: 0.75rem 1.125rem;
        color: #2D3542;
        text-decoration: none;
        border-bottom: 0.031rem solid #000000;
        transition: .3s;
        font-size: 1.125rem;
        font-family: 'Roboto-Regular';
        font-weight: 400;
    }

    .dropdown li:last-child a {
        border-bottom: none;
    }

    .dropdown li a:hover { 
        color: #FE7C02;
    }

/* SHOW DROPDOWN */
.has-dropdown:hover .dropdown {
    display: block;
}
 
 

/* Hamburger */
.menu-toggle {
    display: none;
    font-size: 1.875rem;
    cursor: pointer;
}

/* Hide mobile button */
.mobile-btn {
    display: none;
}


.solution-section {
    display: flex;
    align-items: flex-start;
    gap: 2.5rem;
    max-width: 100%;
}


.solution-title h2 {
    font-size: 3.125rem;
    font-weight: 500;
    color: #2D3542;
    line-height: 1.1;
    text-align: left;
    font-family: 'Roboto-Regular';
}

.solution-content {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
}

.divider {
    width: 0.125rem;
    height: 4.375rem;
    background: #FE7C02;
    margin-top: 0.313rem;
}

.solution-content p {
    font-size: 1.25rem;
    line-height: 1.6;
    color: #4a4a4a;
}
section.explore_section {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.arrow_icon {
    width: 0.625rem !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 0rem !important;
}
.sector_section {
    margin-top: 3rem;
    margin-bottom: 3rem;
}




.service-section {
    width: 100%;
    padding: 5rem 6.25rem;
}

    .service-section .ts {
        max-width: 56.25rem;
    }

        .service-section .ts h3 {
            font-size: 4.688rem;
            line-height: 1.05;
            font-weight: 700;
            color: #2D3542;
            margin-bottom: 1.75rem;
        }

        .service-section .ts p {
            font-size: 1.375rem;
            line-height: 2.188rem;
            color: #2D3542;
            max-width: 50.5rem;
            margin-bottom: 1.75rem;
        }

    .service-section .btn {
        display: inline-block;
        padding: 0.875rem 2rem;
        background: #FE7C02;
        color: #fff;
        text-decoration: none;
        border-radius: 1.875rem;
        font-size: 1.125rem;
        font-weight: 500;
        transition: 0.3s;
    }

 



.clearfix { clear:both;
}


.service-card {
    position: relative; 
}

    .service-card.top-space {
        margin-top: 7.5rem;
    }

    .service-card .image-wrapper {
        position: relative;
        display: inline-block;
    }

        .service-card .image-wrapper img {
            width: 100%;
            max-width: 31.375rem;
            height: 33.375rem;
            object-fit: cover;
            border-radius: 1.25rem;
            display: block;
        }
    .service-card.card1 .image-wrapper img {
        height: 45.688rem;
        max-width: 28.125rem;
    }
    .service-card.card4 .image-wrapper img {
        height: 45.688rem;
        max-width: 28.125rem;
    }

    .service-card .service_btn {
        position: absolute;
        bottom: 2.938rem;
        right: -1.6rem;
        width: 3.25rem;
        height: 3.25rem;
        border-radius: 50%;
        border: none;
        border: 0.438rem solid #fff;
        background: #2D3542;
        color: #fff;
        cursor: pointer;
        font-size: 1.125rem;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .3s;
    }

        .service-card .service_btn:hover {
            background: #FE7C02;
        }

    .service-card .service_txt {
        margin-top: 1.125rem;
        text-align: left;
    }

        .service-card .service_txt h4 {
            font-size: 3.125rem;
            font-weight: 500;
            margin-top: 3rem;
            color: #222;
            margin-bottom: 0.75rem;
        }

    .service-card .line {
        width: 10rem;
        height: 0.125rem;
        background: #FE7C02;
        margin-bottom: 2.125rem;
        margin-top: 2.1rem;
    }

    .service-card .service_txt ul {
        list-style: none;
        padding: 0rem;
    }

        .service-card .service_txt ul li {
            font-size: 1.125rem;
            color: #000000;
            position: relative;
            margin-bottom: 0.75rem;
        }




.bullet {
    width: 1rem;
    height: 1rem;
    border: 0.063rem solid #FE7C02;
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
    display: inline-flex;
    margin-right: 0.5rem;
    top: 0.1rem;
}

    .bullet::after {
        content: "";
        width: 0.438rem;
        height: 0.438rem;
        background: #FE7C02;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.service-card.card1 {
    margin-top: 7.4rem;
}
    .service-card.card2 .service_btn {
        left: -1.1rem;
        bottom: 0.938rem;
    }
.service-card.card4 {
    margin-top: -16rem;
}
.service-card.card3 {
    margin-top: 12.4rem;
}
.service_btn img {
    width: 1.125rem !important;
    height: auto !important;
    border-radius: 0rem !important;
    object-fit: contain !important;
}

.inquiry-section {
    background: #2d3542;
    padding: 3.75rem 1.25rem;
    width: 100%;
}

    .inquiry-section .container {
        max-width: 51.25rem;
        margin: auto;
        text-align: center;
    }

    .inquiry-section .title {
        color: #fff;
        font-size: 3.125rem;
        font-weight: 500;
        margin-bottom: 0.938rem;
    }

    .inquiry-section .underline {
        width: 11.25rem;
        height: 0.125rem;
        background: #FE7C02;
        margin: 0 auto 2.188rem;
    }

    .inquiry-section .form-row {
        display: flex;
        gap: 0.625rem;
        margin-bottom: 0.625rem;
    }

    .inquiry-section .form-control {
        width: 100%;
        padding: 0.75rem 0.938rem;
        border: none;
        border-radius: 0.625rem;
        background: #f3f3f3;
        font-size: 1.125rem;
        outline: none;
        height: 4.063rem;
        margin-bottom: 1.2rem;
        color: #2D3542;
    }
    .inquiry-section .form-control input::placeholder {
    
        color: #2D3542;
    }
    .inquiry-section textarea.form-control {
        height: 7.5rem;
        resize: none;
    }

    .inquiry-section .full-width {
        margin-bottom: 0.625rem;
    }

    .inquiry-section .submit-btn {
        width: 100%;
        background: #FE7C02;
        color: #fff;
        border: none;
        padding: 0.875rem;
        font-size: 1.25rem; 
        border-radius: 0.625rem;
        cursor: pointer;
        text-transform: uppercase;
        transition: 0.3s;
    }

.testimonial-section {
    padding: 5rem 6.25rem;
    text-align: center;
}

    .testimonial-section h2 {
        font-size: 3.125rem;
        color: #2D3542;
        margin-bottom: 3.25rem;
        font-weight: 500;
    }

.testimonial-container {
    max-width: 87.5rem;
    margin: auto;
    display: flex;
    justify-content: center;
    gap: 2.5rem;
    flex-wrap: wrap;
}

.testimonial-item {
    width: 100%;
}

.testimonial-box {
    background: #FE7C02;
    color: #fff;
    padding: 2.5rem 1.563rem;
    border-radius: 1rem;
    min-height: 17.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.7;
    font-size: 1.125rem;
}

.stars {
    margin: 1.25rem 0 0.625rem;
    color: #FE7C02;
    font-size: 1.125rem;
    letter-spacing: 0.188rem;
}

.client-name {
    font-size: 1.125rem;
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.client-role {
    font-size: 1rem;
    color: #000000;
}

.footer_section {
    padding: 5rem 6.25rem 2rem 6.25rem;
    background: #2d3542;
}
    .footer_section h5 {
        color: #fff !important;
        margin-top: 1.2rem;
        margin-bottom: 2rem;
        font-weight: 600;
    }
    .footer_section p {
        color: #b6b6b6;
        font-size: 1rem;
        margin-bottom: 0rem;
    }
.footer_logo {
    margin-bottom: 2rem;
}
    .footer_logo a img {
        width: 9.688rem;
    }
.footer_section a {
    color: #b6b6b6;
}
.footer_section a:hover {
    color: #fff;
    text-decoration:none;
}
p.copyright {
    font-size: 0.75rem;
    color: #fff;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}


.footer_newsletter input {
    width: 100%;
    background-color: transparent;
    border: 0rem;
    border-bottom: 0.063rem solid #626262f5;
    font-size: 1rem;
    padding: 0.5rem 0.813rem;
    color: #b6b6b6;
    outline: 0rem !important;
}

.footer_newsletter input::placeholder {
 
    color: #b6b6b6;
}
 
.footer_newsletter {
    margin-top: 1rem;
}
.footer_arrow {
    position: absolute;
    right: 1.2rem;
    margin-top: -1.9rem;
}
.footer_arrow .fa {
    color: #fff;
    font-size: 1.5rem;
}
    .footer_arrow  .fa:hover {
        color: #fe7c02; 
    }

.footer_section  .mail-txt a {
    position: relative;
    transition: all 0.8s ease;
}

    .footer_section  .mail-txt a:hover {
        background-position: 0 0, 150% 0;
        color: #fe7c02 !important;
    }

        .footer_section .mail-txt a:hover:after {
            width: 100%;
        }

    .footer_section .mail-txt a:after {
        border-bottom: 0.063rem solid #fe7c02;
        transition: all 0.8s ease;
        content: "";
        display: inline-block;
        position: absolute;
        bottom: -0.688rem;
        right: 0;
        width: 0;
    }

.social-bar {
    margin-top: 4rem;
    padding-top: 3rem;
    height: 3.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 0.063rem solid #626262f5;
}

.social-icons {
    display: flex;
    gap: 1.125rem;
}

    .social-icons a {
    
        transition: 0.3s;
    }

        .social-icons a:hover {
            color: #ff8c00;
            transform: translateY(-2px);
        }

    .social-icons img {
        width: 1.563rem;
    }

.fb {
    width: 0.625rem !important;
}
img.x_icon {
    width: 1.063rem;
}
.linked {
    width: 1.125rem !important;
}

/* Hamburger */
.hamburger {
    font-size: 1.75rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.938rem;
}

/* Overlay */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 51%);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s; 
    z-index: 99;
}

/* Sidebar */
.sidebar {
    position: fixed;
    top: 0;
    right: -17.5rem;
    width: 17.5rem;
    height: 100vh;
    display: none;
    align-items: flex-start;
    justify-content: center;
    background: #fff;
    transition: 0.4s ease;
    z-index: 999;
    border-radius: 0.8rem 0rem;
}

    .sidebar.active {
        right: 0;
        width: 75%;
    }

.overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Menu Items */
.menu-list {
    list-style: none;
    padding: 5rem 2rem 0rem 1.5rem;
    width: 100%;
}
    .menu-list li {
        margin-bottom: 0.3rem;
    }

    .menu-list a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #2D3542;
        text-decoration: none;
        font-weight: 400;
        font-size: 1.25rem;
    }

    .menu-list span {
        width: 2.188rem;
        height: 2.188rem;
        background: #fff;
        color: #2f3744;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.875rem;
    }
ul.menu-list li a span img {
    width: 1rem;
}
/* Close Button */
.close-btn {
    position: absolute;
    top: 1.4rem;
    right: 1.2rem;
    transform: translateX(-50%);
    width: 1.563rem;
    height: 1.563rem;
    border: none;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    border: 0.063rem solid #2D3542;
}
    .close-btn .fa {
        color: #2D3542;
        font-size: 0.75rem;
    }
.sidebar .active body {
 overflow:hidden !important;
}


.mobile_view {
    display:none !important;
}

.desktop_view {
    display: block !important;
}

.desktop_icon {display:block !important;
}

.mobile_icon { display:none !important;
}

.azguard-content {
    padding: 0.625rem 5rem;
    max-width: 60rem;
    color: #fff;
    margin-top: -39rem;
    position: absolute;
}

    .azguard-content h1 {
        font-size: 3.438rem;
        line-height: 1.1;
        font-weight: 400;
        margin-bottom: 1rem;
    }
    .azguard-content p {
        font-size: 1.25rem;
        line-height: 2rem;
        color: #ddd;
        margin-bottom: 2.5rem;
        font-family: 'Roboto-Regular';
        padding-right: 7rem;
    }
.az_list {
    padding-left: 0.3rem;
    margin-bottom: 1.8rem;
}
.az_tabs li {
    width: 23%;
}
.img { width:100%;
}
.az_list li {
    list-style: none;
    font-size: 1.375rem;
}
    .az_list li img {
        width: 1.563rem;
        margin-right: 0.5rem;
    }
.service-btn {
    display: inline-flex;
    align-items: center;
    background: #FE7C02;
    color: #fff;
    text-decoration: none;
    padding: 0.575rem 1.875rem 0.575rem 1.875rem;
    border-radius: 2.5rem;
    font-weight: 400;
    margin-top: 0.625rem;
    font-size: 1.125rem;
    font-family: 'Roboto-Regular';
}
.service-btn:hover {
   text-decoration:none;
   color:#fff;
}
section.compliance_section {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
    section.compliance_section h2 {
        font-size: 3.125rem;
        margin-bottom: 2rem;
    }
.compliance_box {
    padding-left: 3.5rem;
}
.az_tabs {
    border-bottom: 0.063rem solid #FE7C02;
}
    .az_tabs .nav-link:hover{
        color: #495057;
        background-color: #ffffff00;
        border-color: #dee2e600 #dee2e600 #ffffff00;
        list-style: circle;
    }
  .az_tabs .nav-link.active {
        color: #495057;
        background-color: #ffffff00;
        border-color: #dee2e600 #dee2e600 #ffffff00;
        list-style: circle;
    }
    .az_tabs .nav-link::before {
        content: "";
        width: 0.75rem;
        height: 0.75rem;
        background: #ffffff00;
        border-radius: 50%;
        display: inline-block;
        margin-right: 0.5rem;
        margin-top: 0.688rem;
    }
    .az_tabs .nav-link.active::before {
        content: "";
        width: 0.75rem;
        height: 0.75rem;
        background: #FE7C02;
        border-radius: 50%;
        display: inline-block;
        margin-right: 0.5rem;
    }
    .az_tabs .nav-link::after {
        content: "";
        width: 0.75rem;
        height: 0.75rem;
        background: #ffffff00;
        border-radius: 50%;
        display: inline-block;
        margin-right: 0.5rem;
        margin-top: 0.688rem;
    }
    .az_tabs li a {
        color: #2D3542;
        font-size: 1.375rem;
        padding-bottom: 1rem;
        padding-left: 0rem;
        text-align: center;
        display: flex;
        justify-content: center;
        padding: .5rem 0rem; 
    }
    .az_tabs li:nth-child(2) {
        width: 20%
    }
    .az_tabs li:nth-child(3) {
        width:18%
    }
    .az_tabs li:nth-child(4) {
        width: 19%
    }

.tab-content p {
    font-size: 1.375rem;
    padding-right: 0.7rem;
    margin-bottom: 3rem;
}
  .tab-content {
        padding-top: 2rem;
    }
.compliance_img { padding-right:1rem;
}
.compliance_img img {
    height: 32rem;
    object-fit: cover;
    border-radius: 1rem;
    margin-top: 0.625rem;
}


.gaurd_section {
    margin-top: 3rem;
    margin-bottom: 3rem;
}


.feature {
    display: flex;
    align-items: center;
    margin-bottom: 2.375rem;
}

/* Icon */

.icon-side { 
    position: relative;
    display: flex;
    align-items: center; 
}


.azgurad_icon img {
    width: 7.375rem;
    margin-left: -0.4rem;
}

.middleware_icon img {
    width: 6.25rem;
}
.healthcare_icon img {
    width: 6.125rem;
}


.icon {
    width: 9.375rem;
    height: 9.375rem;
    background: #FE7C02;
    border-radius: 50%;
    position: relative;
    display: flex;
    z-index: 9;
    justify-content: center;
    align-items: center;
}

    .icon::before {
        content: "";
        position: absolute;
        right: -0.813rem;
        top: 50%;
        transform: translateY(-50%);
        width: 1.625rem;
        height: 1.625rem;
        border-radius: 50%;
        background: #FE7C02;
    }
/* line */
.icon-side:after {
    content: "";
    position: absolute;
    right: -5.9rem;
    width: 5.438rem;
    border: 0.063rem dashed #747474;
}
.circle {
    position: absolute;
    right: -7.875rem;
    width: 3.75rem;
    height: 3.75rem;
    z-index: 9;
    border-radius: 50%;
    border: 0.438rem solid #FE7C02;
    background: #fff;
}

/* Card */
.tentacle_box {
    background: #2f3643;
    color: #fff;
    border-radius: 0.875rem;
    padding: 2rem 5rem 2rem 5rem;
    width: 64%;
    margin-left: 6rem;
    transition: .3s;
}

/*    .tentacle_box:hover {
        transform: translateY(-5px);
        box-shadow: 0 12px 25px rgba(0,0,0,.2);
    }*/

    .tentacle_box h3 {
        font-size: 1.875rem;
        margin-bottom: 1rem;
    }

    .tentacle_box p {
        font-size: 1.375rem;
        line-height: 2rem;
        color: #d8d8d8;
        margin-bottom: 0rem;
    }
.tentacle_img { display:flex;
                align-items:center;
                height:100%;
}

.tentacle_img img {
    height: 43.063rem;
    object-fit: cover;
    border-radius: 1.125rem;
}



.video_box {
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.testimonial_section {
    margin-top: 7rem;
    margin-bottom: 6rem;
}

.testimonial_box {
    background: #FE7C02;
    padding: 5rem 3rem;
    text-align: center;
    border-radius: 2.813rem;
}
    .testimonial_box h2 {
        font-size: 3.125rem;
        color: #fff;
        margin-bottom: 2.2rem;
        margin-top: 0.5rem;
    }
    .testimonial_box p {
        color: #fff;
        font-size: 1.375rem;
        max-width: 46.875rem;
        margin: auto;
    }
span.coma {
    font-size: 8rem;
    height: 7rem;
    display: block;
}
    .testimonial_box .testimonial_name {
        color: #fff;
    }
    .testimonial_box .client_text {
        color: #fff;
    }


.faq_section {
    margin-top: 7rem;
    margin-bottom: 7rem;
}

    .faq_section h2 {
        color: #2D3542;
        font-size: 3.125rem;
        text-align: center;
        margin-bottom: 2rem;
    }

.service_section {
    margin-top: 15rem;
    margin-bottom: 3rem;
}
.service_heading {
    color: #2D3542;
    font-size: 3rem;
    text-align: center;
    margin-bottom: 1.2rem;
}
.service_text {
    color: #2D3542;
    font-size: 1.375rem;
    text-align: center;
    line-height: 2.188rem; 
    margin-bottom:5rem;
}
.service_section .service_card {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    height: 3.75rem;
}

.service_icon img {
    width: 3.313rem;
}
.service_icon2 img {
    width: 3.688rem;
}
.service_icon3 img {
    width: 4.063rem;
}
.service_icon4 img {
    width: 3.688rem;
}
.service_icon5 img {
    width: 3.875rem;
}
.service_icon6 img {
    width: 4.063rem;
}
.service_card h3 {
    color: #2D3542;
    font-size: 1.375rem;
    line-height: 2.188rem;
    font-weight: 600;
    text-transform: uppercase; 
}
.service_content p {
    font-size: 1.375rem;
    line-height: 2.188rem;
}

.service_content {
    margin: 1.6rem 0rem 5rem 0rem;
}


.operational_section {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.service_img {
    display: flex;
    align-items: center;
}
    .service_img img {
        width: 100%;
        height: 54.313rem;
        border-radius: 0.875rem;
        object-fit: cover;
    }


.timeline {
    position: relative;
   
}


.timeline-item {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 2.625rem;
}
.timeline-box {
    position: absolute;
    left: 0rem;
    width: 5rem;
    height: 5rem;
    background: #FE7C02;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.125rem;
    z-index: 0;
    border-radius: 2.813rem 0 0 2.813rem;
}
.timeline-number {
    position: absolute;
    left: 0.625rem;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    background: #243447;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.125rem;
    z-index: 5;
}

.timeline-content {
    margin-left: 4.375rem;
    background: #FE7C02;
    color: #fff;
    border-radius: 0.875rem;
    padding: 2rem 3rem 1rem 4rem;
    width: 100%; 
}

    .timeline-content h3 {
        font-size: 1.375rem;
        line-height: 2.188rem;
        text-transform: uppercase;
        margin-bottom: 0.75rem;
        color: #fff;
        font-weight: 600;
    }

    .timeline-content p {
        font-size: 1.375rem;
        line-height: 1.875rem;
        margin-bottom: 1.125rem;
        color: #fff;
    }

.read-more {
    color: #fff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    font-size: 1.125rem;
    line-height: 2.188rem;
    font-weight: 600;
}
.read-more:hover {
    color: #fff;
    text-decoration: none; 
}
.circle_arrow {
    width: 1.75rem;
    height: 1.75rem;
    background: #2D3542;
    border-radius: 50%;
}

.circle_arrow {
    width: 1.75rem;
    height: 1.75rem;
    display: flex;
    align-items: center;
    background: #2D3542;
    border-radius: 50%;
    margin-left: 0.813rem;
}
span.circle_arrow img {
    width: 0.75rem;
    margin-left: 0.5rem;
}




/* Extra content for scrolling */
.spacer {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.5rem;
}

/* Timeline Section */
.timeline-section {
    position: relative;  
}

.timeline-wrapper {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3.75rem;
}

/* Left Image */
.left-image img {
    width: 20rem;
    border-radius: 0.625rem;
}

/* Timeline */
.timeline {
    position: relative;
    margin-left: 3rem;
}
    
 

/* Grey line */
.line-bg {
    position: absolute;
    left: 2.375rem;
    top: 0;
    width: 0.063rem;
    height: 100%;
    background: #000;
    border-radius: 0.625rem;
}

/* Orange animated line */
.line-fill {
    position: absolute;
    left: 2.375rem;
    top: 0;
    width: 0.063rem;
    height: 0%;
    background: #FE7C02;
    border-radius: 0.625rem;
}

/* Items */
.item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 4.375rem;
    position: relative;
}

/*.circle {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    background: #163d67;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.25rem solid #ff7300;
    font-weight: bold;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
}

 */








@media(max-width:768px) {
    .heading {
        font-size: 2.125rem;
    }

    .slide img {
        height: 23.75rem;
    }

    .badge {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }

    .content p {
        font-size: 1.375rem;
    }

   
}

/* --------End CSS Mobile Slider  --------*/
@media (max-width:1390px) {
    .center p {
        font-size: 0.813rem !important;
    }
}

    @media (max-width:1280px) {
        .nav-links {
            gap: 0.938rem;
        }

            .nav-links a {
                font-size: 0.875rem;
            }

        .connect-btn {
            font-size: 0.875rem;
        }

        .hero-content h1 {
            font-size: 3.125rem;
        }

        .hero-content p {
            font-size: 1.125rem;
            line-height: 1.625rem;
            padding-right: 7rem;
        }

        .demo-btn {
            font-size: 0.875rem;
        }

        .arrow {
            width: 1.938rem;
            height: 1.938rem;
        }

        .hero-content {
            margin-top: -29rem;
            padding: 5.625rem 3rem;
        }
        .azguard-content h1 {
            font-size: 2.438rem; 
        }
        .azguard-content { 
            margin-top: -35rem; 
        }
            .azguard-content p {
                font-size: 1.1rem;
                line-height: 1.5rem; 
            }
        .az_list li { 
            font-size: 1.175rem;
        }
        .service-btn {
            font-size: 0.875rem;
        }
        section.compliance_section h2 {
            font-size: 2.125rem; 
        }
        .az_tabs li a { 
            font-size: 1rem; 
            padding-right: 0rem; 
        }
        .tab-content p {
            font-size: 1rem; 
        }
        .az_tabs li {
            width: 28%;
        }
        .compliance_box {
            padding-left: 0rem;
        }
        .compliance_img img {
            height: 25rem; 
        }
            .az_tabs li:nth-child(2) {
                width: 25%;
            }
            .az_tabs li:nth-child(3) {
                width: 21%;
            }
            .az_tabs li:nth-child(4) {
                width: 23%;
            }
        .az_tabs .nav-link::before { 
            margin-top: 0.388rem;
        }
    }
@media (max-width:1180px) {
    .azguard-content {
        margin-top: -25rem;
    }
        .azguard-content p {
            font-size: 1rem;
            line-height: 1.3rem;
            margin-bottom: 1rem;
        }
        .azguard-content h1 {
            font-size: 2.238rem;
        }
    .az_list li {
        font-size: 1rem;
    }
    .az_list {
        margin-bottom: 0.8rem;
    }

}
    @media (max-width:1100px) {
        .nav-links {
            gap: 0.625rem;
        }

            .nav-links a {
                font-size: 0.75rem;
            }

        .connect-btn {
            font-size: 0.75rem;
        }



        .solution-content p {
            font-size: 0.875rem;
        }

        .hero-content p {
            font-size: 0.875rem;
            line-height: 1.25rem;
            padding-right: 12rem;
        }

        .demo-btn {
            font-size: 0.875rem;
        }

        .arrow {
            width: 1.475rem;
            height: 1.475rem;
        }

        .solution-title h2 {
            font-size: 2.188rem;
        }

        .service-section .ts h3 {
            font-size: 2.688rem;
        }
        .azguard-content {
            margin-top: -25rem;
        }
        .az_list { 
            margin-bottom: 0.8rem;
        }
    }

    @media (min-width: 1200px) {
        .container {
            max-width: 1400px;
        }

        .desktop-p-0 {
            padding: 0rem;
        }
    }

@media (max-width: 1400px) {
    .tab-content p {
    padding-right:0rem;
    }
}

    @media (min-width: 1800px) {
        .service-card.card1 .image-wrapper img {
            height: 43.688rem;
            max-width: 28.125rem;
        }

        .compliance_img img {
            height: 32rem;
        }
        .azguard-content  { 
            margin-top: -42rem; 
        }
      
    }


    /* ======================
   Mobile Responsive
====================== */
    @media (max-width: 992px) {
        .sidebar {
            display: flex;
        }

        .menu-toggle {
            display: block;
        }

        .desktop-btn {
            display: none;
        }

        .nav-links {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            background: #fff;
            flex-direction: column;
            align-items: flex-start;
            gap: 0;
            display: none;
            box-shadow: 0 0.625rem 1.25rem rgba(0,0,0,0.1);
        }

            .nav-links.active {
                display: flex;
            }

            .nav-links li {
                width: 100%;
                border-bottom: 0.063rem solid #eee;
            }

            .nav-links a {
                display: block;
                width: 100%;
                padding: 0.938rem 1.25rem;
            }

        .mobile-btn {
            display: block;
            padding: 0.938rem 1.25rem;
        }

            .mobile-btn .connect-btn {
                width: 100%;
            }

        /* Mobile dropdown */
        .dropdown {
            position: static;
            box-shadow: none;
            display: block;
            background: #fff;
            width: 100%;
            padding-left: 0.6rem;
        }

        .has-dropdown.active .dropdown {
            display: block;
        }

        .dropdown a {
            padding-left: 2.5rem;
        }

        .menu-list .card {
            border-radius: 0rem;
            box-shadow: none !important;
            padding: 0rem !important;
            border: 0rem !important;
        }

        .dropdown li a {
            padding: 0.25rem 0.125rem;
            color: #2D3542;
            border-bottom: 0.031rem solid #00000036;
            display: flex;
            align-items: center;
            font-size: 1.25rem;
            line-height: 1.5rem;
        }

       
  
    }

    @media(max-width:992px) {

        .navbar {
            flex-wrap: wrap;
            gap: 0.938rem;
        }

        .nav-links {
            display: none;
        }

        .hero-content {
            padding: 5rem 5.125rem 5rem 3.125rem;
            margin-top: -28rem;
        }



            .hero-content p {
                font-size: 1.125rem;
            }

        .service-section .ts h3 {
            font-size: 2.688rem;
        }

   
    }

    @media(max-width:900px) {
   
        .testimonial-container {
            gap: 0rem;
            max-width: 100%;
        }

        .testimonial-item {
            width: 100%;
            max-width: 100%;
        }

        .testimonial-section h2 {
            font-size: 2.25rem;
        }
    }

    @media(max-width:768px) {
        .hero-content {
            margin-top: -28rem;
        }



            .hero-content p {
                font-size: 0.875rem;
                margin-bottom: 1.25rem;
                padding-right: 14rem;
            }

        .demo-btn {
            font-size: 0.75rem;
            margin-top: 0rem;
        }

        .solution-section {
            flex-direction: column;
            gap: 1.25rem;
        }

        .solution-content {
            gap: 1rem;
        }

        .solution-title {
            padding-top: 0.8rem;
            display: flex;
        }

            .solution-title h2 {
                font-size: 2.375rem;
            }

        .solution-content p {
            font-size: .72rem;
            line-height: 1rem;
        }

        .divider {
            height: 2.7rem;
        }


        .service-card .service-card.top-space {
            margin-top: 0;
        }

        .service-card .image-wrapper img {
            max-width: 100%;
            width: 100%;
            height: auto;
        }

        .service-card .content h3 {
            font-size: 1.625rem;
        }

        .inquiry-section .form-row {
            flex-direction: column;
        }

        .inquiry-section .title {
            font-size: 2rem;
        }

        .testimonial-section {
            padding: 3rem 2.25rem;
        }
      
        
        section.compliance_section {
            margin-top: 3rem;
            margin-bottom: 1rem;
        }
        .compliance_img img {
            height: 17.938rem;
        }
        video {
            border-radius: 1.5rem;
        }
        .faq_section h2 {
            font-size: 2rem;
        }
     
    }

    @media(min-width:1040px) and (max-width:1250px) {
        .service-card.card1 .image-wrapper img {
            height: 33.688rem;
            max-width: 20.125rem;
        }

        .service-card.card4 .image-wrapper img {
            height: 33.688rem;
            max-width: 20.125rem;
        }

        .service-card .image-wrapper img {
            max-width: 20.375rem;
            height: 20.375rem;
        }

        .service-card .service_txt h4 {
            font-size: 2.125rem;
        }

        .service-section .ts h3 {
            font-size: 4.188rem;
        }
        .navbar {
            width: 100%; 
            padding: 0.938rem 2rem; 
        }
        .connect-btn {
            height: 2.25rem;
            padding: 0.225rem 1.188rem;
            border-radius: 1.325rem;
            font-size: .8rem;
        }
        .service_img { 
            height: 100%;
        }
        .tentacle_box {
            padding: 1.5rem 1rem 1.5rem 3rem;
            width: 100%;
        }
            .tentacle_box p {
                font-size: 1.175rem;
                line-height: 1.6rem; 
            }
            .tentacle_box h3 {
                font-size: 1.475rem;
                margin-bottom: 0.4rem;
            }
    }
@media(max-width:1024px) {

    .service-section .ts h3 {
        font-size: 2.489rem;
        margin-bottom: 1rem;
        padding-right: 8rem;
    }

    .service-section .ts p {
        font-size: .9rem;
        line-height: 1.3rem;
        margin-bottom: 1.2rem;
        padding-right: 0rem;
    }

    .service-section .btn {
        padding: 0.475rem 1rem;
        border-radius: 0.93rem;
        font-size: 0.644rem;
    }


    .service-card.card1 .image-wrapper img {
        height: 20.875rem;
        max-width: 14.985rem;
    }

    .service-section {
        width: 100%;
        padding: 2rem 3.25rem;
    }

    .service-card.card3 {
        margin-top: 0rem;
    }

    .service-card.card4 {
        margin-top: -10rem;
    }

        .service-card.card4 .image-wrapper img {
            height: 17.875rem;
            max-width: 10.985rem;
        }

    .service-card.card1 {
        margin-top: 4rem;
    }

    .service-card .service_txt h4 {
        font-size: 1.564rem;
        margin-top: 0rem;
    }

    .service-card .line {
        margin-bottom: 1.125rem;
        margin-top: 1.1rem;
        width: 7.576rem;
        height: 0.076rem;
    }

    .service-card .service_txt ul li {
        font-size: 1rem;
        margin-bottom: 0.35rem;
    }

    .service-card .image-wrapper img {
        width: 17rem;
        max-width: 17rem;
        height: 16rem;
    }

    .service_btn .mobile_icon {
        display: block !important;
        width: 0.88rem !important;
    }

    .service-card.card3 .service_btn {
        left: -1.6rem;
    }

    .desktop_icon {
        display: none !important;
    }

    .inquiry-section .container {
        max-width: 41.25rem;
    }

    .inquiry-section {
        padding: 2rem 2rem;
    }

        .inquiry-section .form-control {
            padding: 0.75rem 0.938rem;
            border-radius: 0.595rem;
            height: 2.375rem;
            font-size: 0.863rem;
            margin-bottom: 1rem;
            color: #2D3542;
        }

            .inquiry-section .form-control input::placeholder {
                font-size: 0.763rem;
                color: #2D3542;
            }

        .inquiry-section .submit-btn {
            padding: 0.695rem;
            font-size: 0.858rem;
            border-radius: 0.625rem;
        }

        .inquiry-section .title {
            font-size: 2.125rem;
        }

        .inquiry-section .underline {
            width: 8.25rem;
        }

    .testimonial-box {
        line-height: 1.4;
        font-size: 1rem;
    }

    .testimonial-section {
        padding: 3rem 2.25rem;
    }

    .testimonial-box {
        padding: 0.5rem 1.563rem;
        min-height: 11.625rem;
    }

    .testimonial-section h2 {
        font-size: 3rem;
        margin-bottom: 1.25rem;
    }

    .footer_section h5 {
        font-size: 1.2rem;
    }

    .az_tabs li {
        width: 30%;
    }

        .az_tabs li:nth-child(2) {
            width: 20%;
        }

        .az_tabs li:nth-child(3) {
            width: 25%;
        }

        .az_tabs li:nth-child(4) {
            width: 22%;
        }

    .az_tabs .nav-link::before {
        margin-top: 0.448rem;
    }

    .tentacle_box {
        padding: 2rem 1rem 2rem 3rem;
        width: 100%;
    }

        .tentacle_box h3 {
            font-size: 1.675rem;
            margin-bottom: 0.5rem;
        }

        .tentacle_box p {
            font-size: 1.175rem;
            line-height: 1.4rem;
        }

    .icon {
        width: 6.25rem;
        height: 6.25rem;
    }

    .azgurad_icon img {
        width: 5rem;
    }

    .middleware_icon img {
        width: 3.75rem;
    }

    .healthcare_icon img {
        width: 3.75rem;
    }

    .circle {
        right: -7.5rem;
        width: 2.75rem;
        height: 2.75rem;
        border: 0.338rem solid #FE7C02;
    }

    .tentacle_img img {
        height: 30.063rem;
    }

    .compliance_box {
        padding-left: 0.5rem;
    }

    .compliance_img img {
        height: 23.9rem;
    }

    .tab-content p {
        margin-bottom: 2rem;
    }

    .service_section {
        margin-top: 10rem;
    }

    .service_box {
        background: #fff;
        border-radius: 0.375rem;
        padding: 1rem 1rem;
        margin-bottom: 1rem;
    }

    .service_section .line {
        margin-bottom: 1.125rem;
        margin-top: 0.1rem;
        width: 5rem;
        height: 0.076rem;
        background: #FE7C02;
    }

    .service_text {
        font-size: 0.75rem;
        text-align: left;
        line-height: 1.125rem;
        margin-bottom: 2rem;
    }

    .service_card h3 {
        font-size: 0.875rem;
        line-height: 1.188rem;
    }

    .service_heading {
        font-size: 1.375rem;
        text-align: left;
        margin-bottom: 0.5rem;
    }

    .service_content p {
        font-size: 0.75rem;
        line-height: 1.125rem;
    }

    .service_section .service_card {
        height: auto;
    }

    .service_content {
        margin: 0.6rem 0rem 0rem 0rem;
    }

    .service_icon img {
        width: 2.25rem;
    }

    .service_icon2 img {
        width: 2.25rem;
    }

    .service_icon3 img {
        width: 2.125rem;
    }

    .service_icon4 img {
        width: 2.25rem;
    }

    .service_icon5 img {
        width: 2.313rem;
    }

    .service_icon6 img {
        width: 2.313rem;
    }

    .timeline {
        margin-left: 0rem;
    }

    .service_img img {
        height: auto;
    }

    .footer_section {
        padding: 2rem 0rem 2rem 0rem;
    }
}
    @media(min-width:1024px) and (max-width:1100px) {
        .nav-links a {
            padding: 1.875rem 0.2rem;
        }

        .nav-links {
            gap: 0.625rem;
        }
        .service_img {
            display: flex;
            align-items: center;
            height: 100%;
        }
        .logo img {
            height: 2rem; 
        }
        .connect-btn {
            height: 2.25rem;
            padding: 0.225rem 1.188rem;
            border-radius: 1.325rem;
            font-size: .8rem;
        }
        .az_tabs li:nth-child(2) {
            width: 22%;
        }
        .az_tabs .nav-link::before {
            margin-top: 0.348rem;
        }
        .tentacle_box {
            padding: 1.6rem 1rem 1.6rem 3rem;
    
        }
            .tentacle_box p {
                font-size: 1rem; 
            }
    }

    @media(min-width:650px) and (max-width:991px) {
    
      
    }

   






    @media(max-width:991px) {


        nav.navbar {
            margin-top: 0.5rem;
            margin-bottom: 0rem;
            background: none;
            width: 100%;
            padding: 0rem 0rem;
        }

        .logo img {
            height: 2.2rem;
            margin-top: 0.5rem;
        }



        .connect-btn {
            font-size: 0.784rem;
            border-radius: 1.761rem;
            padding: 0.375rem 0.175rem 0.375rem 0.25rem;
            margin-top: 1rem;
            width: 6.265rem;
            width: 7.625rem;
            height: 2.25rem;
            text-align: center;
        }

        .nav-links {
            top: 0rem;
            left: 0;
            width: 100%;
            height: 100vh;
            background: #fff;
            padding: 0rem;
        }

        header {
            margin-bottom: 1rem;
            display: flex;
        }

        .lines {
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
            align-items: flex-end;
            margin-top: 1rem;
            margin-right: 0rem;
        }

            .lines .line {
                height: 0.25rem;
                background: #ff7a00;
                border-radius: 1.563rem;
            }

                .lines .line:nth-child(1) {
                    width: 1.375rem;
                }

                .lines .line:nth-child(2) {
                    width: 0.875rem;
                }

                .lines .line:nth-child(3) {
                    width: 1.375rem;
                }

        .hamburger_box {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-right: 0.1rem;
        }

        .logo {
            padding-left: 0rem;
        }

        .inquiry-section .submit-btn {
            font-size: 0.758rem;
        }

      .video_section {
            padding: 0rem 0rem;
        }

        .mobile_logo {
            position: absolute;
            top: 1rem;
            left: 1.2rem;
        }

            .mobile_logo img {
                height: 1.875rem;
            }


        .demo-btn {
            font-size: 0.784rem;
            padding: 0.375rem 0.175rem 0.375rem 1.25rem;
        }

        span.arrow img {
            width: 0.608rem;
        }

        .solution-section {
            text-align: center;
        }

        .solution-title h2 {
            font-size: 1.275rem;
            text-align: center;
        }


        .solution-content {
            display: flex;
        }
 

        .products_arrow a span img {
            width: 1rem !important;
        }

        .products_arrow a:not(.collapsed) img {
            transform: rotate(180deg);
        }

        .products_arrow a.collapsed img {
            transform: rotate(0deg);
        }

        .dropdown li a span img {
            transform: rotate(0deg) !important;
        }

        .products_arrow a span .products_arrow_top {
            width: 0.813rem !important;
        }

        .mobile_view {
            display: block !important;
        }

        .desktop_view {
            display: none !important;
        }

        section.explore_section {
            margin-bottom: 2rem;
        }

        .sector_section {
            margin-top: 2rem;
            margin-bottom: 2rem;
        }





        /* --------Start CSS Mobile Slider  --------*/


        .slider-wrapper {
            width: 100%;
            text-align: center; 
            margin-top: 1rem;
        }

        .heading {
            font-size: 3rem;
            font-weight: 600;
            margin-bottom: 1.875rem;
            color: #1f2937;
        }

        .slider {
            position: relative;
            overflow: hidden;
        }

        .slide {
            display: none;
            position: relative;
        }

            .slide.active {
                display: block;
            }


            .slide img {
                width: 100%;
                height: 20.125rem;
                object-fit: cover;
                border-radius: 0.938rem;
                display: block;
            }
        /* Dark Overlay */
        .overlay2 {
            position: absolute;
            inset: 0;
            border-radius: 1.875rem;
            background: linear-gradient( to top, rgba(0,0,0,0.65), rgba(0,0,0,0.15) );
        }

        /* Center Badge */

        .badge {
            position: absolute;
            left: 50%;
            top: 61%;
            transform: translate(-50%, -50%);
            background: #fff;
            color: #333;
            padding: .5rem 1.2rem;
            border-radius: 0.946rem;
            font-size: 1rem;
            font-weight: 600;
            z-index: 2;
        }
        /* Content */

        .content2 {
            position: absolute;
            bottom: 0.913rem;
            left: 50%;
            transform: translateX(-50%);
            width: 80%;
            color: #fff;
            z-index: 2;
        }

            .content2 p {
                font-size: 1rem;
                line-height: 1.3rem;
                margin-bottom: 0.438rem;
            }

        .read-more {
            display: inline-flex;
            align-items: center;
            gap: 0.625rem;
            color: #fff;
            text-decoration: none;
            font-size: 1rem;
        }

            .read-more span {
                width: 1.4rem;
                height: 1.4rem;
                border-radius: 50%;
                background: #ff8c00;
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: bold;
            }

        /* Navigation */
        .navigation {
            display: flex;
            justify-content: center;
            gap: 0.625rem;
            margin-top: 1.25rem;
        }


        .nav-btn {
            width: 1.875rem;
            height: 1.875rem;
            border-radius: 50%;
            border: 0.063rem solid #404040;
            background: none;
            background-image: url(../images/arrow_left.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 0.875rem;
            font-size: 0rem;
            cursor: pointer;
            transition: .3s;
        }

        .left_arrow {
            background-image: url(../images/arrow_left.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 0.875rem;
        }

        .right_arrow {
            background-image: url(../images/arrow_right.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 0.875rem;
        }



        .service-section .ts h3 {
            font-size: 2.489rem;
            margin-bottom: 1rem;
            padding-right: 8rem;
        }

        .service-section .ts p {
            font-size: .9rem;
            line-height: 1.3rem;
            margin-bottom: 1.2rem;
            padding-right: 0rem;
        }
        .solution-content p {
            font-size: .9rem;
            text-align: left;
            line-height: 1rem;
        }
        .service-section .btn {
            border-radius: 2.5rem;
            font-size: 0.784rem;
            padding: 0.575rem 1rem 0.575rem 1rem;
        }


        .service-card.card1 .image-wrapper img {
            height: 22.875rem;
            max-width: 16.985rem;
        }

        .service-section {
            width: 100%;
            padding: 2rem 0.8rem;
        }

        .service-card.card3 {
            margin-top: 0rem;
        }

        .service-card.card4 {
            margin-top: -7rem;
        }

            .service-card.card4 .image-wrapper img {
                height: 19.875rem;
                max-width: 12.985rem;
            }

        .service-card.card1 {
            margin-top: 4rem;
        }

        .service-card .service_txt h4 {
            font-size: 1.564rem;
            margin-top: 0rem;
        }

        .service-card .line {
            margin-bottom: 1.125rem;
            margin-top: 1.1rem;
            width: 7.576rem;
            height: 0.076rem;
        }

        .service-card .service_txt ul li {
            font-size: 1rem;
            margin-bottom: 0.35rem;
        }

        .bullet::after {
            width: 0.338rem;
            height: 0.338rem;
        }

        .bullet {
            width: .8rem;
            height: .8rem;
            top: 0.12rem;
        }

        .service-card .image-wrapper img {
            width: 17rem;
            max-width: 17rem;
            height: 17rem;
        }

        .inquiry-section .title {
            font-size: 1.364rem;
        }

        .inquiry-section .underline {
            width: 4.584rem;
            height: 0.051rem;
            margin: 0 auto 1.8rem;
        }


        .tentacle_img {
            align-items: baseline;
        }


        .testimonial-box {
            padding: 1.5rem 1.563rem;
            min-height: 9.621rem;
            line-height: 1.436rem;
            font-size: 1rem;
            width: 73%;
            margin: auto;
        }

        .stars {
            color: #FE7C02;
            font-size: 1.375rem;
            margin: 0.7rem 0 0rem 0rem;
        }

        .client-name {
            font-size: 1.1rem;
            margin-bottom: 0rem;
        }

        .client-role {
            font-size: .9rem;
        }

        .testimonial-section h2 {
            font-size: 1.364rem;
            margin-bottom: 1rem;
        }

        .testimonial-section {
            padding: 2rem 1.25rem 1.5rem 1.25rem;
        }

        .cline {
            width: 6.25rem;
            height: 0.125rem;
            background: #FE7C02;
            margin: 0 auto 0.9rem;
            margin-top: .5rem;
        }

        .footer_section h5 {
            margin-top: 1rem;
            margin-bottom: 1rem;
        }

        .footer_logo {
            margin-bottom: 1rem;
        }

        p.copyright {
            margin-top: .8rem;
            margin-bottom: .8rem;
        }

        p.mail-txt {
            margin-bottom: 1rem;
        }

        .linked {
            width: 1rem !important;
        }

        .social-icons {
            margin-bottom: 1rem;
        }

        .owl-prev {
            left: 1.9rem !important;
        }

        .owl-next {
            right: 1.9rem !important;
        }
        .hero-content h1 {
            font-size: 2.125rem;
            padding-right: 7rem;
        }
        .azguard-content {
            margin-top: -12rem;
            position: relative;
            padding: 0.625rem 3rem;
        }

            .azguard-content h1 {
                color: #ffffff;
                font-size: 2rem;
                text-align: left;
                margin-bottom: 1rem;
            }

            .azguard-content p {
                font-size: 1rem;
                line-height: 1.4rem;
                margin-bottom: 1rem;
                color: #ffffff;
                text-align: left;
                padding-right: 2rem;
            }

        .azguard-mobile {
            margin-top: -8rem;
        }

        .azguard-mobile {
            margin-top: -15rem; 
            width: 100%;
            text-align: center;
        }

            .azguard-mobile h1 {
                display: none;
            }

        .azguard-content .divider {
            width: 6.25rem;
            height: 0.125rem;
            background: #FE7C02;
            margin: 1rem 0 0.9rem;
        }

        .az_list li {
            font-size: 0.75rem;
            color: #fff;
            text-align: left;
        }

            .az_list li img {
                width: 0.75rem;
                margin-right: 0.5rem;
            }

        .service-btn {
            font-size: 0.644rem;
            float: left;
            padding: 0.575rem 1rem 0.575rem 1rem;
        }

        .az_list {
            margin-bottom: 0.4rem;
        }

        .az_list {
            margin-bottom: 0.4rem;
        }

        .compliance_img img {
            height: 12.938rem;
        }

        .compliance_box {
            padding-left: 0rem;
            margin-top: 0.5rem;
        }

        section.compliance_section h2 {
            font-size: 1.375rem;
            text-align: left;
            margin-bottom: .5rem;
        }

        .az_tabs li a {
            font-size: 0.75rem;
            padding-right: 0rem;
        }

        .az_tabs li {
            width: 25%;
        }



        .az_tabs .nav-link::before {
            width: 0.381rem;
            height: 0.381rem;
            margin-top: 0.33rem;
            margin-right: 0.3rem;
        }

        .tab-content p {
            padding-right: 0rem;
            text-align: left;
            font-size: 0.75rem; 
        }
        section.compliance_section {
            margin-top: 6rem; 
        }
        .tab-content {
            padding-top: 1rem;
        }

        .az_list {
            margin-bottom: 0.4rem;
        }

        .compliance_img img {
            height: 16.938rem;
        }

        .compliance_box {
            padding-left: 0rem;
        }

        section.compliance_section h2 {
            font-size: 1.375rem;
            text-align: left;
            margin-bottom: .8rem;
        }

        .az_tabs li a {
            font-size: 0.75rem;
            padding-right: 0rem;
        }

        .az_tabs li {
            width: 25%;
        }

            .az_tabs li:nth-child(2) {
                width: 23%;
            }

            .az_tabs li:nth-child(3) {
                width: 20%;
            }

            .az_tabs li:nth-child(4) {
                width: 21%;
            }

        .az_tabs .nav-link.active::before {
            width: 0.381rem;
            height: 0.381rem;
            margin-top: 0.33rem;
            margin-right: 0.3rem;
        }

        .az_tabs .nav-link::before {
            width: 0.381rem;
            height: 0.381rem;
            margin-top: 0.33rem;
            margin-right: 0.3rem;
        }

        .tab-content p {
            padding-right: 0rem;
            text-align: left;
            font-size: 0.75rem;
            margin-bottom: 1rem;
        }

        .tab-content {
            padding-top: 1rem;
        }

        .gaurd_section .line {
            margin-bottom: 1.125rem;
            margin-top: 0.1rem;
            width: 6.5rem;
            height: 0.076rem;
            background: #FE7C02;
        }

        .feature_box {
            margin-top: 3rem;
        }

        .gaurd_section h3 {
            font-size: 1.375rem;
            margin-bottom: 0.5rem;
        }

     
        .icon {
            width: 6.25rem;
            height: 6.25rem;
        }

        .tentacle_box {
            padding: 2rem 3rem 2rem 3rem;
            width: 100%;
        }

        .azgurad_icon img {
            width: 5rem;
        }

        .middleware_icon img {
            width: 3.875rem;
        }

        .healthcare_icon img {
            width: 3.875rem;
        }

        .circle {
            right: -7.5rem;
            width: 2.75rem;
            height: 2.75rem;
            border: 0.338rem solid #FE7C02;
        }

        .tentacle_img img {
            height: 90%;
        }

        .gaurd_section {
            margin-top: 0rem;
            margin-bottom: 0rem;
        }

        .video_box {
            margin-top: 2.2rem;
            margin-bottom: 0rem;
            padding: 0rem 0rem;
        }

            .video_box video {
                border-radius: 1rem;
            }

        .testimonial_box h2 {
            font-size: 1.375rem;
            margin-bottom: 1.2rem;
        }

        .testimonial_box {
            padding: 2rem 1rem;
            border-radius: 0.5rem;
        }

            .testimonial_box p {
                font-size: 0.666rem;
            }

        span.coma {
            font-size: 3.875rem;
            height: 3rem;
        }

        .testimonial_box p {
            font-size: 0.666rem;
            max-width: 18.875rem;
        }

        .testimonial_section {
            margin-top: 4.5rem;
            margin-bottom: 0rem; 
        }

        .faq_section h2 {
            font-size: 2.5rem;
            margin-bottom: 1rem;
        }

        .faq_section {
            margin-top: 5rem;
            margin-bottom: 5rem;
        }

        .faq_section {
            margin-top: 3rem;
            margin-bottom: 3rem; 
        }

        .service_img {
            margin-bottom: 5rem;
        }
        .service_section {
            margin-top:2rem; 
        }

        .service_video {
            position: relative;
            overflow: hidden;
            border-radius: 0.875rem;
            margin-bottom: 2rem;
        }

            /* Make video fill the container */
            .service_video video {
                width: 100%;
                height: auto;
                display: block;
                object-fit: cover;
                border-radius: 0.875rem;
            }

            /* Dark overlay */
            .service_video::before {
                content: "";
                position: absolute;
                inset: 0;
                background: #2d3542ad;
                z-index: 1;
            } 

            /* Center text */
            .service_video h1 {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: #fff;
                font-size: 1.625rem;
                font-weight: 500;
                margin: 0;
                z-index: 2;
                text-align: center;
            }

        .service_heading {
            font-size: 1.375rem;
            text-align: left;
            margin-bottom: 0.5rem;
        }
        .service_box {
            background: #fff;
            border-radius: 0.375rem;
            padding: 1.4rem 1.4rem;
            margin-bottom: 1rem;
        }
        .service_section .line {
            margin-bottom: 1.125rem;
            margin-top: 0.1rem;
            width: 5rem;
            height: 0.076rem;
            background: #FE7C02;
        }
        .service_text { 
            font-size: 0.75rem;
            text-align: left;
            line-height: 1.125rem;
            margin-bottom: 2rem;
        }
        .service_card h3 {
            font-size: 0.875rem;
            line-height: 1.188rem;
        }
        .service_content p {
            font-size: 0.75rem;
            line-height: 1.125rem;
        }
        .service_section .service_card {
           
            height: auto;
        }
        .service_content {
            margin: 0.6rem 0rem 0rem 0rem;
        }
        .timeline { 
            margin-left: 0rem;
        }
        .item { 
            margin-bottom:0.375rem; 
        }

        .inner_pages .container{ max-width:100%;
        }
        .footer_section .container {
            max-width: 100%;
        }
        .tablet_view {
            max-width: 100%;
        }
        .container {
            max-width: 100%;
        }
    }


@media(max-width:768px) {
    .azguard-content {
        margin-top: -13rem;
    }
}
  
@media(max-width:700px) {
        .service-card.card4 {
            margin-top: 0rem;
        }

        .azguard-content {
            padding: 1.625rem 2rem;
        }
    }

    @media(max-width:480px) {
        .footer_section {
            padding: 3rem .8rem;
            background: #2d3542;
        }

        .hero-content h1 {
            font-size: 1.25rem;
            margin-bottom: 0.625rem;
            padding-right: 0rem;
        }

        .hero-content {
            margin-top: -13.5rem;
            padding: 2.5rem 2.125rem 0.5rem 2.125rem;
            text-align: center;
            position: relative;
        }

            .hero-content p {
                font-size: 0.794rem;
                margin-bottom: 0.625rem;
                line-height: 1rem;
                padding-right: 0rem;
                text-align: center;
            }

        .service-section {
            padding: 1rem 0rem;
            margin-top: 1.1rem;
        }

        .solution-content p {
            font-size: 0.875rem;
            line-height: 1.1rem;
        }

        section.explore_section {
            margin-top: 2rem;
            margin-bottom: 2rem;
        }

        .sector_section {
            margin-top: 1rem;
            margin-bottom: 0rem;
        }

        .divider {
            width: 7.25rem;
            height: 0.125rem;
            background: #FE7C02;
            margin: 0 auto 0.9rem;
            margin-top: .5rem;
        }

        .logo img {
            height: 1.875rem;
            margin-top: 0.5rem 0.5rem;
        }

        .connect-btn {
            font-size: 0.644rem;
            border-radius: 2.5rem;
            height: 1.821rem;
            padding: 0.238rem 0rem;
            margin-top: 1rem;
            width: 5.565rem;
        }

        .solution-content {
            display: block;
        }

        .lines .line {
            height: 0.189rem;
            background: #ff7a00;
            border-radius: 1.563rem;
        }

            .lines .line:nth-child(1) {
                width: 1.375rem;
            }

            .lines .line:nth-child(2) {
                width: 0.875rem;
            }

            .lines .line:nth-child(3) {
                width: 1.375rem;
            }


        .video_box video {
            border-radius: 0.7rem;
        }

        .slide img {
            height: 13.125rem;
        }

        .testimonial_box {
            padding: 1rem 1rem;
        }

            .testimonial_box h2 {
                font-size: 1.375rem;
                margin-bottom: 0.6rem;
            }

        .content2 p {
            font-size: 0.758rem;
            line-height: 0.909rem;
            margin-bottom: 0.438rem;
        }

        .read-more {
            display: inline-flex;
            align-items: center;
            gap: 0.625rem;
            color: #fff;
            text-decoration: none;
            font-size: 0.75rem;
        }

            .read-more span {
                width: 1rem;
                height: 1rem;
                border-radius: 50%;
                background: #ff8c00;
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: bold;
            }

        .content2 {
            bottom: 0.313rem;
        }

        .badge {
            top: 51%;
            font-size: 0.606rem;
            padding: 0.313rem 1rem;
            border-radius: 0.646rem;
        }
        .testimonial_box p {
            font-size: 0.875rem;
            max-width: 100%;
        }
        .solution-title {
            display: block;
        }

        .service-section .ts h3 {
            font-size: 1.489rem;
            margin-bottom: 1rem;
            padding-right: 5rem;
        }

        .service-section .ts p {
            font-size: 0.875rem;
            line-height: 1.1rem;
            margin-bottom: 1.2rem;
            padding-right: 3rem;
        }

        .service-card.card3 {
            margin-top: 0rem;
            float: right;
        }

        .service-card.card4 {
            margin-top: 0rem;
            text-align: left !important;
        }

        .service-card.card1 {
            margin-top: 0rem;
        }

        .service-card.card2 .service_txt {
            float: right;
        }

        .service-card .service_txt h4 {
            font-size: 1.364rem;
            margin-top: 0rem;
        }

        .service-card .service_txt ul li {
            font-size: 0.758rem;
            margin-bottom: 0.35rem;
        }

        .service-card.card1 .image-wrapper img {
            height: 17.875rem;
            max-width: 10.985rem;
        }

        .service-card .image-wrapper img {
            width: 13rem;
            max-width: 15rem;
            height: 13rem;
        }

        .desktop_icon {
            display: none !important;
        }

        .inquiry-section .form-control {
            padding: 0.75rem 0.938rem;
            border-radius: 0.625rem;
            height: 2.375rem;
            font-size: 0.763rem;
            margin-bottom: 1rem;
            color: #2D3542;
        }

        .testimonial-box {
            padding: 1.5rem 1.563rem;
            min-height: 9.621rem;
            line-height: 1.136rem;
            font-size: 0.875rem;
            width: 100%;
        }

        .owl-prev {
            left: -1.625rem !important;
        }

        .owl-next {
            right: -1.625rem !important;
        }

        .client-name {
            font-size: 0.758rem;
            margin-bottom: 0rem;
        }

        .client-role {
            font-size: 0.606rem;
            color: #000000;
        }
         
        .demo-btn {
            font-size: 0.644rem;
            padding: 0.175rem 0.175rem 0.175rem 1.25rem;
        }

        .service-section .btn {
            font-size: 0.644rem;
            border-radius: 2.5rem;
            padding: 0.338rem 1rem;
        }

        .azguard-content {
            margin-top: 3rem;
            position: relative;
            padding: 1.625rem 0rem;
        }

            .azguard-content h1 {
                font-size: 1.375rem;
                margin-bottom: 0rem;
                color: #2D3542;
                text-align: left;
                display: none;
            }

            .azguard-content p {
                font-size: 0.875rem;
                line-height: 1.1rem;
                margin-bottom: 1rem;
                color: #2D3542;
                padding-right: 0rem;
                text-align: left;
            }

        .azguard-mobile {
            margin-top: -8rem;
        }

        section.compliance_section {
            margin-top: 1rem;
            margin-bottom: 1rem;
            padding: 0rem 0rem;
        }

        .azguard-mobile {
            margin-top: -8.8rem; 
            width: 100%;
            text-align: center;
        }

            .azguard-mobile h1 {
                width: 100%;
                color: #fff;
                text-align: center;
                display: block;
            }

        .azguard-content .divider {
            width: 6.25rem;
            height: 0.125rem;
            background: #FE7C02;
            margin: 1rem 0 0.9rem;
        }

        .az_list li {
            font-size: 0.875rem; 
            color: #2D3542;
            text-align: left;
        }

            .az_list li img {
                width: 0.75rem;
                margin-right: 0.3rem;
            }

        .service-btn {
            font-size: 0.644rem;
            float: left;
            padding: 0.575rem 1rem 0.575rem 1rem;
        }

        .az_list {
            margin-bottom: 0.4rem;
        }

        .compliance_img img {
            height: 12.938rem;
        }

        .compliance_box {
            padding-left: 0rem;
            margin-top: 1.5rem;
        }

        section.compliance_section h2 {
            font-size: 1.375rem;
            text-align: left;
            margin-bottom: .8rem;
        }

        .az_tabs li a {
            font-size: 0.75rem;
            padding-right: 0rem;
        }

        .az_tabs li {
            width: 25%;
        }

        .az_tabs .nav-link.active::before {
            width: 0.381rem;
            height: 0.381rem;
            margin-top: 0.33rem;
            margin-right: 0.3rem;
        }

        .az_tabs .nav-link::before {
            width: 0.381rem;
            height: 0.381rem;
            margin-top: 0.33rem;
            margin-right: 0.3rem;
        }

        .tab-content p {
            padding-right: 0rem;
            text-align: left;
            font-size: 0.875rem;
            line-height: 1.1rem;
        }

        .tab-content {
            padding-top: 1rem;
        }

        .az_tabs .nav-link::after {
            content: "";
            width: 0rem;
            height: 0rem;
            margin-right: 0rem;
            margin-top: 0rem;
        }

        .tentacle_img img {
            height: 100%;
        }

        .gaurd_section .line {
            margin-bottom: 1.125rem;
            margin-top: 0.1rem;
            width: 5rem;
            height: 0.076rem;
            background: #FE7C02;
        }

        .gaurd_section h3 {
            font-size: 1.375rem;
            margin-bottom: 0.5rem;
        }

        .gaurd_section .tentacle_box h3 {
            font-size: 0.866rem;
            margin-bottom: 0.5rem;
        }

        .tentacle_box p {
            font-size: 0.636rem;
            line-height: .89rem;
        }

        .icon {
            width: 3.332rem;
            height: 3.332rem;
        }

        .azgurad_icon img {
            width: 2.394rem;
            margin-left: -0.2rem;
        }

        .middleware_icon img {
            width: 1.875rem;
        }

        .healthcare_icon img {
            width: 1.875rem;
        }

        .circle {
            right: -3.875rem;
            width: 1.533rem;
            height: 1.533rem;
            border: 0.228rem solid #FE7C02;
        }

        .tentacle_box {
            padding: 1rem 1rem 1rem 2rem;
            width: 100%;
            margin-left: 3rem;
        }

        .icon-side:after {
            right: -3.9rem;
            width: 3.688rem;
        }

        .feature_box {
            margin-top: 5rem;
        }

        .gaurd_section {
            padding: 0rem 0rem;
            margin-top: 0rem;
            margin-bottom: 0rem;
        }

        .feature {
            margin-bottom: 2rem;
        }

        .icon::before {
            right: -0.413rem;
            width: 0.938rem;
            height: 0.938rem;
        }

        .faq_section {
            margin-top: 3rem;
            margin-bottom: 4rem;
            padding: 0rem 0rem;
        }

            .faq_section h2 {
                font-size: 1.375rem;
                margin-bottom: 1rem;
            }
        .service_img img {
         
            height: 100%; 
        }
        .timeline {
            margin-left: 0rem;
        }

        .timeline-content h3 {
            font-size: 0.783rem;
            line-height: 1.246rem;
            margin-bottom: 0.2rem;
        }

        .timeline-content p {
            font-size: 0.783rem;
            line-height: 1.246rem;
            margin-bottom: 0rem;
        }

        .timeline-content {
            margin-left: 3.375rem;
            padding: 1rem 1rem 1rem 2rem;
        }

        .timeline-number {
            width: 2.614rem;
            height: 2.614rem;
            font-size: 0.783rem;
        }

        .timeline-box {
            width: 4rem;
            height: 3.5rem;
        }
        .line-bg { 
            left: 1.9rem; 
        }
        .line-fill {
            left: 1.9rem;
        }
        .service_img {
            margin-bottom: 3rem;
        }

    }

    @media(max-width:550px) and (min-width:490px) {
        .hero-content h1 {
            font-size: 1.125rem;
            margin-bottom: 1rem;
            padding-right: 0rem;
        }

        .hero-content p {
            padding-right: 1rem;
        }

        .hero-content {
            margin-top: -21rem;
        }
    }

   

    @media(max-width:820px) and (min-width:750px) {
        .col-sm-push-6 {
            left: 50%;
        }

        .col-sm-pull-6 {
            right: 50%;
        }
    }

    @media(max-width:750px) and (min-width:620px) {
        .col-sm-push-6 {
            left: 50%;
        }

        .col-sm-pull-6 {
            right: 50%;
        }

        .owl-prev {
            left: 1.9rem !important;
        }

        .owl-next {
            right: 1.9rem !important;
        }

        .service-card .service_txt h4 {
            font-size: 1.264rem;
        }

        .service-card .service_txt ul li {
            font-size: .8rem;
            margin-bottom: 0.25rem;
        }

        .service-card .image-wrapper img {
            width: 13rem;
            max-width: 13rem;
            height: 13rem;
        }
        .hero-content {
            margin-top: -17rem; 
            padding: 0rem 2.125rem 2rem 3.125rem;
        }
        .hero-content h1 { 
            margin-bottom: 1.375rem;
        }

        .azguard-content p { 
            padding-right: 0rem;
        }

        .azguard-content p {
            font-size: 0.75rem;
            line-height: .9rem;
            padding-right: 0rem;
            margin-bottom: 0.8rem;
            color: #2D3542;
        }
        .az_list li { 
            color: #2D3542; 
        }
        .az_tabs li {
            width: 30%;
        }
            .az_tabs li:nth-child(2) {
                width: 25%;
            }
            .az_tabs li:nth-child(3) {
                width: 22%;
            }
            .az_tabs li:nth-child(4) {
                width: 23%;
            }
        section.compliance_section h2 {
          
            margin-bottom: 0.3rem;
        }
        
        .tentacle_img {
            align-items: baseline;
        }

        section.compliance_section {
            margin-top: 4rem;
            margin-bottom: 1rem;
        }
        section.compliance_section {
            margin-top:4rem;
            margin-bottom: 1rem;
        }
        .service-section .ts h3 { 
            padding-right: 0rem;
        }
        .azguard-content {
            margin-top: 11rem;
            padding: 0.625rem 0rem;
        }
            .azguard-content h1 {
                font-size: 1.5rem;
                margin-bottom: 0.5rem;
                color: #2D3542;
                display: none;
            }
        .azguard-mobile h1 { 
            display: block !important;
            color: #fff;
            text-align: center;
        }
        .azguard-content.mobile_view.azguard-mobile {
            margin-top: -12.8rem;
        }
        .compliance_section .col-sm-7 {
            padding: 0px;
        }
       
        .az_tabs li a {
            font-size: 0.6rem;
            padding-right: 0rem;
        }
        .az_tabs .nav-link.active::before {
         
            margin-top: 0.23rem; 
        }

    }

@media(max-width:650px) and (min-width:550px) {
    /*.col-sm-push-6 {
            left: 50%;
        }

        .col-sm-pull-6 {
            right: 50%;
        }*/
    .hero-content h1 {
        font-size: 1.525rem;
    }

    .hero-content p {
        font-size: 0.875rem;
        margin-bottom: 1.25rem;
        padding-right: 0rem;
    }

    .hero-content {
        margin-top: -21rem;
    }

    .service-card.card1 .image-wrapper img {
        height: 15.875rem;
        max-width: 10.985rem;
    }

    .service-card .image-wrapper img {
        width: 11rem;
        max-width: 11rem;
        height: 10rem;
    }

    .service-card .service_txt h4 {
        font-size: 1.264rem;
        margin-top: 0rem;
    }

    .service-section .ts h3 {
        font-size: 2rem;
        padding-right: 2rem;
    }

    .azguard-content {
        margin-top: -14rem;
    }

    .azguard-content {
        margin-top: 6rem;
        position: relative;
        padding: 1.625rem 0rem;
    }

        .azguard-content h1 {
            font-size: 1.375rem;
            margin-bottom: 0rem;
            color: #2D3542;
            text-align: left;
            display: none;
        }

        .azguard-content p {
            font-size: 0.75rem;
            line-height: 1rem;
            margin-bottom: 1rem;
            color: #2D3542;
            padding-right: 0rem;
            text-align: left;
        }

    .azguard-mobile {
        margin-top: -8rem;
    }

    .azguard-mobile {
        margin-top: -12rem;
        width: 100%;
        text-align: center;
    }

        .azguard-mobile h1 {
            width: 100%;
            color: #fff;
            text-align: center;
            display: block;
        }

    .azguard-content .divider {
        width: 6.25rem;
        height: 0.125rem;
        background: #FE7C02;
        margin: 1rem 0 0.9rem;
    }

    .az_list li {
        font-size: 0.75rem;
        color: #2D3542;
        text-align: left;
    }

        .az_list li img {
            width: 0.75rem;
            margin-right: 0.5rem;
        }

    .service-btn {
        font-size: 0.644rem;
        float: left;
        padding: 0.575rem 1rem 0.575rem 1rem;
    }

    .az_list {
        margin-bottom: 0.4rem;
    }

    .timeline {
        margin-left: 0rem;
    }
  
}
@media(max-width:660px) and (min-width:640px) {
    .hero-content {
        margin-top: -15rem;
        padding-right: 10rem;
    }

    .azguard-content p {
        color: #2D3542;
    }
}
    @media (max-width: 390px) {
        .service-section .ts h3 {
            padding-right: 1.8rem;
        }

        .service-section .ts p {
            padding-right: 0rem;
        }

        .azguard-mobile {
            margin-top: -8rem;
        }

        .hero-content { 
            padding: 3.5rem 2.125rem 0.5rem 2.125rem; 
        }
    }